/*------------------
TSA : Administration Portal
CSS template.
Designed by James J. Spinelli / John N. Elisio (jspin2(AT)anro(DOT)com)
07/01/2009
------------------*/
@import url("undohtml.css");

/*	Global	*/
body { background:#01477a; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.cl {clear:both;}

/*	Layout	*/
#container { margin:0px auto; width:874px; }
#header { background:#01477a url(../../images/head-bg.jpg) 238px 0px no-repeat; height:105px; overflow:hidden; width:100% }
#top-nav, #footer { background:url(../../images/top-nav-bg.jpg) repeat-x; border:1px solid #6f82a2; height:26px; width:872px; }
#content { background:#fff; padding:10px 15px 30px 15px; width:844px; overflow: hidden ;}
#content2 { background:#fff; padding:10px 37px 30px 17px; width:820px; overflow: hidden ;}

/*	Content Styles	*/
#header h1 { height:79px; float:left; margin:10px 0 0 10px; width:178px; }
#header h1 img { border:none; }
#header ul { color:#fff; display:inline; float:left; margin:26px 0 0 488px; }
#header ul strong { font-size:16px; font-weight:bold; }
#header ul em { font-size:13px; font-style:normal; font-weight:bold; }

h3#page-title { color:#727272; background:#fff url(../../images/content-h3-bg.jpg) no-repeat; font-size:28px; height:54px; padding:20px 0 0 100px; width:774px; }
h3#page-title span { color:#ef483a; }

ul#top-nav {  list-style:none; padding:0px 0px 0px 130px; width:742px; }
ul#top-nav li { float:left; border-left:1px solid #6f82a2;  }
ul#top-nav li.first { border-left:none; }
ul#top-nav li a { color:#fff; line-height: 26px; padding:6px 20px 5px 20px; }
ul#top-nav li a:hover, ul#top-nav li a.selected { background-color:#FF0000; background-image:none; }

#loginForm { background:url(../../images/login.jpg) no-repeat; margin:0px auto; padding:50px 50px 30px 50px; width:500px; height:210px; }
#loginForm h4 { color:#fff; font-size:24px; }
#errMsgDiv { color: Red; font-size: 14px; font-weight: bold; text-align: center; }
#loginForm #login-left { margin: 0 0 0 40px; width:400px; }
#loginForm #login-left br { clear:both; }
#loginForm #login-left p { margin:20px 0 10px 0; }
#loginForm #login-left p.forgot { clear: both; margin: 10px 0 0 190px; }
#loginForm #login-left p a, #loginForm #login-left p a:visited { color: #7c0303; font-weight: bold; text-decoration: none; }
#loginForm #login-left label { float:left; margin:5px 0 5px 0; line-height:22px; text-align:right; width:120px; }
#loginForm #login-left input#txtUser { float:left; margin:5px 0 5px 5px; width: 250px; }
#loginForm #login-left input#txtUser2 { float: left; margin:5px 0 5px 5px; width: 247px; }
#loginForm #login-left input#txtPW { float:left; margin:5px 0 5px 5px; width: 250px; }
#loginForm #login-left #txtUser, #loginForm #txtPW { border:1px solid #999; width:140px; height:20px; }
#loginForm #login-left #btnSubmit { width: 60px; float:right; margin: 10px 23px 10px 0; }
#loginForm #login-right { margin-top:100px; }

/*	Nomination Styles	*/
#step1 label { float:left; margin:5px 0 5px 0; line-height:22px; text-align:right; width:150px; }
#step1 input { float:left; margin:5px 0 5px 0; width:220px; }
#step1 #txtStuFirst, #step1 #txtCFirst { float: left; width: 70px; }
#step1 #txtStuMid, #step1 #txtCMiddle { float: left; width: 80px; margin-right: 5px; }
#step1 #txtStuLast, #step1 #txtCLast { float: left; width: 120px; }
#step1 #ddlStuSuffix { float: left; width: 50px; height: 20px; }
#step1 #ddlStuState { float:left; margin: 5px 0 0 2px; padding: 0px; height: 20px; }
#step1 #txtStuZip { float: left; margin: 5px 0 0 2px; padding: 0px; width: 70px; }
#step1 #ddlStuSuffix, #step1 #ddlschool { float: left; margin:5px 0 5px 0; } 
#step1 span.frmReq { float: left; margin: 0px ;padding: 0px; color: Red; }
#step1 #btnStep1 { display:block; float:right; margin: 20px 12px 0 0; width: 125px; text-align: center; }

#step2 label { float:left; margin:5px 0 5px 0; line-height:22px; text-align:right; width:150px; }
#step2 input { float:left; margin:5px 0 5px 0; width:220px; }
#step2 #txtG1First, #step2 #txtG2First { float: left; width: 70px; }
#step2 #txtG1Middle, #step2 #txtG2Middle { float: left; width: 80px; margin-right: 5px; }
#step2 #txtG1Last, #step2 #txtG2Last { float: left; width: 110px; }
#step2 #ddlG1Suffix, #step2 #ddlG2Suffix { float: left; width: 50px; height: 20px; }
#step2 #ddlG1State, #step2 #ddlG2State { float:left; margin: 5px 0 0 2px; padding: 0px; height: 20px; }
#step2 #txtG1Zip, #step2 #txtG2Zip { float: left; margin: 5px 0 0 2px; padding: 0px; width: 70px; }
#step2 #ddlG1Rel, #step2 #ddlG2Rel { float: left; margin: 5px 0 0 2px }
#step2 #txtG1Suffix, #step2 #txtG2Suffix { float: left; margin: 5px 0 5px 0; } 
#step2 #ddlG1Suffix, #step2 #ddlG1Rel, #step2 #ddlG2Rel, #step2 #ddlG2Suffix, #step2 #ddlG2Rel  { margin:5px 0 5px 0; }
#step2 span.frmReq { float: left; margin: 0px ;padding: 0px; color: Red; }
#step2 #btnStep2 { display:block; float:right; margin:20px 12px 0 0; width: 125px; text-align: center; }

#step3 label { float:left; margin:5px 0 5px 0; line-height:22px; text-align:right; width:175px; }
#step3 input { float:left; margin:5px 0 5px 0; width: 70px; }
#step3 #txtStGPA, #step3 #txtStRank { float: left; width: 60px; margin-top: 5px; padding: 0px; }
#step3 label.GPAscale { float: left; margin: 1px; padding-top: 4px; width: 70px; text-align: center; }
#step3 #txtStScale, #step3 #txtStRankMax { float: left; width: 60px; margin: 5px 0 0 5px; padding: 0px;  }
#step3 .acadInside { margin-left: 20px; width: 500px; float: left;  }
#step3 .sat { display: block; float: left; width: 220px; margin: 0px; padding: 0px; }
#step3 label.nmh { float:left; margin:15px 0 5px 0; line-height:22px; text-align:right; width:200px; }
#step3 #ddlStNMH { margin:15px 0 5px 5px; }
#step3 #chkNHS { margin:19px 0 5px 0; }
#step3 .sat label { width: 110px; }
#step3 span.frmReq { float: left; margin: 0px ;padding: 0px; color: Red;  }
#step3 #txtStAchv { float: left; }
#step3 #btnStep3 { display:block; float:right; margin:20px 12px 0 0; width: 125px; text-align: center; }
#step3 label.frmField { float: left; padding-left: 50px; width: 400px; font-size: 12px; }

#step4 label { float:left; margin:5px 0 5px 0; line-height:22px; text-align:right; width:200px; }
#step4 input { float:left; margin:5px 0 5px 0; width: 70px; }
#step4 #btnStep4 { display:block; float:right; margin:20px 12px 0 0; width: 125px; text-align: center; }

#step5 label { float:left; margin:5px 0 5px 0; line-height:22px; text-align:right; width:200px; }
#step5 input { float:left; margin:5px 0 5px 0; width: 70px; }
#step5 #btnStep5 { display:block; float:right; margin:20px 12px 0 0; width: 125px; text-align: center; }

#step6 label { float:left; margin:5px 0 5px 0; line-height:22px; text-align:right; width:200px; }
#step6 input { float:left; margin:5px 0 5px 0; width: 70px; }
#step6 #btnStep6 { display:block; float:right; margin:20px 12px 0 0; width: 125px; text-align: center; }

#content label.frmTitle { clear:both; display:block; font:bold 14px "arial", "sans-serif"; padding:20px 0 0 0; width:485px; }
#content span.frmReq { margin: 0px ;padding: 0px; color: Red; }

#step4 #ddlStSport1, #step4 #ddlStSport2 { margin:5px 0 5px 0; }
#content h6 { border-bottom: 1px solid #01477a; color: #01477a; margin-bottom: 5px; }
#step4 label.frmField, #step5 label.frmField, #step6 label.frmField { margin-top: 10px; padding: 0px; width: 500px; font-size: 12px; text-align: center; display: block; }

#btnStep1, #btnStep2, #btnStep3, #btnStep4, #btnStep5, #btnStep6 { display:block; float:right; margin:20px 0 0 0; }
#frmFileUpload #btnUpload { display:block; float:right; margin: 5px 0 0 0; width: 80px; }

fieldset { margin:0px auto; padding:20px 20px 20px 20px; width: 500px; }
fieldset hr { display:block; clear:both; margin:10px 0 10px 0; }
fieldset h4 { color:#ef483a; font-size:22px; }

#content label.frmTitle span { color:#ef483a;margin: 0px ;padding: 0px;  }

ul#admProgress { font-size:14px; font-weight:bold; margin: 0px; padding: 0px; width:840px; }
ul#admProgress.admECprog { font-size:10px; }
ul#admProgress li { float:left; }
ul#admProgress li a { color:#01477a; padding:5px 2px 5px 2px; line-height:20px; margin:0px 2px 0px 3px; }
ul#admProgress li.select a { color:#fff; background-color:#ef483a; }

ul#admProgress.admECprog li { border-right: 1px solid #000;  }
ul#admProgress.admECprog li#admProgLast { border:none; }

/* Listings Page */

#content .year { width: 100%; height: 25px; display: block; margin: 15px 0 15px 0; padding: 0px; float: right; overflow: hidden; }
#content .pageNav { width: 215px; margin: 15px 0 15px 0; padding: 0px; float: right; }

#content #searchform { display: block; margin: 0px auto; padding-top: 20px; text-align: center; height: 45px; width: 500px; border: 1px solid #7c0303; background: #f5f5f5; }
#content #searchform #txtName, #ddlYear { margin: 0px 5px 0 5px; }

#content table {clear: left; padding-top: 40px; }
#content table tr th { color: #01477a; padding: 5px 0 5px 0; margin: 0px; } 
#content table tr td { padding: 5px 0 5px 0; text-align: center; }
#content table tr.alt { background: #ccc; } 

br.break { clear: both; }

/* nominate */
.faq_in { width: 500px; margin: 0px auto; padding: 0px; display: block; }
.faq_in p { margin-top: 10px; color: #01477a; font-weight: bold; }
.faq_in p a, .faq_in p a:visited { color: #7c0303; font-weight: bold; text-decoration: none; }

/* Submit Page */
#content p.review { font-size: 14px; text-align: center; padding-top: 5px; font-weight: bold; }
#content .studReview { float: left; margin-top: 13px; padding: 0px; width: 845px; background: #f5f5f5; border: 1px solid #01477a; }
#content .studReview h2 { font-size: 18px; padding: 10px; color: #01477a; }
#content .studReview h3 { font-size: 13px; padding: 5px 0 5px 220px; color: #01477a; }
#content .studReview label { padding-left: 10px; float: left; text-align: right; height: 23px; width: 115px; font-size: 13px; font-weight: bold; display: block; }
#content .studReview label.acad { padding: 0 0 15px 10px; float: left; text-align: right; height: 23px; width: 200px; font-size: 13px; font-weight: bold; display: block; }
#content .studReview p { font-size: 12px; padding: 1px 0 5px 10px; float: left; width: 280px; }
#content #btnSubmit { display:block; float:right; margin:20px 12px 0 0; width: 125px; text-align: center; }
#content .error { background: #FFFF00; }

br.break { clear: both; }
.GuardL { float: left; width: 420px; }
.GuardR { float: left; width: 420px; }

/* File Upload */
#frmFileUpload { width: 820px; }
#frmFileUpload fieldset {  margin: 0px auto; width: 500px; }
#frmFileUpload fieldset label { padding: 5px 0 0 10px; }

.frmFileUpload1 { width: 820px; clear: left; }
.frmFileUpload1 fieldset { margin: 10px auto 0 auto; width: 500px; }
.frmFileUpload1 fieldset label { padding: 5px 0 0 10px; }

#frmFileUpload { clear: both; padding-top: 20px; }
#frmFileUpload label { margin: 5px 0 5px 0; padding: 0px; width: 90px; float: left; }
#frmFileUpload input { margin: 5px 0 0 5px; }
#frmFileUpload input#filUpload { margin: 5px 0 0 5px; width:250px; }
#frmFileUpload #ddlFileType { margin: 5px 0 0 5px; }

fieldset label.frmField input, fieldset label.frmField select  { border: 1px solid #666;}
fieldset label.frmUpload { display:block; float:left; font:10px "arial", "sans-serif"; margin:10px 0 0 10px; }

#content table.UploadFile { width: 700px; padding: 0px; margin: 20px 0 0 50px; }
#content #btnSave { float: right; margin: 10px 40px 0 0; }

#content hr.upload { margin: 20px 0 0px 0; width: 800px; }

#content #studWinner { float: left; width: 700px; margin: 80px 0px 0 40px; }
#content #studWinner #rdoWinner { margin: 0px 0 0 25px; }
#content #studWinner #rdoMention { margin: 0px 0 0 25px; }
#content #studWinner #rdoNone { margin: 0px 0 0 25px; }
#content #studWinner #btnUpdate { margin: 0px 0 0 50px; }

/*Admin Options*/
#rptHPT h4 a { clear: left; }
#ecDYK { clear:left; margin: 0px; padding: 0px; }
#ecDYK label { width: 800px; height: 20px; }


#content2 label { float:left; clear:left; margin:3px 3px 3px 0; text-align:right; width:120px; }
#htmTxtNews {margin: 0 0 0 50px; }

#ecSA table#tblECSAchk { width: 600px; background:#ccc; border:1px solid #000; margin:15px 0 15px 80px; }
#ecSA table#tblECSAchk td { }
#ecSA p { margin-left:60px; }

.cmsSubmit { display:block; margin:20px; clear:left; float:right; }

table.tblAdmEdit { width:800px; margin:15px 0 0 0; }
table.tblAdmEdit tr th { color:#fff; background:#01477a; text-align:left; }
table.tblAdmEdit tr th a { color:#fff; background:#01477a; text-align:left; }

table.tblAdmEdit tr.ev { }
table.tblAdmEdit tr.od { background:#eee; }

#content input.emailFld { width:325px; }
.frmFullName { float:left; text-align:center; font-size:8px; }
.frmFullName span { line-height:6px; }

#phtUpload, #recUpload { width: 450px; }

h4.admSaYr a { color:Blue; text-decoration:none; }
h4.admSaYr a.undrLn { text-decoration:underline; }

/* Schools - edit-content.aspx?st=school */

.frmReq { color:Red; }

#divEditSchool { display:block; margin:30px 0 0 0; }
#divEditSchool label { margin:5px 0 0 3px; }
#divEditSchool input, #divEditSchool select { border:1px solid #ccc; margin:5px 0 0 3px; }
#txtSSchool { width:400px; }
#txtSAddr, #txtSCity, #txtSURL, #txtPrinc, #txtSPrincEmail, #txtSNickname { width:250px; }
#txtSZip, #txtSLat, #txtSLong { width:80px; }

/* Video of the Day */
#VideoOfTheDay h2 { font-size: 20px; margin: 10px 0 10px 0; clear: left; }
#VideoOfTheDay input#filVideoUpload { margin: 5px 0 5px 123px; }
#VideoOfTheDay table.VotD { width: 550px; margin: 20px auto 20px auto; padding: 0px; clear: left; }
#VideoOfTheDay table.VotD tr { padding: 5px 0 0 0; margin: 0px; }
#VideoOfTheDay table.VotD tr.op { padding: 5px 0 0 0; margin: 0px; background: #c7c7c7;}
#VideoOfTheDay table.VotD tr td { border-bottom: 1px solid #000; }
#VideoOfTheDay table.VotD tr td.tblLeft { border-left: 1px solid #000; padding: 5px 0 5px 5px; font-size: 13px; }
#VideoOfTheDay table.VotD tr td.tblRight { border-right: 1px solid #000; padding: 5px 0 5px 5px; font-size: 13px; }

#VideoOfTheDay table.VotD tr th { padding-left: 5px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #000; }
#VideoOfTheDay table.VotD tr td a.removeLink { color: Red; font-weight: bold; font-size: 15px; }

#VideoOfTheDay .videoDate { width: 530px; margin: 0px auto; padding: 20px 45px 0 25px; height: 40px; background: #01477a; display: block; border: 1px solid #000; color: #fff; }
#VideoOfTheDay .videoDate select#ddlVideos { float: left; display: block; width: 150px; margin: 0px; padding: 0px; }
#VideoOfTheDay .videoDate label.date { float: left; width: 50px; margin: margin:3px 3px 3px 0; padding: 0px; clear: none; }
#VideoOfTheDay .videoDate input#txtSelectDate { float: left; display: block; width: 100px; margin: 0px; padding: 0px; }
#VideoOfTheDay .videoDate input#btnSet { float: left; margin: 0 0 0 5px; padding: 0px; }

/* Access Logs */
#accessLogs .time { width: 800px; height: 90px; background: #CCCCCC; border: 1px dashed #01477a; margin: 40px auto 0 auto; overflow: hidden; clear: left; }
#accessLogs .time h4 { font-size: 15px; text-align: center; }
#accessLogs .time label.timeframe { margin: 0px; padding: 5px 10px 0 5px; float: left; width: 30px; height: 20px; display: inline;  }
#accessLogs .time span { float: left; width: 20px; text-align: center; padding: 5px 0 0 0; }
#accessLogs .time input { float: left; margin: 0px; padding: 0px; display: inline; width: 80px; }
#accessLogs .time #btnDate { margin-left: 10px; float: left; width: 60px; }

/*Candidate*/
span.hideLbl label { display:none; }