/*
	RESET & BASICS
*/
*					{ margin: 0; padding: 0; }
body				{ font-size: 77%;}
a					{ outline: none; }
a img				{ border: none; }
ul					{ list-style: none; }




/*
	UTILITY
*/
.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }
hr					{ margin: 8px 0; }
.button				{ background: white; color: black;
					  padding: 2px 4px; border: 1px solid #999;  font-weight: bold; 
					  text-transform: uppercase; font-size: 12px; text-decoration: none; }
.button:hover		{ color: white; background: url(images/button-bg.jpg) top center repeat-x #313131; text-decoration: none; }
.active				{ background: url(images/button-bg.jpg) top center repeat-x #313131; color: white; }
.textRight			{ text-align: right; }
.error              {color:Red; font-size:1.2em;font-weight:bold;}



/*
	TYPOGRAPHY
*/
a					{ text-decoration: none; color: #19599f; }
a:hover				{ text-decoration: underline; }
a.editor            { font-weight:bold; font-size:116%;color:Orange;}
.editor             { color:Orange;font-weight:bold;}
.date				{ font-weight: bold; }
h1					{ font-size: 197%; margin: 3px 0 6px 0; font-weight:bold;}
h2					{ font-size: 123.1%; margin: 3px 0; }
h3					{ font-size: 116%; }
h4					{ font-size: 108%; }
h5					{ font-size: 93%; }
.advertisement		{ text-align: right; color: #999; padding: 2px 15px 0px 0; margin-bottom: 2px; }
.sponsor		    { text-align: right; color: #999; vertical-align:middle;}




/*
	TABLES
*/
table								{ width: 100%; }
#table-container                    { width: 560px; }
#table-container table.tablesorter					{ margin: 0 0 10px 0; border-color: #999; }
#table-container .schedule-section-header			{ text-align: center; background: #999; }
table.tablesorter 					{ background-color: #CDCDCD; border: 1px solid #999; width: 100%; 
							 	 	  margin: 0 0 10px 4px; text-align: left; }
table.tablesorter thead tr th, 
table.tablesorter tfoot tr th   	{ background-color: #cbcbcb; font-size: 8pt; padding: 8px 4px; font-weight: bold;
									  color: #4170CF; }
table.tablesorter 
tr th.sort-inactive 				{ color: #666; }
table.tablesorter thead tr .header  { background: url(images/bg.gif) no-repeat center right; cursor: pointer; }
table.tablesorter tbody td 			{ color: #3D3D3D; padding: 4px; background-color: #e7e8e4; vertical-align: center; }
table.tablesorter tbody tr.odd td 	{ background-color:#f3f3f3; }
table.tablesorter thead tr 
.headerSortUp 						{ background-image: url(images/asc.gif); }
table.tablesorter thead tr 
.headerSortDown 					{ background-image: url(images/desc.gif); }
table.tablesorter thead tr 
.headerSortDown, 
table.tablesorter thead tr 
.headerSortUp 						{ color: red; }
table.tablesorter td img 			{ border: 1px solid #666; }
div#mediaItemstable tr              { vertical-align: top; }
div#mediaItems table tr td          { padding-bottom: 10px; padding-left:5px;padding-right:5px; width:110px;}
div#mediaItems table tr td p        { font-size:1.0em; text-align:left;}


/*
	FORMS
*/
option								{ padding: 0 5px; }
form#selector-form input#school		{ width: 140px; }
form#selector-form label			{ font-weight: bold; }





/*
	PAGE SETUP
*/
#page-wrap						{ width: 960px; margin: 0 auto; background: url(images/content-bg.png) repeat-y; }
#hd								{ width: 926px; margin-left: -8px; }

#content-bottom					{ background: url(images/content-bottom.png) bottom center no-repeat; height: 30px; }
#left-two-cols					{ width: 612px; float: left; margin-right: 8px; }
#double-col						{ margin-left: 8px; }
#left-left						{ width: 298px; float: left; margin: 8px 0 0 0; }
#left-right						{ width: 298px; float: right; margin: 8px 0 0 0; }
#right-col						{ width: 298px; float: left; }
.banner-ad						{ text-align: center; margin:-5px 0px 10px 0px;padding-top:5px;}
.banner-ad .advertisement       { padding:2px 88px 0 0;}


/*
	MAIN MENU
*/
#menubar						{ background: transparent url(images/navbar-bg.png) no-repeat top center; 
                                  height: 73px; position: relative; }
ul#account-menu					{ padding: 10px 0px; width: 125px; float: right; }
ul#navbar li, ul#account-menu li{ display: inline; }
ul#account-menu li				{ float: right; }
ul#navbar li a,
ul#account-menu	li a			{ display: block; float: left; text-decoration: none; color: white; font-size: 1.2em; 
								  padding: 4px 5px; position: relative; margin: 0 8px 0 0; }
body ul#navbar
li a.on,
ul#navbar li a:hover,
ul#account-menu li a:hover			{ background: url(images/nav-rollover.jpg) top center repeat-x; 
								      -moz-border-radius: 4px; -webkit-border-radius: 4px; }
								      
								      
								      
ul#navbar 					 	{ padding: 7px 0 10px 10px;
								  z-index: 99; background: transparent; }
ul#navbar li 					{ float: left; position: relative; }
ul#navbar li a 					{ padding: 3px 12px 5px 8px; margin: 4px 0px 0 0; display: block;
								  float: left; color: white; font-size: 15px;
								  position: relative; background: center right no-repeat; }
ulnavbar li a:hover 			{ text-decoration: none; color: white; background: #6c0909; }
ul#navbar li ul 				{ display: none; z-index: 9999; background: white; border: 1px solid #666;
								  width: 150px; position: absolute; top: 40px; left: 0px; }
ul#navbar li ul li 				{ display: block; }
ul#navbar li ul li a 			{ float: none; display: block; border: none; width: 134px; background: none; padding: 6px 8px;
								  color: black;  }
ul#navbar li ul li a:hover 		{ color: white; background: #083e71; -moz-border-radius: 0px; -webkit-border-radius: 0px; }



.vn-link					    { display: block; position: absolute; width: 220px; height: 16px; 
							        text-indent: -9999px; right: 5px; bottom: 8px; }

/*
	GENERIC WIDGETS
*/

.widget							 { width: 298px; background: url(images/widget-middle.jpg); margin: 0 0 8px 0;}
.widget-header					{ background: url(images/widget-header-bg.jpg) left top no-repeat; min-height: 24px;
								  text-transform: uppercase; color: white; padding: 4px 0 0 14px;
								  font-weight: bold; }
.widget-inside					{ padding: 0 14px 8px; }
.wide                            { width: 308px; background: url(images/widget-middle-300-bg.jpg); margin: 0 0 8px 0; }
.wide .widget-header            { background: url(images/widget-header-300-bg.jpg) left top no-repeat; }

.loading                        { background: #fff url(images/indicator.white.gif) left no-repeat;
                                color: #369;
                                display: none;
                                font-weight: bold;
                                margin: 1em 0;
                                padding-left: 20px;
                                }                               
#loading-spinner                { text-align: center; position: absolute; left: 0px; top: 80px; height: 55px; width: 288px;
                                  background: white; padding: 50px 0 0 0; margin-left: 3px; display: none; }
.scrolling                      { height: 500px; overflow: auto; border-top:1px solid #999; }

/*
    WIDGET: Ad
*/
.ad img                            { margin-left: 1px; }

/*
	WIDGET: Team Assist
*/
.widget-ta-inside				{ background: url(images/teamassist-bg.png) no-repeat; margin: -5px 0 0 1px;
								  padding: 50px 20px 10px; }
.widget-ta-inside ul			{ list-style: disc inside; margin: 10px 0 10px 10px; }



div.scores-schedules			{ height: 200px; overflow-y: scroll;}

/*
	WIDGET: Recent Scores
*/
.score-block					{   background: url(images/scoreblock-bg.png) top center repeat-x #ffebba; margin-bottom:10px; color: #000;}
    .score-block a				{   color: #000;}
    .score-block td				{   padding: 5px; }
    .score-block .odd			{   background: #fff; }
    .score-block .school		{   width: 40%; }
    .score-block .score			{   width: 10%; text-align:right; }
    .score-block .links			{   padding-left:25px; }
    .score-block .win			{   font-weight:bold; }


/*
	WIDGET: Schedules
*/
.schedule-entry					{   background: url(images/scoreblock-bg.png) top center repeat-x #ffebba; margin-bottom:10px; color: #000;}
    .schedule-entry a			{   color: #000;}
    .schedule-entry td			{   padding: 5px; }
    .schedule-entry .school		{   width: 40%; }
    .schedule-entry .time		{   width: 15%; text-align:right; font-weight:bold; vertical-align:bottom; }
    .schedule-entry .links		{   padding-left:25px; }



/*
	WIDGET: Extras
*/
.video-frame					{ background: url(images/video-shadow.jpg) bottom left no-repeat white;
								  width: 128px;  }
.video-frame img				{ margin: 0 0 9px 10px; }



/*
	WIDGET: Photos
*/
.single-photo                   { width: 72px; margin: 0 auto; }
.single-photo img				{ margin: 0 0 8px 4px; }
table.recent-photos				{ margin: 0 0 16px 0; width: 265px; }
table.recent-photos td			{ text-align: center; padding-bottom: 16px; }


/*
	SUBPAGE
*/
.subpage-main-content            { background: url(images/main-content-subpage-bg.jpg) top left repeat-y;
                                   width: 596px; }
.subpage-main-content .inside	{ padding: 8px; }
.single-thumb					{ float: left; width: 100px; margin: 10px 7px 0 6px; }
#sorting						{ margin: 15px 0 0 0; }
.sort-by						{ width: 290px; float: left; }
.pagination						{ width: 285px; float: right; text-align: right; padding-right: 12px; }
.widepromo						{ margin: 0 0 10px 0px; }
.metadata						{ width: 150px; float: left; }
.about-data						{ width: 405px; float: right; }





/*
	FOOTER
*/
#footer							{ width: 928px; margin: 20px auto; border: 2px solid #666; 
								  background: white; text-align: center; padding: 10px 0 4px 0; }
#footer p						{ padding: 8px; }
.footer-menu					{ font-size: 1.5em; margin: 8px 0; }






/*
	SLIDER WIDGET
*/
div.yslider-toggle 							{ width: 100%; background: #fff; } 
div.yslider-toggle .loading					{ margin: 200px 0 300px 0; text-align: center; }
div.yslider-toggle 
div.yslider-panelwrapper 					{ padding: 10px; text-align:left; }

div.yslider-viewer .loading span,
div.yslider-toggle .loading span 			{ display: block; height: 19px; width: 220px; margin: auto;
    										  background: url(images/ajax-loader.gif); }
div.yslider-body div.yslider-wrap 			{ background: repeat-x top center;
    										  position: relative; width: 100%; }

div.yslider-viewer 							{ position: relative; overflow: hidden; margin: auto;
    										  width: 265px; /* Also specified below */
    										  clear: both; }
div.yslider-viewer 
div.yslider-container 						{ position: relative; left: 0; top: 0; width: 100%;
    										  list-style-type: none;
    										  /* Width calculated by JS */ }
div.yslider-viewer 
div.yslider-container 
div.yslider-panel							{ float:left; position: relative;
    										  width: 265px; /* Also specified above */ }
div.yslider-toggle 
div.yslider-container 
div.yslider-panel 
div.yslider-panelwrapper,
div.yslider-viewer 
div.yslider-container 
div.yslider-panel 
div.yslider-panelwrapper 					{ width: 265px; text-align: left; }
div.yslider-nav								{ position: absolute; bottom: -28px; left: 47px; }
div.yslider-nav ul li						{ float: left; margin-right: 2px; }
div.yslider-nav a							{ height: 6px; width: 6px; text-indent: -9999px; 
											  padding: 2px; display: block; 
											  background: url(images/dot-inactive.png) center center no-repeat; }
div.yslider-nav a:hover						{ background: url(images/dot-active.png) center center no-repeat; }
div.yslider-nav a.current 					{ background: url(images/dot-active.png) center center no-repeat; color: #fff; }

div.yslider-navl a, div.yslider-navr a 		{ position: absolute; display: block; width: 9px; height: 11px; text-indent: -9999px; 
                                              z-index : 99; }
div.yslider-navl a							{ background: url(images/icon-leftarrowsmallgray.png) no-repeat center;
                                              left: 18px; bottom: -29px; }
div.yslider-navr a 							{ background: url(images/icon-rightarrowsmallgray.png) no-repeat center;
                                              right: 160px; bottom: -29px; }
											  
/*
	POLL WIDGET
*/
.poll_widget                                    { text-align:left; }
.poll_widget  td                                { border:0px solid red; padding:4px;}

.poll_widget .question                          { font-weight:bold; text-align:left; }
.poll_widget .answers                           { margin:8px 0px; }
.poll_widget .answers .radio                    { width:20px; text-align:center; vertical-align:top;}
.poll_widget .answers .answer                   { }
.poll_widget .total_result                      { margin:8px 0px; font-weight:bold;}
.poll_widget .custom_result                     { }
.poll_widget .vote_button                       { margin-top:8px;}

/*
	YUI FIXES
*/

#doc {
	margin: 0 0 0 27px;
	min-width: 900px;
}

.yui-t6 .yui-b { float:right;width:23.6923em;*width:23.121em;}
.yui-t6 #yui-main .yui-b { margin-right:24.6923em;*margin-right:24.097em;}

