/* RT CSS
 *  COMMON ELEMENTS LISTED FIRST
 */

body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-align: center;
  font-size:14px;
  background-color:#0099cc;
  padding:0px;
  /* This margin setting eliminates slight horz scroll on 800x600 */
  margin-top:0px;
  margin-left:-8px;
  margin-right:8px;
}
body.student {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-align: center;
  font-size:14px;
  background-color:#0099cc;
  padding:0px;
  /* This margin setting eliminates slight horz scroll on 800x600 */
  margin-top:0px;
  margin-left:0px;
  margin-right:0px;
  margin-bottom:0px;
}

form {margin:0}
body.application {background-color:#0099cc; padding:0px;margin:0px;}

div#loginContainer, div#legalContainer, div#welcomeContainer, div#teacherSelectionContainer, div#chooseContainer {
  position:relative;margin-left:auto;margin-right:auto;
}

div#loginContainer, div#teacherSelectionContainer {
  text-align: left;
  width:1000px;
  height: 780px;
  padding-top:15px;
}

div#gameContainer {
  text-align: center;
  width: 100%;
  height: 100%;  
  z-index: 1;  
}

div#welcomeContainer {
  text-align: left;
  width:760px;
  height:500px;
}

div#chooseContainer {
  width:1000px;
  height:600px;
}

#leftInfoContainer {
	position:absolute;
	top:210px;
	left:10px;
  	max-width:150px; 
  	text-align:left;
}

div#footerContainer {
  position:relative;
  width:100%;
  text-align:center;
  z-index:10;
  height:15px;
  white-space:nowrap;
}

.chooseTitle {
  color:#ffffff;
  font-weight: bold;
  font-size: 18pt;
}

.footer {font-size:10px;color:#fff;}
.footerWhite {font-size:10px;color:#fff;}
.footerBlack {font-size:10px;color:#000;}

span#velVersionInfoLink {
  font-size: 8pt;
}
span#velVersionInfo {
  color: #000000;
  font-size: 8pt;
  font-weight:bold;
}
.velVersionInfo {
  text-align:center;
  width:100%;
  padding-top:15px;
}
span#termsOfUseLink, span#privacyPolicyLink {
  font-size: 8pt;
  font-weight: bold;
  color: #ffffff;
}

.type8  {font-size:8px;}
.type9  {font-size:9px;}
.type10 {font-size:10px;}
.type11 {font-size:11px;}
.type12 {font-size:12px;}
.type13 {font-size:13px;}
.type14 {font-size:14px;}
.type15 {font-size:15px;}
.type16 {font-size:16px;}
.type17 {font-size:17px;}
.type18 {font-size:18px;}

.pad5{padding-left:5px;}
.pad10{padding-left:10px;}
.pad15{padding-left:15px;}
.pad20{padding-left:20px;}

.margin5{margin-left:5px;}
.margin10{margin-left:10px;}
.margin15{margin-left:15px;}
.margin20{margin-left:20px;}
.margin25{margin-left:25px;}
.margin30{margin-left:30px;}

.alert {color:#ff0000;}
.handCursor {cursor: hand;cursor:pointer;}
.bold {font-weight:bold}
.italic {font-style:italic}
.top {vertical-align:top;}
.bottom {vertical-align:bottom;}
.right {text-align:right;}
.center {text-align:center;}
.topAligned {vertical-align:top;}
.middleAligned {vertical-align:middle;}

.loginHdr {
  color:#000000;
  font-weight:normal;
  font-size:14px;
  text-align:right;
  padding-right:5px;
}
.loginSupport {
  color:#ffffff;
  font-size:11px;
  font-weight:normal;
  padding:5px;
}

A.legal {font-size: 11px;font-weight: normal;color: #000;text-decoration: none;cursor: hand;cursor:pointer;}
A.legal:hover {font-size: 11px; font-weight: normal;color: #000;text-decoration: underline;cursor: hand;cursor:pointer;}
A.loginSmall {font-size: 11px;font-weight: normal;color: #d25502;text-decoration: none;cursor: hand;cursor:pointer;vertical-align: middle;}
A.loginSmall:hover {font-size: 11px;  font-weight: normal;color: #d25502;text-decoration: underline;cursor: hand;cursor:pointer;}
A.loginSupport {font-size: 11px;font-weight: normal;color: #d25502;text-decoration: underline;cursor: hand;cursor:pointer;}
A.loginSupport:hover {font-size: 11px;  font-weight: normal;color: #ffff00;text-decoration: underline;cursor: hand;cursor:pointer;}
.loginBCLink {font-size: 11px;font-weight: normal;color: #ccffff;padding-left:3px;}

.loginLabel { font-size: 12px; font-weight: bold; color: #000000; }

/** INPUTS **/
input.login {

  border: 1px solid #d25502;
  color: #000000;
  width: 150px;
  height: 20px;
  font-size: 16px;
  margin-bottom:10px;
  padding-left:3px;
}
.cotwLabel { padding-bottom:3px; font-weight:bold; margin-rght:auto; margin-left:auto;}
.lsLabel {   text-align:left; font-size: 16px;}
.lsLabelValue {  font-weight:bold; font-style: italic; font-size: 18px;  text-align:left;}
.lsLabelValueCenter {  font-weight:bold; font-style: italic; font-size: 20px;  text-align:center;}

#loginCredentials { z-index: 50; position:absolute; top:135px; left:800px; width:145px; }
#forgotPasswordContainer { position:absolute; top:118px; }
#forgotPasswordHelp { position:absolute; top:0px; width:60px; }
#signInButtonContainer { position:absolute; top:83px; left:85px; }
#cotwContainer { position:absolute; top:510px; left:220px; }
#cotwImageContainer,#RLBStateSelectPUContainer { position:absolute;top:40;left:70px; }
#goldStarButtonContainer { position:absolute; top:410px; left:865px;  }
#prizeCenterButtonContainer { position:absolute; top:410px; left:375px;  }

#readersEnrolledContainer { position:absolute; top:25px; left:250px; width:200px; }
#passagesReadContainer { position:absolute; top:25px; left:490px; width:245px; }
#liveStatsContainer { position:absolute; top:25px; left:775px; width:180px; }
#phonicsElementContainer { position:absolute; top:50px; left:695px; width:225px; }
#rlbContainer { position:absolute; top:313px; left:233px; width:480px; height: 135px; }
#rlbLoadingContainer { position:absolute; top:310px; left:240px; width:480px; height: 135px; }
#rlbTableContainer { overflow-y:auto; overflow-x:hidden; height: 95px;}
#goldTableContainer { overflow-y:auto; overflow-x:hidden; height: 235px;}
#prizeCenterTableContainer { overflow-y:auto; overflow-x:hidden; height: 100px;}
#prizeCenterSectionContainer { height: 160px;}

#forgotPasswordPUContainer { position:absolute;z-index: 101; }
#forgotPasswordPU-content { position:absolute;top:49px;left:31px;width:199px;font-size:9pt; }
#forgotPasswordPU-ok { position:absolute;top:120px;left:96px; }

#termsOfUsePUContainer { position:absolute;z-index: 101;top:20px;left:10px; }
#termsOfUsePU-content { position:absolute;top:40px;left:31px;width:399px;height:435px;overflow:auto; }
#termsOfUsePU-content p {font-size:9pt;}
#termsOfUsePU-ok { position:absolute;top:495px;left:194px; }

#privacyPolicyPUContainer { position:absolute;z-index: 101;top:20px;left:10px; }
#privacyPolicyPU-content { position:absolute;top:40px;left:31px;width:399px;height:435px;overflow:auto; }
#privacyPolicyPU-content p {font-size:9pt;}
#privacyPolicyPU-content li {font-size:9pt;}
#privacyPolicyPU-content ol {font-size:9pt;}
#privacyPolicyPU-ok { position:absolute;top:495px;left:194px; }

#contactVoyagerPUContainer { position:absolute;z-index: 101; }
#contactVoyagerPU-content { position:absolute;top:49px;left:31px;width:499px; }
#contactVoyagerPU-table { background-color: #d25502; width:100%; margin-top:25px;}
#contactVoyagerPU-table .dark { background-color: #ffcc66; width:100px; padding-left:5px;}
#contactVoyagerPU-table .light { background-color: #fff0dd; padding-left:5px;}
#contactVoyagerPU-ok { position:absolute;top:265px;left:247px; }

#creditsContainer { position:absolute;top:2;left:105px; }

#errorPUContainer{ position:absolute;z-index: 101; }
#errorPU-content { position:absolute;top:49px;left:31px;width:219px;text-align:left; }
#errorPU-ok { position:absolute;top:195px;left:106px; }

#makeReaderLeaderBoardPUContainer { position:absolute;z-index: 101; }
#makeReaderLeaderBoardPU-content { position:absolute;top:20px;left:31px;width:212px; }
#makeReaderLeaderBoardPU-content p {font-size:9pt;}
#makeReaderLeaderBoardPU-ok { position:absolute;top:125px;left:96px; }

#goldStarSchoolsPUContainer { position:absolute;z-index: 101; }
#goldStarSchoolsPU-content { position:absolute;top:25px;left:41px;width:399px;height:300px; }
#goldStarSchoolsPU-ok { position:absolute;top:375px;left:200px; }

#prizeCenterPUContainer { position:absolute;z-index: 101; }
#prizeCenterPU-content { position:absolute;top:25px;left:41px;width:650px;height:500px; }
#prizeCenterPU-ok { position:absolute;top:450px;left:275px; }

#RLBGradeSelectPUContainer { position:absolute;z-index: 101;left:330px; top:225px;  }

#RLBStateSelectPUContainer { position:absolute;z-index: 101; }

.rlbHeaderTable, .rlbTable, .goldstarHeaderTable, .goldstarTable,  .prizeCenterTable, .prizeCenterHeaderTable { border:0; table-layout: fixed; font-size:13px; }
.rlbHeaderTable, .goldstarHeaderTable, .prizeCenterHeaderTable, .previousPrizeCenterHeaderTable { border-bottom: 1px solid #d96f28; }
.goldstarTable tr.oddRow { background-color: #ffffff; }
.goldstarTable tr.evenRow { background-color: transparent; }
.rlbTable tr.oddRow { background-color: #ffffff; }
.rlbTable tr.evenRow { background-color: transparent; }
.prizeCenterTable   tr.evenRow { background-color: #ffcc66; }
.prizeCenterTable tr.oddRow { background-color: transparent; }

#pubToolContainer { z-index: 20;position:absolute; top:420px; left:140px; }
#welcomeDataContainer { position:absolute; top:150px; left:175px;}
#welcomeDataContainer-content { position:absolute;width:425px;text-align:left; }
#levelSelectionContainer { position:absolute; top:275px; left:120px;width:200px; }
#launchButtonContainer { position:absolute; top:350px;width:100px; left:210px;text-align:right; }
#portalLogoffContainer { position:absolute; top:25px;width:25px; left:750px;text-align:right; }
#adminButtonContainer { z-index: 25;position:absolute; top:445px;width:100px; left:210px;text-align:right; }
#lsTeacherSelectLabel1{ position:absolute;padding-bottom:5px; width:100px; text-align:right;top:275px; left:155px; }
#lsTeacherSelectLabel2{ position:absolute;padding-bottom:5px; width:100px; text-align:right;top:300px; left:155px; }
#lsTeacherSelectLabel3{ position:absolute;padding-bottom:5px; width:100px; text-align:right;top:325px; left:155px; }
#lsTeacherSelectItem1{ position:absolute;padding-bottom:5px; width:100px; text-align:left;top:275px; left:265px; }
#lsTeacherSelectItem2{ position:absolute;padding-bottom:5px; width:100px; text-align:left;top:300px; left:265px; }
#lsTeacherSelectItem3{ position:absolute;padding-bottom:5px; width:100px; text-align:left;top:325px; left:265px; }