/*________Quiz______________*/

#quizcontainer
{
	margin: 0px auto;
	max-width: 70em;
}
#quizleft
{
	float: left;
	width: 30em;
}

#quizright
{
	float: right;
	width: 20em;
	text-align: left;
}

#quizquestions
{
	clear: both;
}

#score
{
	padding-left: 25px;
	font-weight: bold;
}

.quizsummary
{
	font-size: 1.2em;
	font-weight: bold;
}

.activitysummary
{
	font-size: 1.0em;
	font-weight: normal;
}

.quizheader
{
	border: 1px solid #110;
	background-color: #eee;
	padding: 2px;
}

.quizquestion
{
	font-size: 1em;
	font-weight: bold;
}

.quizoptions
{
	font-size: 1em;
}

.odd
{
	background-color: /*#7fcfff;*/ #C6E2FF;
}

.TBmain
{
	border: 1px solid #110;
	font-size: 1em;
	min-width: 600px;
	padding: 2px;
}
/*______________________*/

#header
{
	/*float:left;*/
	width: 100%;
	text-align: center;	
	border-bottom: #333 1px solid;
	/*position: relative;*/
	background-color: #ffffff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#header ul
{
	margin: 0 auto;
	padding:  0 0 0 0;
	list-style: none;
	bottom: -1px;
	width: 614px;
	vertical-align: middle;	
	position: relative;
	overflow: hidden;
	font-size: 11px;	
}

#header li
{
	display: inline;
	margin: 0;
	padding: 0;
}

#header a
{
	float: left;
	background: #f1f1f1 url(http://www.planitplus.net/images/white.png) no-repeat left top;
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #333;
}
#header a span
{
	float: left;
	display: block;
	background: #f1f1f1 url(http://www.planitplus.net/images/white.png) no-repeat right top;
	padding: 4px 10px 3px 0px;
	color: #333;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span
{
	float: none;
}
#header a.home span
{
	float: none;
}
#header a.career span
{
	float: none;
}
#header a.learn span
{
	float: none;
}
#header a.school span
{
	float: none;
}
#header a.portfolio span
{
	float: none;
}
#header a.job span
{
	float: none;
}
/* End IE5-Mac hack */

/*
	*	1. At this point many things are simplified. The hover and background colors are set,
	*	and no positions are used because we aren't swapping images
	*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
	*	exposing 1px of the background color of #header and giving the effect of an underline.
	*/
#header a.career span
{
	padding-bottom: 4px;
	color: #000;
}
#header a:hover, #header a:hover span
{
	background-color: #E4F1BC;
	color: #000;
}
#header a.home:hover, #header a.home:hover span
{
	background-color: #ff3333;
	color: #000;
}
#header a.career:hover, #header a.career:hover span
{
	background-color: #39f;
	color: #000;
}
#header a.learn:hover, #header a.learn:hover span
{
	background-color: #3c3;
	color: #000;
}
#header a.school:hover, #header a.school:hover span
{
	background-color: #c9f;
	color: #000;
}
#header a.adult:hover, #header a.adult:hover span
{
	background-color: #FF66FF;
	color: #000;
}
#header a.portfolio:hover, #header a.portfolio:hover span
{
	background-color: #f93;
	color: #000;
}
#header a.job:hover, #header a.job:hover span
{
	background-color: #00AFA5;
	color: #000;
}
#header a.career span, #header a.career
{
	background-color: #39f;
}
/*____END NEW BIT___________*/
/*____________CATEGORY LIST__________*/

#button
{
	padding: 0;
	margin-bottom: 0;
	background-color: Transparent;
	color: #333;
	width: 100%;
}

#button ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#button li
{
	border-bottom: 1px solid #39F;
	margin: 0;
	line-height: 16px;
	background-color: #9CF;
	color: #000;
	padding-left: 2px;
	width: 100%;
}

#button li a
{
	display: block;
	padding: 0;
	background-color: Transparent;
	color: #000;
	text-decoration: none;
	width: 100%;
}

#button li a:hover
{
	background-color: #39F;
	color: #000;
}

#button .selected li a
{
	background-color: #39F;
	color: #FFFF00;
	font-weight: bold;
}

#pdbutton
{
	padding: 0;
	margin-bottom: 0;
	background-color: Transparent;
	color: #333;
	width: 165px;
}

#pdbutton ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#pdbutton li
{
	border-bottom: 1px solid #39F;
	margin: 0;
	line-height: 16px;
	background-color: #9CF;
	color: #000;
	padding-left: 2px;
}

#pdbutton li a
{
	display: block;
	padding: 0;
	background-color: #9CF;
	color: #000;
	text-decoration: none;
}

#pdbutton li a:hover
{
	background-color: #39F;
	color: #000;
}

#rabutton
{
	padding: 0;
	margin-bottom: 0;
	background-color: Transparent;
	color: #333;
	width: 165px;
}

#rabutton ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#rabutton li
{
	border-bottom: 1px solid #39F;
	margin: 0;
	line-height: 16px;
	background-color: #9CF;
	color: #000;
	width: 165px;
	padding-left: 2px;
}

#rabutton li a
{
	display: block;
	padding: 0;
	background-color: #9CF;
	color: #000;
	text-decoration: none;
	width: 165px;
}

#rabutton li a:hover
{
	background-color: #39F;
	color: #000;
}

#button_green
{
	padding: 0;
	margin-bottom: 0;
	background-color: Transparent;
	color: #333;
	width: 165px;
}

#button_green ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#button_green li
{
	border-bottom: 1px solid #AFEBAF;
	margin: 0;
	line-height: 16px;
	background-color: #3F3;
	color: #000;
	width: 165px;
	padding-left: 2px;
}

#button_green li a
{
	display: block;
	padding: 0;
	background-color: #AFEBAF;
	color: #000;
	text-decoration: none;
	width: 165px;
	border-bottom: 1px solid #3c3;
}

#button_green li a:hover
{
	background-color: #3C3;
	color: #000;
}

.catHead
{
	color: #000;
}

.catHead:link, .catHead:visited
{
	color: #FF6;
	text-decoration: none;
}

.catHead:hover
{
	color: #FF6;
	text-decoration: none;
}

.qualsHead:link, .qualsHead:visited
{
	color: #000;
	text-decoration: none;
}

.qualsHead:hover
{
	color: #000;
	text-decoration: none;
}

.infoheader
{
	color: #000;
	font-size: 1.6em;
	line-height: 1.8em;
	font-weight: bold;
}

TD.courselisttb
{
	background-color: #fff;
	border: 0;
	color: #000;
	padding: 4px;
}

TD.courselisthead
{
	background-color: #fff;
	border: 0;
	color: #000;
	font-weight: bold;
	padding: 4px;
}

TD.courselist
{
	background-color: #9CF;
	border: 0;
	color: #000;
	padding: 4px;
}

TD.courselist a:link, TD.courselist a:visited
{
	background-color: Transparent;
	color: #03C;
	text-decoration: none;
}

TD.courselist a:link:hover, TD.courselist a:visited:hover
{
	background-color: Transparent;
	color: #03C;
	text-decoration: underline;
}

.courseheader
{
	background-color: Transparent;
	color: #000;
	font-weight: bold;
}

.instheader
{
	background-color: Transparent;
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
}

.courseHead
{
	background-color: #fff;
	border: 0;
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
}

.courseHeadText
{
	background-color: #fff;
	border: 0;
	color: #03C;
	font-size: 1.1em;
	font-weight: bold;
}

.courseText
{
	background-color: #FFF;
	border: 0;
	color: #000;
}

.courseText a:link, .courseText a:visited
{
	background-color: Transparent;
	color: #03C;
	text-decoration: none;
	border-bottom: #ccc 1px solid;
}

.courseText a:link:hover, .courseText a:visited:hover
{
	background-color: Transparent;
	color: #03C;
	text-decoration: none;
	border-bottom: #363 1px solid;
}

/*____________TOP MENUBAR____________*/

#datebar
{
	color: #000;
	text-align: center;
	background-color: #39F;
}

#submenu li
{
	border-bottom: 1px solid #9CF;
	margin: 0 auto;
	padding: 0;
	background-color: #9CF;
	text-align: left;
	text-indent: 2px;
}

#submenu li a
{
	display: block;
	background-color: #9CF;
	color: #000;
	text-decoration: none;
	width: 100%;
	border-bottom: #9cf 1px solid;
}

html > body #submenu li a
{
	width: auto;
}

#submenu li a:hover
{
	background-color: #39F;
	color: #000;
	text-decoration: none;
	border-bottom: #363 1px solid;
}

ul.nopoint
{
	list-style-type: none;
	margin: 0 0 0 0;
}

TD.caHead
{
	border: 1px solid;
	border-color: #fff #333 #333 #fff;
	border-right: 0;
	line-height: 1.3em;
	font-weight: bold;
	padding-left: 6px;
	padding-top: 2px;
	background-color: #39F;
	color: #FFF;
}

.sideHead
{
	background-color: #39F;
	color: #000;
}

.sideHead_green
{
	background-color: #3c3;
	color: #000;
	border: 1px solid;
	border-color: #fff #333 #333 #fff;
	border-right: none;
	font-weight: bold;
	padding-left: 6px;
	padding-top: 2px;
	line-height: 22px;
}

TD.welcHead
{
	border-top: none;
	border-left: none;
	background-color: #39F;
	color: #FFF;
}

TD.blue
{
	border: solid 2px #6262FF;
	background-color: #CECEFF;
}

TD.blue_right
{
	border: solid 2px #6262FF;
	border-left: none;
	background-color: #6262FF;
}

TD.green
{
	border: solid 2px #82D6AD;
	background-color: #C9EDDB;
}

TD.green_right
{
	border: solid 2px #82D6AD;
	border-left: none;
	background-color: #82D6AD;
}

TD.yellow
{
	border: solid 2px #FFFE62;
	background-color: #FFFFB7;
}

TD.yellow_right
{
	border: solid 2px #FFFE62;
	border-left: none;
	background-color: #FFFE62;
}

TD.red
{
	border: solid 2px #F0627D;
	background-color: #F9BFCB;
}

TD.red_right
{
	border: solid 2px #F0627D;
	border-left: none;
	background-color: #F0627D;
}

#LeftPane
{
	background-color: #39F;
	color: #000;
}



.quicklink
{
	padding: 2px; 
}

.quicklink ul
{
	list-style-type: none;
	margin: 0 0 0 0;
}

.quicklink ul li
{
	display: inline;
	margin: 0;
	padding: 0 5px 0 5px;
	color: #339;
	border-right: 1px solid #ccc;
}

.quicklink ul li.last
{
	display: inline;
	margin: 0;
	padding: 0 5px 0 5px;
	color: #339;
	border-right: none;
}

/*______________LOGIN_________________________*/

.logintext a:link:hover, .logintext a:visited:hover
{
	background-color: Transparent;
	color: #000;
	text-decoration: underline;
}

/*___________TEXTBOXES AND BUTTONS________*/

.navbut
{
	background-color: #9CF;
	border-right: #069 1px outset;
	border-top: #6cc 1px outset;
	border-left: #6cc 1px outset;
	border-bottom: #069 1px outset;
	color: #000;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: bold;
	font-size: 11px;
	margin: 2px;
}

/*______________DATAGRID_________________________*/

.DGmain
{
	border: 1px solid #39F;
	padding: 0px;
}

.DGitem
{
	background-color: #fff;
	padding-left: 4px;
	color: #000;
	line-height: 1.4em;
}

.DGitem a:link, .DGitem a:visited
{
	background-color: Transparent;
	color: #03C;
	text-decoration: none;
}

.DGitem a:link:hover, .DGitem a:visited:hover
{
	background-color: Transparent;
	color: #03C;
	text-decoration: underline;
}

.DGalt
{
	background-color: #eee;
	padding-left: 4px;
	color: #000;
	line-height: 1.4em;
}

.DGalt a:link, .DGalt a:visited
{
	background-color: Transparent;
	color: #03C;
	text-decoration: none;
}

.DGalt a:link:hover, .DGalt a:visited:hover
{
	background-color: Transparent;
	color: #03C;
	text-decoration: underline;
}

.DGhead
{
	background-color: #39F;
	font-weight: bold;
	padding-left: 2px;
	height: 1.2em;
}

.DGhead a:link, .DGhead a:visited
{
	text-decoration: underline;
	color: #000;
}

.DGhead a:link:hover, .DGhead a:visited:hover
{
	text-decoration: underline;
	color: #000;
}

.DGfooter
{
	background-color: #fff;
	font-weight: bold;
	padding: 2px;
}

.DGfooter a:link, .DGfooter a:visited
{
	text-decoration: underline;
	color: #03c;
}

.DGfooter a:link:hover, .DGfooter a:visited:hover
{
	text-decoration: none;
	color: #03c;
}

.DataGridCurrentLetter
{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.nopad
{
	margin: 0 0 -15px 0;
	padding: 0 0 0 0;
}