/*NOTE:Had to set "min-width:100%" to nav-related elements set to "width:100%", as IE7 wasn't displaying them properly.
Maybe related to a float bug?*/

* {margin:0;padding:0;}
body{margin:0;padding:0px;text-align:center;min-width:760px;font-size:1em;font-family:arial,verdana,helvetica;}

/*I believe "float:left" causes Safari and FF3 to render the pages differently.  (Reports won't take up the full page unless they have to in these
browsers.)*/
#wrapper{text-align:left;font-size:11px;float:left;min-width:760px;}

/*NOTE:margin and padding are set to 0 to avoid resizing issues for the header, most noticeable in IE.*/

#header {min-width:100%;}
h1{font-size:18px;margin:0;padding:0;text-align:center;padding:10px 10px 5px 10px;margin:0px 0px 0px 0px;}
h2{font-size:14px;text-align:center;border-bottom:1px solid gray;padding:0px 0px 10px 0px;margin:0px 0px 10px 0px;clear:both;
		min-width:100%;}
h3{font-size:12px;padding-bottom:2px;}
.h3RptList{margin:20px 0px 0px 30px;}
/*REV20080106: added h4 for Team Name and Season in header*/
h4{font-size:15px;text-align:center;
		min-width:100%;}
		
a:link{color:#5287D6;}
a:visited{color:#5287D6;}
a:hover{text-decoration:none;}

#header #imgSBLogo{border:none;float:left;margin:5px 5px 0px 10px;padding-bottom:10px;}

#ulHeaderNav{list-style-type:none;float:right;margin:10px 10px 5px 5px;display:inline;}
#ulHeaderNav li{display:inline;}

/* REV20090121: added to support team name in header */
#ulHeaderMidNav{list-style-type:none;float:left;margin:20px 0px 5px 100px;display:inline;}
#ulHeaderMidNav li{display:inline;}

/*NOTE:"float:none;" and "width:100%;" necessary to fix gap in IE6.*/
#nav {margin-top:0px;float:left;width:100%;min-width:100%;}
#ulNav {float:left;width:100%;min-width:100%;list-style-type:none;border-bottom:7px solid #5287D6;}
#ulNav li{float:left;background:#5287D6 url("../images/nav_li_bg.jpg") repeat-x;
		padding:5px 8px 3px 8px;color:white;margin-bottom:-5px;position:relative;					z-index:3;border-left:1px solid white;border-right:1px solid white;margin-right:15px;
		display:inline;}
#ulNav li a:link{color:white;text-decoration:none;}
#ulNav li a:visited{color:white;text-decoration:none;}
#ulNav li a:hover{color:white;text-decoration:underline;}
/******REV20080106: added print email class to specifically style the PRINT/EMAIL REPORT links*****/
#printemail {margin-left:20px;float:left;width:100%;min-width:100%;}

/*NOTE:The highlighted li needs to have a margin of -7 to compensate for the 10px padding on the bottom,
as opposed to the already defined -5px.  The padding on the bottom gives the effect of the tab being
connected to the SubNav.*/
#nav ul#ulNav li.highlighted {background:white url("../images/nav_li_active_bg_40h.jpg") repeat-x;
				color:#5287D6;border-right:1px solid #DDDDDD;border-left:1px solid #DDDDDD;
				margin-bottom:-7px;padding-bottom:7px;}
#nav ul#ulNav li.highlighted a{color:#5287D6;}
#nav ul#ulNav li.highlighted a:hover{color:#5287D6;text-decoration:none;}
#nav ul#ulNav li.highlighted a:visited{color:#5287D6;}

#nav ul#ulSubNav {float:left;width:100%;min-width:100%;list-style-type:none;background:#DDDDDD;padding:5px 0px 5px 0px;
			background:white url("../images/sub_nav_bg_40h.jpg") repeat-x bottom left;}
#nav ul#ulSubNav li{float:left;margin-right:10px;padding:0px 2px 0px 2px;display:inline;font-size:1em;  /*PG REV20090211: changed font-size: originally .9em to 1em*/
			color:#26A78B;}
#nav ul#ulSubNav li a{color:#26A78B;margin-right:10px;}
#nav ul#ulSubNav a:hover{text-decoration:none;}
#nav ul#ulSubNav a:visited{color:#26A78B;}
#nav ul#ulSubNav li.highlightedSub a{color:#26A78B;font-weight:bold;text-decoration:none;}

ul#ulNav #id_href_item_1{margin-left:15px;}
ul#ulSubNav #id_href_sub_item_1{margin-left:30px;}

/******REV20080106: deleted width:400px and put below in fscriteria as width:500px *****/
#wrapper fieldset{border:1px solid #B0B0B0;}
fieldset legend{color:black;font-weight:bold;}
/*NOTE:No need to float fieldset, as form itself is floated.*/
form.frmCriteria{float:left;}

/******REV20080106: added width:500px below, before had nothing in {} - did this to make fieldset criteria larger *****/
#fsCriteria{width:500px;}
#fsCriteria .inputHolder{padding:15px 10px 15px 15px;}
#fsCriteria legend{margin-left:12px !important;margin-left:7px;clear:both;}
fieldset ol{list-style-type:none;}
fieldset li{padding:0px 0px 12px 0px !important;padding:0px 0px 10px 0px;}
fieldset li.liSlctLbl{padding:0px 0px 3px 0px !important;}

input, textarea, select{font-size:1em;font-family:arial, verdana, helvetica;}
select{}

/******REV20080106: added this to center View Report button******/
input.ButtonSmall{margin-left:195px;}

/*NOTE:IE6 added double the margin to the bottom when the midsection was floated.  But, because of other layout
constraints, it needed to be.  So, I added the "important" declaration below.*/
#midSection{margin:0px;padding:0;margin:0px 0px 20px 0px;padding:0px 10px 0px 10px;min-height:300px;}
.clearMid{float:left;}

.ulReportList{list-style-type:none;padding:0px 0px 15px 35px;margin:0px 75px 0px 0px;float:left;}
.ulReportList li{margin:0px 0px 3px 0px;}

#wrapper .seasonTeamInfo{margin:0 auto;border-collapse:collapse;}

#tblBoxBatting{}
#tblBoxPitching{}
#tblRosterDetails{}
#tblPlayerContact{}
#tblCoachContact{}

/*NOTE:Needed to add extra div because the margin of the table was already set to "margin:0 auto" to center it.*/
.tableHolder{text-align:center;margin-bottom:20px;}


.seasonTeamInfo thead tr{background:#26A78B;}
.seasonTeamInfo th{padding:2px 4px 2px 4px;color:#ffffff;text-align:center;cursor:default;}

.seasonTeamInfo thead th.thFirst{border-right:1px solid #ffffff;}
.seasonTeamInfo thead th.thMid{border-right:1px solid #ffffff;}
.seasonTeamInfo thead th.thLast{border:none;}
.seasonTeamInfo thead th.thOnly{}

/*Makes text on chosen headers not-visible on the screen, but still accessible to screen readers.*/
.seasonTeamInfo .thHidden{text-indent:-9999px;border-right:1px solid #ffffff;}

.seasonTeamInfo td{padding:2px 4px 2px 4px;vertical-align:top;text-align:right;}
.seasonTeamInfo tr.trTeamInfoStriped{background:#dddddd;}
.seasonTeamInfo tr.trTotals{font-weight:bold;}

.seasonTeamInfo td.tdFirst{border-right:1px solid #B0B0B0;text-align:left;}
.seasonTeamInfo td.tdMid{border-right:1px solid #B0B0B0;}
.seasonTeamInfo td.tdLast{border:none;}

/*REV20090625: added style for league standings to allow cell to grow for a longer team name in standings & fixed width for other tables*/
.seasonTeamInfo td.tdTextTeam{border-right:1px solid #B0B0B0;text-align:left;width:150px;white-space:nowrap;}
.seasonTeamInfo td.tdResults{text-align:left;width:435px;}
.seasonTeamInfo td.tdResultsStriped{background:#dddddd;text-align:left;}


/*REV20080106: added this to center View Report button*/
.seasonTeamInfo td.tdTextFirst{border-right:1px solid #B0B0B0;text-align:left;}
.seasonTeamInfo td.tdTextLast{border:none;text-align:left;}
.seasonTeamInfo td.tdTextMid{border-right:1px solid #B0B0B0;text-align:left;}
.seasonTeamInfo td.tdTextMidCenter{border-right:1px solid #B0B0B0;text-align:center;}
.seasonTeamInfo td.tdNumberFirst{border-right:1px solid #B0B0B0;text-align:right;}
.seasonTeamInfo td.tdNumberLast{border:none;text-align:right;}
.seasonTeamInfo td.tdNumberMid{border-right:1px solid #B0B0B0;text-align:right;}
/*REV20080106*/

.seasonTeamInfo td ul.ulAddress{list-style-type:none;height:auto;}
.seasonTeamInfo td ul.ulAddress li{}

/*NOTE:To override default styles for "td.tdFirst", I added an ID to these two tables on the Schedule and Results page, and changed
the text-alignment.  Alternatively, you could add a separate class especially for alignment.  (Two classes can be applied to the same
element.  This link explains where IE6 can "choke", but in this case, it should work just fine: http://www.ryanbrill.com/archives/multiple-classes-in-ie/  )*/
#tblOverallRecord td.tdFirst{text-align:right;}
#tblLeagueRecord td.tdFirst{text-align:right;}

.pResultInfo{width:350px;margin:0 auto;padding-left:10px;}
.pResultInfoBottom{width:350px;margin:0 auto;padding-left:10px;margin-bottom:10px;}
.pGameDetails{margin:0 auto;text-align:center;margin-bottom:15px;margin-top:5px;}

h3.h3TableTitle{font-size:1.1em;margin:0 auto;text-align:center;margin-top:15px;margin-bottom:5px;}

#notesTitle{font-style:italic;padding:0px 0px 0px 3px;margin:0 auto;width:500px;}
#gameNotes {border-top:1px solid gray;border-bottom:1px solid gray;width:500px;
		margin:0 auto;margin-bottom:10px;padding:5px 5px 5px 5px;}
#gameNotes p{padding:0px 0px 5px 0px;}

#wrapper .leaderHolder .seasonTeamInfo{width:225px;float:left;margin:0px 15px 20px 0px;}

/*Styles for full width reports*/

#coachInfo{margin-top:20px;text-align:center;}
#coachPhone{margin-right:10px;}
#astCoaches{margin-top:10px;}
#ulAstCoaches{list-style-type:none;}

/*NOTE:Currently not implemented.  However, I left the styles in for later use.*/
/*"Float:none" and "clear:left" to fix difference between FF and IE6.*/
#key {float:none;clear:left;font-size:10px;width:100%;}
#key {}
#key .ulKey{list-style-type:none;margin-right:20px;float:left;}
#key .ulKey li{margin:0px 0px 5px 0px;}
#key .ulKey #clear{clear:both;}

/*End styles for full width reports*/

#footer{clear:both;background:white;text-align:center;border-top:1px solid gray;}
#ulRptFooterNav{padding:10px 0px 10px 0px;list-style-type:none;}
#ulRptFooterNav img{border:none;}

#ulStdFooterNav{list-style-type:none;padding:10px 0px 10px 0px;}
#ulStdFooterNav li{display:inline;}

/*NOTE:Because the element with the "copyright" class is outside of the main "wrapper", it must
be styled as such.  (For example, the margin must be set as the wrapper is to center it.)  
*/
.copyright {margin:0 auto;padding:5px;color:#1B3359;text-align:left;
		min-width:760px;
		max-width:760px;text-align:left;
		width:740px;}
.copyright a{color:#1B3359;font-weight:bold;}
.copyright a:hover{text-decoration:none;}

/*Error Page Styles*/
#error{width:760px;font-size:12px;margin: 0 auto;padding-top:30px;}
#error p{margin-bottom:10px;}