/*CSS STYLES FOR LAYOUT*/
body {
	margin: 0px;
	padding: 0px;
	height:100%;
	background-image: url(layout/background_extend_bottom.jpg);
	background-repeat: repeat;
}
.extendtop {
	background-image: url(layout/background_extend_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-attachment: fixed;
	border: none;
}
.extendmenu {
	background-image: url(layout/background_extend_menu.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border: none;
}
.extendbottom {


	background-image: url(layout/background_extend_bottom.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.outerbox {
	background-image: url(layout/background_outerbox.gif);
	background-repeat: repeat;
	background-position: top;
	margin: 10px 10px 0px 0px;
}
.innerbox {
	background-image: url(layout/background_innerbox.gif);
	background-repeat: repeat;
	background-position: top;
	margin: 0px;
}

.headerboxleft {
	background-image: url(layout/background_innerbox.gif);
	background-repeat: repeat;
	background-position: top;
	margin: 0px;
	border-bottom: thin dotted #C44F00;
	border-top: none;
	border-right: thin dotted #C44F00;
	border-left: none;
}
.headerboxright {
	background-image: url(layout/background_innerbox.gif);
	background-repeat: repeat;
	background-position: top;
	border-bottom: thin dotted #C44F00;
	border-top: none;
	border-right: none;
	border-left: none;
}
.leftcolumn {
	background-image: url(layout/background_innerbox.gif);
	background-repeat: repeat;
	background-position: top;
	margin: 0px;
	border-bottom: none;
	border-top: none;
	border-right: thin dotted #C44F00;
	border-left: none;
}
.content {
	margin: 0px;
	background-color: #E4E4E4;
	top: 10px;
}

img.randomimages {  
	border-style:solid;
	border-width:2px;
	border-color: #E4E4E4;
	margin: 0px 10px 0px 10px; }

.randomimages A:link {border-color: #E4E4E4;}
.randomimages A:visited {border-color: #E4E4E4;}
.randomimages A:hover {border-color: #C44F00;}
.randomimages A:active {border-color: #E4E4E4;}

.tablerandomimages {  
	text-align: center;
}

.playerimage {
	text-align: right;
	border-bottom: thin dotted #C44F00;
	border-top: thin dotted #C44F00;
	border-right: thin dotted #C44F00;
	border-left: thin dotted #C44F00;
}
.playername {
	text-align: left;
    font-family: Georgia, Palatino, Trebuchet MS, Verdana;	
    font-size: 18px;
	color: #999999;
	font-weight: bold;
}
.playercontent {
	text-align: left;
	font-family: Georgia, Palatino, Trebuchet MS, Verdana;
	font-size: 11px;
	color: #9E9E9E;
}
.playercategory {
	padding-left: 10px;
	text-align: left;
	font-family: Georgia,Palatino,Trebuchet MS,Verdana;
	font-size: 12px;
	color: #CC3333;
}

.playercategory A:link {color: #CC3333; text-decoration: underline;}
.playercategory A:visited {color: #CC3333; text-decoration: underline;}
.playercategory A:hover {color: #003333; text-decoration: underline; background-color:#AECBE6;}
.playercategory A:active {color: #003333;}

.playerbox {
	background-image: url(layout/background_innerbox.gif);
	background-repeat: repeat;
	background-position: top;
	margin: 0px;
	border-bottom: thin dotted #C44F00;
	border-top: thin dotted #C44F00;
	border-right: thin dotted #C44F00;
	border-left: thin dotted #C44F00;
}
.teampic {
	text-align: center;
}
img.teampic {
	border-style:solid;
	border-width:2px;
	border-color: #18324B;
	margin: 20px 20px 20px 20px;
}
.teamcat {
	padding-left: 10px;
	padding-bottom: 5px;
	text-align: left;
	font-family: Georgia,Palatino,Trebuchet MS,Verdana;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}
.teamcat2 {
	padding-left: 10px;
	text-align: left;
	font-family: Georgia,Palatino,Trebuchet MS,Verdana;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
}

#tablist{
	padding: 3px;
	padding-bottom: 20px;
	//margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 2px;
}

#tablist li{
	list-style: none;
	display: inline;
	margin: 1;
	padding-bottom: 20px;
}

#tablist li a{
    margin-left: 0px;
    padding: 4; 
}

#tablist A:link {color: #CC3333; text-decoration: underline;}
#tablist A:visited {color: #CC3333; text-decoration: underline;}
#tablist A:hover {color: #003333; text-decoration: underline; background-color:#AECBE6;}
#tablist A:active {color: #003333;}

#tablist li a.current{
}

#tabcontentcontainer{
	float:left;
	width: 400px;
	/* Insert Optional Height definition here to give all the content a unified height */
	padding-left: 10px;
	padding-bottom: 20px;
	height: 100%;
	border-style: solid;
	border-color: #E1E1E1;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	left: 50%;
	/*margin-left: -344px; 
	position: absolute;
	background: #FFFFFF;*/
}

#tabcontentcontainer_large{
	float:left;
	width: 500px;
	/* Insert Optional Height definition here to give all the content a unified height */
	padding-left: 10px;
	padding-bottom: 20px;
	height: 100%;
	border-style: solid;
	border-color: #E1E1E1;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	left: 50%;
	/*margin-left: -344px; 
	position: absolute;
	background: #FFFFFF;*/
}

.tabcontent{
	display:none;
}

#rightmenu {
	width: 200px;
	float: right;
	border-style: dotted;
	border-left-width: 2px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-color: #EFEFEF;
	padding-left: 20px;
	padding-top: 10px;
	margin-bottom: 10px;
}

#rightmenu_small {
	width: 100px;
	float: right;
	border-style: dotted;
	border-left-width: 2px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-color: #EFEFEF;
	padding-left: 20px;
	padding-top: 10px;
	margin-bottom: 10px;
}

.rightmenu_item {
	margin-bottom: 10px;
	font-size: 12px;
	font-family: Georgia,Palatino,Trebuchet MS,Verdana;
}

.rightmenu_item A:link {color: #CC3333; text-decoration: underline; margin-left: 10px;}
.rightmenu_item A:visited {color: #CC3333; text-decoration: underline; margin-left: 10px;}
.rightmenu_item A:hover {color: #003333; text-decoration: underline; background-color:#AECBE6; margin-left: 10px;}
.rightmenu_item A:active {color: #003333; margin-left: 10px;}

#main {
	color: #333333;
	line-height: 140%;
	padding-top: 20px;
	margin: auto;
	background-color: transparent;
	height: 100%;
}
.form_fields {
	margin-left: 25%;
	border: 1px solid #B2B2B2;
	background-color: #FCFCFC;
	padding: 25px;
	width: 280px;
	text-align: right;
}

.form_fields textarea, input, select {
	font-family: Trebuchet MS;
	font-size: 11px;
	background: #f0f0f0;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	margin: 2px;
}
div.row {
  	clear: both;
  	padding-top: 10px;
}

div.row span.label {
  	float: left;
 	width: 120px;
	text-align: right;
  }

div.row span.form {
  	float: right;
  	width: 400px;
 	text-align: right;
  }

.articleheader {
	text-align: left;
    font-family: Georgia, Palatino, Trebuchet MS, Verdana;	
    font-size: 18px;
	color: #999999;
	font-weight: bold;
}

.articlecontent {
	text-align: left;
	font-family: Georgia, Palatino, Trebuchet MS, Verdana;
	font-size: 12px;
	color: #333333;
}

.articlecontent A:link {color: #CC3333; text-decoration: underline;}
.articlecontent A:visited {color: #CC3333; text-decoration: underline;}
.articlecontent A:hover {color: #003333; text-decoration: underline; background-color:#AECBE6;}
.articlecontent A:active {color: #003333;}


.articlered {
	padding-left: 10px;
	text-align: left;
	font-family: Georgia,Palatino,Trebuchet MS,Verdana;
	font-size: 12px;
	color: #CC3333;
}

.floatright {
	float: right;
	margin: 0 0 10px 10px;
}

.floatleft {
	border: 1px #E4E4E4;
	float: left;
	margin: 0 10px 0px 10px;
}


#leftmenu {
	padding-left: 2px;
	padding-top: 2px;
	margin-bottom: 10px;
}

.links {
	text-align: left;
	font-family: Georgia, Palatino, Trebuchet MS, Verdana;
	font-size: 12px;
	color: #333333;
	padding: 0 0 0 20;
}

.links A:link {color: #CC3333; text-decoration: underline;}
.links A:visited {color: #CC3333; text-decoration: underline;}
.links A:hover {color: #003333; text-decoration: underline; background-color:#AECBE6;}
.links A:active {color: #003333;}

.links_text {
	margin-left: 50%;
}

/*CSS STYLES FOR PRINT PREVIEW*/
.content_print {
	margin: 0px;
	background-color: #FFFFFF;
	top: 10px;
}


/* MINICAL: 
	font for calendar day name */
	div.dayfont_mini { color:#CC3333; font-family: Georgia, Palatino, Trebuchet MS, Verdana; font-size: 11px; font-style: normal; font-weight: normal; }
/* font for calendar date numbers */
	div.datenumfont_mini { color:#CCCCCC; font-family: Georgia, Palatino, Trebuchet MS, Verdana; font-size: 11px; font-style: normal; font-weight: normal; }
	a.datenumfont_mini { color: #CCCCCC; font-family: Georgia, Palatino, Trebuchet MS, Verdana; font-size: 11px; font-style: normal; font-weight: normal; }
	a.datenumfont_mini:visited { color: #CCCCCC; font-family: Georgia, Palatino, Trebuchet MS, Verdana; font-size: 11px; font-style: normal; font-weight: normal; }
/* color and font for normal text */
	div.normalfont_mini { color:#FFFFFF; font-family: Georgia, Palatino, Trebuchet MS, Verdana; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; }
	table.normalfont_mini { color:#FFFFFF; font-family: Georgia, Palatino, Trebuchet MS, Verdana; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; }
	a.normalfont_mini:link { color: #FFFFFF; text-decoration:none }
	a.normalfont_mini:visited { color: #FFFFFF; text-decoration: none; }
	a.normalfont_mini:hover { color: #FFFFFF; text-decoration: underline; }
	/* small cal month font */
	table.smallcalmth_mini { color:#000000; font-family: Georgia, Palatino, Trebuchet MS, Verdana; font-size: 11px;}
	div.smallcalmth_mini { color:#000000; font-family: Georgia, Palatino, Trebuchet MS, Verdana; font-size: 11px;}
	a.smallcalmth_mini { color:#000000; font-family: Georgia, Palatino, Trebuchet MS, Verdana; font-size: 11px; }
	a.smallcalmth_mini:visited { color:#000000; font-family: Georgia, Palatino, Trebuchet MS, Verdana; font-size: 11px; }
	td.smallcalmth_mini { background-color: #993300; }
	td.todayclr { background-color: #FFFFC0; }
	/* small event font */
	div.smallcalev { color:#0020A0; font-family: Georgia, Palatino, Trebuchet MS, Verdana; font-size: 10px; }
	div.smallcalevtime { color:#000000; font-family: Georgia, Palatino, Trebuchet MS, Verdana; font-size: 10px; }
	a.smallcalev { color:#0020A0; font-family: Georgia, Palatino, Trebuchet MS, Verdana; font-size: 10px; }
	a.smallcalev:hover { color:#FF2040; font-family: Georgia, Palatino, Trebuchet MS, Verdana; font-size: 10px; }
	/* format event borders in calendar month view */
	table.eventborder { border: solid #D0C0C8; border-bottom-width:1px;border-top-width:0px;border-left-width:0px;border-right-width:0px;}
	td.eventborder { border:solid #D0C0C8; border-bottom-width:0px;border-top-width:0px;border-left-width:1px;border-right-width:0px;}
	td.eventtimeborder { border: solid #884084; border-bottom-width:0px;border-top-width:0px;border-left-width:0px;border-right-width:0px;}

/*Results Table*/
td.reslutscat {border: solid #CCCCCC; border-bottom-width:1px;border-top-width:0px;border-left-width:0px;border-right-width:1px;}
td.resultsdata { border: solid #CCCCCC; border-bottom-width:1px;border-top-width:0px;border-left-width:1px;border-right-width:0px;}

.footer {
	padding-left: 10px;
	text-align: left;
	font-family: Georgia,Palatino,Trebuchet MS,Verdana;
	font-size: 11px;
	color: #CC3333;
}

.footer A:link {color: #CC3333; text-decoration: underline;}
.footer A:visited {color: #CC3333; text-decoration: underline;}
.footer A:hover {color: #003333; text-decoration: underline; background-color:#AECBE6;}
.footer A:active {color: #003333; text-decoration: underline; background-color:#AECBE6;}

div.leftmenu ul, 
div.leftmenu ul li { list-style: none; }

div.leftmenu ul li ul li a,
div.leftmenu ul li ul li a:active,
div.leftmenu ul li ul li a:visited
{
	text-decoration: none;
	font-weight: bold;
	line-height: 12px;
	color: #CCCCCC;
	padding: 2px 0px 2px 25px;
}

div.leftmenu ul li ul li a:hover
{
	text-decoration: none;
	font-weight: bold;
	line-height: 12px;
	color: #CCCCCC;
	padding: 2px 0px 2px 25px;
}

.formerror {
	border: 1px solid red;
	background-color : #FFCCCC;
	width: auto;
	padding: 5px 0 0 10px;
	text-align: left;
	font-family: Georgia,Palatino,Trebuchet MS,Verdana;
	font-size: 12px;
}

.errortext {
  padding-left: 80px;
  font: bold smaller sans-serif;
}

.formthank {
  border: 1px solid red;
  background-color : #D3E5FA;
  width: auto;
  padding: 5px 5px 5px 5px;
}

.contacttext {
  padding-left: 80px;
  text-align: left;
}

label {
  width: 80px;
  text-align: right;
  float: left;
}