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

File Name: General Pages
Developer: David Diez
Copyright: 2011
Website:   openintro.org


-----------------
Table of Contents
-----------------

Registration
Log In
Verify User


-----------
Color Theme
-----------
Gray: rgb(158,165,172)
Dark Gray: rgb(107,115,123)
Yellow: rgb(244,220,0)
Blue: rgb(0,68,106)
Red: rgb(159,52,0)
Green: rgb(102,159,0)

----------------------
Important Measurements
----------------------
Max Content Width: 824px


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


/*=====> Log In <=====*/
#loginBox {
  background: url(../img/pallete/lightGray001.png);
}
#loginBoxHeader {
  height: 18px;
  width: 49px;
  background: url(../img/buttons/login001.png) -303px -102px;
}
#usernameLabel {
  background: url(../img/buttons/login001.png) -5px -65px;
  margin: 0 0 1px 0;
  height: 18px;
  width: 70px;
}
#passwordLabel {
  background: url(../img/buttons/login001.png) -79px -65px;
  margin: 10px 0 1px 0;
  height: 18px;
  width: 70px;
}
#stayLoggedInLabel {
  position: absolute;
  top: -12px;
  left: 18px;
  background: url(../img/buttons/login001.png) -148px -67px;
  margin: 10px 0 1px 0;
  height: 18px;
  width: 177px;
}
#username,
#password {
  display: block;
  margin: 1px 0 10px 0;
  width: 200px;
}
#forgotYourPassword {
  position: absolute;
  top: 11px;
  left: 80px;
  width: 156px;
  height: 13px;
  margin: 2px;
  overflow: hidden;
  color: transparent;
  background: url(../img/buttons/login001.png) -2px -90px;
  cursor: pointer;
}
#forgotYourPassword:hover,
#forgotYourPassword:focus {
  margin: 0;
  border: 2px solid rgb(107,115,123);
}
#loginsubmit,
#newusersubmit {
  display: block;
  margin: 10px 0 1px 0;
  clear: both;
  border: 0;
  width: 56px;
  height: 24px;
  background: url(../img/buttons/login001.png) -294px -28px;
}
#loginsubmit:hover, #loginsubmit:focus {
  background-position: -294px -4px;
}



/*=====> Registration <=====*/
#registerBox {
  background: url(../img/pallete/lightGray001.png);
}
#registerBoxHeader {
  height: 18px;
  width: 71px;
  background: url(../img/buttons/login001.png) -238px -121px;
}
#newusersubmit {
  width: 117px;
  height: 23px;
  background-position: -2px -119px;
}
#newusersubmit:hover {
  background-position: -121px -119px;
}
#firstnameLabel {
  background: url(../img/buttons/login001.png) -4px -4px;
  margin: 0 0 1px 0;
  height: 18px;
  width: 71px;
}
#lastnameLabel {
  background: url(../img/buttons/login001.png) -4px -22px;
  margin: 10px 0 1px 0;
  height: 18px;
  width: 68px;
}
#emailLabel {
  background: url(../img/buttons/login001.png) -249px -4px;
  margin: 10px 0 1px 0;
  height: 18px;
  width: 38px;
}
#affiliationLabel {
  background: url(../img/buttons/login001.png) -4px -40px;
  margin: 10px 0 1px 0;
  height: 18px;
  width: 77px;
}
#regusernameLabel {
  background: url(../img/buttons/login001.png) -207px -21px;
  margin: 0 0 1px 0;
  height: 18px;
  width: 70px;
}
#regpwLabel {
  background: url(../img/buttons/login001.png) -82px -5px;
  margin: 10px 0 1px 0;
  height: 18px;
  width: 70px;
}
#retypepwLabel {
  background: url(../img/buttons/login001.png) -82px -23px;
  margin: 10px 0 1px 0;
  height: 18px;
  width: 120px;
}
#applyForTeacLabel {
  position: absolute;
  top: -2px;
  left: 18px;
  background: url(../img/buttons/login001.png) -81px -40px;
  /*margin: 10px 0 1px 0;*/
  height: 18px;
  width: 205px;
}
#tdAgreeToTerms {
  width: 17px;
  vertical-align: middle;
}
#tdAgreeToTermsLabel {
  display: inline-block;
  position: relative;
  top: 2px;
  background: url(../img/buttons/login001.png) -153px -4px;
  height: 18px;
  width: 95px;
}
#tdTermsAndConditions {
  width: 149px;
  vertical-align: middle;
}
#termsAndConditions {
  display: inline-block;
  background: url(../img/buttons/login001.png) -2px -103px;
  width: 149px;
  height: 17px;
  margin: 2px;
}
#termsAndConditions:hover {
  margin: 0;
  border: 2px solid rgb(107,115,123);
}

#firstname,
#lastname,
#email,
#affiliation,
#regusername,
#regpw,
#retypepw {
  display: block;
  margin: 1px 0 10px 0;
  width: 200px;
}


/*=====> Verify User <=====*/
.verifyTD {
  width: 339px;
  vertical-align: top;
  font-size: 12px;
}
.teacVerify,
.teacVerifyInput {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  margin: 15px 0;
}
.teacVerifyInput {
  height: auto;
}
.verifyLabel,
.verifyLabelRight {
  display: inline-block;
  background: url(../img/buttons/login001.png);
  height: 14px;
  margin: 0 5px 0 0;
}
.verifyLabelRight {
  background: url(../img/buttons/account001.png);
}
#useridVerifyLabel {
  background-position: -205px -21px;
  width: 68px;
  margin-right: 15px;
}
#firstnameVerifyLabel {
  background-position: -3px -3px;
  width: 73px;
  margin-right: 10px;
}
#lastnameVerifyLabel {
  background-position: -3px -21px;
  width: 71px;
  margin-right: 12px;
}
#emailVerifyLabel {
  background-position: -248px -3px;
  width: 38px;
  margin-right: 45px;
}
#affiliationVerifyLabel {
  background-position: -3px -38px;
  width: 75px;
  height: 20px;
  margin-right: 8px;
  display: block;
}
.verifyInput {
  display: block;
  margin: 5px 0 0 3px;
  padding: 3px;
  height: 20px;
  width: 250px;
  vertical-align: top;
  font-size: 10px;
}
#url1Label {
  background-position: -100px -56px;
  width: 78px;
}
#url2Label {
  background-position: -100px -76px;
  width: 78px;
}
#url3Label {
  background-position: -68px -92px;
  width: 78px;
}
#notesVerifyLabel {
  background-position: -182px -72px;
  width: 47px;
}
#notesVerify {
  height: 60px;
  line-height: 16px;
  margin-right: 5px;
}
#pwForResetLabel {
  background: url(../img/buttons/account001.png) -2px -107px;
  width: 94px;
}