/* 	Master CSS File for SectionXSports Date: 6/16/2007 Author: Peter Franceschi  Owner: Kntx */ 


body { margin: 0; padding: 0; background: url(/images/bkg_main.gif) repeat-x; background-color: white; font-family: Tahoma, Arial, Verdana; }
img { border: 0; padding: 0; }
input, select, textarea, checkbox, radio { background-color: #e3e3e3; border: 1px solid #9b9b9b; padding: 3px; /*font-family: Tahoma; font-size: 11px;*/ }

h2 { font: 18px Arial, Tahoma, Verdana; color: black; background-color: #cecece; padding: 10px; }
h3 { font: 18px Arial, Tahoma, Verdana; color: white; margin: 0; padding: 5px 0 10px 0; }
h4 { font: 18px Arial, Tahoma, Verdana; color: black; margin: 0; padding: 0px 0 5px 0; }
p { font: 12px Arial, Tahoma, Verdana; } 
a:link { font: 12px Arial, Tahoma, Verdana; text-decoration: underline; color: black; font-weight: bold; }
a:visited { font: 12px Arial, Tahoma, Verdana; text-decoration: underline; color: black; font-weight: bold; }
a:hover { font: 12px Arial, Tahoma, Verdana; text-decoration: none; color: red; font-weight: bold; }
a:active { font: 12px Arial, Tahoma, Verdana; text-decoration: underline; color: black; font-weight: bold;}

#container { width: 100%; height: 100%;}
#main { width: 963px; position: absolute; left: 50%; margin-left: -481px;}

.tiny, .tiny a, .tiny a:hover {font: 10px normal tahoma;}
.tiny a{text-decoration:underline;}
.tiny a:hover{text-decoration:none;} 


/*changes 8/12/07*/
h1 { font: 20px Arial, Tahoma, Verdana; font-weight: bold; color: black;margin:0px 0 8px;}
h5 { font: 12px Arial; margin:0;}
h6 { font: bold 12px Arial; margin:0;}
#left,#leftLarge { background-color: white; width: 380px; height:100%; float: left; padding: 0 10px 10px 10px;}
	#insideRightCol{float:right;  padding-right:20px;}
		#insideRightCol ul li{display:block; line-height:12px; background:url(../images/link_arrow.gif) no-repeat 0px 6px; padding-left:6px;}
			#insideRightCol ul li a{font:normal 11px tahoma;}
#leftLargeStats{background-color: white}
#leftLarge{width:690px;clear:both;border-bottom:4px solid #cccccc;margin-bottom:16px; padding-top:16px;}
	.photo_article {display:block;float:right; margin: 0 12px 12px 0; width:380px;}
	.photo_article img{border: 2px solid black;}
		.byLine{padding:4px;font:11px tahoma; background-color:#CCCCCC;}
	.photoSmall {display:block;float:right; margin: 0 12px 12px 0; width:200px;}
	.photoSmall img{border: 2px solid black;}
		.byLineSmall{padding:4px;font:11px tahoma; background-color:#CCCCCC;}
	#leftLarge a{font:inherit; color:black;}
#right { width: 230px; height:100%; float: right; padding: 0;}
#rightRelatedLinks{}
#rightRelatedLinks a{margin-left:10px;}
.scheduleTable{border:0px;border-bottom:2px solid #006699;}
	.scheduleTable td{ background-color:#E9E9E9; font-size:12px; }
	.scheduleTable th{background-color:#006699; text-align:center;font-size:14px; color:white; font-style:normal;}
	.scheduleTable td.scheduleLose{border-left:2px solid red;padding-left:4px;}
	.scheduleTable td.scheduleWin{border-left:2px solid green;padding-left:4px;}
	.scheduleTable tr.scheduleHome td{background-color:#FFFFCC;}
#calendar { width: 214px; background: url(/images/bkg_calendar.gif) repeat-x; padding: 8px;}

#grayBox,#potw {background-color: #e5e5e5; padding: 10px; height:auto; display:block;}

.statsTable{border:0px;border-bottom:1px solid #666666; width:100%;}
	.statsTable td{font-size:11px;border:1px solid #cccccc; padding:2px;}
	.statsTable th{background-color:#999999; text-align:left;font-size:11px; color:white; font-weight:normal; padding:4px;}
	.statsTable th+th{border-left:1px solid #cccccc;}
	.statsTable tr.odd td{background-color:#ffffff;}
	.statsTable tr.primaryHeader th{background-color:#000000; text-align:center;font-size:11px; color:#cccccc;font-weight:normal;padding:4px;}
	.statsTable td a{font-size:11px;}

.tabHolder{}
	ul.frontTabMenu li {list-style-type: none; list-style-image: none; display: inline; float: left; width:100px; line-height:12px;}
/*  */
	ul.frontTabMenu {margin: 12px 0 0 0;  padding:0; line-height:12px;}
		li.frontTabOn {padding: 0 0 3px 14px; background:url(/images/frontTabArrow.gif) no-repeat 0px 4px;}
		li.frontTabOff {background: none; padding: 0 0 3px 14px;}
			.frontTabOn a{font: normal 11px tahoma !important; color:red !important;}
				.frontTabOn a:hover{font: normal 11px tahoma !important;}
			.frontTabOff a{font: normal 11px tahoma !important;}
				.frontTabOff a:hover{font: normal 11px tahoma !important;}
	
	.frontTabSeparator{position:relative; width:100%;margin-left:-10px;padding:4px; border-bottom:solid 3px #F2F2F2;clear:both;margin-bottom:4px;}	

	 ul.tabMenu li {list-style-type: none; list-style-image: none; display: inline; float: left;}
	 /*  */
	.tabMenu { padding: 1px 3px 3px 3px; margin: 8px 0 0 0; /*padding-bottom:-2px; */}
	.tabMenu li a{display:block;}
	.tabMenu li {line-height:12px; vertical-align:bottom;}
	.tabMenu li a:link { font: 11px Tahoma, Arial, Verdana; color: #993333; text-decoration: none;}
	.tabMenu li a:visited { font: 11px Tahoma, Arial, Verdana; color: #993333; text-decoration: none;}
	.tabMenu li a:hover { font: 11px Tahoma, Arial, Verdana; color: red; text-decoration: none;}
	.tabMenu li a:active { font: 11px Tahoma, Arial, Verdana; color: #993333; text-decoration: none;}
 	

		li.tabOn, li.tabDoubleOn { background: url(/images/bkg_tab_on.gif) repeat-x top; border-top: 1px solid #993333; border-left: 1px solid #993333; border-right: 1px solid #993333; padding: 0 5px 3px 5px; background-color: white;}
		li.tabOff, li.tabDoubleOff { background: url(/images/bkg_tab_off.gif) repeat-x bottom; border-top: 1px solid #993333; border-left: 1px solid #993333; border-right: 1px solid #993333; background-color: white; padding: 0 5px 3px 5px;}
		.tabDoubleOn, .tabDoubleOff{height:29px;width:60px;}
		
		
	div.stopButton,.tabAuxButton{float:right;height:20px;padding-top:5px;font:normal 11px tahoma;}
	a.stopButton,a.tabAuxButton{ font:inherit;color:#999999;text-decoration:none;}
	a.stopButton:hover,a.tabAuxButton:hover{text-decoration:underline;color:black;}
	
	
.thumbContainer{
	display:inline; position:relative;  height: 200px;  
}
.thumbContainer table{display:inline;font: normal 11px tahoma; }
.thumbContainer table tr td{display:block; width:175px; padding:4px;background-color:#efefef;}
.thumbContainer img{padding:24px 24px 14px 24px;}
.thumbContainer tr + tr{background-color:#CCCCCC;}


.commentTitle{font:normal 14px Arial; background-color:#B7B7B7; border-bottom:1px solid #999999; padding:4px; clear:both;}
	.commentTitle a{font:normal 12px Arial; text-decoration:none; border-bottom: 1px dotted black;}
	
.commentBody{padding:4px 12px 4px 12px; background-color:#CCCCCC;}
.commentFooter{ text-align:right;font:normal 11px tahoma; background-color:#C9C9C9; color:#999999; padding:4px; margin-bottom:14px;}
    


.schoolHomeSports, .schoolHomeSports a{ font:normal 12px tahoma;}
.schoolHomeSports {padding-bottom:12px;}


#sportsTabDrop,#schoolsTabDrop,#teamsTabDrop,#miscTabDrop{ background-repeat: no-repeat; background-position: left top; display: block; height: auto; width: 220px; position: absolute; z-index:12; padding:18px 10px 12px 10px; font: normal 11px tahoma; line-height:16px; color:white;background-image: url(../images/bkg_top_nav_sports.gif);}
	#sportsTabDrop,#miscTabDrop,#schoolsTabDrop{display:none;top:192px;}
	#schoolsTabDrop div,#sportsTabDrop div,#miscTabDrop div{width:49%; float:left;}
		#schoolsTabDrop div a,#sportsTabDrop div a,#miscTabDrop div a{font: normal 11px tahoma;}
		
			#sportsTabDrop a,#teamsTabDrop a,#schoolsTabDrop a,#miscTabDrop a{text-decoration:underline;color:white;font:inherit;}
			#clearTab{position:absolute;width: 260px;top:192px;display:none;z-index:11;background-color:#006699;}


	

#middle { width: 300px; padding: 0 10px 0 10px; height:100%; float: left;}


#header { width: 100%; height: 90px; background: url(/images/background_top.gif) repeat-x;}
#mainMenu { position: absolute; z-index: 3; top: 163px; left: 200px; letter-spacing: 1px;}
#mainMenu ul, li {list-style-type: none; list-style-image: none; display: inline; }
/**/
#mainMenu li { padding: 0 20px 0 0; margin: 0;}
#mainMenu a:link { font: 18px Arial, Tahoma, Verdana; color: white; text-decoration: none;}
#mainMenu a:visited { font: 18px Arial, Tahoma, Verdana; color: white; text-decoration: none;}
#mainMenu a:hover { font: 18px Arial, Tahoma, Verdana; color: #217aa6; text-decoration: none;}
#mainMenu a:active { font: 18px Arial, Tahoma, Verdana; color: white; text-decoration: none;}
#navbar { height: 36px; width: 100%; background: url(/images/bkg_navBarYellow.gif) repeat-x;}
#notices { position: absolute; left: 15%; padding: 2px 0 0 0;}
#search { width: 287px; height: 76px; background: url(/images/bkg_SearchBar.gif) no-repeat; position: absolute; padding: 15px; top: 110px; left: 68%;}
#adRotator_Header { width: 726px; height: 88px; position: absolute; left: 5px; top: 5px; z-index: 5;}
#adRotator_Lower { width: 296px; height: 246px; margin: 0px 0 20px 0;}


#cotd { width: 100%; height: 205px; background-color: #e5e5e5;}
#cotd p { padding: 10px;}
#ptow{display:block; height:400px;}
/*#search{display:none;}*/
#search ul, li { list-style-type: none; list-style-image: none; display: inline; padding: 0 4px 0 0; margin: 0;}
/**/
#search a:link { font: 11px Tahoma, Arial, Verdana; color: #666666; font-weight: bold; text-decoration: underline;}
#search a:visited { font: 11px Tahoma, Arial, Verdana; color: #666666; font-weight: bold; text-decoration: underline;}
#search a:hover { font: 11px Tahoma, Arial, Verdana; color: red; font-weight: bold; text-decoration:none;}
#search a:active { font: 11px Tahoma, Arial, Verdana; color: #666666; font-weight: bold; text-decoration: underline;}

#login_top{font:normal 11px tahoma;position: absolute;  width: 260px;  top: 10px;  left: 705px;}
#login_form{ font: normal 11px tahoma; color:red;}
#login a{font:normal 11px tahoma;}

.flash { width: 100%; font: 12px Arial, Tahoma, Verdana; background: white;}

.noticeTitle { color: black; font: 12px Arial, Tahoma, Verdana; font-weight: bold;}
.noticeText { color: black; font: 11px Tahoma, Arial, Verdana;}
.newsItem { margin: 10px 0 0 0; padding: 8px 0 15px 0; border-top: 1px solid #ececec; clear:both;} 
.newsCategory { font: 9px Tahoma, Arial, Verdana; color: black; float: left;}
.newsHeadline { font: 12px Tahoma, Arial, Verdana; font-weight: bold; color: black; }
.newsAuthor { font: 11px Tahoma, Arial, Verdana; color: #999999; float: left;}
.newsImage { float: left;  padding: 0 10px 0 0;}

.calendarItem { border-bottom: 1px solid #cdcdcd; padding: 6px 0 6px 0;font: 11px Tahoma, Arial, Verdana;}
.calendarItem a { color: #0033ff; text-decoration:underline; font-weight:normal;}
.calendarItem a:visited { color: #0033ff; text-decoration:underline; }
.calendarItem a:hover { color: #0033ff; text-decoration:none;}
.calendarItem a:active { color: #0033ff; text-decoration:underline; }

.calendarCategory {  color: black;}
.calendarText {font-weight:bold;color: black;}

.loginText { font: 11px Tahoma, Arial, Verdana; color: black;}
.potwBack{background-color:#58A986;}
.potwHeader{ background-color:#58A986; font: 14px Tahoma, Arial, Verdana; color: #FFF; font-style: italic; font-weight: bold; display:block;}
.potwNumber{ font: 24px Tahoma, Arial, Verdana; color: #cc0000; float: left; display:block;padding-right:10px;}
.potwText{ font: 11px Tahoma, Arial, Verdana; color: black; font-weight: bold; padding: 0; width:auto; display:block;}

/* Styles for form */

.user-form fieldset {
  background: #ffc;
}

.user-form legend {
  color: #fff;
  background: #000;
  font-family: sans-serif;
  padding: 0.2em 1em;
}

.user-form label {
  width: 12em;
  float: left;
  text-align: left;
  margin-right: 0.5em;
  display: block;
}

.user-form .submit {
  margin-left: 5.5em;
}


/* The error box */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
}

#shopping_cart {
  border-left: 3px solid #666;
  background: #aaa;
  float: right;
  width: 230px;
  height: 100%;
  padding: 2px 10px;
}



#shopping_cart ul,
#shopping_cart li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#shopping_cart h3 {
  padding-top: 4em;
}

#cart_notice {
  border: 2px solid #58A986;
  background: #B2FFD3;
  padding: 3px;
  position: absolute;
  right: 85px
}

#cart_notice_small {
  border: 2px solid #58A986;
  background: #B2FFD3;
  padding: 3px;
  position: absolute;
  left: 50px
}
#photos {
	list-style: none;
	padding: 0;
	float: left;
}

#photo :hover { 
  border: 1px solid #3A789D; 
} 


#photos .photo {
	float: left;
	border: 4px solid #ccc;
	background-color: #fff;
	margin: 10px;
	padding: 5px;
	cursor: pointer;
}

#checkout fieldset { 
  border-top: 1px solid #efefef; 
  border-left: 1px solid #efefef; 
  border-bottom: 1px solid #ccc; 
  border-right: 1px solid #ccc; 
  padding: 1em 1em 1em 1.5em; 
  width: 300px; 
  margin-bottom: 10px; 
} 

#checkout fieldset:hover { 
  border: 1px solid #3A789D; 
} 

#checkout legend { 
  font-weight: bold; 
} 

#checkout fieldset input { 
  margin: 1px; 
} 

#order_card_verification_value { 
  width: 50px; 
} 

#checkout fieldset input:focus { 
  background-color: #cccccc; 
} 

.calendarCategory{font: bold 12px tahoma;padding:2px 2px 2px 6px;display:block;width:50%;margin-left:0px;margin-top:16px;background-color:#73afc9;}
span.calendarDate{font:bold 14px arial;}
span.calendarText{font:normal 11px verdana;}
.calendarItem table{font:normal 11px verdana;padding:0px;margin:0px;border:0px;border-top:2px solid #73afc9;background-color:#cfe4ed;}
.calendarItem table tbody{padding:0px;margin:0px;}
.calendarItem table tr td{padding:2px;margin:0;border:0;}
.calendarItem table tr td a{font:bold 11px arial;color:#0094b9;}
.calendarItem table tr td a:visited{color:#739297;}

td.calendarRecap{background-color:#e0ae00;} 
li.tabOn, li.tabDoubleOn,li.tabOff, li.tabDoubleOff { font:normal 12px arial; padding-top:4px;}
div.tabHolder{clear:both;}


/*** This stuff below is for photo upload,                                      ***/
/*** some parts may need to be removed if there are conflicts with other pages  ***/
/*** Added By Steve LaMere 7/14/2009                                            ***/

/* === FORMS === */

form
{
  margin-bottom: 0px;
}



label, button, input.button
{
  cursor: pointer;
}

button, input.button
{
  background: #DFF7FF 5px center no-repeat;
  border: 1px solid #A4DBEF;
  color: #2C758F;
  padding: 5px 8px 5px 24px;
  margin-right: 10px;
  font-size: 11px;
  font-weight: bold;
  
}

button.disabled
{
  background-color: #EFFBFF;
  border: 1px solid #CFF2FF;
  color: #99C4DF;
  cursor: default;
}

form ol
{
  list-style: none;
  margin: 0;
  padding: 20px;
}

form li
{
  margin-bottom: 8px;
}

div.buttons
{
  padding: 10px 0;
  border-top: 1px dotted #C4E7F4;
}

button.upload, input.upload
{
  background-image: url(/images/icons/upload.png);
}

button.browse
{
  background-image: url(/images/icons/add.png);
}

/* === CONTENT === */
div.photo
{
  float: left;
  border: 1px solid #C2E3EF;
  padding: 5px;
  background: #FFF;
  width: 100px;
  height: 100px;
  margin: 0 4px 8px 4px;
  font: 11px Verdana, sans-serif;
  text-align: center;
}

img.thumb
{
  width: 100px;
  height: 100px;
  margin-bottom: -3px;
}

div.photo div.name
{
  width: 100px;
  overflow: hidden;
  font-weight: bold;
  margin: 20px 0 10px 0;
}

div.photo div.status
{
  margin-bottom: 10px;
}

div.photo div.progress
{
  border: 1px solid #C2E3EF;
  text-align: left;
  height: 6px;
  width: 98px;
}

div.progress div
{
  background: #7BB963;
  height: 6px;
  width: 0;
}

/* === MESSAGES === */
span.error
{
  margin-left: 10px;
  background: url(../images/icons/error.png) left center no-repeat;
  padding-left: 20px;
  font-weight: bold;
  font-size: 12px;
  color: #C34D34;
}

div.fieldWithErrors
{
  display: inline;
}

div.fieldWithErrors input, div.fieldWithErrors textarea, div.fieldWithErrors select
{
  border-color: #C34D34;
}

div.errorExplanation
{
  padding: 10px;
  margin-bottom: 10px;
  background: #FFE4DF;
  border: 1px solid #EFB3B3;
}

div.errorExplanation h2
{
  font-size: 12px;
  color: #C34D34;
  background: url(../images/icons/error.png) left center no-repeat;
  padding-left: 20px;
  border: none;
}

div#loading
{
  background: #CF0C0C url(../images/loading.gif) 8px center no-repeat;
  color: #FFF;
  padding: 8px 12px 8px 30px;
  font-weight: bold;
  position: fixed;
  top: 0;
  right: 30px;
}

div#notice
{
  padding: 10px 10px 10px 30px;
  background: #E7FFDF url(../images/icons/notice.png) 8px center no-repeat;
  margin-bottom: 10px;
  border: 1px solid #73B65A;
  font-weight: bold;
}

div#warning
{
  padding: 10px 10px 10px 30px;
  background: #FFEFEF url(../images/icons/error.png) 8px center no-repeat;
  margin-bottom: 10px;
  border: 1px solid #EFB3B3;
  font-weight: bold;
}

div.message
{
  background: #FFF8CC;
  border: 1px solid #FFE222;
  padding: 10px;
  margin-bottom: 10px;
  line-height: 1.3;
}

/* === CLEARER === */
.clearer
{
  clear: both;
  height: 1px;
  overflow: hidden;
  margin-top: -1px;
}



div.fieldset {
	border:  1px solid #afe14c;
	margin: 10px 0;
	padding: 20px 10px;
}
div.fieldset span.legend {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #73b304;
}

div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #D9E4FF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}



/* -----------------------------------------------
	www.swfupload.org
	Description: Common Screen Stylesheet for SWFUpload Demos
	Updated on:  May 1, 2008
----------------------------------------------- */


.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}

.highslide-wrapper, .highslide-outline {
	background: #111111;
}
.highslide-dimming {
	background: #000000;
}
.highslide img {
	border: 1px solid #D0D0D0;
}
.highslide:hover img {
	border-color: #A0A0A0;
}
.highslide-active-anchor img {
	visibility: visible;
	border-color: #808080 !important;
}
.highslide-image {
	border: 2px solid #111111;
}
.highslide-caption {
	color: #CCCCCC;
	padding: 2px;
}
.highslide-loading {
	color: black;
	border: 1px solid black;
	background-color: white;
	background-image: url(graphics/loader.white.gif);
}

.highslide-controls {
	position: static !important;
	margin-bottom: 0;
	width: 195px !important;
}
.large-dark .highslide-controls, .large-dark .highslide-controls ul, .large-dark .highslide-controls a {
	background-image: url(graphics/controlbar-black-border.gif);
}
.highslide-gallery ul li {
	width: 106px;
	height: 106px;
	border: 1px solid #D0D0D0;
	background: #EDEDED;
	margin: 2px;
}