/*Resets
---------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; text-decoration:none; font-size: 100%; vertical-align: baseline; background-color: transparent;}

/* HEADINGS
---------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6	{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:100%;
	font-weight:bold;
	letter-spacing:.1em;
	text-transform:uppercase;
	width:100%
	}	
	
h2	{
	background-color:#000;
	color:#fff;
	font-size: 1.285714em;
	height:30px;
	padding:5px 0 0 0;
	text-indent:15px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	}
	
.roundBottom	{
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	}
	
	
/* LISTS
---------------------------------------------------------------------------*/
ol, ul, li 		{list-style: none;}
blockquote, q 	{quotes: none;}

/*End Resets*/


/*Color Palette

HotPink:#ed1e79;
Red:	#ff0;
Black:	#000;
Gray:	#e6e6e6;
green: 	#0f0;


---------------------------------------------------------------------------*/

/* COLUMNS
---------------------------------------------------------------------------*/

.oneColWide	{
	float:left;
	margin:0 20px 0 0;
 	width:143px;
	}

.twoColWide	{
	float:left;
	margin:0 20px 0 0;
	width:306px;
	}

.threeColWide	{
	float:left;
	margin:0 20px 0 0;
	width:470px;
	}
	
.fourColWide	{
	float:left;
	margin:0 20px 0 0;
	width:633px;
	}
	
.fiveColWide	{
	float:left;
	margin:0 20px 0 0;
	position:relative;
	width:795px;
	}
	
.sixColWide	{
	float:left;
	margin:0 20px 0 0;
	width:960px;
	}
	
.noMargin	{
	margin:0;
	}


/* TABLES
---------------------------------------------------------------------------*/

table {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-collapse: collapse;
	margin:0 0 20px 0;
	width:100%;
	}

caption {
	font-size: 1.2em;
	font-weight: bold;
	text-align:left;
	padding:5px 0 10px 10px;
	}

col {
	border-right: 1px solid #ccc;
	}

col#albumCol {
	border: none;
	}

thead {
	background-color:#f5f5f5;
	border: none;
	}

th {
	font-weight: normal;
	text-align: left;
	}
	
th.sortable:hover { color: black; }

th.sorted-asc, th.sorted-desc  { color: black; }

#hideHead {
	text-indent: -1000em;
	}

th, td {
	padding: 0.1em .5em;
	}

thead tr th {
    background-color: #666;
    color:#fff;
   }
   
tr	{color:#000;}
            
td {
	background-color: #f5f5f5;
	border-bottom: 1px solid #ccc;
	}
	
tr.alt td {
	background-color: #e6e6e6;
	}

tr.over td {
	background-color:#f00;
	color: #fff;
	} 


/*
tr.alt td {
	background-color:#e6e6e6;
	}

tr.over td {
	background-color:#f00;
	color: #fff;
	}

li.alt	{background-color:#fff;}

.odd {
	background-color:#f0e68c;
	}

tr:hover {
	background-color:#a02226;
	color: #fff;
	}

thead tr:hover {
	background-color: transparent;
	color: inherit;
	}
	
*/

#sponsors thead th	{
	cursor: pointer;
	}
		
#search {
	background-color:transparent;
	display:none;
	padding:0;
	position:absolute;
	right:5px;
	top:5px
	}

#search label	{
	color:#fff;
	display: block;
	height:0;
	line-height:0;
	text-indent:-999em;
	width:0;
	}	

#search input#filter	{
	font-family:Georgia;
	font-size:1.1em;
	height:20px;
	text-indent:15px;
	width:288px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}	
	
.focusField	{  
	border:1px solid #fff;  
	background:#f00;  
	color:#fff;  
    }
       
.idleField	{  
	background-color: #fff;
	border:1px dotted #666;
	color:#f00;
	}


/*FLOT*/

#placeholder div.legend table	{width:200px;}

/* TABS
---------------------------------------------------------------------------*/
#tabs	{
	width:100%;
	}

/*general tab style*/	
ul.tabs {
	color:#fff;
	float: left;
	height: 32px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	}
	
ul.tabs li {
	float: left;
	height: 32px;
	line-height: 32px;
	margin: 0 0 -1px 0;
	overflow: hidden;
	padding: 0;
	}
	
ul.tabs li a{
	color:#fff;
	display: block;
	font-size: 1.2em;
	text-align:center;
	width:265px;
	}

ul.tabs li a:hover {
	background: #e6e6e6;
	color:#000;
	}
		
html ul.tabs li.active a:link, html ul.tabs li.active a:hover  {
	background: #f00;
	color:#fff; 
	}
	
.tab_container {
	background: #e6e6e6;
	clear: both;
	float: left; 
	width: 100%;

	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {}


ul.dayInfo	{width:100%;border-left:1px solid #ccc;}

ul.dayInfo li	{
	border-right:1px solid #ccc;
	float:left;
	width:19.85%;
	}

ul.dayInfo h3	{
	background-color:#666;
	color:#e6e6e6;
	text-align:center;
	}	
	
ul.dayInfo h4	{
	border-bottom:1px dotted #ccc;
	color:#000;
	font-weight:bold;
	padding:5px 0 0 0;
	text-indent:10px;
	}
	
ul.dayInfo dl	{
	font-size: 0.857143em;
	line-height: 1.1em;
	padding:10px;
	}
	
ul.dayInfo dl dt	{
	color:#f00;
	text-transform:uppercase;
	}
	
ul.dayInfo dl dd	{
	color:#000;
	margin:0 0 5px 0;
	}
	
	
/*Class Tab Style*/
#classTabs ul.tabs {
	border-bottom:5px solid #f00;
	color:#fff;
	float: left;
	height: 32px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	}
	
#classTabs ul.tabs li {
	float: left;
	height: 32px;
	line-height: 32px;
	margin: 0 0 -1px 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	}
	
#classTabs ul.tabs li a	{
	background-color:#e6e6e6;
	color:#000;
	display: block;
	font-size: 1.2em;
	text-align:center;
	width:265px;
	}

#classTabs ul.tabs li a:hover {
	background: #f00;
	color:#000;
	}
		
html #classTabs ul.tabs li.active a:link, html #classTabs ul.tabs li.active a:hover  {
	background: #f00;
	color:#fff; 
	}
	
/*Sponsor Tab Style*/
#sponsorTabs	{

	}

#sponsorTabs ul.tabs {
	border-bottom:5px solid #f00;
	color:#fff;
	float: left;
	height: 32px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	}
	
#sponsorTabs ul.tabs li {
	float: left;
	height: 32px;
	line-height: 32px;
	margin: 0 0 -1px 0;
	overflow: hidden;
	padding: 0;
	position:relative;
	}
	
#sponsorTabs ul.tabs li a	{
	background-color:#e6e6e6;
	color:#000;
	display: block;
	font-size: 1.2em;

	text-align:center;
	width:1.819em;

	}

#sponsorTabs ul.tabs li a:hover {
	background: #f00;
	color:#000;
	}
		
html #sponsorTabs ul.tabs li.active a:link, html #sponsorTabs ul.tabs li.active a:hover  {
	background: #f00;
	color:#fff; 
	}

/* HTML BODY PERIMETER
---------------------------------------------------------------------------*/
html	{}

body {
	background:url(/images/top.png) 0 0 repeat-x;
	font-size:14px;
	line-height:24px;
	font-family:Verdana, Arial, Sans-Serif;
	color:#666;
	}

.centerContent	{
	/*position:relative;*/
	margin:0 auto;
	width:960px;
	}
	
.padding20	{
	padding:20px 0;
	}
	
/* LOGIN
---------------------------------------------------------------------------*/
fieldset	{
	background:url(/images/login.png) 0 -5px no-repeat;
	height:300px;
	margin:0 auto;
	padding:20px 40px;
	width:256px;
	}

fieldset legend	{
	text-indent:-999em;
	}

fieldset label	{
	font-size: 1.285714em;
	display:block;	
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight:bold;
	letter-spacing:.1em;
	margin:0 0 20px 0;
	text-transform:uppercase;
	width:100%;
	}
		
fieldset input	{
	border:1px solid #666;
	font-family:Verdana, Sans-Serif;
	font-size: 1.285714em;
	height:30px;
	margin:0 0 20px 0;
	padding:5px 0 0 0;
	text-indent:10px;
	width:258px;

	}
	
fieldset input#submit	{
	background-color:#f00;
	border:none;
	color:#fff;
	cursor:pointer;
	height:35px;
	line-height:2em;
	margin:0;
	text-align:left;
	width:100%;
	}
	
/* HEADER
---------------------------------------------------------------------------*/

#header	{
	padding:3px 0 0 0;
	position:relative;
	z-index:200;
	}

#header h1	{
	height:30px;
	width:100%;
	}	

#header h1 a	{
	color:#fff;
	}
	
ul#userNav	{
	position: absolute;
	right:0;
	top: 0;
	}
	
ul#userNav li	{
	float:left;
	}	

ul#userNav li a	{
	color:#fff;
	display:block;
	margin:0 0 0 20px;
	}
	
/* BANNER
---------------------------------------------------------------------------*/

#banner	{
	height:100px;
	position:relative;
	width:100%;
	}
	
/* PACENT LOGO
---------------------------------------------------------------------------*/
#pacentLogo	{
	background:url(/images/logo.jpg) 0 0 no-repeat;
	height:74px;
	position:absolute;
	right:0;
	text-indent:-999em;
	top:0;
	width:154px;
	}
	
/* NAVIGATION
---------------------------------------------------------------------------*/
	
ul.topnav {
	float: left;
	margin: 0;
	padding: 0;
	position:relative;
	width: 960px;
	z-index:2;
	}
	
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	}
	
ul.topnav li a{
	background-color:#e6e6e6;
	color: #000;
	display: block;
	float: left;
	height:20px;
	padding: 10px 0;
	text-align:center;
	width:120px;
	
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	}

/*PAGE HIGHLIGHTING*/
#dashboard ul.topnav li a.currentPage, #classes ul.topnav li a.currentPage, #sponsors ul.topnav li a.currentPage	{
	background-color:#f00;
	color: #fff;
	}

ul.topnav li a:hover{
	background-color:#f00;
	color:#fff;
	}
	
/*	
ul.topnav li.hover, ul.topnav li:hover	{ 
	background: #f00; 
	color:#fff; 
	}
	
ul.topnav li.hover a	{ 
	color:#5180ad; 
	}
*/

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {
	background-color: #f00;
	display: none;
	float: left;
	list-style: none;
	left: 0; 
	top: 40px;
	margin: 0; 
	padding: 0;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	width:220px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	}

* html ul.topnav li ul.subnav {top:45px;}
	
ul.topnav li ul.subnav li	{
	border-top: 1px dotted #fff; /*--Create bevel effect--*/
	color:#000;
	clear: both;
	margin: 0 10px; 
	padding: 0;
	width:200px;
	}

ul.topnav li ul.subnav li.noBorder	{
	border:none;
	}

html ul.topnav li ul.subnav li a {
	background-color:transparent;
	color:#fff;
	float: left;
	line-height:12px;
	padding:10px 0;
	text-align:left;
	width:200px;
	
	}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	color:#fff;
	text-indent:15px;
	}	

* html ul.topnav li ul.subnav li a 	{padding:5px 0;}

*+html html ul.topnav li a, *+html ul.topnav li ul.subnav li a {display:inline-block;}
	
.redBg	{
	background-color:#f00;
	}

/* ADS
---------------------------------------------------------------------------*/
ul.ads li a	{
	background:url(/images/loader.gif) 50% 50% no-repeat;
	border:1px solid #ccc;
	display:block;
	height:125px;
	margin:5px 0;
	padding:8px;
	width:125px;
	}
	
ul.ads li img	{
	height:125px;
	width:125px;
	}	
	
	
/* CONTENT
---------------------------------------------------------------------------*/
#content	{
	background-color:#e6e6e6;
	position:relative;
	z-index:100;
	}


/* STUDNET INFO
---------------------------------------------------------------------------*/
dl.studentInfo	{
	background-color:#fff;
	border:1px solid #ccc;
	height:30px;
	margin-bottom:20px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	
	}	
	
dl.studentInfo dt	{
	float:left;
	margin:0 15px;
	}	
	
dl.studentInfo dd	{
	color:#f00;
	float:left;
	font-weight:bold;
	}	

/* REPORT CARD
---------------------------------------------------------------------------*/
#reportCard	{
	
	}	
	

/* ACCOUNT MGNT.
---------------------------------------------------------------------------*/
fieldset#accountMgnt	{
	background:none;
	height:100%;
	margin:0;
	padding:0;
	width:100%;
	}

fieldset#accountMgnt legend	{
	text-indent:-999em;
	}
	
fieldset#accountMgnt p	{
	border-bottom:1px dotted #666;
	margin:0 0 10px 0;
	}
	
fieldset#accountMgnt p.noBorder	{
	border-bottom:none;
	}

fieldset#accountMgnt label	{
	font-size: 1.285714em;
	float:left;
	display:block;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight:bold;
	letter-spacing:.1em;
	margin:5px 0 10px 0;
	text-align:right;
	text-transform:uppercase;
	width:500px;
	}
		
fieldset#accountMgnt input	{
	border:1px solid #666;
	
	font-family:Verdana, Sans-Serif;
	font-size: 1.285714em;
	float:left;
	height:30px;
	margin:0 0 10px 10px;
	padding:5px 0 0 0;
	text-indent:10px;
	width:280px;
	}
	
fieldset#accountMgnt select	{
	font-size: 1em;
	margin:0 0 20px 10px;
	}
	
fieldset#accountMgnt input#submit	{
	background-color:#f00;
	border:none;
	color:#fff;
	cursor:pointer;
	float:right;
	height:35px;
	line-height:2em;
	margin:0;
	text-align:left;
	width:280px;
	}
	
#search input.account	{
	font-family:Georgia;
	font-size:1.1em;
	height:20px;
	text-indent:15px;
	width:288px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}	
	
.focusField	{  
	border:1px solid #fff;  
	background:#f00;  
	color:#fff;  
    }
       
.idleField	{  
	background-color: #fff;
	border:1px dotted #666;
	color:#f00;
	}
	
	
/* AD PAGES 
---------------------------------------------------------------------------*/
body#adPages	{

	}

body#adPages div#banner	{
	background:url(/images/advHere.png) 0 10px no-repeat;
	height:240px;
	position:relative;
	}
	
body#adPages div#bannerAD	{
	background:url(/images/frameBG.png) 0 10px no-repeat;
	height:240px;
	position:relative;
	}
	
	
body#adPages div#bannerAD img	{
	background-color:#fff;
	border:1px solid #ccc;
	height:131px;
	left:42px;
	margin:5px;
	position:absolute;
	top:52px;
	width:131px;
	}

body#adPages div#banner h3, body#adPages div#bannerAD h3	{
	color:#000;
	font-size:1.7em;
	left:326px;
	line-height:1.2em;
	position:absolute;
	top:80px;
	width:500px;
	}
	
body#adPages div#banner p, body#adPages div#bannerAD p	{
	font-size:1.2em;
	left:326px;
	line-height:1.2em;
	position:absolute;
	top:140px;
	}
	
body#adPages div.fourColWide h2 {
	margin:0 0 20px 0;
	}
	
body#adPages div.fourColWide p {
	margin-bottom:20px;
	}
	
body#adPages div.fourColWide p img {
	float:left;
	height:143px;
	width:143px;
	}
	
body#adPages fieldset {
	background-image:none;
	height:100%;
	margin:0;
	padding:0;
	width:267px;
	}
	
body#adPages div.fourColWide fieldset p {
	margin:0;
	}
	
p.sideBar {
	background-color:#fff;
	background-image:none;
	height:100%;
	padding:20px;
	width:267px;
	}
	
p.sideBar a {border:1px solid #ccc; color:#f00; display: block; padding:0 0 0 20px;}


p.sideBar a:hover {background-color:#f00; color:#fff;}

body#adPages legend {
	display:none;
	}

body#adPages label {
	color:#f00;
	font-size:.9em;
	margin:0;
	}
	
/*	
body#adPages input {
	border:1px dotted #ccc;
	margin:0;
	padding:0;
	width:265px;
	}
*/
	
body#adPages div#footer div.twoColWide h2 {
	color:#000;
	}
	
body#adPages div#footer p {
	margin:0 0 20px 0;
	}
	
ul.bullets	{
	margin:0 0 20px 0;
	}
	
ul.bullets li	{
	list-style:disc;
	list-style-position:inside;
	margin:0 0 10px 20px;
	}
	
.adImage {
	background: #fff;
	color: #888;
	}

*html input#uploadImage, *html input#uploadImage {width:350px;}


*html body#adPages button.jqTransformButton span, *+html body#adPages button.jqTransformButton span {text-align: center; width:200px;}

span.dimensions	{
	display:block;
	font-size:.9em;
	margin:0 0 10px 0;
	text-align:center;
	}
	
a.signUp {
	background-color:#f00;
	color:#fff;
	display:block;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:1em;
	font-weight:bold;
	margin:0 0 20px 0;
	text-align:center;
	text-transform:uppercase;
	width:100px;
	
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	}

a:hover.signUp {
	background-color:#333;
	}
		
dl#stats	{
	color:#000;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight:bold;
	margin:0 0 20px 0;
	text-transform:uppercase;
	}

dl#stats dt	{
	float:right;
	font-size:1.5em;
	margin:0 0 10px 0;
	width:300px;
	}
	
dl#stats dd	{
	border-bottom:1px dotted #ccc;
	font-size:3em;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	}		
		
div.ad h3 {border-bottom:1px solid #ccc;}
		
.premium {background:url(/images/premium.png) 0 0 no-repeat; padding:0 20px 0 120px;}

.regular {background:url(/images/regular.png) 0 0 no-repeat; padding:0 20px 30px 120px;}

.sponsor {background:url(/images/sponsor.png) 0 0 no-repeat; padding:0 20px 0 120px;}

.paypalBtn {margin:10px 0;}
		
/* FOOTER
---------------------------------------------------------------------------*/
#footer	{
	background-color:#f00;
	color:#000;
	padding:20px 0;
	}

#footer h2	{
	background:none;
	color:#fff;
	text-indent:0;
	}	

#footer p	{color:#fff; padding:0 10px 0 0;}
		
#footer a	{
	border-top:1px dotted #fff;
	color:#fff;
	display:block;
	}
	
#footer a.inline	{
	border-bottom:1px dotted #fff;
	border-top:none;
	display:inline;
	}

#footer a:hover.inline	{
	border-bottom:1px dotted #fff;
	border-top:none;
	display:inline;
	}
	
/*EI Fix*/
* html #footer a	{
	display:inline-block;
	}	
	
#footer a:hover	{
	background-color:#fff;
	color:#f00;
	display:block;
	text-indent:15px;
	}	
	
#footer h6	{
	border-top:1px solid #fff;
	color:#fff;
	clear:left;
	height:2em;
	margin:1em auto 0 auto;
	padding:1em 0;
	width:960px;
	}
	
/* SCROLL TO TOP
---------------------------------------------------------------------------*/	
#toTop { 
	background:#f00;
	border:1px solid #666;
	bottom:10px;
	color:#666;
	cursor:pointer;
	padding:5px;
	position:fixed;
	right:0;
	text-align:center;
	text-decoration:none; 
	width:100px;
	}

/* CLEARFIX
---------------------------------------------------------------------------*/
/* float clearing for IE6 */
* html .clearfix{height: 1%;overflow: visible;}

/* float clearing for IE7 */
*+html .clearfix{min-height: 1%;}

/* float clearing for everyone else */
.clearfix:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;}

/* EXTRAS
---------------------------------------------------------------------------*/
.floatRight {float:right;}
.floatLeft {float:left;}
.inline	{display:inline;}

.redBg	{background-color:#f00;color:#fff;}

.blackText	{color:#000;}	
.redText	{color:#f00;}
.greenText	{color:#0f0;}
.whiteText	{color:#fff;}
a.whiteText	{color:#fff;}

h2.whiteText a	{color:#fff;}

.noBorder {border:none;}