@charset "utf-8";
/* CSS Document */

body { background-color:#E0E0E0; font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px; }
p { margin: 0px; }
h1 { margin: 0;font-size: 18px; padding-bottom: 10px;}
h2 { margin: 0;font-size: 14px;padding-bottom: 10px;}
h3 { margin: 0;font-size: 14px;padding-bottom: 10px;}
img { border: 0px;}
ul.admin { list-style: square; color: #289038;}
ul.admin li { padding: 2px; }
ul.admin a { color: #000000;text-decoration: none; border-bottom: 1px #000000 dotted; }
ul.admin a:hover { color: #000000;border-bottom: none;text-decoration: none; }

#globalPositioning { width: 780px;margin: 0 auto;}
#header {
background-image:url(../images/pesst_header.gif);
background-repeat: no-repeat;
width: 780px;
height: 60px;
margin: 0;
}

#navbar { margin-left: 10px;padding-top: 39px; }
#memNavbar { margin: 4px 0 12px 0; }
.homenavtab {
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background:#000000 url(/images/corner.gif) top right no-repeat;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
color:#FFFFFF;
}
.memhomenavtab {
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background:#000000 url(/images/corner2.gif) bottom left no-repeat;
color:#FFFFFF;
}
.navtabs {
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background:#289038 url(/images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
color:#FFFFFF;
}

.memnavtabs {
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background:#289038 url(../images/corner2.gif) bottom left no-repeat;
border-left:1px solid #FFFFFF;
color:#FFFFFF;
}
.memnavtabs:hover {
background:#40B44F url(../images/corner2.gif) no-repeat scroll bottom left;
border-bottom:1px solid #FFFFFF;
text-decoration:none;
}

.navtabs:hover {
background:#40B44F url(../images/corner.gif) no-repeat scroll right top;
border-bottom:1px solid #FFFFFF;
text-decoration:none;
}

.regnavtab{
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background: #0033CC url(/images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
color:#FFFFFF;
}
.regnavtab:hover {
background: #0066CC url(../images/corner.gif) no-repeat scroll right top;
border-bottom:1px solid #FFFFFF;
text-decoration:none;
}

.controlnavtab {
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background: #0033CC url(/images/corner2.gif) bottom left no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
color:#FFFFFF;
}
.controlnavtab:hover {
background: #0066CC url(/images/corner2.gif) no-repeat scroll bottom left;
border-bottom:1px solid #FFFFFF;
text-decoration:none;
}

.loginnavtab{
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background: #FF6600 url(/images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
color:#FFFFFF;
}
.loginnavtab:hover {
background: #FF9900 url(/images/corner.gif) no-repeat scroll right top;
border-bottom:1px solid #FFFFFF;
text-decoration:none;
}

.adminnavtab {
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background: #FF6600 url(/images/corner2.gif) bottom left no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
color:#FFFFFF;
}
.adminnavtab:hover {
background: #FF9900 url(../images/corner2.gif) no-repeat scroll bottom left;
border-bottom:1px solid #FFFFFF;
text-decoration:none;
}

#banner1 {width: 760px;background-color: #FFFFFF;height:200px;}

.banpic1 { background-image:url(/images/banner01.jpg);background-repeat:no-repeat;}
.banpic2 { background-image:url(/images/banner02.jpg);background-repeat:no-repeat;}
.banpic3 { background-image:url(/images/banner03.jpg);background-repeat:no-repeat;}
.banpic4 { background-image:url(/images/banner04.jpg);background-repeat:no-repeat;}

#banner_txt { width: 340px;color: #FFFFFF;padding-top: 10px; margin: 0 10px; float:left }

#banner_txt h1 { margin: 0; padding: 0;font-size: 16px;font-weight: bold; }
#banner_txt a {color: #FFFFFF;}
#banner_txt a:hover {text-decoration: none;}

#mainContent { float: left;margin: 0;background-color: #FFFFFF;padding-left: 10px;padding-right: 10px;}

label.login { width: 75px;float: left;text-align: right;margin-right: 10px;display: block}

input, .ui-dialog-buttonpane button { border: 1px solid #781351 }
input.submit { color: #fff; background-color: #289038; border: 2px outset #d7b9c9} 

fieldset.login { border: 1px solid #781351;border-style: dashed; width: 300px;}

fieldset p { padding-top: 5px;padding-bottom: 5px;}

legend { color: #fff; background: #289038; border: 1px solid #781351;padding: 2px 6px} 

#footer {margin-top: 10px;clear: both;background-image: url(/images/footer_bg.jpg);background-repeat: repeat-x;height: 40px;}
#footer_txt { float: left; margin: 0 10px; padding-top: 10px;color: #666666;}

.alignRight{ color: #666666; margin: 0 10px; padding-top: 10px; float: right; text-align:right;}

#footer a { color: #666666;}
#footer a:hover { text-decoration: none;}

#studentPic { width: 110px; float: left;}
#studentDetails { float: left; margin-left:10px; width:210px}
#updateStudDet { float: left; border: #999999 dashed 1px; padding: 10px; min-height: 75px;}
.leftCol { width: 350px; float: left;}
.leftCol2 { width: 390px;	margin-left: 10px; float: left;}
.rightCol { width: 350px; float: left;}
.rightCol2 { width: 350px;	margin-left: 10px; float: left;}

label.userReg { text-align: right; width: 160px; float: left; padding-right: 10px;}
label.stage1 { text-align: right; width: 80px; float: left; padding-right: 10px;}

fieldset.userReg { padding: 10px; width: auto;}

.sYG { width: autopx; float: left; padding-right: 10px; padding-bottom: 10px; display: inline; height: auto;}

.sYG img { padding-right: 5px;}

.redBTxt { color: #FF0000; font-weight: bold;}
.redBTxt p { padding-bottom: 5px;}

input.checkbox { border: none;}

.blackBTxt { color: #000000; font-weight: bold;}

table { border: #999999 1px solid; border-spacing: 0px; border-collapse: collapse;}
td { padding: 3px; border: #999999 1px solid; border-spacing: 0px; border-collapse: collapse;}
td.enable { background-color:#009900; color: #FFFFFF; font-weight: bold;  text-align: center;}
td.disable { background-color:#ff0000; color: #FFFFFF; font-weight: bold; text-align: center;}

th { padding: 3px; background-image:url(../images/footer_bg.jpg); background-position: top; color: #000000;}

a.redBLink { color:#FF0000; text-decoration: underline; font-weight: bold;}

a.redBLink:hover { color: #FF0000; text-decoration: none;}

/* Green Link */
a.greenBLink { color:#009900;	font-weight:bold;	text-decoration:none;}

/* Green Link */
a.greenBLink:hover { color:#009900;	font-weight:bold;	text-decoration:none;}

.insertMess {  font-weight: bold; font-size: 14px; color: #289038;}

.insertMess p { padding-bottom: 10px;}

.1ColOf3 { width: 33%; float: left; display: inline; height: 1%}

.intraCols { width: 210px;height: 190px;  float: left;  display: inline;}

.intraCols h4 { margin-top: 0 }

.setupDiv { clear: both; height: 10px; width: 100%;}

#quizBorder { border: 1px dashed #999999; padding: 10px;width: 97%;	float: left;}
#quizBorder p { padding-bottom: 10px;}

.targets { width: 600px;	position: absolute;}

.profileTabYg
{
  float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	width: auto;
}
.profileTabYg p
{
  margin-bottom: 10px;
}  

.grade3 {background-color: #FFFFFF;}
.grade4 {background-color: #FFCCCC;}
.grade5 { background-color: #FFFF99;}
.grade6 { background-color: #d6f2ce; }
.grade7 { background-color: #d0effb; }
.grade8 { background-color: #CCCCCC; }

h3 { margin-top: 0px;	padding-top:0px;}

.surveyBoxOut { border: 1px solid #000000;width:600px; padding: 2px; }

h1.stageHeader1 { border: #999999 1px solid; padding: 5px;	margin-bottom: 10px;}
h1.stageHeader2 { border: #999999 1px solid; padding: 5px;	margin-bottom: 10px;}
h1.stageHeader3 { border: #999999 1px solid; padding: 5px;	margin-bottom: 10px;}
h1.stageHeader4 { border: #999999 1px solid; padding: 5px;	margin-bottom: 10px;}
h1.stageHeader5 { border: #999999 1px solid; padding: 5px;	margin-bottom: 10px;}
h1.stageHeader6 { border: #999999 1px solid; padding: 5px;	margin-bottom: 10px;}
h1.stageHeader7 { border: #999999 1px solid; padding: 5px;	margin-bottom: 10px;}
h1.stageHeader8 { border: #999999 1px solid; padding: 5px;	margin-bottom: 10px;}

.blackTxt { color: #000000; }

.errTxt { font-weight: bold;	color:#FF0000; }
.errTxt p { padding-bottom: 10px; }

#pe_times label { float: left;	width: 100px;	font-weight:bold;}


/*generic rules*/
div.listbox{background:white;font-size:12px;padding:0;list-style:none;overflow:auto;border:solid 1px #666666; height: 100px; width:700px;margin-bottom:10px;}
div.listbox label input{float:left;}
div.listbox label{display:block;clear:both;}
div.listbox span{white-space:nowrap;height:1em;display:block;padding:3px 6px 3px 0px;cursor:hand;cursor:pointer;}

/*CSS 2.0 behaviors
div.listbox[id] label:hover{background-color:#0033CC;color:white;}*/

/*for IE*/* /*html div.listbox label input{display:block;float:left;width:0;behavior:expression(void(init_listbox_checkbox(this))); padding:0}*/
/*for IE*/* /*html div.listbox span{padding-left:22px; left center no-repeat;border:solid 1px white;border-bottom-color:#f0f0f0;border-left:solid 6px #dedede;}*/
/*for IE*/div.listbox label.hover{background-color:#FF00CC;color:white;}
/*for IE*/div.listbox span.checked{background-color:#FFCC66;border-color:#CC9933;border-bottom-color:#f0f0f0;border-left:solid 6px #222222;}

ul#publicList { margin: 0;	padding: 0;	padding-left: 15px;	color: #009900; }

ul#publicList li { list-style: square;	padding-bottom: 15px; }

.normalTxt { color: #000000 }

.publicListTitle { color: #0033CC }

#gettingStarted h2 { color: #0033CC; padding-bottom: 10px }
#gettingStarted p { padding-bottom: 10px }

textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px }

.stageHeader1 { background-image:url(/images/progress1.gif);background-repeat: no-repeat;background-position: right;}
.stageHeader2 { background-image:url(/images/progress2.gif);background-repeat: no-repeat;background-position: right;}
.stageHeader3 { background-image:url(/images/progress3.gif);background-repeat: no-repeat;background-position: right;}
.stageHeader4 { background-image:url(/images/progress4.gif);background-repeat: no-repeat;background-position: right;}
.stageHeader5 { background-image:url(/images/progress5.gif);background-repeat: no-repeat;background-position: right;}
.stageHeader6 { background-image:url(/images/progress6.gif);background-repeat: no-repeat;background-position: right;}
.stageHeader7 { background-image:url(/images/progress7.gif);background-repeat: no-repeat;background-position: right;}
.stageHeader8 { background-image:url(/images/progress8.gif);background-repeat: no-repeat;background-position: right;}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

.hintanchor li { margin: 0; padding: 0 }

#errorBlock { background-color:#FFFFCC;	border: #FF0000 1px solid;	padding: 3px;	margin-bottom: 12px;}
#errorBlock p { padding-bottom: 12px; font-weight: bold; color: #FF0000;}

#confirmBlock { background-color:#ECFFF2;	border: #009900 1px solid;	padding: 3px;	margin-bottom: 12px;	color: #009900;}
#confirmBlock h4 { padding-bottom: 12px; font-weight: bold; font-size: 12px; color:#000000 }
#confirmBlock p { padding-bottom: 12px; font-weight: bold }

#changepw { padding: 5px; width: 330px}
#changepw p { padding-bottom: 12px; }
#changepw label { float: left; text-align: right; font-weight: bold; width: 160px; margin-right: 10px}
#addOtherClubs label { float: left; width:100px; margin-right: 10px; }

.ygcontainer p {padding:0; margin:0}
.targetDis { padding: 3px; background-color:#FFCCCC}
.targetEn { padding: 3px; background-color:#d6f2ce}

#profileBox { float: left; border: #999999 solid 1px; padding: 10px; margin-bottom: 10px; width: 715px;
background-image:url(/images/profile_title_bar.gif);
background-position:top;
background-repeat:repeat-x;
padding-top: 5px }
#profileBox h2 { color: #FFFFFF; padding-top: 0 }
#preProfile {float: left; width: 20px; }

.currYearTab {
color:#FFFFFF; 
font-weight: bold; 
background: #000000 url(/images/corner3.gif) bottom right no-repeat; 
padding: 6px;
float: left;
border-bottom: 1px #FFFFFF solid
}

.yearTabs { 
border-left: #FFFFFF solid 1px;
border-bottom: #FFFFFF solid 1px;
color:#FFFFFF; 
font-weight: bold;
background: #CCCCCC url(/images/corner3.gif) bottom right no-repeat; 
padding: 4px;
float: left;
}

.adminLinks { color: #000000;text-decoration: none;border-bottom: 1px #000000 dotted;}
.adminLinks:hover { color: #000000;border-bottom: none;text-decoration: none; }

#livesearch { margin:0px;width:194px; }
#txt1 { margin:0px;a }

#globalError {
border: 3px #CC0000 ridge;
color:#FFFF00;
position: absolute;
height: 130px;
width: 700px;
background: url(/images/err_trans_bg.png) repeat;
z-index: 200px;
margin-left: 10px;
margin-top: 20px;
font-weight:bold;
padding: 10px
}

#stats_archives { float:right; width: 200px; height:165px; border: 1px #000000 solid; padding:0 }
#stats_archives h4 {background-color:#EDEDED;padding:4px;width:192px; margin:0; text-align:center; font-size:12px }
#stats_archives p { padding: 6px 3px; text-align:center; margin:0 }
#stats_archives select { margin:0;padding:0 }

#start_survey { }

.dataSummaryLinks { color:#000000; cursor:help; text-decoration:none; padding-bottom:1px; border-bottom: dashed 1px }