* {margin:0; padding:0px;}

body {text-align:center;font-family:Verdana,arial, Sans-Serif}
p {font-size:12px;padding-bottom:8px;}
a {color:#021b41; font-size:12px;text-decoration:none}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
img {border:0px !important;}
.clear {clear:both}
#container {margin:0px auto; width:968px;position:relative;}

/*General font styles*/
.largeParagraphText {font-size:18px;padding-bottom:10px !important; line-height:22px;}
/*-------------------*/

/*Errors and Confirmations*/
.errorRow {height:20px;}
.requiredError {color:#ff0000 !important;font-size:11px !important;}
.confirmMessage {color:#00ff00 !important; font-size:11px !important}

#NoFlash 
{
    background:#FFFFFF url(images/noflashbackground.jpg) no-repeat scroll left top;
    height:496px;
    width:968px;
    margin:0px auto;
}
#NoFlash a {width:100%; height:100%; text-indent:-5000px; display:block;}
#NoJavascript
{
    background:#FFFFFF url(images/nojavascriptbackground.jpg) no-repeat scroll left top;
    height:496px;
    width:968px;
    margin:0px auto;
}
#NoJavascript a {width:100%; height:100%; text-indent:-5000px; display:block;}
/*-------------------*/

/*Form elements*/
input, textarea, select{color:#333333}

/*Buttons*/
.cssButton {display:block; text-indent:-5000px; border:0px !important}
.downloadButtonWhite {background:#ffffff url(images/downloadwhite.gif) no-repeat left top; height:29px; width:109px; }
.downloadButtonWhite:hover {background:#ffffff url(images/downloadwhite.gif) no-repeat left -29px;}
.downloadButtonGrey {background:#ffffff url(images/downloadgrey.gif) no-repeat left top; height:29px; width:109px; }
.downloadButtonGrey:hover {background:#ffffff url(images/downloadgrey.gif) no-repeat left -29px;}
/*-------------------*/

/*Containers--------------------------------------------*/

/*Login Container*/
#loginContainer {width:100%;height:484px;background:#ffffff url(images/loginbackground.jpg) no-repeat left top;padding-top:108px; margin-bottom:20px}
#loginContainer p {width:634px;margin:0 auto;color:#ffffff; padding-bottom:6px;}
#loginBox {text-align:left;position:absolute;left:170px; top:237px;width:622px;height:317px;background:#ffffff url(images/loginboxbackground.jpg) no-repeat left top;}
#newUserLink {display:block; text-indent:-5000px; position:absolute; top:33px; left:106px; width:47px; height:30px;}
#newUserBox {text-align:left;position:absolute;left:170px; top:237px;width:622px;height:317px;background:#ffffff url(images/newusercontainer.gif) no-repeat left top;}
#loginUserLink {display:block; position:absolute; top:33px; left:51px; width:48px; height:30px; text-indent:-5000px}
#loginForm {position:relative; top:104px;left:54px;}
#newUserForm {position:relative; top:63px;left:124px; width:460px;}
#newUserForm .newUserFormInput {width:75px; height:17px; padding:2px;border:2px solid #bdbdbd}
#loginForm td, #newUserForm td {padding-bottom:3px;color:#999999;font-size:12px;text-align:left;padding-right:4px;}
#loginForm td.colOne, #newUserForm td.colOne {text-align:right; }
#loginForm .colOne {width:65px;}
#loginForm .loginFormInput {width:145px; height:17px; padding:2px;border:2px solid #bdbdbd}
#newUserForm .newUserFormInput {width:200px; height:17px; padding:2px;border:2px solid #bdbdbd}
#loginFooter {width:402px; height:30px; margin:0px auto; background:#ffffff url(images/loginfooter.gif) no-repeat left top; position:absolute; top:553px; left:282px}
#footerTerms {width:93px; height:30px; float:left; background:transparent url(images/footerterms.gif) no-repeat left top; display:block; text-indent:-5000px; position:relative; left:90px;}
#footerTerms:hover {background:transparent url(images/footertermshover.gif) no-repeat left top;}
#footerPrivacy {width:99px; float:left; height:30px; background:transparent url(images/footerprivacy.gif) no-repeat left top; display:block; text-indent:-5000px; position:relative; left:122px;}
#footerPrivacy:hover {background:transparent url(images/footerprivacyhover.gif) no-repeat left top;}
.newUserEnter {border:0px; width:50px; height:20px; background:#ffffff url(images/newuserenterbutton.gif) no-repeat left top; display:block; text-indent:-5000px}
.newUserEnter:hover {background:#ffffff url(images/newuserenterbuttonhover.gif) no-repeat left top;}
#newUserEnterPreload {background:#ffffff url(images/newuserenterbuttonhover.gif) no-repeat left top;}
.loginEnter {border:0px; width:50px; height:20px; background:#ffffff url(images/loginenterbutton.gif) no-repeat left top; display:block; text-indent:-5000px}
.loginEnter:hover {background:#ffffff url(images/loginenterbuttonhover.gif) no-repeat left top;}
#loginEnterPreload {background:#ffffff url(images/loginenterbuttonhover.gif) no-repeat left top;}
.loginSend {border:0px; width:49px; height:25px; background:#ffffff url(images/sendbutton.gif) no-repeat left top; display:block; text-indent:-5000px}
.loginSend:hover {background:#ffffff url(images/sendbuttonhover.gif) no-repeat left top;}
#sendButtonPreload {background:#ffffff url(images/sendbuttonhover.gif) no-repeat left top;}
#termPreload{background:#ffffff url(images/footertermshover.gif) no-repeat left top;}
#privacyPreload{background:#ffffff url(images/footerprivacyhover.gif) no-repeat left top;}
/*-------------------*/

/*Student Profile Container*/
#studentProfileContainer {width:100%;height:546px;text-align:left}
#studentProfileHeader, #profileUploadHeader {width:100%; height:121px;background:#ffffff url(images/profileheader.jpg) no-repeat left top;}
#studentProfileBody {width:100%; height:313px;background:#ffffff url(images/profilebody.jpg) no-repeat left top;position:relative}
#studentProfileFooter {width:100%; height:112px; background:#ffffff url(images/profilefooter.jpg) no-repeat left top;}
.profileImage{position:absolute; left:177px; top:65px;}
#profileUpload {width:144px; height:30px; background:#ffffff url(images/uploadpicture.gif) no-repeat left top; display:block; text-indent:-5000px;}
#profileUpload:hover {background:#ffffff url(images/uploadpicturehover.gif) no-repeat left top;}
#pprofileUploadPreload {background:#ffffff url(images/uploadpicturehover.gif) no-repeat left top;}

#studentProfileBTD 
{
    position:absolute; 
    top:224px;
    left:171px;
    background:#ffffff url(images/profilebacktodashboard.gif) no-repeat left top;
    width:101px; 
    height:64px; 
    display:block;
    text-indent:-5000px;
}
#studentProfileSave {border:0px; position:absolute; top:228px;left:662px;z-index:100; background:#ffffff url(images/profilesave.gif) no-repeat left top; height:29px; width:68px; display:block; text-indent:-5000px;}
#studentProfileSave:hover {background:#ffffff url(images/profilesavehover.gif) no-repeat left top;}
#profileSavePreload {background:#ffffff url(images/profilesavehover.gif) no-repeat left top;}
#studentProfileForm {position:absolute; left:314px; top:26px;}
#studentProfileForm td {padding-bottom:6px;color:#999999;font-size:12px;text-align:left;padding-right:4px;}
#studentProfileForm td.colOne {text-align:right; }
#studentProfileForm .profileFormInput {width:195px; height:17px; padding:2px;border:2px solid #bdbdbd}

/*Profile Upload page */
#profileUploadBody {width:100%; height:476px;background:#ffffff url(images/profileuploadbody.jpg) no-repeat left top;position:relative; text-align:left;}
#profileUploadContent {position:relative;left:144px; top:23px;width:647px;}
#profileUploadContent p {color:#999999 !important;}
#profileUploadContent .innerLeft {float:left; width:182px; height:414px;}
#profileUploadContent .innerLeft p {height:80px}
#profileUploadContent .innerRight {float:left; width:432px; height:424px; padding-top:7px;}
#profileUploadContent .innerRight p {text-align:left;}
.profileImageResize {position:relative}
.picFrame {width:158px; height:188px; background:#ffffff url(images/pictureframe.jpg) no-repeat left top;}
.profilePic {position:relative; top:39px; left:36px; width:88px; height:104px;}
.uploadFields input {float:left;}
.uploadButton {width:81px; border:0px !important; height:31px; background:#ffffff url(images/uploadbutton.gif) no-repeat left top; display:block; text-indent:-5000px; margin-left:10px; position:relative; top:-4px;}
#uploadloading {padding-left:10px; padding-top:2px;}
.uploadButton:hover {background:#ffffff url(images/uploadbuttonhover.gif) no-repeat left top;}
#uploadUploadButttonPreload {background:#ffffff url(images/uploadbuttonhover.gif) no-repeat left top;}
#profileInformation {text-align:center; width:165px; margin-top:20px;}
.profileActions {width:100%; padding-left:39px; text-align:left}
.profileActions a {margin-bottom:5px;}
.cancelButton {width:85px; height:30px; background:#ffffff url(images/cancelbutton.gif) no-repeat left top; display:block; text-indent:-5000px;}
.cancelButton:hover {background:#ffffff url(images/cancelbuttonhover.gif) no-repeat left top}
#uploadCancelButtonPreload {background:#ffffff url(images/cancelbuttonhover.gif) no-repeat left top}
.doneButton {width:86px; border:0px !important; height:31px; background:#ffffff url(images/donebutton.gif) no-repeat left top; display:block; text-indent:-5000px;}
#uploadDoneButtonPreload {background:#ffffff url(images/donebuttonhover.gif) no-repeat left top}
/*-------------------*/

/*Dashboard Container*/
#dashboardFooter {width:968px; height:48px;margin:0px auto;}
#dashboardFooter div, #dashboardFooter a {float:left}
#dashboardFooterLeft {background:#ffffff url(images/dashboardfooterleft.jpg) no-repeat left top;width:159px;height:100%}
#dashboardFooterRight {background:#ffffff url(images/dashboardfooterright.gif) no-repeat left top;width:150px;height:100%}

#dashboardFootertou
{
    display:block;
    width:110px;
    height:48px;
    background:#ffffff url(images/dashboardfootertouoff.gif) no-repeat left top;
    text-indent:-5000px;
}
#dashboardFootertou:hover {background:#ffffff url(images/dashboardfootertouhover.gif) no-repeat left top;}

#dashboardFooterpp
{
    display:block;
    width:137px;
    height:48px;
    background:#ffffff url(images/dashboardfooterppoff.gif) no-repeat left top;
    text-indent:-5000px;
}
#dashboardFooterpp:hover {background:#ffffff url(images/dashboardfooterpphover.gif) no-repeat left top;}

#dashboardFooterhts
{
    display:block;
    width:127px;
    height:48px;
    background:#ffffff url(images/dashboardfooterhtsoff.gif) no-repeat left top;
    text-indent:-5000px;
}
#dashboardFooterhts:hover {background:#ffffff url(images/dashboardfooterhtshover.gif) no-repeat left top;}

#dashboardFooterai
{
    display:block;
    width:170px;
    height:48px;
    background:#ffffff url(images/dashboardfooteraioff.gif) no-repeat left top;
    text-indent:-5000px;
}
#dashboardFooterai:hover {background:#ffffff url(images/dashboardfooteraihover.gif) no-repeat left top;}

#dashboardFooterc
{
    display:block;
    width:112px;
    height:48px;
    background:#ffffff url(images/dashboardfootercoff.gif) no-repeat left top;
    text-indent:-5000px;
}
#dashboardFooterc:hover {background:#ffffff url(images/dashboardfooterchover.gif) no-repeat left top;}

/*---Pre load all the anchor hover images to prevent the white glitch on first hover---*/
#dashboardMessagePreload {background:url(images/dashboardmessagehover.jpg);visibility:hidden;}
#dashboardStatsPreload {background:url(images/dashboardstatshover.jpg);visibility:hidden;}
#dashboardProfilePreload {background:url(images/dashboardprofilehover.jpg);visibility:hidden;}
#dashboardHollywoodPreload {background:url(images/dashboardhollywoodhover.jpg);visibility:hidden;}
#dashboardAdminPreload {background:url(images/dashboardadminhover.jpg);visibility:hidden;}
#dashboardLogoutPreload {background:url(images/dashboardlogouthover.jpg);visibility:hidden;}
#dashboardTOUPreload {background:url(images/dashboardfootertouhover.gif);visibility:hidden;}
#dashboardPrivacyPreload {background:url(images/dashboardfooterpphover.gif);visibility:hidden;}
#dashboardHTSPreload {background:url(images/dashboardfooterhtshover.gif);visibility:hidden;}
#dashboardAIPreload {background:url(images/dashboardfooteraihover.gif);visibility:hidden;}
#dashboardContactPreload {background:url(images/dashboardfooterchover.gif);visibility:hidden;}

#dashboardHeader {width:100%; height:544px; background:#ffffff url(images/dashboardheader.jpg) no-repeat left top;}

.dashboardProfile a 
{
    display:block; 
    text-indent:-5000px; 
    background:#ffffff url(images/dashboardprofileoff.jpg) no-repeat left top; 
    height:229px; 
    width:231px;
    position:absolute;
    top:96px;
    left:0px;
}
.dashboardProfile a:hover {background:#ffffff url(images/dashboardprofilehover.jpg) no-repeat left top;}
.dashboardProfileCustomImage {position:absolute; top:161px !important; left:88px !important; background:none !important; width:88px !important; height:104px !important; text-indent:0px !important}
#dashboardStats a 
{
    display:block; 
    text-indent:-5000px; 
    background:#ffffff url(images/dashboardstatsoff.jpg) no-repeat left top; 
    height:219px; 
    width:452px;
    position:absolute;
    top:325px;
    left:0px;
}
#dashboardStats a:hover {background:#ffffff url(images/dashboardstatshover.jpg) no-repeat left top;}

#dashboardMessages a 
{
    display:block; 
    text-indent:-5000px; 
    background:#ffffff url(images/dashboardmessageoff.jpg) no-repeat left top;  
    height:128px; 
    width:470px;
    position:absolute;
    top:96px;
    left:231px;
}
#dashboardMessages a:hover {background:#ffffff url(images/dashboardmessagehover.jpg) no-repeat left top;}

#dashboardHollywood a 
{
    display:block; 
    text-indent:-5000px; 
    background:#ffffff url(images/dashboardhollywoodoff.jpg) no-repeat left top; 
    height:101px; 
    width:221px;
    position:absolute;
    top:224px;
    left:231px;
}
#dashboardHollywood a:hover {background:#ffffff url(images/dashboardhollywoodhover.jpg) no-repeat left top;}

#dashboardLogout a 
{
    display:block; 
    text-indent:-5000px; 
    background:#ffffff url(images/dashboardlogout.jpg) no-repeat left top; 
    height:85px; 
    width:267px;
    position:absolute;
    top:59px;
    left:701px;
}
#dashboardLogout a:hover {background:#ffffff url(images/dashboardlogouthover.jpg) no-repeat left top;}

.dashboardAwardStart
{
    height:400px; 
    width:267px;
    position:absolute;
    top:144px;
    left:701px;
}
.dashboardAwardStart a 
{
    display:block; 
    text-indent:-5000px; 
    background:#ffffff url(images/dashboardawardstart.jpg) no-repeat left top; 
    height:100%;
    width:100%;
}
.dashboardAwardFinished
{
    height:400px; 
    width:267px;
    position:absolute;
    top:144px;
    left:701px;
    background:#ffffff url(images/dashboardawardscomplete.jpg) no-repeat left top; 
}
.dashboardAwardNext
{
    height:400px; 
    width:267px;
    position:absolute;
    top:144px;
    left:701px;
}
.dashboardAwardNext a 
{
    display:block; 
    text-indent:-5000px; 
    background:#ffffff url(images/dashboardawardnext.jpg) no-repeat left top; 
    height:100%;
    width:100%;
}
.awardStars1 {background:transparent url(images/starblue1.gif) no-repeat left top; width:200px; height:100px;position:absolute;top:372px; left:80px}
.awardStars2 {background:transparent url(images/starblue2.gif) no-repeat left top; width:200px; height:100px;position:absolute;top:372px; left:80px}
.awardStars3 {background:transparent url(images/starblue3.gif) no-repeat left top; width:200px; height:100px;position:absolute;top:372px; left:80px}
.awardStars4 {background:transparent url(images/starblue4.gif) no-repeat left top; width:200px; height:100px;position:absolute;top:372px; left:80px}
.awardStars5 {background:transparent url(images/starblue5.gif) no-repeat left top; width:200px; height:100px;position:absolute;top:372px; left:80px}
.awardStars6 {background:transparent url(images/starblue6.gif) no-repeat left top; width:200px; height:100px;position:absolute;top:372px; left:80px}

#dashboardBlankPanel 
{
    background:#ffffff url(images/dashboardblankpanel.jpg) no-repeat left top;
    position:absolute; 
    top:224px;
    left:452px;
    height:320px;
    width:249px;
}

.dashboardAdmin a 
{
    display:block; 
    text-indent:-5000px; 
    background:#ffffff url(images/dashboardadmin.jpg) no-repeat left top; 
    height:39px; 
    width:131px;
    position:absolute;
    top:281px;
    left:85px;
}
.dashboardAdmin a:hover {background:#ffffff url(images/dashboardadminhover.jpg) no-repeat left top;}
/*-------------------*/

/*Dashboard Container*/
#incentiveHeader {width:100%; height:99px;background:#ffffff url(images/incentiveheader.jpg) no-repeat left top}
#incentiveBody {width:100%; height:492px; background:#ffffff url(images/incentivebody.jpg) no-repeat left top;}
#incentiveBTD {position:absolute; top:474px;left:271px;display:block;background:url(images/incentivebacktodashboard.gif);width:148px;height:63px;text-indent:-5000px}
/*-------------------*/

/*Questions*/

.questionsText1 {height:26px; width:101px; background:#ffffff url(images/moduleonetext.gif) no-repeat left top; position:absolute; top:26px; left:49px;}
.questionsText2 {height:26px; width:101px; background:#ffffff url(images/moduletwotext.gif) no-repeat left top; position:absolute; top:26px; left:49px;}
.questionsText3 {height:26px; width:101px; background:#ffffff url(images/modulethreetext.gif) no-repeat left top; position:absolute; top:26px; left:49px;}
.questionsText4 {height:26px; width:101px; background:#ffffff url(images/modulefourtext.gif) no-repeat left top; position:absolute; top:26px; left:49px;}
.questionsText5 {height:26px; width:101px; background:#ffffff url(images/modulefivetext.gif) no-repeat left top; position:absolute; top:26px; left:49px;}
.questionsText6 {height:26px; width:101px; background:#ffffff url(images/modulesixtext.gif) no-repeat left top; position:absolute; top:26px; left:49px;}

.questionsTextws1 {height:26px; width:129px; background:#ffffff url(images/moduleonetextws.gif) no-repeat left top; position:absolute; top:22px; left:35px;}
.questionsTextws2 {height:26px; width:129px; background:#ffffff url(images/moduletwotextws.gif) no-repeat left top; position:absolute; top:22px; left:35px;}
.questionsTextws3 {height:26px; width:129px; background:#ffffff url(images/modulethreetextws.gif) no-repeat left top; position:absolute; top:22px; left:35px;}
.questionsTextws4 {height:26px; width:129px; background:#ffffff url(images/modulefourtextws.gif) no-repeat left top; position:absolute; top:22px; left:35px;}
.questionsTextws5 {height:26px; width:129px; background:#ffffff url(images/modulefivetextws.gif) no-repeat left top; position:absolute; top:22px; left:35px;}
.questionsTextws6 {height:26px; width:129px; background:#ffffff url(images/modulesixtextws.gif) no-repeat left top; position:absolute; top:22px; left:35px;}


/*---General question styles---*/
#questionsContainer {background:transparent url(images/questionspng.png) no-repeat left top; width:819px; height:201px;text-align:left;position:absolute;left:76px;top:140px;}
#questionsContainer .questionsText {position:absolute; top:115px; left:28px; color:#021b41;font-size:18px;width:450px;}
.questionNumber {position:absolute; top:24px; left:193px;}
.questionsAnswerBackground {background:transparent url(images/questionsanswercontainer.png) no-repeat left top;width:319px;height:35px; text-align:left;}
.questionsAnswerBackground a {width:320px;height:39px;display:block;text-align:left;padding-left:74px;padding-top:16px; color:#021b41; z-index:100 !important}

/*Question correct backgrounds*/
.questionsCorrectBackgroundA {background:transparent url(images/questionscorrecta.png) no-repeat left top !important;width:394px;height:55px;display:block;}
.questionsCorrectBackgroundB {background:transparent url(images/questionscorrectb.png) no-repeat left top !important;width:394px;height:55px;display:block;}
.questionsCorrectBackgroundC {background:transparent url(images/questionscorrectc.png) no-repeat left top !important;width:394px;height:55px;display:block;}
.questionsCorrectBackgroundD {background:transparent url(images/questionscorrectd.png) no-repeat left top !important;width:394px;height:55px;display:block;}

/*Question incorrect backgrounds*/
.questionsIncorrectBackgroundA {background:transparent url(images/questionsincorrecta.png) no-repeat left top !important;width:394px;height:55px;display:block;}
.questionsIncorrectBackgroundB {background:transparent url(images/questionsincorrectb.png) no-repeat left top !important;width:394px;height:55px;display:block;}
.questionsIncorrectBackgroundC {background:transparent url(images/questionsincorrectc.png) no-repeat left top !important;width:394px;height:55px;display:block;}
.questionsIncorrectBackgroundD {background:transparent url(images/questionsincorrectd.png) no-repeat left top !important;width:394px;height:55px;display:block;}


/*Question wrong backgrounds*/
.questionsWrongBackgroundA {background:transparent url(images/questionswronga.png) no-repeat left top !important;width:394px;height:55px;display:block;}
.questionsWrongBackgroundB {background:transparent url(images/questionswrongb.png) no-repeat left top !important;width:394px;height:55px;display:block;}
.questionsWrongBackgroundC {background:transparent url(images/questionswrongc.png) no-repeat left top !important;width:394px;height:55px;display:block;}
.questionsWrongBackgroundD {background:transparent url(images/questionswrongd.png) no-repeat left top !important;width:394px;height:55px;display:block;}


.questionsImage {position:absolute; top:13px; left:516px; height:178px; width:291px;}
.questionsAnswerLetter {position:absolute;top:6px;left:28px;}
.questionsAnswerLetterA {position:absolute;top:267px;left:112px;}

#questionsAnswerA {position:absolute;left:85px;top:340px; padding-left:75px; padding-top:20px; background:transparent url(images/questionsanswercontainera.png) no-repeat left top;}
#questionsAnswerB {position:absolute;left:492px;top:340px; padding-left:75px; padding-top:20px; background:transparent url(images/questionsanswercontainerb.png) no-repeat left top;}
#questionsAnswerC {position:absolute;left:85px;top:403px; padding-left:75px; padding-top:20px; background:transparent url(images/questionsanswercontainerc.png) no-repeat left top;}
#questionsAnswerD {position:absolute;left:492px;top:403px; padding-left:75px; padding-top:20px; background:transparent url(images/questionsanswercontainerd.png) no-repeat left top;}

/*---End of general question styles---*/

/*---Questions Complete---*/
#questionsCompleteContent {background:transparent url(images/qccontentbackground.jpg) no-repeat left top; width:819px; height:203px;text-align:left;position:absolute;left:76px;top:112px;}
#questionsCompleteText {width:100%;text-align:center;position:absolute;top:44px;left:0px;font-size:19px !important;}
#questionsCompleteText > p {font-size:17px !important;}
#questionsCompleteText .questionsCompleteCongrats {font-size:25px !important;color:#cc3333}
#questionsCompleteText .questionsCompleteStandardText {color:#021b41}
#questionsCompleteText .questionsCompleteBoldText {color:#021b41; font-weight:bold;}
#questionsCompleteText .questionsCompleteScore {color:#cc3333}
#questionsCompleteRTM {position:absolute;left:170px;top:360px;width:201px;height:70px;}
#questionsCompleteRTM a {width:100%;height:100%;display:block;background:transparent url(images/completertm.png) no-repeat left top}
#questionsCompleteProgress {position:absolute;left:603px;top:360px; width:201px;height:70px;}
#questionsCompleteProgress a.nextModule {width:100%;height:100%;display:block;background:transparent url(images/completenm.png) no-repeat left top}
#questionsCompleteProgress a.retakeModule {width:100%;height:100%;display:block;background:transparent url(images/completerm.png) no-repeat left top}
.retakeModuleWithMovie {width:201px;height:69px;display:block;background:transparent url(images/completermwm.png) no-repeat left top; position:absolute; top:360px; left:387px;}
/*---End of questions complete---*/


/*---Questions individual backgrounds---*/
.questionSet1 {background:#ffffff url(images/questionset1background.jpg) no-repeat left top; height:533px; width:100%; padding-top:96px;}
.questionSet2 {background:#ffffff url(images/questionset2background.jpg) no-repeat left top; height:533px; width:100%; padding-top:96px;}
.questionSet3 {background:#ffffff url(images/questionset3background.jpg) no-repeat left top; height:533px; width:100%; padding-top:96px;}
.questionSet4 {background:#ffffff url(images/questionset4background.jpg) no-repeat left top; height:533px; width:100%; padding-top:96px;}
.questionSet5 {background:#ffffff url(images/questionset5background.jpg) no-repeat left top; height:533px; width:100%; padding-top:96px;}
.questionSet6 {background:#ffffff url(images/questionset6background.jpg) no-repeat left top; height:533px; width:100%; padding-top:96px;}

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

/*Student Statistics page*/
#studentStatsHeader {width:100%; height:96px; background:#ffffff url(images/statsheader.gif) no-repeat left top;}
#studentStatsBody {width:100%; height:353px; background:#ffffff url(images/statisticsbody.jpg) no-repeat left top;position:relative}
#studentStatsFooter {width:100%; height:95px; background:#ffffff url(images/statisticsfooter.jpg) no-repeat left top;}
#studentStatsTable {position:absolute;top:55px;left:154px;width:646px;border-collapse:collapse;}
#studentStatsTable td {padding:8px 0px; text-align:center;width:90px;font-size:12px;}
#studentStatsTable td.rewatchMovie {width:100% !important}
#studentStatsTable td.topLeftHeading {padding-right:19px;width:91px;border-bottom:1px solid #999999;border-right:1px solid #999999}
#studentStatsTable td.leftHeading {padding-right:19px;width:91px; border-right:1px solid #999999; text-align:right;}
#studentStatsTable td.topHeading {border-bottom:1px solid #999999;border-right:1px solid #999999;color:#021b41}
#studentStatsRTM {position:absolute;left:412px;top:282px;width:145px;height:46px;background:url(images/statsrtm.gif) no-repeat left top;}
.starLink a {width:100%; height:100%; display:block;}
/*-------------------*/

/*Product Downloads*/
#downloadHeader {width:100%; height:189px; background:#ffffff url(images/downloadheader.jpg) no-repeat left top}
#downloadBody {width:100%; height:391px; background:#ffffff url(images/downloadbody.gif) no-repeat left top}
#downloadContent {color:#002b5c; width:900px; margin:0px auto; }
#downloadContent p {font-size:13px;}
#downloadTable {width:100%; border-top:1px solid #999999; border-bottom:2px solid #999999;border-collapse:collapse;}
#downloadTable td {padding:4px; text-align:left; font-size:14px;}
#downloadTable .colOne {border-bottom:1px solid #999999; border-right:1px solid #999999; padding-left:219px; width:333px;}
#downloadTable .colTwo {border-bottom:1px solid #999999; padding-left:15px;}
#downloadContent .rtm {width:148px; height:47px; background:#ffffff url(images/wrtm.gif) no-repeat left top; margin:15px auto 0px auto;}

/*Messageboard Page */
#messageBoardHeader {width:968px;margin:0px auto; height:96px; background:#ffffff url(images/messageboardhead.gif) no-repeat left top}
.messageBoardBody {width:100%; height:100%; background:#ffffff url(images/messageboardback.gif) no-repeat left top; position:relative; padding-bottom:20px;}
.messageBoardContent{padding-left:34px; padding-top:79px; width:901px;}
.messageBoardContent a {color:#ffffff; font-size:14px;}
.messageBoardContent td {text-align:left; padding:10px; font-size:11px; color:#002b5c}
.messageBoardContent td p {font-weight:bold; padding:0px !important}
.messageBoardContent .smallSummary {font-weight:normal !important;}
.stickyRow {background-color:#d3e3f0;}
.altRow {background-color:#eaeaea}
.normRow {background-color:#ffffff}
#addNewThreadButton {position:absolute; top:85px; left:140px; border:0px !important}
#addNewThreadButton img {border:0px !important;}
.messageBoardContent table th {background:#ffffff url(images/messageboardlrgbluerpt.gif) repeat-x left top; height:44px; padding:0px 10px; text-align:left; color:#ffffff; font-size:14px; font-weight:normal}
.messageBoardContent table {border-collapse:collapse; width:100%}
.paginationRow td {padding:5px 0px; border-bottom:3px solid #999999; text-align:right; color:#003366}
.paginationRow td div {float:right;}
.paginationRow td p a {color:#003366; font-size:12px;}
.messageBoardContent .boardThreadLink {color:#002B5C !important; font-size:12px !important}
.messageBoardContent .colOne {width:527px;}
.messageBoardContent td.colOne {border-right:1px solid #999999; border-bottom:1px solid #999999}
.messageBoardContent th.colOne select {position:relative; left:200px;}
.messageBoardContent .colTwo {width:167px;}
.messageBoardContent td.colTwo {border-right:1px solid #999999; border-bottom:1px solid #999999}
.messageBoardContent .colThree {width:92px; text-align:center}
.messageBoardContent td.colThree {border-right:1px solid #999999; border-bottom:1px solid #999999; text-align:center}
.messageBoardContent .colFour {width:115px;}
.messageBoardContent td.colFour {border-bottom:1px solid #999999}
.messageBoardContent .cellAlignRight {text-align:right}
.messageBoardContent .saveButton {background:#ffffff url(images/savebutton.gif) no-repeat left top; height:29px; width:68px}
.messageBoardContent .saveButton:hover {background:#ffffff url(images/savebuttonhover.gif) no-repeat left top; height:29px; width:68px}
#mbSaveButtonPreload {background:#ffffff url(images/savebuttonhover.gif) no-repeat left top;}
.smallCell {width:240px;}
.mbAvatar {height:137px; width:125px; background:#ffffff url(images/mbpicframe.gif) no-repeat left top; float:right;}
.mbAvatar img {position:relative; top:16px; left:19px;}
.cellAlignTop {vertical-align:top;}
.messageBoardBody p {padding:0px; text-align:left; color:#002b5c}
.postsContainer {margin-bottom:20px;}

#threadHead {background:#ffffff url(images/messageboardlrgbluerpt.gif) repeat-x left top; height:44px; padding-left:40px;text-align:left}
#threadHead p {padding-top:12px !important; font-size:14px !important; color:#ffffff !important}
#titleText {padding:10px 40px !important; background-color:#eaeaea;  border-bottom:1px solid #999999; text-align:left}
#titleText p {color:#002b5c}

.postContent {background-color:#eaeaea; padding:10px 40px !important; text-align:left;}
.postContent p {margin-bottom:10px;}

.threadTable td, .postTable td {font-size:12px;}

.messageBoardContent .threadTitle {font-weight:bold;}
.postTable {margin-top:15px;}

/*Messageboard Buttons*/
.messageBoardRTM {position:absolute; top:2px; left:700px; background:#ffffff url(images/messageboardrtm.gif) no-repeat left top; display:block; width:146px; height:70px;}
.messageBoardBack {position:absolute; top:13px; left:150px; background:#ffffff url(images/messageboardbackbutton.gif) no-repeat left top; display:block; width:146px; height:50px;}

.editButton {display:block; height:29px; width:66px; margin-right:10px; background:#ffffff url(images/edit.gif) no-repeat left top; float:left}
.editButton:hover {background:#ffffff url(images/edithover.gif) no-repeat left top;}
#editButtonPreload {background:#ffffff url(images/edithover.gif) no-repeat left top;}
.addNewPost {display:block; height:29px; width:132px; margin-right:10px; background:#ffffff url(images/addnewpost.gif) no-repeat left top; float:left}
.addNewPost:hover {background:#ffffff url(images/addnewposthover.gif) no-repeat left top;}
#addNewPostPreload {background:#ffffff url(images/addnewposthover.gif) no-repeat left top;}
.addNewThread {position:absolute;left:140px; top:85px; display:block; float:left; height:30px; width:152px; background:#ffffff url(images/addnewthread.gif) no-repeat left top; border:0px !important}
.addNewThread:hover { background:#ffffff url(images/addnewthreadhover.gif) no-repeat left top;}
#addNewThreadPreload { background:#ffffff url(images/addnewthreadhover.gif) no-repeat left top;}
/*Messageboard form styles*/
.postTextArea {width:100%; height:150px; border:1px solid #999999; padding:3px;}
.messageBoardBody label {padding-left:10px}
.messageBoardBody .checkBox {margin-left:2px;}
#titleText input {width:500px; border:1px solid #999999; padding:3px; margin-left:10px;}
/*-------------------*/

/*Awards Complete */
#awardsComplete {width:968px; height:594px; background:#ffffff url(images/congratsbackground.jpg) no-repeat left top; text-align:left}
#awardsCompleteContent {position:relative; top:201px; left:384px;width:424px}
#awardsCompleteContent h2, #awardsCompleteContent h3, #awardsCompleteContent h4, #awardsCompleteContent p {width:100%; text-align:center; color:#021b41}
#awardsCompleteContent h2 {font-size:26px; font-weight:normal; margin-bottom:4px;}
#awardsCompleteContent h3 {font-size:20px; font-weight:normal; margin-bottom:4px;}
#awardsCompleteContent h4 {font-size:20px; margin-bottom:15px;}
.wellDoneText {font-size:20px; padding-bottom:5px !important;}
#awardsCompleteContent p {padding-bottom:20px;}
.collectYourAward {width:178px; height:29px; background:#ffffff url(images/collectyourawardbtn.gif) no-repeat left top;}
.collectYourAward:hover {background:#ffffff url(images/collectyourawardbtn.gif) no-repeat left -29px;}
#awardsCompleteContent p a {margin:0px auto;}
/*---------------------------*/

/*Contact Form*/
#contactHeader {width:100%; height:121px; background:#ffffff url(images/profileheader.jpg) no-repeat left top;}
#contactBody {width:100%; height:425px; background:#ffffff url(images/contactbody.jpg) no-repeat left top; text-align:left;}
#contactContent {position:relative; left:141px; top:65px; width:567px; height:228px;}
#contactContent .innerLeft {width:120px; float:left;}
#contactContent .RTM {width:100px; height:65px; display:block; text-indent:-5000px; background:#ffffff url(images/contactrtm.gif) no-repeat left top;}
#contactContent .innerRight {width:441px; float:right; padding-left:6px;}
#contactContent textarea {border:1px solid #999999; height:183px; width:100%; margin-bottom:10px; padding:3px;}
#contactContent .innerRight p {width:340px; font-size:10px; float:left; text-align:left; padding-left:10px; color:#999999}
.contactThanks {font-size:14px !important; color:#002b5c !important; margin:0px 0px 0px 30px}
#contactContent .sendButton {border:0px !important; display:block; float:right; height:31px; width:69px; text-indent:-5000px; background:#ffffff url(images/csendbutton.gif) no-repeat left top}
#contactContent .sendButton:hover {background:#ffffff url(images/csendbuttonhover.gif) no-repeat left top;}
/*-------------------*/
/*End of containers
/*-----------------------------------------------------*/

/*Pagination*/
#pagination {}
#pagination p, #pagination span {float:left; margin-right:10px; font-size:12px !important;}

/*Image Cropper*/
.imgCrop_wrap {
	/* width: 500px;   @done_in_js */
	/* height: 375px;  @done_in_js */
	position: relative;
	cursor: crosshair;
}

/* an extra classname is applied for Opera < 9.0 to fix it's lack of opacity support */
.imgCrop_wrap.opera8 .imgCrop_overlay,
.imgCrop_wrap.opera8 .imgCrop_clickArea { 
	background-color: transparent;
}

/* fix for IE displaying all boxes at line-height by default, although they are still 1 pixel high until we combine them with the pointless span */
.imgCrop_wrap,
.imgCrop_wrap * {
	font-size: 0;
}

.imgCrop_overlay {
	background-color: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	width: 100%;
	height: 100%;
}

.imgCrop_selArea {
	position: absolute;
	/* @done_in_js 
	top: 20px;
	left: 20px;
	width: 200px;
	height: 200px;
	background: transparent url(castle.jpg) no-repeat  -210px -110px;
	*/
	cursor: move;
	z-index: 2;
}

/* clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */
.imgCrop_clickArea {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	opacity: 0.01;
	filter:alpha(opacity=01);
}

.imgCrop_marqueeHoriz {
	position: absolute;
	width: 100%;
	height: 1px;
	background: transparent url(marqueeHoriz.gif) repeat-x 0 0;
	z-index: 3;
}

.imgCrop_marqueeVert {
	position: absolute;
	height: 100%;
	width: 1px;
	background: transparent url(marqueeVert.gif) repeat-y 0 0;
	z-index: 3;
}

/* 
 *  FIX MARCHING ANTS IN IE
 *	As IE <6 tries to load background images we can uncomment the follwoing hack 
 *  to remove that issue, not as pretty - but is anything in IE?
 *  And yes I do know that 'filter' is evil, but it will make it look semi decent in IE
 *
* html .imgCrop_marqueeHoriz,
* html .imgCrop_marqueeVert {
	background: transparent;
	filter: Invert; 
}
* html .imgCrop_marqueeNorth { border-top: 1px dashed #000; }
* html .imgCrop_marqueeEast  { border-right: 1px dashed #000; }
* html .imgCrop_marqueeSouth { border-bottom: 1px dashed #000; }
* html .imgCrop_marqueeWest  { border-left: 1px dashed #000; }
*/

.imgCrop_marqueeNorth { top: 0; left: 0; }
.imgCrop_marqueeEast  { top: 0; right: 0; }
.imgCrop_marqueeSouth { bottom: 0px; left: 0; }
.imgCrop_marqueeWest  { top: 0; left: 0; }


.imgCrop_handle {
	position: absolute;
	border: 1px solid #333;
	width: 6px;
	height: 6px;
	background: #FFF;
	opacity: 0.5;
	filter:alpha(opacity=50);
	z-index: 4;
}

/* fix IE 5 box model */
* html .imgCrop_handle {
	width: 8px;
	height: 8px;
	wid\th: 6px;
	hei\ght: 6px;
}

.imgCrop_handleN {
	top: -3px;
	left: 0;
	/* margin-left: 49%;    @done_in_js */
	cursor: n-resize;
}

.imgCrop_handleNE { 
	top: -3px;
	right: -3px;
	cursor: ne-resize;
}

.imgCrop_handleE {
	top: 0;
	right: -3px;
	/* margin-top: 49%;    @done_in_js */
	cursor: e-resize;
}

.imgCrop_handleSE {
	right: -3px;
	bottom: -3px;
	cursor: se-resize;
}

.imgCrop_handleS {
	right: 0;
	bottom: -3px;
	/* margin-right: 49%; @done_in_js */
	cursor: s-resize;
}

.imgCrop_handleSW {
	left: -3px;
	bottom: -3px;
	cursor: sw-resize;
}

.imgCrop_handleW {
	top: 0;
	left: -3px;
	/* margin-top: 49%;  @done_in_js */
	cursor: w-resize;
}

.imgCrop_handleNW {
	top: -3px;
	left: -3px;
	cursor: nw-resize;
}

/**
 * Create an area to click & drag around on as the default browser behaviour is to let you drag the image 
 */
.imgCrop_dragArea {
	width: 100%;
	height: 100%;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}

.imgCrop_previewWrap {
	/* width: 200px;  @done_in_js */
	/* height: 200px; @done_in_js */
	overflow: hidden;
	position: relative;
}

.imgCrop_previewWrap img {
	position: absolute;
}

/*Lighbox styles*/
/*Default box to be placed on the pages where the gallery is launched*/
#lightboxActivate {width:175px}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 2000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 1200; width: 100%; height: 500px; background-color: #000; }