body{ text-align:center; background-color:#e3e3e3; font-size:62.5%; line-height:1.5em; font-family:Verdana;} /* Font sizes */ p, h3{ font-size:1.1em;} label{font-size:1.1em;} input{height:18px;border:none} .map{background: none repeat scroll 0 0 #E3E3E3;} /* begin */ .aboutleft p{padding: 0px 10px 20px; } .aboutleft p strong{padding-bottom:30px; font-weight:bold;} /* end; */ .members .mid .member p, .latPubNote .mid .note h3, tip p, .about p, ul li,#footer p{ font-size:1.1em;} .leftContWide #resultCont .resultItem .resultCrumb p span.wordSearched, .leftContWide #resultCont .resultItem h2 span.wordSearched{font-weight:bold;} .leftContWide h2, .leftContWide #resultCont .resultItem h2{font-size:1.4em;} #footer form input.submit, #header form input.submit{font-size:1.1em;} /* Font colours */ #underHeaderFix{height:37px;} a{color:#2d75a7;} a:hover{color: #FF6600;} #footer ul li a, #footer p{color:#484848;} #footer ul li a:hover{color: #FF6600;} .register .mid p{color:#303030;} .members .mid .member p, .latPubNote .mid .note h3{color:#585858} #footer form input.search, #header form input.search{color:#979797} #footer form input.submit, #header form input.submit{color:#2d75a7} #underHeaderFix form input.submit:hover{ background-position:0 -23px; text-decoration:none; color: #E75E01; cursor: pointer;} #footer form input.submit:hover{ background-position:0 -23px; text-decoration:none; color: #E75E01; cursor: pointer;} #wrapper .mainCont #searchResults .mid .leftContWide #resultCont .resultItem .resultCrumb p{color:#2d75a7} #wrapper .mainCont #searchResults .mid .leftContWide #resultCont .resultItem h2{color:#2d75a7; padding-top: 5px;} #bigBread span{font-size:1.2em; color:#c7c4c4; font-weight:bold; text-transform:uppercase} #greyCont .mid #leftCont #panelHolder .pnL1 h2{font-size:16px; color:#fff !important; font-weight:bold; text-transform:uppercase} #greyCont .mid #leftCont #panelHolder .pnL1 a{color:#fff !important;} #greyCont .mid #leftCont #panelHolder .pnL2 h3{font-size:11px; color:#333; text-transform:uppercase;font-weight:normal;} #greyCont .mid #leftCont #panelHolder .pnL3 h4{font-size:11px; color:#333;font-weight:normal; } #greyCont .mid #leftCont #panelHolder .pnL4 h5{font-size:11px; color:#333;font-weight:normal; } #greyCont .mid #leftCont #panelHolder .titledate span{font-size:11px; color:#333;} .teacherInfo span.teacherName{font-weight:bold; font-size:1.1em;} .teacherInfo span.schoolName{font-weight:normal; font-size:1.1em;} .teacherInfo span.countryName{font-weight:normal; font-size:1.1em;} .ormHorMar{width:80px; height:80px} #subjectInfo h2{font-size:2em; color:#000; font-weight:bold;} #subjectInfo p{font-size:1.1em; color:#2d75a7; font-weight:normal; } #editNoIcon h3{font-size:1.6em; color:#000; font-weight:bold;} label.dueDate{font-weight:bold;} input.headingTitle{font-size:1.6em; font-weight:bold; height:22px;} #mySettingsError .mid p{color:#fff; font-weight:bold;} #greyCont .mid form.settingsSubjects label{font-size:1.1em;} #imageManager .catFolders .mid h3{color:#333333; font-weight:normal} #tableFM tr th,#tableFM tr td{font-size:1.1em;} #tableFM tr th{color:#2d75a7} .genericContent p{color:#484848} .genericContent img.helpImg{margin-bottom:20px;} .genericContent ul.helpInternal li{font-size:1.2em;} .genericContent h3.H3help{font-size:1.4em; font-weight:bold; text-transform:uppercase; color:#484848} .genericContent h4.H4help{font-size:1.2em; font-weight:bold; color:#484848} /* Link Styles */ a{text-decoration:none;} a:hover{text-decoration:none} #wrapper{ width:990px; margin:0 auto; text-align:left; } #header{ margin-top:10px; overflow:hidden;} #header a.logo, #header a.aa{display:block; } #header a.logo{float:left; margin-top:-2px;} #header a.aa{float:right;} #underHeaderFix p{ width:400px; float:left; clear:left; margin:5px 0 5px 5px;color:#5b5b5b;} #underHeaderFix form{ display:block; width:262px; float:right; margin-bottom:6px; margin-top:6px; } #underHeaderFix form input.search{ width:200px; line-height:18px;} .searchie{ width: 200px; height:20px; background:url(../images/bg/bg_search.png) no-repeat top left; float: left; margin-right: 4px;} /*.search1{ width:185px; height:18px; padding-left: 10px; padding-right: 10px; background:transparent; }*/ .search1{ width: 180px; height: 16px; background: transparent; border: 0; padding: 2px 10px; //margin-left: 10px; //padding: 0px !important;} .searchinput{ border: none; width: 187px; } #underHeaderFix form input.submit { background:url("../images/buttons/btn_go.png") no-repeat; height:24px; width:52px; padding-left:9px; line-height:2em; text-align: left; margin-top: -2px; font-size: 11px; color: #2D75A7; font-family: Verdana; padding-bottom:5px; } #underHeaderFix form .submit_search { background:url("../images/buttons/btn_arrow_small.png") no-repeat; display:block; height:24px;width:60px; padding-left:10px; line-height:2em; float:right; text-align: left; margin-top: -2px; font-size: 10px; color: #2D75A7; font-family: Verdana; padding-bottom:5px; margin-right: 10px; } #underHeaderFix form .submit_search:hover { background-position:0 -23px; text-decoration:none; color: #E75E01; cursor: pointer;} #footer form .submit_search { background:url("../images/buttons/btn_arrow_small.png") no-repeat; display:block; height:24px;width:60px; padding-left:10px; line-height:2em; float:right; text-align: left; margin-top: -2px; font-size: 10px; color: #2D75A7; font-family: Verdana; padding-bottom:5px; margin-right: 10px; } .search1_bot{ background:url(../images/bg/bg_search.png);} #footer form .submit_search:hover { background-position:0 -23px; text-decoration:none; color: #E75E01; cursor: pointer;} .mainCont{ width:990px; margin-bottom:20px; } .mainCont .mid ul#topNav{ background:transparent url(../images/bg/list.gif) repeat-y scroll top left; width:964px; float:left; margin-top:2px; margin-left:12px; display:inline;margin-bottom:8px;height:38px;} .mainCont .mid ul#topNav li{ float:left; margin:0px 84px; display:inline; } .mainCont .mid ul#topNav li a{ border: 0; display: block; height: 38px;text-indent:-9999px;} .mainCont .mid ul#topNav li.liHome a{ width:60px; height:38px; background: url(../images/bg/ir/topNavHome.png);} .mainCont .mid ul#topNav li.liHome a:hover {background-position: 0 -38px;} .mainCont .mid ul#topNav li.liHome a#selected {background-position: 0 -38px;} .mainCont .mid ul#topNav li.liNotes a{ width:60px; height:38px; background: url(../images/bg/ir/topNavNotes.png);} .mainCont .mid ul#topNav li.liNotes a:hover {background-position: 0 -38px;} .mainCont .mid ul#topNav li.liNotes a#selected {background-position: 0 -38px;} .mainCont .mid ul#topNav li.liMyDesk a{ width:84px; height:38px; background: url(../images/bg/ir/topNavMydesk.png);} .mainCont .mid ul#topNav li.liMyDesk a:hover {background-position: 0 -38px;} .mainCont .mid ul#topNav li.liMyDesk a#selected {background-position: 0 -38px;} .mainCont .mid ul#topNav li.liHelp a{ width:60px; height:38px; background: url(../images/bg/ir/topNavHelp.png);} .mainCont .mid ul#topNav li.liHelp a:hover {background-position: 0 -38px;} .mainCont .mid ul#topNav li.liHelp a#selected {background-position: 0 -38px;} .mainCont .mid #imgCont{} .mainCont .mid #leftCont img.rep1{ margin-bottom:30px;} .rep1 { margin-left: 10px; width:640px; overflow:hidden; background: none repeat scroll 0 0 #E3E3E3; padding-top: 2px; padding-bottom: 3px;} .mainCont .mid #rightCont img.rep2{ margin-bottom:30px;} .mainCont #leftCont{width:660px;float:left;display:inline;margin-left:12px;} .mainCont #rightCont{width:300px;float:right;padding-right:13px;display:inline;} .flash_video { margin-left: 6px; margin-top:-17px;} .flashvideo{ background: none repeat scroll 0 0 #E3E3E3;} .mainCont .top{ background:transparent url(../images/bg/mainContTop.gif) no-repeat scroll left bottom; height:8px;} .mainCont .mid{ background: transparent url(../images/bg/mainContMid.gif) repeat-y scroll left top;} .mainCont .bot{ background:transparent url(../images/bg/mainContBot.gif) no-repeat scroll left top;height:10px;} .midDrop{ width:660px} .midDrop .top{ background:transparent url(../images/bg/secContDropTop.gif) no-repeat scroll left bottom; height:11px;} .midDrop .top1{ background:transparent url(../images/bg/secContNoDropTop.gif) no-repeat scroll left bottom; height:8px;} .midDrop .mid{ background: transparent url(../images/bg/regFonMid.gif) no-repeat left top; width:658px; margin-left:1px; } .midDrop .bot{ background:transparent url(../images/bg/secContDropBot.gif) no-repeat scroll left top; height:11px;} .midNoDrop{ width:660px;} .midNoDrop .top{ background:transparent url(../images/bg/secContNoDropTop.gif) no-repeat scroll left bottom; height:8px;} .midNoDrop .mid{ background:#e3e3e3; } .midNoDrop .bot{ background:transparent url(../images/bg/secContNoDropBot.gif) no-repeat scroll left top; height:7px;} .midNoDrop .bot.regbox{ background:transparent url(../images/bg/secContDropBot.gif) no-repeat scroll left top; height:11px;} .midNoDrop .mid .note{ width:648px; height:45px; background:transparent url(../images/bg/note_latest.png) no-repeat scroll left top;} .midNoDrop .mid .note:hover { background-position: 0 -45px; color: #E75E01; } .midNoDrop .mid .note:hover a{ color: #E75E01; } .midNoDrop .top1{ background:transparent url(../images/bg/secContNoDropTophome.gif) no-repeat scroll left bottom; height:8px;} .midNoDrop .mid{ background:#e3e3e3; } .midNoDrop .bot1{ background:transparent url(../images/bg/secContNoDropBothome.gif) no-repeat scroll left top; height:7px;} .tip .flashContSmall{ width:150px; height:150px; background:transparent url(../images/bg/flashContSmall.gif) no-repeat scroll left top;} .about{ width:610px; } #rightCont{} #rightCont .smallNoDrop{ width:300px; } #rightCont .smallNoDrop .top{ background:transparent url(../images/bg/smallNoDropTop.gif) no-repeat scroll left bottom; height:9px;} #rightCont .smallNoDrop .mid{ background:#e3e3e3;} #rightCont .smallNoDrop .bot{ background:transparent url(../images/bg/smallNoDropBot.gif) no-repeat scroll left top; height:9px;} #rightCont .smallNoDrop .mid .member{ background:transparent url(../images/bg/member.gif) no-repeat scroll left top;} #rightCont .faqs .top{ background:transparent url(../images/bg/smallNoDropTop.gif) no-repeat scroll left bottom; height:9px;} #rightCont .faqs .mid{ background:#e3e3e3;padding: 5px;} #rightCont .faqs .bot{ background:transparent url(../images/bg/smallNoDropBot.gif) no-repeat scroll left top; height:9px;} .resources .flashContBig{ width:150px; height:150px; background:transparent url(../images/bg/flashContBig.gif) no-repeat scroll left top;} .view .home_view_for_notes a{ display:block; height:19px;width:65px; text-indent:0px; margin-top:-5px; position: relative; right: 15px; font-size: 11px;} .view .location_view a{ background:url("../images/bg/btn_view.png") no-repeat scroll left bottom transparent; display:block; height:19px;width:65px; text-indent:-9999px; margin-top:-4px; position: relative; right: 25px;} .index_view_button a { background:url("../images/buttons/btn_generic_80_mid.png") no-repeat; display:block; height:22px;width:80px; padding-left:15px; line-height:1.7em; text-decoration:none; font-size: 1.0em;padding-top:1.5px;} .index_view_button a:hover { background-position: 0 -24px; } .index_view_small_button a { background:url("../images/buttons/btn_generic_80_mid.png") no-repeat; display:block; height:24px;width:140px; padding-left:15px; line-height:1.7em; text-decoration:none; font-size: 1.0em;} .index_view_small_button a:hover { background-position: 0 -24px; } .location a{ position: relative; left: 26px; width: 100px !important;} .bt_save { background:url("../images/buttons/btn_generic_100_mid.png") no-repeat; display:block; height:24px;width:140px; padding-left:10px; line-height:2em; text-decoration:none; font-size: 0.8em;} .resend{background:url("../images/buttons/btn_resend.gif") no-repeat; display:block; height:24px;width:72px; line-height: 1.5em; padding-left: 15px; font-size:11px; color: black;} .resend:hover{ text-decoration: none; color: #E75E01;} .back a { background:url("../images/buttons/btn_generic_140_white.png") no-repeat; display:block; height:24px;width:140px; padding-left:15px; line-height:2.1em; text-decoration:none; font-size: 1.0em;} .back a:hover { background-position: 0 -24px; } /* Image Replacement */ .register .mid h1.notLogin { width: 193px; height: 20px; position: relative; background: url(../images/bg/ir/h1RegisterNow.png) no-repeat; text-indent:-9999px;} .register .mid h1.alreadyLogin { width: 193px; height: 20px; position: relative; background: url(../images/bg/ir/h1Welcome.png) no-repeat; text-indent:-9999px;} .members h2{width: 171px; height: 14px; position: relative; background: url(../images/bg/ir/h2LatestMembers.png) no-repeat; text-indent:-9999px;} .latPubNote h2{width: 241px; height: 14px; position: relative; background: url(../images/bg/ir/h2LatestPubNotes.png) no-repeat; text-indent:-9999px;} .tip h2{width: 140px; height: 14px; position: relative; background: url(../images/bg/ir/H2Featured.png) no-repeat; text-indent:-9999px;} .videoframe h2{padding-bottom:10px; width: 162px; height: 14px; position: relative; background: url(../images/bg/ir/featuredMedia.png) no-repeat; text-indent:-9999px;} .faq h2{ width: 47px; height: 15px; position: relative; background: url(../images/bg/ir/h2Faq.png) no-repeat; text-indent:-9999px;} .faqs h2{ width: 50px; height: 15px; position: relative; background: url(../images/bg/ir/h2Faq.png) no-repeat; text-indent:-9999px;} .about h2{width: 202px; height: 14px; position: relative; background: url(../images/bg/ir/h2About.png) no-repeat; text-indent:-9999px;} .resources h2{width: 206px; height: 14px; position: relative; background: url(../images/bg/ir/h2About.png) no-repeat; text-indent:-9999px; margin-bottom: 7px;} #footer ul.navigation li h3{width: 84px; height: 11px; position: relative; background: url(../images/bg/ir/h3Navigation.png) no-repeat; text-indent:-9999px;} #footer ul.community li h3{width: 93px; height: 11px; position: relative; background: url(../images/bg/ir/h3Community.png) no-repeat; text-indent:-9999px;} #footer ul.privacy li h3{width: 58px; height: 11px; position: relative; background: url(../images/bg/ir/h3Privacy.png) no-repeat; text-indent:-9999px;} #footer ul.information li h3{width: 142px; height: 11px; position: relative; background: url(../images/bg/ir/h3Information.png) no-repeat; text-indent:-9999px;} /* Styling for main sections */ .register{ margin-bottom:60px;} .register .mid h1, .register .mid p { margin-left:20px; float:left;clear:left; margin-top:10px;} .register .mid p{ width:450px; font-size:1.2em; } .register .mid .index_view_button {background: transparent url(../images/bg/regBottomExp.gif) repeat-y left top;font-size:1.1em;margin-left:0;padding-left:20px;width:638px;//margin-top:5px;} .register img{ float:right; margin-right:35px;} /* Latest published notes */ .latPubNote h2{ margin-top:-30px; margin-bottom:7px;} .latPubNote{ margin-bottom:35px;} .latPubNote .mid .note{ margin-left:6px; } .latPubNote .mid .note{ margin-left:6px; } .latPubNote .mid .note h3{ float:left;width:500px; margin-top:3px; margin-bottom:1px;} .latPubNote .mid .note p{ float:left; width:500px;} .latPubNote .mid .note p.view{ width:50px; float:right;} .latPubNote .mid .note img{ float:left;margin-top:5px;margin-left:6px;margin-right:5px;} .redBotBorder{border-bottom:2px solid #fd6e6e;} a.viewAll{display:block;float:right;width:60px;height:22px;margin-top:5px;padding-top:1.5px; margin-right: 6px} .latPubNote .mid .note p.view{float:right;} /*.latPubNote .mid .note p.view .top{ background:transparent url(../images/bg/viewTop.gif) no-repeat scroll left bottom; height:5px border:1px solid black; } .latPubNote .mid .note p.view .mid{color:#e3e3e3} .latPubNote .mid .note p.view .bot{ background:transparent url(../images/bg/viewBot.gif) no-repeat scroll left top; height:6px; } */ /* Tip */ .tip{margin-bottom:35px;} .tip h2{margin-bottom:7px;} .tip .flashContSmall{width:150px;float:left;margin-right:10px;} .tip p{width:465px;float:left;margin-bottom:20px;} .tip .flashContSmall img{position:relative;left:6px;top:6px;} /* Faq */ .faq{margin-bottom:35px; } .faq h2{margin-bottom:7px;} .faq .mid ul{padding:10px 0 10px 10px; width: 300px;} .faq .mid ul li{margin-bottom:5px; background:transparent url(../images/bg/faqList.png) no-repeat scroll left center;padding-left:15px;} .faq .mid ul li a span{color:#ff6600} .faq .mid ul li a:hover{color: #E75E01;} /*Fags new*/ .fas{margin-bottom:35px; } .faqs h2{margin-bottom:7px;} /*.faqs .mid ul{padding:10px 10px 10px 10px;}*/ .faqs .mid ul li{ margin-bottom:5px; background:transparent url(../images/bg/faqList.png) no-repeat scroll left 6px;padding-left:15px;} .faqs .mid ul li a span{color:#ff6600} .faqs .mid ul li a:hover{color: #E75E01; } /* About */ .about{width:654px;float:left;} .about h2{margin-bottom:7px;} .about p{margin-bottom:20px;width:605px;} /* Members */ .members{margin-bottom:35px;} .members h2{margin-bottom:7px;} .members .mid .member{height:95px;margin-left:3px;} .members .mid .member img{margin-top:7px;margin-left:8px;margin-right:10px;} .members .mid .member h3{margin-top:7px; font-weight:bold;} .members .mid .member h3, .members .mid .member p{margin-bottom:5px;} .members .mid .member img, .members .mid .member h3, .members .mid .member p{float:left; } .members .mid .member h3, .members .mid .member p{width:190px} /* resources */ .resources { margin-bottom: 35px; } .resources ul{padding:10px 0 10px 10px;} .resources ul li{margin-bottom:5px;} .resources ul li a span{color:#ff6600} .resources ul li a:hover{color: #E75E01;} .resources .mid img{margin-top:-17px;margin-left:6px;} .resources .mid h2{position:relative;top:-33px; width: 210px;} /* Logos */ .logos{width:100%;clear:both;padding-top:130px;} .logos ul{width:100%;text-align:center;} .logos ul li {display:inline; margin: 0 80px; } .logos ul li a{ margin-bottom:10px;} /* .logos a.cxc{width:27px;height:25px;margin-left:190px} .logos a.blueOrange{width:57px;height:29px;margin-left:190px;margin-right:190px} .logos a.sandBar{width:80px;height:21px;} */ form input.sendForm{ background: url(../images/buttons/btn_generic_80_white.png); width:84px; height:24px; float:right; margin-right: 34px; font-size: 1.1em; color:#2d75a7; text-align: left; padding-left:10px; padding-bottom: 4px; //margin-top: 15px;} form input.sendForm:hover{ background-position:0 -24px; text-decoration:none; color: #E75E01; cursor: pointer;} /* Footer */ #footer{width:100%;clear:both;} #footer ul{float:left;margin-right:50px;} #footer ul li h3{margin-bottom:10px;} #footer ul.navigation{width:90px;margin-left:20px;} #footer ul.community{width:125px;} #footer ul.privacy{width:78px;} #footer ul.information{width:144px;margin-right:65px;} #footer form{display:block;width:310px;float:right;margin-bottom:6px;} #footer form input.search{width:245px;line-height:18px;} #footer form input.submit{ background:url("../images/buttons/btn_go.png") no-repeat; height:24px;width:52px; padding-left:9px; line-height:2em; text-align: left; margin-top: -2px; font-size: 11px; color: #2D75A7; font-family: Verdana; padding-bottom:5px; border: 0px solid #FFFFFF;} #footer p{clear:left;width:60%;float:left;padding:20px 0 20px 20px;} /* Tools */ .clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .clearfix {display: inline-block;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} /* Teachers page */ h1#h1Teachers{background:url("../images/bg/ir/h1Teachers.gif") no-repeat scroll 0 0 transparent; width:155px; height:23px;text-indent:-9999px; float:left; margin:35px 0 40px 20px; /* IE6 add this in stylesheet: padding-bottom:40px;*/} #greyCont .top .teachersList{width:791px; margin-left:5px; margin-top:5px; float:left;} #greyCont .top .teachersList a{ background:url("../images/buttons/btn_back_to_list.png") no-repeat; display:block; height:24px;width:154px; margin-left: 1px; padding-left:20px; line-height:1.9em; float:left; font-size: 10px; text-indent:0 !important;} #greyCont .top .teachersList a:HOVER { background-position:0 -24px; text-decoration:none; } .teacherInfo{width:791px; background: url(../images/bg/teacherInfo.png) no-repeat top left; height:96px; min-height:96px; } *html .teacherInfo {height: 100px;} .teacherInfo span, .teacherInfo a{display:block; float:left;} .teacherInfo span{margin-top:35px;} .teacherInfo a.avatarCont{margin-left:7px; margin-right:10px; margin-top:7px;} .teacherInfo span.teacherName{width:200px; margin-right:95px;} .teacherInfo span.schoolName{width:170px; margin-right:80px} .teacherInfo span.countryName{width:120px} .teacherInfo:hover{color:#FF6600;} /* End Teachers page */ /* Syllabus page */ h1#h1Syllabus {background:url("../images/bg/ir/h1CSECSyllabus.gif") no-repeat scroll 0 0 transparent; width:284px; height:23px; text-indent:-9999px; float:left; margin:35px 0 40px 20px; /* IE6 add this in stylesheet: padding-bottom:40px;*/ //margin-top: 5px; } h1#h1SyllabusCape1{background:url("../images/bg/ir/h1CAPE1Syllabus.png") no-repeat scroll 0 0 transparent; width:284px; height:23px;text-indent:-9999px; float:left; margin:35px 0 40px 20px; /* IE6 add this in stylesheet: padding-bottom:40px;*/ //margin-top: 5px;} h1#h1SyllabusCape2{background:url("../images/bg/ir/h1CAPE2Syllabus.png") no-repeat scroll 0 0 transparent; width:284px; height:23px;text-indent:-9999px; float:left; margin:35px 0 40px 20px; /* IE6 add this in stylesheet: padding-bottom:40px;*/ //margin-top: 5px;} h1#h1SyllabusTeacher{background:url("../images/bg/ir/h1Teachers.gif") no-repeat scroll 0 0 transparent; width:284px; height:23px;text-indent:-9999px; float:left; margin:35px 0 40px 20px; /* IE6 add this in stylesheet: padding-bottom:40px;*/ //margin-top: 5px;} #bigBread{width:964px; margin-left:12px; //margin-bottom: 35px;} *html #bigBread {margin-bottom: 20px;} #bigBread span{display:block; /*width:80px;*/ float:left;margin:40px 0 40px 0; //margin-top: 8px; } *html #bigBread span {padding-bottom:40px;} ul#syllabusType{width:auto; margin-left:145px;} ul#syllabusType li{ float:left; } ul#syllabusType li a{ border: 0; display: block; height: 29px; text-indent:-9999px;} ul#syllabusType li.liCsecSyllabus a{ width:140px; height:29px; background: url(../images/buttons/tab_csec_syllabus.png) no-repeat;} ul#syllabusType li.liCsecSyllabus a:hover { background-position: 0 -29px; } ul#syllabusType li.liCsecSyllabus a#selected { background-position: 0 -58px; } ul#syllabusType li.liCape1Syllabus a{ width:140px; height:29px; background: url(../images/buttons/tab_cape1_syllabus.png) no-repeat;} ul#syllabusType li.liCape1Syllabus a:hover { background-position: 0 -29px; } ul#syllabusType li.liCape1Syllabus a#selected { background-position: 0 -58px; } ul#syllabusType li.liCape2Syllabus a{ width:140px; height:29px; background: url(../images/buttons/tab_cape2_syllabus.png) no-repeat; } ul#syllabusType li.liCape2Syllabus a:hover { background-position: 0 -29px; } ul#syllabusType li.liCape2Syllabus a#selected { background-position: 0 -58px; } ul#syllabusType li.liTeachers a{ width:140px; height:29px; background: url(../images/buttons/tab_teachers.png) no-repeat; } ul#syllabusType li.liTeachers a:hover { background-position: 0 -29px; } ul#syllabusType li.liTeachers a#selected { background-position: 0 -58px; } ul#syllabusType li.liMySyllabus a{ width:140px; height: 29px; background: url(../images/buttons/tab_mysyllabus.png) no-repeat; } ul#syllabusType li.liMySyllabus a:hover { background-position: 0 -29px; } ul#syllabusType li.liMySyllabus a#selected { background-position: 0 -58px; } ul#syllabusType li.liBundles a{ width:140px; height:29px; background: url(../images/buttons/tab_bundles.png) no-repeat; } ul#syllabusType li.liBundles a:hover { background-position: 0 -29px; } ul#syllabusType li.liBundles a#selected { background-position: 0 -58px; } ul#syllabusType li.liViewer a{ width:140px; height:29px; background: url(../images/buttons/tab_viewer.png) no-repeat; } ul#syllabusType li.liViewer a:hover { background-position: 0 -29px; } ul#syllabusType li.liViewer a#selected { background-position: 0 -58px; } ul#syllabusType li.liEditor a{ width:140px; height:29px; background: url(../images/buttons/tab_editor.png) no-repeat; } ul#syllabusType li.liEditor a:hover { background-position: 0 -29px; } ul#syllabusType li.liEditor a#selected { background-position: 0 -58px; } ul#syllabusType li.liPersonal a{ width:200px; height:29px; background: url(../images/buttons/tab_personalinfo.png) no-repeat; } ul#syllabusType li.liPersonal a:hover { background-position: 0 -29px; } ul#syllabusType li.liPersonal a#selected { background-position: 0 -58px; } ul#syllabusType li.liSubjects a{ width:130px; height:29px; background: url(../images/buttons/tab_subjects.png) no-repeat; } ul#syllabusType li.liSubjects a:hover { background-position: 0 -29px; } ul#syllabusType li.liSubjects a#selected { background-position: 0 -58px; } #greyCont{width:964px; margin-left:12px;} #greyCont .top{width:964px;background: #e3e3e3 url(../images/bg/greyContTop.gif) no-repeat top left;} #greyCont .mid{width:964px; background:#e3e3e3;} #greyCont .bot{width:964px; height:8px; background: url(../images/bg/greyContBot.gif) no-repeat top left;} #greyCont .top ul#subject{width:791px; float:left;margin: 5px 0 5px 5px; /*For IE6 */ display:inline;} #greyCont .top ul#subject li{float:left; display:inline;} #greyCont .top ul#subject li a {border: 0; display: block; height: 25px; text-indent:-9999px;} #greyCont .top ul#subject li.liBusiness{width:95px; height:32px; background: url(../images/bg/ir/subnav_business.png) no-repeat;} #greyCont .top ul#subject li.liBusiness:hover { background-position: 0 -32px; } #greyCont .top ul#subject li.liBusiness.selected { background-position: 0 -64px; } #greyCont .top ul#subject li.liHumanities{width:107px; height:32px; background: url(../images/bg/ir/subnav_humanities.png) no-repeat;} #greyCont .top ul#subject li.liHumanities:hover { background-position: 0 -32px; } #greyCont .top ul#subject li.liHumanities.selected { background-position: 0 -64px; } #greyCont .top ul#subject li.liIndustrial{width:141px; height:32px; background: url(../images/bg/ir/subnav_ind_tech.png) no-repeat;} #greyCont .top ul#subject li.liIndustrial:hover { background-position: 0 -32px; } #greyCont .top ul#subject li.liIndustrial.selected { background-position: 0 -64px; } #greyCont .top ul#subject li.liInformation{width:151px; height:32px; background: url(../images/bg/ir/subnav_info_tech.png) no-repeat;} #greyCont .top ul#subject li.liInformation:hover { background-position: 0 -32px; } #greyCont .top ul#subject li.liInformation.selected { background-position: 0 -64px; } #greyCont .top ul#subject li.liModern{width:150px; height:32px; background: url(../images/bg/ir/subnav_modern_lang.png) no-repeat;} #greyCont .top ul#subject li.liModern:hover { background-position: 0 -32px; } #greyCont .top ul#subject li.liModern.selected { background-position: 0 -64px; } #greyCont .top ul#subject li.liScience{width:143px; height:32px; background: url(../images/bg/ir/subnav_science_math.png) no-repeat;} #greyCont .top ul#subject li.liScience:hover { background-position: 0 -32px; } #greyCont .top ul#subject li.liScience.selected { background-position: 0 -64px; } #greyCont .mid #leftCont{margin-left:5px;} #greyCont .mid #leftCont #panelHolder{} #greyCont .mid #leftCont #panelHolder img{} #greyCont .mid #leftCont #panelHolder h3,#greyCont .mid #leftCont #panelHolder h4,#greyCont .mid #leftCont #panelHolder h5{width:700px; float:left; } #greyCont .mid #leftCont #panelHolder h2 {line-height: 2em; width:95px;} #greyCont .mid #leftCont #panelHolder img.pointer{margin:10px 0 0 10px; float:left;} #greyCont .mid #leftCont #panelHolder img.colorTag{margin:4px 0 0 4px;} #greyCont .mid #leftCont #panelHolder .subject_item, .s_item{width:791px;} #greyCont .mid #leftCont #panelHolder .subjectSquare{ background: url(../images/bg/subject_square.png); width:15px; height:15px; margin:9px 0 0 10px; float:left; } #greyCont .mid #leftCont #panelHolder .subjectSquare .subjectColour{ width:13px; height:13px; background: red; margin: 1px 0 0 1px; } .mid .btnNextNote1 { background:url("../images/buttons/btn_generic_80_dk.png") no-repeat scroll left bottom transparent; background-position:0 0px; display:block; width:90px; height:24px; padding-left:10px; line-height:2em; float:left; font-size: 10px; margin-top:15px; } .mid .btnNextNote1:hover { background-position:0 -24px; text-decoration:none; color:#E75E01;cursor:pointer;} #addFormNote { font-size: 0.9em; margin-bottom:55px; /*IE6 needs this removed */ font-size:11px; height:80px; margin-left:0; padding-top: 0px; padding-left:3px; width:750px; } #addFormNote .top { width:786px;background:transparent url(../images/bg/bundleEditTop.gif) no-repeat scroll left bottom;height:7px;} #addFormNote .mid{width:786px;background-color:#cdcdcd} #addFormNote .bot{width:786px;background:transparent url(../images/bg/bundleEditBot.gif) no-repeat scroll left top;height:6px;} /* #greyCont .mid #leftCont #panelHolder .bundleEdit{width:786px; margin-left:2px; margin-bottom:3px; /*IE6 needs this removed */ } /*#greyCont .mid #leftCont #panelHolder .bundleEdit *{border:1px solid black;}*/ /* #greyCont .mid #leftCont #panelHolder .bundleEdit .top{ width:786px;background:transparent url(../images/bg/bundleEditTop.gif) no-repeat scroll left bottom;height:7px;} #greyCont .mid #leftCont #panelHolder .bundleEdit .mid{width:786px;background-color:#cdcdcd} #greyCont .mid #leftCont #panelHolder .bundleEdit .bot{width:786px;background:transparent url(../images/bg/bundleEditBot.gif) no-repeat scroll left top;height:6px;} .bundleEdit .mid h3.newBundle{width:259px !important; height: 18px; background: url(../images/bg/ir/h3NewBundle.gif) no-repeat top left;text-indent:-9999px; margin:15px 0 15px 7px;display:inline; /* IE6 add this in stylesheet: padding-bottom:40px;*/} */ /* Generic greyCont styles*/ /* #greyCont .mid #leftCont #panelHolder .pnL1, #greyCont .mid #leftCont #panelHolder .pnL2, #greyCont .mid #leftCont #panelHolder .pnL3, #greyCont .mid #leftCont #panelHolder .pnL4, #greyCont .mid #leftCont #panelHolder .titledate, #greyCont .mid #leftCont #panelHolder .pnlSummary{width:;} */ .pnL1 a{ color: #ffffff !important; } #greyCont .mid #leftCont #panelHolder div.arr_expanded_subject .arrow a { background: url(/images/arrowBigOpen.png) no-repeat left 1px; margin-left: 10px; } #greyCont .mid #leftCont #panelHolder div.arr_collapsed_subject .arrow a { background: url(/images/arrowBigClosed.png) no-repeat left 1px; margin-left: 10px; } #greyCont .mid #leftCont #panelHolder a.arr_expanded_circle { background: url(/images/buttons/arrowCircleOpen.png) no-repeat;width:23px;height:23px; position:absolute;left:750px;margin:6px 15px 6px 6px;z-index:999999;cursor:pointer; } #greyCont .mid #leftCont #panelHolder a.arr_collapsed_circle { background: url(/images/buttons/arrowCircleClosed.png) no-repeat;width:23px;height:23px; position:absolute;left:750px;margin:6px 15px 6px 6px;z-index:999999;cursor:pointer; } #greyCont .mid #leftCont #panelHolder .arr_expanded_module .arrow a { background: url(/images/arrowSmallOpen.png) no-repeat left 1px; margin-left: 10px; } #greyCont .mid #leftCont #panelHolder .arr_collapsed_module .arrow a { background: url(/images/arrowSmallClosed.png) no-repeat left 1px; margin-left: 10px; } #greyCont .mid #leftCont #panelHolder .arr_expanded_objective .arrow a { background: url(/images/arrowSmallOpen.png) no-repeat left 1px; margin-left: 10px; } #greyCont .mid #leftCont #panelHolder .arr_collapsed_objective .arrow a { background: url(/images/arrowSmallClosed.png) no-repeat left 1px; margin-left: 10px; } #greyCont .mid #leftCont #panelHolder .arr_expanded_topic .arrow a { background: url(/images/arrowSmallOpen.png) no-repeat left 1px; margin-left: 10px; } #greyCont .mid #leftCont #panelHolder .arr_collapsed_topic .arrow a { background: url(/images/arrowSmallClosed.png) no-repeat left 1px; margin-left: 10px; } #greyCont .mid #leftCont #panelHolder .arr_expanded_bundle .arrow a { background: url(/images/arrowSmallOpen.png) no-repeat left 1px; margin-left: 10px; } #greyCont .mid #leftCont #panelHolder .arr_collapsed_bundle .arrow a { background: url(/images/arrowSmallClosed.png) no-repeat left 1px; margin-left: 10px; } #greyCont .mid #leftCont #panelHolder a.colorTag{display:block; width:15px; height:15px; margin-top:9px; float:left; } .subjectRed{background-color:#fd6e6e;border:1px solid #0d58bb;} .subjectYellow{background-color:#eaed14;border:1px solid #0d58bb;} .subjectBlue{background-color:#8cdaff;border:1px solid #0d58bb;} .subjectGrey{background-color:#575757; border:1px solid #0d58bb;} .pencilIcon, .pencilIcon { background: url(/images/pencil.png) top left no-repeat; width:36px; height:36px; float:left; margin: 4px 10px 0 6px; } .penIcon, .penIcon { background: url(/images/pen.png) top left no-repeat; width:36px; height:36px; float:left; margin: 4px 10px 0 6px; } .pencilIcon .subjectColourLine, .pencilIcon .subjectColourLine { width:26px;height:2px;overflow:hidden; background:red; margin: 31px 0 0 10px; } .penIcon .subjectColourLine, .penIcon .subjectColourLine { width:26px;height:2px;overflow:hidden; background:red; margin: 31px 0 0 10px; } /* End Generic greyCont styles*/ #greyCont .mid #leftCont #panelHolder .pnL1{ width:791px; height: 38px; background: url(../images/bg/pnL1.png) no-repeat top left; display:block;} #greyCont .mid #leftCont #panelHolder .pnL1:hover{ background-position: 0 -38px; cursor: pointer;} #greyCont .mid #leftCont #panelHolder .pnL1 h2{margin-top:1px; margin-left:10px;/*For IE6 */ display:inline;} #greyCont .mid #leftCont #panelHolder .pnL2{ width:791px; height:34px; background: url(../images/bg/pnL2.png) no-repeat top left; display:block;} #greyCont .mid #leftCont #panelHolder .pnL2:hover{ background-position: 0 -34px; cursor: pointer;} #greyCont .mid #leftCont #panelHolder .pnL2 h3{margin-top:9px;/*For IE6 */ display:inline;} #greyCont .mid #leftCont #panelHolder .pnL2 a {color:#333333;} #greyCont .mid #leftCont #panelHolder .pnL2:hover a {color:#e75e01;} #greyCont .mid #leftCont #panelHolder .pnL3{ width:791px; height:34px; background: url(../images/bg/pnL3.png) no-repeat top left; display:block;} #greyCont .mid #leftCont #panelHolder .pnL3:hover{ background-position: 0 -34px; cursor: pointer;} #greyCont .mid #leftCont #panelHolder .pnL3 h4{ margin-top:9px;/*For IE6 */ display:inline;} #greyCont .mid #leftCont #panelHolder .pnL3 a {color:#333333;} #greyCont .mid #leftCont #panelHolder .pnL3:hover a {color:#e75e01;} #greyCont .mid #leftCont #panelHolder .pnL4{ width:791px; height: 34px; background: url(../images/bg/pnL4.png) no-repeat top left; display:block;} #greyCont .mid #leftCont #panelHolder .pnL4:hover{ background-position: 0 -34px; cursor: pointer;} #greyCont .mid #leftCont #panelHolder .pnL4 h5{ margin-top:9px;/*For IE6 */ display:inline; } #greyCont .mid #leftCont #panelHolder .pnL4 a {color:#333333;} #greyCont .mid #leftCont #panelHolder .pnL4:hover a {color:#e75e01;} #greyCont .mid #leftCont #panelHolder .titledate{ margin-bottom:5px; margin-top:2px; width:791px;} #greyCont .mid #leftCont #panelHolder .titledate span{display:block; float:left;} #greyCont .mid #leftCont #panelHolder .titledate span.pnlTitle{ width:290px; margin-left:53px; margin-right:0;/*For IE6 */ display:inline;} #greyCont .mid #leftCont #panelHolder .titledate span.pnlTeacher{ width:120px; } #greyCont .mid #leftCont #panelHolder .titledate span.pnlSchool{ width:128px; } #greyCont .mid #leftCont #panelHolder .titledate span.pnlCountry{ width:65px; } #greyCont .mid #leftCont #panelHolder .titledate span.pnlDate{ width:70px; } #greyCont .mid #leftCont #panelHolder .titledate span.pnlTitleSBA{ width:588px; margin-left:53px; /*For IE6 */ display:inline; } #greyCont .mid #leftCont #panelHolder .titledate span.pnlDateSBA{ width:52px; } #greyCont .mid #leftCont #panelHolder .pnlSummary{ width:791px; height: 46px;background: url(../images/bg/pnlSummary.png) no-repeat bottom left;} #greyCont .mid #leftCont #panelHolder .pnlSummary:hover{ background-position: 0 -0px; color:#e75e01; } #greyCont .mid #leftCont #panelHolder .pnlSummary:hover p.view a{ color:#e75e01; } #greyCont .mid #leftCont #panelHolder .pnlSummary a{ color: #000; } #greyCont .mid #leftCont #panelHolder .pnlSummary:hover a{ color: #e75e01; } #greyCont .mid #leftCont #panelHolder .pnlSummary a.icon{display:block; float:left; margin-right:10px; margin-top:4px; margin-left:7px;/*For IE6 */ display:inline;} /* #greyCont .mid #leftCont #panelHolder .pnlSummary p.pnlSummaryCont{width:540px; float:left; margin-right:40px; margin-top:5px; font-size: 11px;} #greyCont .mid #leftCont #panelHolder .pnlSummary p.pnlSummaryDate{width:52px; float:left; margin-top:13px; font-size: 11px; margin-left:20px; margin-right:0;} #greyCont .mid #leftCont #panelHolder .pnlSummary p.view a{ height:19px;width:65px; text-indent:0px; float:left;margin-top:13px; margin-left: 16px; font-size: 11px; color: #000} */ #greyCont .mid #leftCont #panelHolder .pnlSummary p.pnlSummaryCont{width:280px; float:left; margin-top:5px; margin-right:10px; font-size: 11px;} #greyCont .mid #leftCont #panelHolder .pnlSummary p.pnlSummaryTeacher{width:111px; float:left; margin-top:5px; font-size: 11px; padding-right:10px;} #greyCont .mid #leftCont #panelHolder .pnlSummary p.pnlSummarySchool{width:125px; float:left; margin-top:5px; font-size: 11px; padding-right:10px;} #greyCont .mid #leftCont #panelHolder .pnlSummary img.pnlSummaryCountry{ float:left; margin-top:12px; margin-right:20px; font-size: 11px;} #greyCont .mid #leftCont #panelHolder .pnlSummary p.pnlSummaryDate{width:52px; float:left; margin-right:20px; margin-top:13px; font-size: 11px;} #greyCont .mid #leftCont #panelHolder .pnlSummary p.view { padding-top:13px;} #greyCont .mid #leftCont #panelHolder .pnlSummary p.view a{ font-size: 11px; color: #000 } #greyCont .mid #rightCont{} #greyCont .mid #rightCont img{} /* notify_grey */ #greyCont .mid #leftCont #panelHolder .pnlError { margin-left:30px; padding-bottom:23px; font-size: 10px;} #greyCont .mid #leftCont #panelHolder .pnlError span { display:block; float:left; } #greyCont .mid #leftCont #panelHolder .pnlError .pnlErrorLeft { background:url(../images/buttons/note_notify_left.png); width:10px; height:21px; } #greyCont .mid #leftCont #panelHolder .pnlError .pnlErrorMid { width:auto; background:#f1f1f1; height:21px; line-height:18px; padding:0 10px 0 10px; } #greyCont .mid #leftCont #panelHolder .pnlError .pnlErrorRight { background:url(../images/buttons/note_notify_right.png); width:10px; height:21px; } /* end notify_grey */ /* notify_blk */ #greyCont .mid #leftCont #panelHolder .pnlError { margin-left:30px; padding-bottom:23px; font-size: 10px;} #greyCont .mid #leftCont #panelHolder .pnlError span { display:block; float:left; } #greyCont .mid #leftCont #panelHolder .pnlError .pnlErrorLeftBlk { background:url(../images/buttons/note_notify_left_drk.png); width:10px; height:21px; } #greyCont .mid #leftCont #panelHolder .pnlError .pnlErrorMidBlk { width:auto; background:#f1f1f1; height:21px; line-height:18px; padding:0 10px 0 10px; } #greyCont .mid #leftCont #panelHolder .pnlError .pnlErrorRightBlk { background:url(../images/buttons/note_notify_right_drk.png); width:10px; height:21px; } /* end notify_grey */ /* notify_wht */ #editNoIconForDiv .pnlError { margin-left:30px; padding-bottom:23px; font-size: 10px;} #editNoIconForDiv .pnlError span { display:block; float:left; } #editNoIconForDiv .pnlError .pnlErrorLeftWht { background:url(../images/buttons/note_notify_left_wht.png); width:10px; height:21px; } #editNoIconForDiv .pnlError .pnlErrorMidWht { width:auto; background:#f1f1f1; height:21px; line-height:18px; padding:0 10px 0 10px; } #editNoIconForDiv .pnlError .pnlErrorRightWht { background:url(../images/buttons/note_notify_right_wht.png); width:10px; height:21px; } #emailMessageSuccess .pnlError { margin-left:30px; padding-bottom:23px; font-size: 11px;} #emailMessageSuccess .pnlError span { display:block; float:left; } #emailMessageSuccess .pnlError .pnlErrorLeftWht { background:url(../images/buttons/note_notify_left_wht.png); width:10px; height:21px; } #emailMessageSuccess .pnlError .pnlErrorMidWht { width:auto; background:#f1f1f1; height:21px; line-height:18px; padding:0 10px 0 10px; } #emailMessageSuccess .pnlError .pnlErrorRightWht { background:url(../images/buttons/note_notify_right_wht.png); width:10px; height:21px; } /* end notify_wht */ /* Bundles styles */ ul#bundlesMiniNav{ width:970px; float:left;margin-left:10px;/* Put into IE6 stylesheet */display:inline;margin-bottom:8px;height:35px;} ul#bundlesMiniNav li{ float:left; } ul#bundlesMiniNav li a{ border: 0; display: block; height: 35px; text-indent:-9999px;} ul#bundlesMiniNav li.liMiniNotes a{ width:250px; height:35px; background: url(../images/buttons/subnav_mynotes.png) no-repeat;} ul#bundlesMiniNav li.liMiniNotes a:hover{ background-position: 0 -35px; } ul#bundlesMiniNav li.liMiniNotes a#selected{ background-position: 0 -70px; } ul#bundlesMiniNav li.liMiniMail a{ width:229px; height:35px; background: url(../images/buttons/subnav_mail.png) no-repeat;} ul#bundlesMiniNav li.liMiniMail a:hover{ background-position: 0 -35px; } ul#bundlesMiniNav li.liMiniMail a#selected{ background-position: 0 -70px; } ul#bundlesMiniNav li.liMiniCal a{ width:253px; height:35px; background: url(../images/buttons/subnav_calendar.png) no-repeat; } ul#bundlesMiniNav li.liMiniCal a:hover{ background-position: 0 -35px; } ul#bundlesMiniNav li.liMiniCal a#selected{ background-position: 0 -70px; } ul#bundlesMiniNav li.liMiniSet a{ width:238px; height:35px; background: url(../images/buttons/subnav_mysettings.png) no-repeat; } ul#bundlesMiniNav li.liMiniSet a:hover{ background-position: 0 -35px; } ul#bundlesMiniNav li.liMiniSet a#selected{ background-position: 0 -70px; } h1#myNotesBundles { background:url("../images/bg/ir/h1MyNotes.gif") no-repeat scroll 0 0 transparent; width:159px; height:23px;text-indent:-9999px; float:left; margin:35px 0 40px 20px; /* IE6 add this in stylesheet: padding-bottom:40px;*/ //margin-top: 5px; } h1#myNoteBookmark{ width:159px; height:23px;text-indent:0px; float:left; margin:35px 0 40px 20px; } #greyCont .mid #leftCont #panelHolder .bundleEdit{width:786px; margin-left:2px; margin-bottom:3px; /*IE6 needs this removed */ } /*#greyCont .mid #leftCont #panelHolder .bundleEdit *{border:1px solid black;}*/ #greyCont .mid #leftCont #panelHolder .bundleEdit .top{ width:786px;background:transparent url(../images/bg/bundleEditTop.gif) no-repeat scroll left bottom;height:7px;} #greyCont .mid #leftCont #panelHolder .bundleEdit .mid{width:786px;background-color:#cdcdcd} #greyCont .mid #leftCont #panelHolder .bundleEdit .bot{width:786px;background:transparent url(../images/bg/bundleEditBot.gif) no-repeat scroll left top;height:6px;} .bundleEdit .mid h3.newBundle{width:160px; height: 18px; background: url(../images/bg/ir/h3NewBundle.gif) no-repeat top left;text-indent:-9999px; margin:15px 0 15px 7px;display:inline; /* IE6 add this in stylesheet: padding-bottom:40px;*/} .bundleEdit .mid h3.editBundle{width:160px; height: 18px; background: url(../images/bg/ir/h3editBundle.gif) no-repeat top left;text-indent:-9999px; float:left; margin:15px 0 15px 7px; display:inline; /* IE6 add this in stylesheet: padding-bottom:40px;*/} .bundleEdit .mid p.bundleDes { margin-left:7px; margin-bottom:15px; width:750px; float:left;display:inline; } #greyCont .mid #leftCont #panelHolder .bundleEdit .mid form.choices{width:786px;} .bundleEdit .mid form.choices .bundle-title{margin-left:7px; width:415px; float:left; display:inline;margin-bottom:5px;} .bundleEdit .mid form.choices .bundle-title label{display:block; width:100%; float:left; margin-bottom:7px; font-size: 11px;} .bundleEdit .mid form.choices .bundle-title input{float:left; width:290px; margin-bottom:10px;} .bundleEdit .mid form.choices .choice-keeper{} .bundleEdit .mid form.choices .leftForm{margin-left:7px; width:415px; float:left; display:inline;} .bundleEdit .mid form.choices .leftForm label{display:block; width:100%; float:left; margin-bottom:7px; font-size: 11px;} .bundleEdit .mid form.choices .leftForm input{float:left; width:290px; margin-bottom:10px;} .bundleEdit .mid form.choices .leftForm textarea{width:350px;} .bundleEdit .mid form.choices .leftForm img{margin-left:2px; margin-bottom:60px;} .bundleEdit .mid form.choices .rightForm{width:348px; float:left;bottom:20px;top: 85px; /* IE 6 right:7px; */ bottom:60px;} .bundleEdit .mid form.choices .rightForm label{display:block; width:100%; float:left; margin-bottom:7px; font-size: 11px;} .bundleEdit .mid form.choices .rightForm textarea{width:350px;} .bundleEdit .mid form.choices .formAction{width:780px; height:40px; float:left; text-align:right; } .bundleEdit .mid form.choices .formAction a.{} .bundleEdit .mid form.choices .formAction a.{} .bundleEdit .mid form.choices .formAction a.{} .buttons{ width:791px;} .buttons a{ display:block; float:right; clear:right;} .buttons a.btnEdit{ background:url("../images/buttons/btn_generic_80_mid.png") no-repeat; display:block; height:24px;width:84px; padding-left:10px; line-height:2em; font-size: 10px;} .buttons a.btnEdit:hover { background-position:0 -24px; text-decoration:none; color: #E75E01; } .buttons a.btnNewBundle { background:url("../images/buttons/btn_generic_140_mid.png") no-repeat; display:block; height:24px;width:140px; padding-left:10px; line-height:2em; text-decoration:none; font-size: 10px;} .buttons a.btnNewBundle:hover { background-position:0 -24px; text-decoration:none; color: #E75E01;} .buttons a.btnNewNote { background:url("../images/buttons/btn_generic_100_mid.png") no-repeat; display:block; height:24px;width:100px; padding-left:10px; line-height:2em; text-decoration:none; font-size: 10px;} .buttons a.btnNewNote:hover { background-position:0 -24px; text-decoration:none; color: #E75E01;} .bundleEdit .mid form.choices .formAction a.btnCancelGrey{ background:url("../images/bg/btn_cancelGrey.gif") no-repeat scroll left bottom transparent; display:block; height:24px;width:106px; text-indent:-9999px; float:right;margin-top:13px} .formActionUserSettings { width: 200px; margin-left: 669px; position: relative; left: 30px; top: 5px; } .formActionUserSettings .btnCancelGreySettings{ background:url("../images/buttons/btn_generic_80_mid.png") no-repeat; display:block; height:24px;width:104px; padding-left:10px; line-height:2em; float:right; text-align: left; margin-top:0px; font-size: 10px; color: #2D75A7; font-family: Verdana;} .formActionUserSettings .btnCancelGreySettings:hover { background-position:0 -24px; text-decoration:none; color: #E75E01; } .formActionUserSettings input.confirmSettings { background:url("../images/buttons/btn_generic_80_mid.png") no-repeat; display:block; height:24px;width:104px; padding-left:10px; line-height:2em; float:right; text-align: left; margin-top:0px; font-size: 10px; color: #2D75A7; font-family: Verdana; padding-bottom:5px; margin-right:-195px; //margin-left:100px; } .formActionUserSettings input.confirmSettings:hover { background-position:0 -24px; text-decoration:none; color: #E75E01; cursor: pointer;} .bundleEdit .mid form.choices .formAction a.btnCancelGreyNew{ background:url("../images/buttons/btn_generic_100_dk.png") no-repeat; display:block; height:24px;width:104px; padding-left:10px; line-height:2em; float:right; text-align: left; font-size: 10px; color: #2D75A7; font-family: Verdana; margin-top:-24px; margin-right:100px;} .bundleEdit .mid form.choices .formAction a.btnCancelGreyNew:hover { background-position:0 -24px; text-decoration:none; color: #E75E01; } .bundleEdit .mid form.choices .formAction a.btnSaveGrey{ background:url("../images/bg/btn_saveGrey.gif") no-repeat scroll left bottom transparent; display:block; height:24px;width:105px; text-indent:-9999px; float:right;margin-top:13px} .bundleEdit .mid form.choices .formAction input.btnSaveGrey { background:url("../images/buttons/btn_generic_100_dk.png") no-repeat; display:block; height:24px;width:104px; padding-left:10px; line-height:2em; float:right; text-align: left; margin-top:13px; font-size: 10px; color: #2D75A7; font-family: Verdana; padding-bottom:5px; } .bundleEdit .mid form.choices .formAction input.btnSaveGrey:hover { background-position:0 -24px; text-decoration:none; color: #E75E01; cursor: pointer;} .bundleEdit .mid form.choices .formAction a.btnDeleteGrey{ background:url("../images/buttons/btn_generic_100_dk.png") no-repeat; display:block; height:24px;width:104px; padding-left:10px; line-height:2em; float:left; text-align: left; margin-top:13px; font-size: 10px; color: #2D75A7; font-family: Verdana; padding-bottom:0px; margin-left: 435px;} .bundleEdit .mid form.choices .formAction a.btnDeleteGrey:hover { background-position:0 -24px; text-decoration:none; color: #E75E01; } #greyCont .mid #leftCont #panelHolder .expand h3 /* End Bundles styles*/ /* End Syllabus page */ /* Start search results page */ #bigBread h1#h1Search { background:url("../images/bg/ir/h1SearchResults.gif") no-repeat scroll 0 0 transparent; width:254px; height:23px;text-indent:-9999px; margin:40px 0 40px 0px;} .searchSubmit { background:url("../images/buttons/btn_arrow_small.png") no-repeat; height:24px;width:60px; padding-left:11px; line-height:2em; text-align: left; margin-top: -2px; font-size: 11px; color: #2D75A7; font-family: Verdana; padding-bottom:5px; border: 0px solid #FFFFFF;} .searchSubmit:hover { background-position:0 -23px; text-decoration:none; color: #E75E01; cursor: pointer;} .leftContWide #searchForm {margin-bottom:15px; } .leftContWide #searchForm .top{width:792px; height:7px; background: url(../images/bg/792Top.png) no-repeat bottom left;} .leftContWide #searchForm .mid{ width:792px; background:#e3e3e3; } .leftContWide #searchForm .bot{width:792px; height:7px; background: url(../images/bg/792Bot.png) no-repeat top left;} .leftContWide #searchForm .mid form{padding:10px;} .leftContWide #searchForm .mid form input.searchQuery{width:300px;} .leftContWide #resultCont{width:760px; margin-left:10px;} .leftContWide #resultCont p.resultNumber{margin-bottom:15px;} .leftContWide #resultCont .resultItem{margin-bottom:20px;} .leftContWide #resultCont .resultItem .resultCrumb{margin-bottom:5px;} .leftContWide #resultCont .resultItem .resultCrumb p{} .leftContWide #resultCont .resultItem h2{margin-bottom:5px;} .resultPage{ margin-left:280px; text-align:left; } .resultPage ul{} .resultPage ul li{list-style:none; float:left;} .resultPage ul li.pageNumber{position:relative; top:3px; margin:0 5px;} .resultPage ul li a{list-style:none; } .resultPage ul li.prevForm a { background:url("../images/buttons/prev.png") no-repeat right top; display:block; height:24px;width:47px; padding-left:10px; line-height:2em; text-align: right; padding-right: 20px; } .resultPage ul li.prevForm a:hover { background-position:0 -24px; text-decoration:none; } .resultPage ul li.nextForm a { background:url("../images/buttons/next.png") no-repeat; display:block; height:24px;width:57px; padding-left:20px; line-height:2em } .resultPage ul li.nextForm a:hover { background-position:0 -24px; text-decoration:none; } .viewSearchRes {font-size:1.1em;} /* End search results page */ /* Start Forms */ .module_tab{zoom:1;} #register h1{background:url("../images/bg/ir/h1Registration.gif") no-repeat scroll 0 0 transparent; width:203px; height:23px;text-indent:-9999px; margin:40px 0 40px 20px;} #leftCont form{ width:502px;} #leftCont form .formRow{margin-left:20px; width:800px;} #leftCont form .formRow label{display:block; width:155px; float:left; margin:10px 0 10px 0;} #leftCont form .formRow label span{color:#f00;} #leftCont form .formRow .top{width:327px; height:auto;padding-top:10px; background: url(../images/bg/formTop.gif) no-repeat top left; background-color:#e3e3e3; } #leftCont form .formRow label.labelTop{position:relative; top:10px;} #leftCont form .formRow .bot{width:327px; height:auto; padding-bottom:40px; margin-bottom:10px; background: url(../images/bg/formBot.gif) no-repeat bottom left;} #leftCont form .formRow .loginFormBot{padding-bottom:10px;} #leftCont form .formRow .formBlock{width:327px; float:left; background-color:#e3e3e3;} #leftCont form .formRow .formBlock input { width:290px; margin:10px 0 10px 17px; border:0;} #leftCont form .formRow .formBlock input#student{width:10px; margin-left:17px; margin-right:5px; float:left; position:relative; top:1px;} #leftCont form .formRow .formBlock input#teacher{width:10px; margin-right:5px; float:left; position:relative; top:1px;} #leftCont form .formRow .formBlock label{float:left; width:50px; margin-right:10px;} #leftCont form .formRow .formBlock input#CSEC{width:10px; margin-left:17px; margin-right:5px; float:left; position:relative; top:1px;} #leftCont form .formRow .formBlock input#CAPE1{width:10px; margin-right:5px; float:left; position:relative; top:1px;} #leftCont form .formRow .formBlock input#CAPE2{width:10px; margin-right:5px; float:left; position:relative; top:1px;} #leftCont form .formRow .formBlock label{float:left; width:50px; margin-right:10px;} #leftCont form .formRow .formBlock select{width:65px;margin:10px 0 10px 17px;} #leftCont form .formRow .formBlock select#user_dob_month{width:94px;margin:10px 0 10px 17px;} #leftCont form .formRow .formBlock select#territory,#register1 #wrapper .mainCont #leftCont form .formRow .formBlock select#school{ width:290px;} #leftCont form .formRow .formBlock img{float:left; width:80px; height:80px} #leftCont form .formRowAvatarImg {margin-left:20px; width:800px;} #leftCont form .formRowAvatarImg .labelUpload label{display:block; width:155px; float:left; margin:10px 0 10px 0;} #leftCont form .formRowAvatarImg .formBlockUpload{width:327px; height: 35px; float:left; background-color:#e3e3e3;} #leftCont form .formRowAvatarImg .formBlockUpload .cabinetSelectFile{position: relative; left:120px; bottom: 20px;} #leftCont form .formRow .formBlockForButtons {width:485px;} #leftCont form .formRow .formBlockIslan{width:327px; float:left; background-color:#e3e3e3;} #leftCont form .formRow .formBlockIslan select{width:290px;margin:10px 0 10px 17px;} #leftCont form .formRow .formBlockCapcha{width:327px; float:left; background-color:#e3e3e3;} #leftCont form .formRow .formBlockCapcha .formBlockCapchaImg {position:relative; margin-left:17px; margin-right:5px; float:left; width:290px; height:75px; background-color:#FFFFFF;} *html #leftCont form .formRow .formBlockCapcha .formBlockCapchaImg {margin-left:10px;} #leftCont form .formRow .formBlockCapcha img{position:relative; left:45px; } #leftCont form .formRow .formBlockCapcha span{position:relative; left:70px; } #leftCont form .formBlockAvatar {width:327px; height: 80px; float:left; background-color:#e3e3e3;} #leftCont form .formBlockAvatar .normVertMarLeft { display:block; position:relative; margin-left:17px; left: 68px; top:25px;} #leftCont form .formBlockAvatar .normVertMarRight { display:block; position:relative; margin-left:17px; bottom: 83px; left: 188px;} #leftCont form .formBlockAvatar .scroller { display:block; position:relative; margin-left:20px; bottom: 30px; left: 100px; height: 84px;} #leftCont form .formBlockAvatar .scroller .sc_content { width: 100000px; height: 84px; } #leftCont form .formRowIns .formRowInsLabel{display:block; width:155px; float:left;margin:10px 0 10px 0;} #leftCont form .formRowIns .formRowInsLabel span{color:#f00;} #leftCont form .formRowIns {margin-left:20px; width:800px;} #leftCont form .formRowIns .institution {width:327px; height:40px; float:left; text-align:left; background-color:#e3e3e3;} #leftCont form .formRowIns .institution .institutionArea INPUT{ margin-left: 17px; margin-top: 10px;} #leftCont .institution .institutionArea .labelForIns{position:relative; bottom:6px; } #leftCont form .formRowInstit {margin-left:20px; width:482px;} #leftCont form .formRowInstit .formBlock .formBlockCheck {width:300px !important; float:left;} #leftCont form .formRowInstit .formBlock .formBlockCheckTerms {width:270px !important; float:left; font-size: 0.9em;} #leftCont form .formRowInstit .formBlock .formBlockCheckTerms label{margin-left:-24px; position: relative; bottom: 5px; left:20px; padding-right: 10px;} #leftCont form .formRowInstit .formBlock .formBlockCheckTerms span { color:red; margin-left: 4px !important; } #leftCont form .formRowInstit .formBlock .checkLabel {padding-left: 0px; margin-top: -20px; margin-left: 30px; font-size: 1.1em; line-height:1.5em;} #leftCont form .errorTerm { width: 800px !important; } #leftCont form .formRowInstit .formBlockCheck label{ margin:0px; position: relative; padding:0px;} *html #leftCont form .formRowInstit .formBlockCheck label{ margin-left:0px; padding-left:6px; top:0px; } #leftCont form .formRowInstit .formBlock{width:327px; float:right; background-color:#e3e3e3;} #leftCont form .formRowInstit .formBlock span{margin-left: 13px; text-align: 17px;} #leftCont form .formRowInstit .InstitLabel label{display:block; width:155px; float:left; margin:10px 0 10px 0;} #leftCont form .formRowInstit .InstitLabel label span{color:#f00;} #leftCont form .formRowInstit .top{width:327px; height:auto;padding-top:10px; background: url(../images/bg/formTop.gif) no-repeat top left; background-color:#e3e3e3; } #leftCont form .formRowInstit .formBlockCheckTerms {width: 300px; padding-top:20px; padding-bottom:20px;} #leftCont form .formRowInstit .formBlockCheckTerms label {width:300px !important; margin-left:-19px; position: relative; bottom: 5px; padding-right: 10px; font-size: 1.1em;} *html #leftCont form .formRowInstit .formBlockCheckTerms label{ margin-left:0px; padding-left:0px; top:0px;} #leftCont form .formRow .formBlock .formBlockCheckTerms label {width:300px !important; position: relative; font-size: 1.1em;} #leftCont form .formRow .formBlock .formBlockCheckTerms input { float: left !important; width: 10px !important; } #leftCont form .formRow .formBlock a.prevImage,#leftCont form .formRow .formBlock a.nextImage {display:block; position:relative; top:30px;} #leftCont form .formRow .formBlock a.prevImage img{margin-left:78px;margin-right:8px;} #leftCont form .formRow .formBlock img.profileImage{margin-right:8px; border:2px solid #fff;} #leftCont form .formRow .formBlock a.nextImage img{} #leftCont form .formRow .formBlock p.chooseYourOwn{margin:10px 0 10px 17px;} #leftCont form .formRow .formBlock p.chooseYourOwn a{display:block; background: url(../images/bg/btn_chooseYourOwn.gif) no-repeat bottom left; width:117px; height:24px; float:left; margin-right:10px;} #leftCont form .formRow .formBlock img.randomNumber{margin-left:17px; margin-bottom:10px;} #leftCont form .formRow .formBlock p.imgInstruction{width:327px; text-align:center; float:left; margin-bottom:10px;} #leftCont form .formRow p.reqFields{width:150px; float:left; margin-left:155px; display:inline; /* For IE6, put in sperate stylesheet */} #leftCont form .formRow p.reqFields span{color:#f00;} #leftCont form .formRow input.sbmt{float:right;} #leftCont form .formRow input.btnNext{float:right} #leftCont form .formRow input.btnPrevious{float:left; margin-left:155px;} #leftCont form .formRow .formBlock a.toolTip{ display:block; position:absolute; top:-30px; right:0; width: 30px !important; height: 30px !important;} #leftCont form .formRow .formBlock a img.toolTip{width: 30px !important; height: 30px !important;} #leftCont form .formRowBot {margin-left:20px; width:482px;} #leftCont form .formRowBot formBlockBot {width:327px; float:left; background-color:#e3e3e3;} #leftCont form .formRowBot .bot{width:327px; position: relative; bottom: 20px; margin-left:155px; margin-bottom:1px; background: url(../images/bg/formBot.gif) no-repeat bottom left;} #leftCont form .submit input{position: relative; bottom: 20px; left: 230px;} .SI-FILES-STYLIZED label.cabinet { position: relative; margin-left: 17px; width: 105px; height: 22px; background: url(/images/buttons/btn_generic_100_mid.png) 0 0 no-repeat; background-position: top; display: block; overflow: hidden; cursor: pointer; } .SI-FILES-STYLIZED label.cabinet:hover { background-position: 0 -24px; text-decoration: none; cursor: pointer; /*background-position: bottom;*/ } .SI-FILES-STYLIZED label.cabinet#settings:hover { background-position: 27px -24px; text-decoration: none; cursor: pointer; /*background-position: bottom;*/ } .SI-FILES-STYLIZED label.cabinet a { text-decoration: none; cursor: pointer; /*background-position: bottom;*/ } .SI-FILES-STYLIZED label.cabinet input.file { position: relative; height: 100%; width: 105px; float:right; cursor:pointer; opacity: 0; -moz-opacity: 0; cursor: pointer; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .SI-FILES-STYLIZED label.cabinet input.file:hover{cursor:pointer;} form input.submitForm{ background: url(/images/buttons/btn_generic_80_white.png); width:84px; height:24px; float:right; font-size: 1.1em; color:#2d75a7; text-align: left; padding-left:10px; padding-bottom: 4px;} form input.submitForm:hover { background-position:0 -24px; text-decoration:none; cursor: pointer; color: #E75E01;} form input.submitFormButton { background:url("../images/buttons/btn_generic_80_white.png") no-repeat; display:block; height:25px;width:85px; padding-bottom: 4px;font-size: 1.1em; color:#2d75a7; padding-right:45px; float: right; margin-right: 0px;} form input.submitFormButton:hover { background-position:0 -24px; text-decoration:none; cursor: pointer; color: #E75E01;} form input.prevForm{ background: url(/images/buttons/btn_prev_80_white.png); width:84px; height:24px; float:right; font-size: 1.1em; color:#2d75a7; text-align: left; padding-left:24px; padding-bottom: 4px; float:left; margin-left:155px;} form input.prevForm:hover { background-position:0 -24px; text-decoration:none; cursor: pointer; color: #E75E01;} #leftCont form .formRow p.reqFields{width:150px; float:left; margin-left:155px; display:inline; /* For IE6, put in sperate stylesheet */} #leftCont form .formRow p.reqFields span{color:#f00;} /* End Register 2 page */ /* Errors */ #register .blueError { margin-left:15px; } #register .blueError .blueErrorR { margin-left:15px; margin-top: 10px; background: url('/images/pinkErrorRight.gif') no-repeat top right; float: left; padding: 0 20px 0 0; height: 24px; line-height: 19px; } #register .blueError .blueErrorR .blueErrorL { background: url('/images/pinkError.gif') no-repeat top left; color: red; float: left; height: 24px; padding: 0 0 0 20px; font-size:1.1em; padding-top:1.5px; } #loginMydesk .blueError { margin-left:15px; } #loginMydesk .blueError .blueErrorR { margin-left:15px; margin-top: 10px; background: url('/images/pinkErrorRight.gif') no-repeat top right; float: left; padding: 0 20px 0 0; height: 24px; line-height: 19px; } #loginMydesk .blueError .blueErrorR .blueErrorL { background: url('/images/pinkError.gif') no-repeat top left; color: red; float: left; height: 24px; padding: 0 0 0 20px; font-size:1.2em; padding-top:1.5px; } #forgotPassword .blueError { margin-left:15px; } #forgotPassword .blueError .blueErrorR { margin-left:15px; margin-top: 10px; background: url('/images/pinkErrorRight.gif') no-repeat top right; float: left; padding: 0 20px 0 0; height: 24px; line-height: 19px; } #forgotPassword .blueError .blueErrorR .blueErrorL { background: url('/images/pinkError.gif') no-repeat top left; color: red; float: left; height: 24px; padding: 0 0 0 20px; font-size:1.2em; padding-top:1.5px; } #addEventCalendar .blueError { margin-left: 15px; } #addEventCalendar .blueError .blueErrorR { margin-left:15px; margin-top: 10px; background: url('/images/pinkErrorRight.gif') no-repeat top right; float: left; padding: 0 20px 0 0; height: 24px; line-height: 19px; } #addEventCalendar .blueError .blueErrorR .blueErrorL { background: url('/images/pinkError.gif') no-repeat top left; color: red; float: left; height: 24px; padding: 0 0 0 30px; font-size:1.1em; padding-top:1.5px; } .errorAddFor { position: relative; bottom: 19px; left: 200px; font-size: 0.8em; } /*for Subject*/ .errorsSubject{ position: relative; left:170px; } #leftCont form .formRow .selectSubjects p{width:100%; float:left; margin-bottom:0 !important;} #leftCont form .formRow .selectSubjects p input{margin-top: 0 !important; margin-bottom:0; } #leftCont form .formRow .selectSubjects label{margin-top: 0 !important;} #leftCont form .formRow .formBlock select#hearSelect{width:290px;} #leftCont form .formRow .formBlock textarea{width:290px; margin:10px 0 10px 17px;} #leftCont form .formRow .selectSubjects p input.termsWideInput{margin-right:5px; border:1px solid black;} #leftCont form .formRow .selectSubjects p label.termsWide{width:250px; font-size:0.8em;} .leftContWide #emailInfo {margin-bottom:15px;} .leftContWide #emailInfo .top{width:787px; height:7px; background: url(../images/bg/787Top.gif) no-repeat bottom left;} .leftContWide #emailInfo .mid{background-color:#f1f1f1; background-image:none;} .leftContWide #emailInfo .bot{width:787px; height:7px; background: url(../images/bg/787Bot.gif) no-repeat top left;} .leftContWide p.nowRegistered,.leftContWide h2.nowRegistered{width:750px; margin-left:10px; margin-bottom:10px;} #wrapper .mainCont #register .mid .leftContWide #emailInfo .mid h2{padding-top:3px;} #wrapper .mainCont #register .mid .leftContWide p a.goTo{display:block;} #leftCont .leftContWide h1 {background:url("../images/bg/ir/h1Registration.gif") no-repeat scroll 0 0 transparent; width:203px; height:23px;text-indent:-9999px; margin:40px 0 40px 20px;} .goTo{display:block;} /* Start Login */ h1#h1Login{background:url("../images/bg/ir/h1Login.gif") no-repeat scroll 0 0 transparent; width:89px; height:23px;text-indent:-9999px; margin:35px 0 40px 20px; /* IE6 add this in stylesheet: padding-bottom:40px;*/} h1#h1ForgotDetails{background:url("/images/bg/ir/h1ForgotPassword.png") no-repeat scroll 0 0 transparent; width:289px; height:23px;text-indent:-9999px; margin:35px 0 40px 20px; /* IE6 add this in stylesheet: padding-bottom:40px;*/} #registerForgot{width:327px; margin-left:175px; margin-bottom:5px;} /* #registerForgot a.btnRegister{ background:url("../images/buttons/btn_generic_80_white.png") no-repeat scroll left bottom transparent; display:block; height:24px;width:87px; text-indent:-9999px; float:left; font-size: 1.1em !important;} */ #registerForgot a.btnRegister{ background:url("../images/buttons/btn_generic_80_white.png") no-repeat; display:block; height:24px;width:84px; padding-left:12px; line-height:1.9em; float:left; font-size: 1.1em;} #registerForgot a.btnRegister:hover { background-position:0 -24px; text-decoration:none; } /* #registerForgot a.btnForgotPass{ background:url("../images/buttons/btn_generic_140_white.png") no-repeat scroll left bottom transparent; display:block; height:24px;width:142px; text-indent:-9999px; float:right;} */ #registerForgot a.btnForgotPass{ background:url("../images/buttons/btn_generic_140_white.png") no-repeat; display:block; height:24px;width:132px; padding-left:12px; line-height:1.9em; float:right; font-size: 1.1em; } #registerForgot a.btnForgotPass:hover { background-position:0 -24px; text-decoration:none; } #leftCont form .formRow .formBlock input#error { border:1px solid #ff0000;} form input.submitFormLogin{ background:url("../images/buttons/btn_generic_80_white.png") no-repeat; display:block; height:24px;width:84px; padding-right:24px; line-height:1.5em; float:left; font-size: 1.1em; padding-bottom:9px; padding-top:3px; margin-left: 400px; color:#2D75A7; font-family: Verdana; cursor: pointer; //margin-left:380px; //margin-top: 5px;} form input.submitFormLogin:hover { background-position:0 -24px; text-decoration:none; color: #E75E01;} *html form input.submitFormLogin {margin-left:190px; margin-top:5px} form input.submitFormPassword{ background:url("../images/buttons/btn_generic_80_white.png") no-repeat; display:block; height:24px;width:84px; padding-right:24px; line-height:1.5em; float:left; font-size: 1.1em; padding-bottom:9px; padding-top:3px; margin-left: 146px; color:#2D75A7; font-family: Verdana; cursor: pointer; //margin-left:70px; //margin-top: 0px;} form input.submitFormPassword:hover { background-position:0 -24px; text-decoration:none; color: #E75E01;} *html form input.submitFormPassword{margin-left:35px; margin-top:0px} /* form input.submitFormLogin{ background: url(/images/buttons/btn_submit.png); width:84px; height:24px; font-size: 1.2em; color:#2d75a7; text-align: left; padding-left:10px; padding-bottom: 7px; margin-left: 400px;} */ /* End Login */ /* End Forms */ /* Start mail */ h1#h1Mail{background:url("../images/bg/ir/h1Mail.gif") no-repeat scroll 0 0 transparent; width:76px; height:22px;text-indent:-9999px; float:left; margin:30px 0 40px 20px; /* IE6 add this in stylesheet: padding-bottom:40px;*/} #leftCont form .formRowMail label {display:block; width:80px; float:left;margin:5px 0 5px 10px;} #leftCont form .formRowMail input { width:850px; margin:5px 0 5px 17px;} #leftCont .mailLabelTitle {display:block; width:80px; float:left;margin:5px 0 0 10px;} #leftCont .mailLabel{ float:left; margin: 5px 0 0 40px} ul#mailNav{width:960px; height:25px; margin-bottom:6px;} /*margin-left:225px;*/ ul#mailNav li{ float:left; margin:0 2px 0 2px; } ul#mailNav li a{width:100px;height:25px;text-decoration:none; display:block;text-align:center;line-height:2em} ul#mailNav li.liMailGap1 {width:225px;} ul#mailNav li.liMailCompose a {background: url("../images/bg/btn_mail.gif");} ul#mailNav li.liMailCompose a:hover {background-position: 0 -25px;} ul#mailNav li.liMailCompose a#selected {background-position: 0 -50px; color:#e75e01;} ul#mailNav li.liMailInbox a {background: url("../images/bg/btn_mail.gif");} ul#mailNav li.liMailInbox a:hover {background-position: 0 -25px;} ul#mailNav li.liMailInbox a#selected {background-position: 0 -50px; color:#e75e01;} ul#mailNav li.liMailSent a {background: url("../images/bg/btn_mail.gif");} ul#mailNav li.liMailSent a:hover {background-position: 0 -25px;} ul#mailNav li.liMailSent a#selected {background-position: 0 -50px; color:#e75e01;} ul#mailNav li.liMailDrafts a {background: url("../images/bg/btn_mail.gif");} ul#mailNav li.liMailDrafts a:hover {background-position: 0 -25px;} ul#mailNav li.liMailDrafts a#selected {background-position: 0 -50px; color:#e75e01;} ul#mailNav li.liMailTrash a {background: url("../images/bg/btn_mail.gif");} ul#mailNav li.liMailTrash a:hover {background-position: 0 -25px;} ul#mailNav li.liMailTrash a#selected {background-position: 0 -50px; color:#e75e01;} ul#mailNav li.liMailGap2 {width:96px;} ul#mailNav li.liMailDelete a {width:92px; background: url("../images/bg/btn_cross.gif");} ul#mailNav li.liMailDelete a:hover {background-position: 0 -25px;} ul#mailNav li.liMailGeneric a {width:92px; background: url("../images/bg/btn_arrow.gif");} ul#mailNav li.liMailGeneric a:hover {background-position: 0 -25px;} #greyCont .editorTop {background: url("../images/bg/editor/editorTop.gif") no-repeat top left; height:13px;} #greyCont .editorMid {background: #cdcdcd; height:auto; width:964px;} #greyCont .editorBottom {background: url("../images/bg/editor/editorBottom.gif"); height:6px;} #greyCont .editorMid .editorRow {width:964px;height:36px} #greyCont .editorMid .editorRowRight {height:36px;} ul#editorBtnsRow {width:800px; margin-left:6px;} ul#editorBtnsRow li{ float:left; margin:2px 1px 2px 1px; } ul#editorBtnsRow li a{width:39px;height:31px;text-decoration:none;display:block;line-height:2em;text-indent:-9999px} ul#editorBtnsRow li.liEditorBtnBold a {background: url("../images/bg/editor/btn_bold.gif");} ul#editorBtnsRow li.liEditorBtnBold a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnItalic a {background: url("../images/bg/editor/btn_italic.gif");} ul#editorBtnsRow li.liEditorBtnItalic a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnUnderline a {background: url("../images/bg/editor/btn_underline.gif");} ul#editorBtnsRow li.liEditorBtnUnderline a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnAlignLeft a {background: url("../images/bg/editor/btn_alignleft.gif");} ul#editorBtnsRow li.liEditorBtnAlignLeft a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnAlignRight a {background: url("../images/bg/editor/btn_alignright.gif");} ul#editorBtnsRow li.liEditorBtnAlignRight a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnAlignCenter a {background: url("../images/bg/editor/btn_aligncenter.gif");} ul#editorBtnsRow li.liEditorBtnAlignCenter a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnAlignFull a {background: url("../images/bg/editor/btn_alignfull.gif");} ul#editorBtnsRow li.liEditorBtnAlignFull a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnTextColour a {background: url("../images/bg/editor/btn_textcolour.gif");} ul#editorBtnsRow li.liEditorBtnTextColour a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnTextBgColour a {background: url("../images/bg/editor/btn_textbgcolour.gif");} ul#editorBtnsRow li.liEditorBtnTextBgColour a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnCut a {background: url("../images/bg/editor/btn_cut.gif");} ul#editorBtnsRow li.liEditorBtnCut a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnCopy a {background: url("../images/bg/editor/btn_copy.gif");} ul#editorBtnsRow li.liEditorBtnCopy a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnPaste a {background: url("../images/bg/editor/btn_paste.gif");} ul#editorBtnsRow li.liEditorBtnPaste a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnPasteWord a {background: url("../images/bg/editor/btn_pasteword.gif");} ul#editorBtnsRow li.liEditorBtnPasteWord a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnBulletList a {background: url("../images/bg/editor/btn_bulletlist.gif");} ul#editorBtnsRow li.liEditorBtnBulletList a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnOrderedList a {background: url("../images/bg/editor/btn_orderedlist.gif");} ul#editorBtnsRow li.liEditorBtnOrderedList a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnUndo a {background: url("../images/bg/editor/btn_undo.gif");} ul#editorBtnsRow li.liEditorBtnUndo a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnRedo a {background: url("../images/bg/editor/btn_redo.gif");} ul#editorBtnsRow li.liEditorBtnRedo a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnLink a {background: url("../images/bg/editor/btn_link.gif");} ul#editorBtnsRow li.liEditorBtnLink a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnBreakLink a {background: url("../images/bg/editor/btn_breaklink.gif");} ul#editorBtnsRow li.liEditorBtnBreakLink a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnAnchor a {background: url("../images/bg/editor/btn_anchor.gif");} ul#editorBtnsRow li.liEditorBtnAnchor a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnInsertImg a {background: url("../images/bg/editor/btn_insertimg.gif");} ul#editorBtnsRow li.liEditorBtnInsertImg a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnInsertFunction a {background: url("../images/bg/editor/btn_insertfunction.gif");} ul#editorBtnsRow li.liEditorBtnInsertFunction a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnInsertTable a {background: url("../images/bg/editor/btn_inserttable.gif");} ul#editorBtnsRow li.liEditorBtnInsertTable a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnRowProps a {background: url("../images/bg/editor/btn_rowprops.gif");} ul#editorBtnsRow li.liEditorBtnRowProps a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnCellProps a {background: url("../images/bg/editor/btn_cellprops.gif");} ul#editorBtnsRow li.liEditorBtnCellProps a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnInsertRowBefore a {background: url("../images/bg/editor/btn_insertrowbefore.gif");} ul#editorBtnsRow li.liEditorBtnInsertRowBefore a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnInsertRowAfter a {background: url("../images/bg/editor/btn_insertrowafter.gif");} ul#editorBtnsRow li.liEditorBtnInsertRowAfter a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnDeleteRow a {background: url("../images/bg/editor/btn_deleterow.gif");} ul#editorBtnsRow li.liEditorBtnDeleteRow a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnInsertCellBefore a {background: url("../images/bg/editor/btn_insertcellbefore.gif");} ul#editorBtnsRow li.liEditorBtnInsertCellBefore a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnInsertCellAfter a {background: url("../images/bg/editor/btn_insertcellafter.gif");} ul#editorBtnsRow li.liEditorBtnInsertCellAfter a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnSplitMerged a {background: url("../images/bg/editor/btn_splitmerged.gif");} ul#editorBtnsRow li.liEditorBtnSplitMerged a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnMerge a {background: url("../images/bg/editor/btn_merge.gif");} ul#editorBtnsRow li.liEditorBtnMerge a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnInsertMedia a {background: url("../images/bg/editor/btn_insertmedia.gif");} ul#editorBtnsRow li.liEditorBtnInsertMedia a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnSubscript a {background: url("../images/bg/editor/btn_subscript.gif");} ul#editorBtnsRow li.liEditorBtnSubscript a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnSuperscript a {background: url("../images/bg/editor/btn_superscript.gif");} ul#editorBtnsRow li.liEditorBtnSuperscript a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnHR a {background: url("../images/bg/editor/btn_hr.gif");} ul#editorBtnsRow li.liEditorBtnHR a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnSpellCheck a {background: url("../images/bg/editor/btn_spellcheck.gif");} ul#editorBtnsRow li.liEditorBtnSpellCheck a:hover {background-position: 0 -31px;} ul#editorBtnsRow li.liEditorBtnPageBreak a {background: url("../images/bg/editor/btn_pagebreak.gif");} ul#editorBtnsRow li.liEditorBtnPageBreak a:hover {background-position: 0 -31px;} #greyCont .editorMid #mailMessage {height:400px;width:948px;margin:0 12px 0 6px; border:none;} #greyCont .editorMidMailView {background: #cdcdcd; height:auto; width:957px; padding-left:7px;} ul#mailFunctions{width:948px; margin:0 0 0 0;} ul#mailFunctions li{ float:right; margin:0 2px 0 2px; } ul#mailFunctions li a{width:91px;height:26px;text-decoration:none; display:block;text-align:center;line-height:2.2em;} ul#mailFunctions li.liMailPreview a {background: url("../images/bg/editor/btn_arrow.gif");} ul#mailFunctions li.liMailPreview a:hover {background-position: 0 -26px;} ul#mailFunctions li.liMailPrint a {background: url("../images/bg/editor/btn_arrow.gif");} ul#mailFunctions li.liMailPrint a:hover {background-position: 0 -26px;} ul#mailFunctions li.liMailCancel a {background: url("../images/bg/editor/btn_cross.gif");} ul#mailFunctions li.liMailCancel a:hover {background-position: 0 -26px;} ul#mailFunctions li.liMailSave a {background: url("../images/bg/editor/btn_arrow.gif");} ul#mailFunctions li.liMailSave a:hover {background-position: 0 -26px;} ul#mailFunctions li.liMailSend a {background: url("../images/bg/editor/btn_arrow.gif");} ul#mailFunctions li.liMailSend a:hover {background-position: 0 -26px;} ul#mailFunctions li.liMailReply a {background: url("../images/bg/editor/btn_arrow.gif");} ul#mailFunctions li.liMailReply a:hover {background-position: 0 -26px;} ul#mailFunctions li.liMailForward a {background: url("../images/bg/editor/btn_arrow.gif");} ul#mailFunctions li.liMailForward a:hover {background-position: 0 -26px;} ul#mailFunctions li.liMailDelete a {background: url("../images/bg/editor/btn_cross.gif");} ul#mailFunctions li.liMailDelete a:hover {background-position: 0 -26px;} #greyCont .inbox {width:952px; height:auto;} #greyCont .inbox .inboxTitles{width:950px;height:24px; padding: 1px 1px 1px 1px; background: #fff} #greyCont .inbox .inboxTitles .inboxTitleNewMail{width:56px; height:24px; background:url("../images/bg/table_title.gif") repeat-x; padding: 0 0 0 10px; float:left; } #greyCont .inbox .inboxTitles .inboxTitleTo{width:158px; height:24px; margin: 0 0 0 1px; background:url("../images/bg/table_title.gif") repeat-x; padding: 4px 0 0 10px; float:left;} #greyCont .inbox .inboxTitles .inboxTitleSubject{width:476px; height:24px; margin: 0 0 0 1px; background:url("../images/bg/table_title.gif") repeat-x; padding: 4px 0 0 10px; float:left;} #greyCont .inbox .inboxTitles .inboxTitleDate{width:217px; height:24px; margin: 0 0 0 1px; background:url("../images/bg/table_title.gif") repeat-x; padding: 4px 0 0 10px; float:left;} #greyCont .inbox .newMailCont{background:#fff; height:34px; vertical-align:center; margin: 0 0 1px 0;} #greyCont .inbox .newMailCont .newMailElement{width:56px; height:24px; padding: 6px 0 0 6px; float:left; } #greyCont .inbox .newMailCont .toElement{width:158px; height:24px; margin: 6px 0 0 1px; padding: 0 0 0 10px; float:left; } #greyCont .inbox .newMailCont .subjectElement{width:476px; height:24px; margin: 6px 0 0 1px; padding: 0 0 0 10px; float:left; } #greyCont .inbox .newMailCont .dateElement{width:140px; height:24px; margin: 6px 0 0 1px; padding: 0 0 0 10px; float:left; } /* End mail */ /* Start Calendar */ h1#h1Calendar{background:url("../images/bg/ir/h1Calendar.png") no-repeat scroll 0 0 transparent; width:159px; height:24px;text-indent:-9999px; float:left; margin:30px 0 40px 20px; /* IE6 add this in stylesheet: padding-bottom:40px;*/} #greyCont .calDate {float:left; width:168px; height:25px; background:url("../images/bg/cal_date.gif") no-repeat; line-height:2.6em; text-align:center;} ul#calNav{width:950px; height:25px; margin-bottom:6px;} ul#calNav li{ float:left; margin:0 2px 0 2px; } ul#calNav li a{height:25px;text-decoration:none; display:block;text-align:center;line-height:2em} ul#calNav li.liCalDate {width:168px; background:url("../images/bg/cal_date.gif") no-repeat; line-height:2.6em; text-align:center;} ul#calNav li.liCalBlank {width:168px;} ul#calNav li.liCalGap1 {width:100px;} ul#calNav li.liCalPrev a {width:19px; background: url("../images/bg/cal_arrow_left.gif");} ul#calNav li.liCalPrev a:hover {background-position: 0 -25px;} ul#calNav li.liCalMonth a {width:100px; background: url("../images/bg/btn_mail.gif");} ul#calNav li.liCalMonth a:hover {background-position: 0 -25px;} ul#calNav li.liCalMonth a#selected {background-position: 0 -50px; color:#e75e01;} ul#calNav li.liCalWeek a {width:100px; background: url("../images/bg/btn_mail.gif");} ul#calNav li.liCalWeek a:hover {background-position: 0 -25px;} ul#calNav li.liCalWeek a#selected {background-position: 0 -50px; color:#e75e01;} ul#calNav li.liCalDay a {width:100px; background: url("../images/bg/btn_mail.gif");} ul#calNav li.liCalDay a:hover {background-position: 0 -25px;} ul#calNav li.liCalDay a#selected {background-position: 0 -50px; color:#e75e01;} ul#calNav li.liCalNext a {width:19px; background: url("../images/bg/cal_arrow_right.gif");} ul#calNav li.liCalNext a:hover {background-position: 0 -25px;} ul#calNav li.liCalGap2 {width:176px;} ul#calNav li.liCalAddNew a {width:128px; background: url("../images/bg/btn_arrow_wide.gif");} ul#calNav li.liCalAddNew a:hover {background-position: 0 -25px;} #greyCont .cal {width:952px; height:auto;} #greyCont .cal .titlesMonth{width:950px;height:24px; padding: 1px 1px 1px 1px; background: #fff} #greyCont .cal .titlesMonth .titleSun{width:134px; height:24px; line-height:2em; margin: 0 0 0 1px; background:url("../images/bg/table_title.gif") repeat-x; text-align:center; float:left; } #greyCont .cal .titlesMonth .titleMon{width:135px; height:24px; line-height:2em; margin: 0 0 0 1px; background:url("../images/bg/table_title.gif") repeat-x; text-align:center; float:left; } #greyCont .cal .titlesMonth .titleTue{width:135px; height:24px; line-height:2em; margin: 0 0 0 1px; background:url("../images/bg/table_title.gif") repeat-x; text-align:center; float:left; } #greyCont .cal .titlesMonth .titleWed{width:135px; height:24px; line-height:2em; margin: 0 0 0 1px; background:url("../images/bg/table_title.gif") repeat-x; text-align:center; float:left; } #greyCont .cal .titlesMonth .titleThu{width:135px; height:24px; line-height:2em; margin: 0 0 0 1px; background:url("../images/bg/table_title.gif") repeat-x; text-align:center; float:left; } #greyCont .cal .titlesMonth .titleFri{width:135px; height:24px; line-height:2em; margin: 0 0 0 1px; background:url("../images/bg/table_title.gif") repeat-x; text-align:center; float:left; } #greyCont .cal .titlesMonth .titleSat{width:133px; height:24px; line-height:2em; margin: 0 0 0 1px; background:url("../images/bg/table_title.gif") repeat-x; text-align:center; float:left; } #greyCont .cal .monthRow .rowSun {width:133px; height:68px; line-height:2em; margin:0 0 1px 1px; text-align:left; float:left;} #greyCont .cal .monthRow .rowMon {width:135px; height:68px; line-height:2em; margin:0 0 1px 1px; text-align:left; float:left;} #greyCont .cal .monthRow .rowTue {width:135px; height:68px; line-height:2em; margin:0 0 1px 1px; text-align:left; float:left;} #greyCont .cal .monthRow .rowWed {width:135px; height:68px; line-height:2em; margin:0 0 1px 1px; text-align:left; float:left;} #greyCont .cal .monthRow .rowThu {width:135px; height:68px; line-height:2em; margin:0 0 1px 1px; text-align:left; float:left;} #greyCont .cal .monthRow .rowFri {width:135px; height:68px; line-height:2em; margin:0 0 1px 1px; text-align:left; float:left;} #greyCont .cal .monthRow .rowSat {width:136px; height:68px; line-height:2em; margin:0 0 1px 1px; text-align:left; float:left;} .calGreyedOut {background:#f2f2f2;} .calWhite {background:#fff;} ul#liCalElement{padding:4px; line-height:1.2em;list-style-image:url("../images/bullet.gif");margin:0 0 0 14px;} #greyCont .cal .titlesWeek{width:950px;height:24px; padding: 1px 1px 1px 1px; background: #fff} #greyCont .cal .titlesWeek .titleTime {width:48px; height:24px; background:url("../images/bg/table_title.gif") repeat-x; text-align:center; float:left;} #greyCont .cal .titlesWeek .titleSun {width:126px; height:24px; margin: 0 0 0 1px; background:url("../images/bg/table_title.gif") repeat-x; text-align:center; float:left;} #greyCont .cal .titlesWeek .titleMon {width:128px; height:24px; margin: 0 0 0 1px; background:url("../images/bg/table_title.gif") repeat-x; text-align:center; float:left;} #greyCont .cal .titlesWeek .titleTue {width:128px; height:24px; margin: 0 0 0 1px; background:url("../images/bg/table_title.gif") repeat-x; text-align:center; float:left;} #greyCont .cal .titlesWeek .titleWed {width:128px; height:24px; margin: 0 0 0 1px; background:url("../images/bg/table_title.gif") repeat-x; text-align:center; float:left;} #greyCont .cal .titlesWeek .titleThu {width:128px; height:24px; margin: 0 0 0 1px; background:url("../images/bg/table_title.gif") repeat-x; text-align:center; float:left;} #greyCont .cal .titlesWeek .titleFri {width:128px; height:24px; margin: 0 0 0 1px; background:url("../images/bg/table_title.gif") repeat-x; text-align:center; float:left;} #greyCont .cal .titlesWeek .titleSat {width:128px; height:24px; margin: 0 0 0 1px; background:url("../images/bg/table_title.gif") repeat-x; text-align:center; float:left;} #greyCont .cal .weekRow .rowTime {width:48px; height:28px; margin:0 0 1px 0; text-align:center; float:left; line-height: 2.4em;} #greyCont .cal .weekRow .rowSun {width:128px; height:28px; margin:0 0 1px 1px; text-align:left; float:left;} #greyCont .cal .weekRow .rowMon {width:128px; height:28px; margin:0 0 1px 1px; text-align:left; float:left;} #greyCont .cal .weekRow .rowTue {width:128px; height:28px; margin:0 0 1px 1px; text-align:left; float:left;} #greyCont .cal .weekRow .rowWed {width:128px; height:28px; margin:0 0 1px 1px; text-align:left; float:left;} #greyCont .cal .weekRow .rowThu {width:128px; height:28px; margin:0 0 1px 1px; text-align:left; float:left;} #greyCont .cal .weekRow .rowFri {width:128px; height:28px; margin:0 0 1px 1px; text-align:left; float:left;} #greyCont .cal .weekRow .rowSat {width:129px; height:28px; margin:0 0 1px 1px; text-align:left; float:left;} #greyCont .cal .dayRow .rowTime {width:48px; height:28px; margin:0 0 1px 0; text-align:center; float:left; line-height: 2.4em;} #greyCont .cal .dayRow .rowEvent {width:902px; height:28px; margin:0 0 1px 1px; text-align:left; float:left;} /*add evant*/ #greyCont .mid .formrow { margin-left: 20px; margin-bottom: 10px; } #greyCont .mid .formrow label { display:block; width:155px; float:left; margin:10px 0 10px 0; } #greyCont .mid .formrow{width:327px; float:left; background-color:#e3e3e3;} #greyCont .mid .formrow .data input { width:290px; margin:10px 0 10px 17px; border:0;} /* end add evant*/ .submitCalendarEvent { background:url("../images/buttons/btn_generic_80_white.png") no-repeat; display:block; height:24px;width:85px; padding-left:10px; line-height:2em; float:right; text-align: left; font-size: 10px; color: #2D75A7; font-family: Verdana; padding-bottom:5px; } .submitCalendarEvent:hover { background-position:0 -24px; text-decoration:none; color: #E75E01; cursor: pointer;} .cancelCalendarEvent{ background:url("../images/buttons/btn_generic_80_white.png") no-repeat; display:block; height:24px;width:80px; padding-left:10px; line-height:2em; float:right; text-align: left; margin-top:0px; font-size: 10px; color: #2D75A7; font-family: Verdana;} .cancelCalendarEvent:hover { background-position:0 -24px; text-decoration:none; color: #E75E01; } .deleteCalendarEvent{ background:url("../images/buttons/btn_generic_80_white.png") no-repeat; display:block; height:24px;width:80px; padding-left:10px; line-height:2em; float:right; text-align: left; margin-top:0px; font-size: 10px; color: #2D75A7; font-family: Verdana;} .deleteCalendarEvent:hover { background-position:0 -24px; text-decoration:none; color: #E75E01; } /* End Calendar */ /* Start my desk/Notes landing*/ #oneCol{width:100%; float:left; } h1#myDesk{background:url("../images/bg/ir/h1MyDesk.gif") no-repeat scroll 0 0 transparent; width:143px; height:23px;text-indent:-9999px; margin:35px auto 35px auto; /* IE6 add this in stylesheet: padding-bottom:40px;*/} h1#myNotes{background:url("../images/bg/ir/h1Notes.png") no-repeat scroll 0 0 transparent; width:100px; height:23px;text-indent:-9999px; margin:35px auto 35px auto; /* IE6 add this in stylesheet: padding-bottom:40px;*/} #oneCol a.landingLogo{display:block; width:162px;margin: 0 auto 25px auto;} a.btnContinue{ background:url("../images/buttons/btn_generic_100_white.png") no-repeat; display:block; height:24px;width:104px; margin-left: 430px; padding-left:12px; line-height:1.9em; float:left; font-size: 1.1em; text-indent:0 !important;} a.btnContinue:hover { background-position:0 -24px; text-decoration:none; } *html a.btnContinue {margin-left:215px;} /* End my desk landing */ /* Start mydesk pages */ .myDeskMember{height:97px; width:294px; margin-left:4px; float:left;background:transparent url(../images/bg/member.gif) no-repeat scroll left top; display:inline;} *html .myDeskMember{height:100px} .myDeskMember img{margin-top:7px;margin-left:8px;margin-right:10px;} .myDeskMember h3{ margin-top:7px; font-weight:bold;} .myDeskMember h3, .myDeskMember p{margin-bottom:5px;} .myDeskMember img, .myDeskMember h3, .myDeskMember p{float:left;} .myDeskMember h3, .myDeskMember p{ width:190px} .myDeskMember p{color:#585858} #subjectInfo{width:650px; float:left; margin-left:10px;display:inline;} #subjectInfo a.subjectPencil{display:block; width:36px;float:right;margin-right:15px;margin-top:-4px;} #subjectInfo h2{margin-bottom:10px;margin-top:10px;} #subjectInfo p{margin-bottom:5px;} #subjectInfo p.subjectTitle{} #subjectInfo p.subjectContent{} #subjectInfo p.subjectNumber{} ul.subjectControls{width:960px; margin-left:4px; float:left; margin-bottom:5px; } ul.darken{margin-left:0px !important; padding-left:4px; margin-bottom: 0 !important; background-color:#cdcdcd ; } ul.subjectControls li{float:left;} ul.subjectControls li a{ border: 0; display: block; height: 35px; text-indent:-9999px;} ul.subjectControls li a.subjectShare{ width:105px; background: url(../images/buttons/editor/share.png) no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; margin-right: -40px; font-size: 12px;} ul.subjectControls li a.subjectShare:hover { background-position: 0 -35px; text-decoration: none; color: #E75E01; } ul.subjectControls li a.subjectSave{ width:70px; background: url(../images/buttons/editor/save.png) no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px;} ul.subjectControls li a.subjectSave:hover { background-position: 0 -35px; text-decoration: none; color: #E75E01; } ul.subjectControls li a.subjectPreview{ width:85px; background: url(../images/buttons/editor/preview.png) no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px;} ul.subjectControls li a.subjectPreview:hover { background-position: 0 -35px; text-decoration: none; color: #E75E01; } ul.subjectControls li a.subjectCancel{ width:70px; background: url(../images/buttons/editor/cancel.png) no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px;} ul.subjectControls li a.subjectCancel:hover { background-position: 0 -35px; text-decoration: none; color: #E75E01; } ul.subjectControls li a.subjectSaveDark{ width:70px; background: url(../images/buttons/editor/save_dark.png) no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px;} ul.subjectControls li a.subjectSaveDark:hover { background-position: 0 -35px; text-decoration: none; color: #E75E01; } ul.subjectControls li a.subjectPreviewDark{ width:85px; background: url(../images/buttons/editor/preview_dark.png) no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px;} ul.subjectControls li a.subjectPreviewDark:hover { background-position: 0 -35px; text-decoration: none; color: #E75E01; } ul.subjectControls li a.subjectCancelDark{ width:70px; background: url(../images/buttons/editor/cancel_dark.png) no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px;} ul.subjectControls li a.subjectCancelDark:hover { background-position: 0 -35px; text-decoration: none; color: #E75E01; } ul.subjectControls li a.subjectRemove{ width:70px; background: url(../images/buttons/editor/cancel.png) no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px;} ul.subjectControls li a.subjectRemove:hover { background-position: 0 -35px; text-decoration: none; color: #E75E01; } ul.subjectControls li a.subjectAll{ width:188px; background: url(../images/buttons/editor/list.png) no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px;} ul.subjectControls li a.subjectAll:hover { background-position: 0 -34px; text-decoration: none; color: #E75E01; } ul.subjectControls li a.subjectEdit{ width:50px; background: url(../images/buttons/editor/edit.png) no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px;} ul.subjectControls li a.subjectEdit:hover { background-position: 0 -34px; text-decoration: none; color: #E75E01; } ul.subjectControls li a.subjectView{ width:115px; background: url(../images/buttons/editor/popup.png) no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px;} ul.subjectControls li a.subjectView:hover { background-position: 0 -34px; text-decoration: none; color: #E75E01;} ul.subjectControls li a.addToMyNotes{ width:115px; background: url(../images/buttons/editor/add_to_my.png) no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px;} ul.subjectControls li a.addToMyNotesInactive{ width:115px; background: url(../images/buttons/editor/add_to_my.png) no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px; opacity: 0.5; cursor:default; filter:alpha(opacity=50);} ul.subjectControls li a.addToMyNotes:hover { background-position: 0 -34px; text-decoration: none; color: #E75E01;} ul.subjectControls li a.addToMyNotesInactive:hover {text-decoration: none; color:#2d75a7; cursor:default;} ul.subjectControls li a.removeFromMyNotes{ width:150px; background: url(../images/buttons/editor/remove.png) no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px;} ul.subjectControls li a.removeFromMyNotes:hover { background-position: 0 -35px; text-decoration: none; color: #E75E01;} ul.subjectControls li a.subjectPrintDark{ width:100px;background: url(../images/buttons/editor/print_dark.png) no-repeat; no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px;} ul.subjectControls li a.subjectPrintDark:hover { background-position: 0 -35px; text-decoration: none; color: #E75E01;} ul.subjectControls li a.subjectPrint{ width:100px;background: url(../images/buttons/editor/print.png) no-repeat; no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px;} ul.subjectControls li a.subjectPrint:hover { background-position: 0 -35px; text-decoration: none; color: #E75E01;} ul.subjectControls li a.subjectBack{ width:100px;background: url(../images/buttons/editor/back_to_start.png) no-repeat; no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px;} ul.subjectControls li a.subjectBack:hover { background-position: 0 -34px; text-decoration: none; color: #E75E01;} ul.subjectControls li a.subjectPublishDark{ width:70px;background: url(../images/buttons/editor/publish_dark.png) no-repeat; no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px;} ul.subjectControls li a.subjectPublishDark:hover { background-position: 0 -35px; text-decoration: none; color: #E75E01;} ul.subjectControls li a.subjectPublish{ width:70px;background: url(../images/buttons/editor/publish.png) no-repeat; no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px; margin-left:5px;} ul.subjectControls li a.subjectPublish:hover { background-position: 0 -35px; text-decoration: none; color: #E75E01;} ul.subjectControls li a.subjectUnPublishDark{ width:90px;background: url(../images/buttons/editor/unpublish_dark.png) no-repeat; no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px;} ul.subjectControls li a.subjectUnPublishDark:hover { background-position: 0 -35px; text-decoration: none; color: #E75E01;} ul.subjectControls li a.subjectUnPublish{ width:90px;background: url(../images/buttons/editor/unpublish.png) no-repeat; no-repeat; text-indent: 0px; line-height: 30px; padding-left: 40px; font-size: 12px; margin-left:5px;} ul.subjectControls li a.subjectUnPublish:hover { background-position: 0 -35px; text-decoration: none; color: #E75E01;} /* Subject controls on a dark background */ #editNoIcon{width:952px; float:left; margin-left:6px;} #editNoIcon h3{margin-bottom:10px; } #editNoIcon textarea{/*overflow:hidden;*/width:950px;border:0; margin-bottom:10px;background: #fff url(../images/bg/textAreaPage.gif) no-repeat top right;} #editNoIconForDiv{/*overflow:hidden;*/width:900px; min-height:500px; border:0; padding:20px 30px 20px 20px; margin-bottom:10px; background: #fff url(../images/bg/textAreaPage.gif) no-repeat top right;} /* End mydesk pages */ /* Start my Desk Editor and my Desk editor teacher */ /* Overriding the color of #greyCont .bot */ .greyContBotDark{width:964px;height:8px; background: url(../images/bg/greyContBotDark.gif) no-repeat top left !important;} #deskEditor{width:964px; background:#cdcdcd url(../images/bg/editor/editorTop.gif) no-repeat top left !important; padding-top:10px;} #deskEditor textarea{/*overflow:hidden;*/width:950px;border:0; margin: 10px 0 10px 7px; background: #fff url(../images/bg/textAreaPageDark.gif) no-repeat top right;} input.headingTitle{width:947px; margin-left:6px; padding:5px 0 5px 5px; margin-bottom:5px; } .DEformRow{margin-left:11px; margin-bottom:5px; width:950px;} /* End my Desk Editor and my Desk editor teacher */ /* My desk syllabus */ h2.outsideCSEC{background:url("../images/bg/ir/h2outsideCSEC.gif") no-repeat scroll 0 0 transparent; width:63px; height:18px;text-indent:-9999px; float:none !important; margin:10px; /* IE6 add this in stylesheet: padding-bottom:40px;*/} h2.outsideCAPE1{background:url("../images/bg/ir/h2outsideCAPE1.png") no-repeat scroll 0 0 transparent; width:63px; height:18px;text-indent:-9999px; float:none !important; margin:10px; /* IE6 add this in stylesheet: padding-bottom:40px;*/} h2.outsideCAPE2{background:url("../images/bg/ir/h2outsideCAPE2.png") no-repeat scroll 0 0 transparent; width:63px; height:18px;text-indent:-9999px; float:none !important; margin:10px; /* IE6 add this in stylesheet: padding-bottom:40px;*/} h3.outsideAssign{background:url("../images/bg/ir/h3outsideAssign.gif") no-repeat scroll 0 0 transparent; width:308px; height:14px;text-indent:-9999px; float:none !important; margin:10px;margin-top:0; /* IE6 add this in stylesheet: padding-bottom:40px;*/} #greyCont .mid #leftCont #panelHolder .pnlSummaryDark{ width:779px; height:45px; background: url(../images/bg/pnlSummaryDark.png) no-repeat top left; margin-left:3px; color:#333; font-size: 10px;} #greyCont .mid #leftCont #panelHolder .pnlSummaryDark:hover { background-position: 0 -45px; color:#e75e01; } #greyCont .mid #leftCont #panelHolder .pnlSummaryDark p.pnlSummaryCont{width:540px; float:left; margin-right:40px; margin-top:5px} #greyCont .mid #leftCont #panelHolder .pnlSummaryDark p.pnlSummaryDate{width:52px; float:left; margin-right:26px; margin-top:13px} #greyCont .mid #leftCont #panelHolder .pnlSummaryDark p.view { padding-top:13px; } .buttonsDark{ width:783px;} .buttonsDark a{ display:block; float:right; clear:right;} .buttonsDark a.btnEditDark{ background:url("../images/buttons/btn_generic_80_dk.png") no-repeat scroll left bottom transparent; display:block; width:90px; height:24px; padding-left:10px; line-height:2em; } .buttonsDark a.btnEditDark:hover { background-position:0 -24px; text-decoration:none; } .buttonsDark a.btnNewBundleDark { background:url("../images/buttons/btn_generic_140_dk.png") no-repeat; display:block; height:24px;width:140px; padding-left:10px; line-height:2em; font-size: 10px;} .buttonsDark a.btnNewBundleDark:hover { background-position:0 -24px; text-decoration:none; } .buttonsDark a.btnNewBundleDarkGray { background:url("../images/buttons/btn_generic_140_mid.png") no-repeat; display:block; height:24px;width:140px; padding-left:10px; line-height:2em; } .buttonsDark a.btnNewBundleDarkGray:hover { background-position:0 -24px; text-decoration:none; } .buttonsDark a.btnNewNoteDark { background:url("../images/buttons/btn_generic_100_dk.png") no-repeat; display:block; height:24px;width:100px; padding-left:10px; line-height:2em; font-size: 10px;} .buttonsDark a.btnNewNoteDark:hover { background-position:0 -24px; text-decoration:none; } img.lights{float:right !important; position:relative; top:9px; left:-10px;} .resultPageSyllabus{width: 791px; margin:5px 0;} .resultPageSyllabus ul{ width:240px; float:right} .resultPageSyllabus ul li{list-style:none; float:left;} .resultPageSyllabus ul li.pageNumber{position:relative; top:3px; margin:0 5px;} .resultPageSyllabus ul li a{list-style:none; } .resultPageSyllabus ul li.previous-off, .resultPageSyllabus ul li.next-off { display:block;float:left;} .resultPageSyllabus ul li a.btnPrevGrey { background: url(../images/buttons/prev_mid.png) right top no-repeat; width:62px; height:24px; color:#2d75a7; text-align: left; display:block; line-height: 2em; text-align: right; padding-right: 15px; font-size:11px; } .resultPageSyllabus ul li a.btnPrevGrey:hover{ background-position:0 -24px; text-decoration: none; color: #E75E01;} .resultPageSyllabus ul li a.btnNextGrey{background:url("../images/buttons/next_mid.png") no-repeat; display:block; height:24px;width:62px; line-height: 2em; padding-left: 15px; font-size:11px} .resultPageSyllabus ul li a.btnNextGrey:hover{ background-position:0 -24px; text-decoration: none; color: #E75E01;} .notextAlign{} /* End My desk syllabus */ /* Start My settings */ h1#myNotesSettings{background:url("../images/bg/ir/h1MySettings.gif") no-repeat scroll 0 0 transparent; width:203px; height:23px;text-indent:-9999px; float:left; margin:35px 0 40px 20px; /* IE6 add this in stylesheet: padding-bottom:40px;*/} #greyCont .mid form.settingsInfo .personalInfo{width:525px; float:left; background-color:#fff; margin-left:5px; } #greyCont .mid form.settingsInfo .personalInfo .top{width:525px; height:6px; background: url(../images/bg/personalInfoTop.gif) no-repeat top left;} #greyCont .mid form.settingsInfo .personalInfo .mid{width:525px; background-color:#fff; background-image:none;} #greyCont .mid form.settingsInfo .personalInfo .bot{width:525px; height:6px; background: url(../images/bg/personalInfoBot.gif) no-repeat bottom left;} #greyCont .mid form.settingsInfo .personalImage{width:423px; float:left; background-color:#fff; margin-left:5px;} #greyCont .mid form.settingsInfo .personalImage .top{width:423px; height:6px; background: url(../images/bg/personalImageTop.gif) no-repeat top left;} #greyCont .mid form.settingsInfo .personalImage .mid{width:423px; background-color:#fff; background-image:none;} #greyCont .mid form.settingsInfo .personalImage .bot{width:423px; height:6px; background: url(../images/bg/personalImageBot.gif) no-repeat bottom left;} #greyCont .mid form.settingsInfo .personalInfo .mid{position:relative; width:502px} #greyCont .mid form.settingsInfo .personalInfo .mid .formRow{margin-left:20px; width:497px;} #greyCont .mid form.settingsInfo .personalInfo .mid .formRow label{display:block; width:170px; float:left;margin:10px 0 10px 0;} #greyCont .mid form.settingsInfo .personalInfo .mid .formRow label span{color:#f00;} #greyCont .mid form.settingsInfo .personalInfo .mid .formRow .top{width:327px; height:auto;padding-top:10px; background: url(../images/bg/formTop.gif) no-repeat top left; background-color:#e3e3e3; } #greyCont .mid form.settingsInfo .personalInfo .mid .formRow label.labelTop{} #greyCont .mid form.settingsInfo .personalInfo .mid .formRow .bot{width:327px; height:auto; padding-bottom:40px; margin-bottom:10px; background: url(../images/bg/formBot.gif) no-repeat bottom left;} #greyCont .mid form.settingsInfo .personalInfo .mid .formRow .loginFormBot{padding-bottom:10px;} #greyCont .mid form.settingsInfo .personalInfo .mid .formRow .formBlock{width:327px; float:left; background-color:#e3e3e3; } #greyCont .mid form.settingsInfo .personalInfo .mid .formRow .formBlock input { width:290px; margin:10px 0 10px 17px; border:0;} #greyCont .mid form.settingsInfo .personalInfo .mid .formRow .formBlock input#student{width:10px; margin-left:17px; margin-right:5px; float:left; position:relative; top:1px;} #greyCont .mid form.settingsInfo .personalInfo .mid .formRow .formBlock input#teacher{width:10px; margin-right:5px; float:left; position:relative; top:1px;} #greyCont .mid form.settingsInfo .personalInfo .mid .formRow .formBlock label{float:left; width:50px; margin-right:10px;} #greyCont .mid form.settingsInfo .personalInfo .mid .formRow .formBlock select{width:65px;margin:10px 0 10px 17px;} #greyCont .mid form.settingsInfo .personalInfo .mid .formRow .formBlock select#territory,#greyCont .mid form.settingsInfo .personalInfo .mid .formRow .formBlock select#school{ width:290px;} #greyCont .mid form.settingsInfo .personalImage .mid .formRow .top{width:236px; height:auto;padding-top:10px; background: url(../images/bg/formTopSmall.gif) no-repeat top left; background-color:#e3e3e3; } #greyCont .mid form.settingsInfo .personalImage .mid .formRow .bot{width:236px; height:auto; padding-bottom:40px; margin-bottom:10px; background: url(../images/bg/formBotSmall.gif) no-repeat bottom left;} #greyCont .mid form.settingsInfo .personalImage .mid .formRow{margin-left:20px; width:400px;} #greyCont .mid form.settingsInfo .personalImage .mid .formRow label{display:block; width:158px; float:left;margin:10px 0 10px 0;} #greyCont .mid form.settingsInfo .personalImage .mid .formRow label span{color:#f00;} #greyCont .mid form.settingsInfo .personalImage .mid .formRow .formBlock {width:236px; float:left; background-color:#e3e3e3; //height:127px;} #greyCont .mid form.settingsInfo .personalImage .mid .formRow .formBlock img{float:left;} #greyCont .mid form.settingsInfo .personalImage .mid .formRow .formBlock a.prevImage,#greyCont .mid form.settingsInfo .personalImage .mid .formRow .formBlock a.nextImage {display:block; position:relative; top:30px;} #greyCont .mid form.settingsInfo .personalImage .mid .formRow .formBlock a.prevImage img{margin-left:35px;margin-right:8px;} #greyCont .mid form.settingsInfo .personalImage .mid .formRow .formBlock img.profileImage{margin-right:8px; border:2px solid #fff;} #greyCont .mid form.settingsInfo .personalImage .mid .formRow .formBlock a.nextImage img{} #greyCont .mid form.settingsInfo .personalImage .mid .formRow .formBlock p.chooseYourOwn{margin:10px 0 10px 17px;} #greyCont .mid form.settingsInfo .personalImage .mid .formRow .formBlock p.chooseYourOwn a{display:block; background: url(../images/bg/btn_chooseYourOwn.gif) no-repeat bottom left; width:117px; height:24px; float:left; margin-right:10px;} #greyCont .mid form.settingsInfo .personalImage .mid .formRow .formBlock img.randomNumber{margin-left:17px; margin-bottom:10px;} #greyCont .mid form.settingsInfo .personalImage .mid .formRow .formBlock p.imgInstruction{width:327px; text-align:center; float:left; margin-bottom:10px;} #greyCont .mid form.settingsInfo .personalImage .mid .formRow p.reqFields{width:150px; float:left; margin-left:155px; display:inline; /* For IE6, put in sperate stylesheet */} #greyCont .mid form.settingsInfo .personalImage .mid .formRow p.reqFields span{color:#f00;} #greyCont .mid form.settingsInfo .personalImage .mid .formRow input.sbmt{float:right;} #greyCont .mid form.settingsInfo .personalImage .mid .formRow input.btnNext{float:right} #greyCont .mid form.settingsInfo .personalImage .mid .formRow input.btnPrevious{float:left; margin-left:155px;} #greyCont .mid form.settingsInfo .personalImage .mid .formRow .formBlock a.toolTip{ display:block; position:absolute; top:-30px; right:0;} #mySettingsError{width:952px; float:left; margin-left:17px; background:#ffb504;} *html #mySettingsError {margin-left:7px;} #mySettingsError .top{width:952px; height:6px; background: url(../images/bg/mySettingsErrorTop.gif) no-repeat top left;} #mySettingsError .mid{width:952px; background:#ffb504;} #mySettingsError .mid p{ width:805px; margin-left:10px; float:left; margin-top:5px;} #mySettingsError .mid form{display:block; width:85px; float:right; margin-top:5px;} #mySettingsError .mid a.toolTip{margin-right:5px; margin-left:5px;} #mySettingsError .bot{width:952px; height:7px; background: url(../images/bg/mySettingsErrorBot.gif) no-repeat bottom left;} .ownfilechoose {width: 250px; position: relative; top:10px; right: 15px; } .prevImg{ position: relative; top: 30px; left: 3px; margin-right: 2px; } .nextImg { position: relative; bottom: 54px; left:106px; margin-left: 20px; } .scCenter { margin-left: 40px; height: 84px; width: 86px; } #uaCenter { margin-left: 40px; height: 84px; } .formActionSettings { width: 300px; margin-left: 700px; position: relative; left: 30px; top: 240px;} .form-error-msg-setting { color: red; margin-left: 16px; } .settings_island {width: 290px !important;} /* Start Settings second page */ #greyCont .mid form.settingsSubjects{} #greyCont .mid form.settingsSubjects .wideWhite{ margin-left: 6px; margin-bottom:3px} #greyCont .mid form.settingsSubjects .wideWhite .top{width:952px; height:7px; background: url(../images/bg/wideWhiteTop.gif) no-repeat bottom left; background-color:#e3e3e3;} #greyCont .mid form.settingsSubjects .wideWhite .mid{width:952px; background:#fff;} #greyCont .mid form.settingsSubjects .wideWhite .bot{width:952px; height:5px; background: url(../images/bg/wideWhiteBot.gif) no-repeat top left; background-color:#e3e3e3;} #greyCont .mid form.settingsSubjects .colCheck .mid .colLeft h2.h2Csec{ background:url("../images/bg/ir/h2CSEC.gif") no-repeat scroll 0 0 transparent; width:58px; height:17px;text-indent:-9999px; margin:10px 0 15px 0; /* IE6 add this in stylesheet: padding-bottom:40px;*/} #greyCont .mid form.settingsSubjects .colCheck .mid .colLeft h2.h2Cape{ background:url("../images/bg/ir/h2Cape.gif") no-repeat scroll 0 0 transparent; width:73px; height:17px;text-indent:-9999px; margin:10px 0 15px 0; /* IE6 add this in stylesheet: padding-bottom:40px;*/} #greyCont .mid form.settingsSubjects .colCheck .mid .colLeft h2.h2Cape2{ background:url("../images/bg/ir/h2Cape2.png") no-repeat scroll 0 0 transparent; width:83px; height:17px;text-indent:-9999px; margin:10px 0 15px 0; /* IE6 add this in stylesheet: padding-bottom:40px;*/} #greyCont .mid form.settingsSubjects .flatCheck .mid input{ float:left; margin-right:7px; } #greyCont .mid form.settingsSubjects .flatCheck .mid label{ display:block; width:50px; margin-right:30px; float:left;position:relative; top:2px} #greyCont .mid form.settingsSubjects .flatCheck .mid .colFull{ margin-left: 25px;} #greyCont .mid form.settingsSubjects .colCheck .mid .colLeft{ width:500px; float:left; margin-left: 25px; display:inline; padding-bottom:10px; } #greyCont .mid form.settingsSubjects .colCheck .mid .colRight{width:400px; float:left; margin-top:42px; padding-bottom:10px;} #greyCont .mid form.settingsSubjects .colCheck .mid .formRow{margin-bottom:2px;} #greyCont .mid form.settingsSubjects .colCheck .mid .formRow input{position:relative; top:2px;} #greyCont .mid form.settingsSubjects .colCheck .mid .formRow label{} #greyCont .mid form.settingsSubjects .formAction{width:952px; float:left; text-align:right; } #greyCont .mid form.settingsSubjects .formAction a.btnCancelGrey{ background:url("../images/bg/btn_cancelGrey.gif") no-repeat scroll left bottom transparent; display:block; height:24px;width:106px; text-indent:-9999px; float:right;margin-top:13px} #greyCont .mid form.settingsSubjects .formAction a.btnSaveGrey{ background:url("../images/bg/btn_saveGrey.gif") no-repeat scroll left bottom transparent; display:block; height:24px;width:105px; text-indent:-9999px; float:right;margin-top:13px} #greyCont .mid form.settingsSubjects .formAction a.btnDeleteGrey{ background:url("../images/bg/btn_deleteGrey.gif") no-repeat scroll left bottom transparent; display:block; height:24px;width:107px; text-indent:-9999px; float:right;margin-top:13px} /* End Settings second page */ /* Start Image gallery */ #imgTitle{width:785px;background: url(../images/bg/imgTitleBg.gif) no-repeat top left; height:35px;} #imgTitle h1{background:url("../images/bg/ir/h1imgTitle.png") no-repeat scroll 0 0 transparent; position:relative; top:12px; width:132px; height:11px;text-indent:-9999px; margin-left:15px; } #imgTitle a{diplay:block; width: 30px; float:right; margin-right:5px; margin-top:5px;} #imageManager{} #imageManager .filterOps{ width:752px; margin-left:5px; margin-bottom:12px;} #imageManager .filterOps .mid{background: url(../images/bg/filterOpsMid.png) repeat-y top left;} #imageManager .filterOps .bot{background: url(../images/bg/filterOpsBot.png) no-repeat top left; height:10px; } #imageManager .filterOps form{ } #imageManager .filterOps form label{display:block; width: 95px;margin:12px 0 8px 12px;float:left; /* For IE6 */display:inline} #imageManager .filterOps form input{float:left;margin-right:5px; width:90px;} #imageManager .filterOps form input.filter{margin-left:12px;clear:left; } #imageManager .filterOps form .selectFilesText{ width:100px; float:left; position:relative; top:-23px; margin-left:5px;} #imageManager .filterOps form .selectFilesText p{ margin-bottom:12px;} #imageManager .filterOps form ul.operations{width:330px; float:right; margin-top:5px; } #imageManager .filterOps form ul.operations li{margin-right:0px; float:left; } #imageManager .filterOps form ul.operations li a{ display:block;width:80px; padding-top:45px; text-align:center;} #imageManager .filterOps form ul.operations li a.imageManagerNewFolder{background: url(../images/bg/imageManagerNewFolder.gif) no-repeat 50% 20%;} #imageManager .filterOps form ul.operations li a.imageManagerUpload{background: url(../images/bg/imageManagerUpload.gif) no-repeat 50% 20%;} #imageManager .filterOps form ul.operations li a.imageManagerNewFile{background: url(../images/bg/imageManagerNewFile.gif) no-repeat 50% 20%;} #imageManager .filterOps form ul.operations li a.imageManagerRefresh{background: url(../images/bg/imageManagerRefresh.gif) no-repeat 50% 20%;} #imageManager .filterOps form ul.operations li a.imageManagerFileManager{background: url(../images/bg/imageManagerFileManager.gif) no-repeat 50% 20%;} #imageManager .catFolders{width:205px; margin-left:5px; float:left;} #imageManager .catFolders .top{width:205px; height:5px; background: url(../images/bg/catFoldersTop.gif) no-repeat bottom left;} #imageManager .catFolders .mid{width:205px; background:#e3e3e3;} #imageManager .catFolders .bot{width:205px; height:5px; background: url(../images/bg/catFoldersBot.gif) no-repeat top left;} #imageManager .catFolders .mid h3{margin-left:15px; margin-bottom:10px} #imageManager .catFolders .mid ul{width:194px; margin-left:6px; margin-bottom:10px;} #imageManager .catFolders .mid ul li{width:194px;background: url(../images/bg/catFoldersListBg.gif) no-repeat top left;} #imageManager .catFolders .mid ul li img{ margin:6px 5px 0 7px; float:left;} #imageManager .catFolders .mid ul li a{display:block; padding-top:5px; height:22px;} #imageManager .imgSelector{width:524px; float:left; margin-left:10px;} #imageManager .imgSelector .selecterOrg{width:524px; float:left; margin:10px 0;} #imageManager .imgSelector .selecterOrg .thumbDrops{width:125px; float:left;} #imageManager .imgSelector .selecterOrg .thumbDrops p{width:70px; float:left; position:relative; top:3px;} #imageManager .imgSelector .selecterOrg .thumbDrops p a{width:24px; } #imageManager .imgSelector .selecterOrg .thumbDrops a{display:block; width:24px; } #imageManager .imgSelector .selecterOrg .thumbDrops p a.pageNo{ border:1px solid #e3e3e3; padding:2px; width:10px; display:inline; } #imageManager .imgSelector .selecterOrg form{width:290px; float:right; margin-right:10px;} #imageManager .imgSelector .selecterOrg form select{width:100px;float:right; margin-right:5px;} #imageManager .imgSelector .selecterOrg form select option{} #imageManager .imgSelector .selecterOrg form p{width:70px; float:right;} #imageManager .imgSelector .selecterOrg p{} #imageManager .imgSelector table{} #imageManager .imgSelector table tr{} #imageManager .imgSelector table tr.trImageHolder td{background: url(../images/bg/tdBg.gif) no-repeat bottom left; width:104px; text-align:center; padding-bottom:20px; padding-top:20px;} #imageManager .imgSelector table tr td{} #imageManager .imgSelector table tr td img{} #imageManager .imgSelector table tr td p{width:50px; float:left; margin-left:5px; margin-bottom:20px; /* IE6 */display:inline;} #imageManager .imgSelector table tr td a{} #imageManager .imgSelector table tr td a.tdArrowLink{display:block; width:24px; float:right;} /* End Image gallery */ /* Start File manager */ #imgTitleFM{width:785px;background: url(../images/bg/imgTitleBg.gif) no-repeat top left; height:35px;} #imgTitleFM h1{background:url("../images/bg/ir/h1imgTitleFM.png") no-repeat scroll 0 0 transparent; position:relative; top:12px; width:113px; height:11px;text-indent:-9999px; margin-left:15px; } #imgTitleFM a{diplay:block; width: 30px; float:right; margin-right:5px; margin-top:5px;} #imageManager .filterOps form ul.operationsFM{width:410px; float:right; margin-top:5px;} #imageManager .filterOps form ul.operationsFM li{margin-right:0px; float:left; } #imageManager .filterOps form ul.operationsFM li a{ display:block;width:80px; padding-top:45px; text-align:center;} #imageManager .filterOps form ul.operationsFM li a.imageManagerNewFolder{background: url(../images/bg/imageManagerNewFolder.gif) no-repeat 50% 20%;} #imageManager .filterOps form ul.operationsFM li a.imageManagerUpload{background: url(../images/bg/imageManagerUpload.gif) no-repeat 50% 20%;} #imageManager .filterOps form ul.operationsFM li a.imageManagerNewFile{background: url(../images/bg/imageManagerNewFile.gif) no-repeat 50% 20%;} #imageManager .filterOps form ul.operationsFM li a.imageManagerRefresh{background: url(../images/bg/imageManagerRefresh.gif) no-repeat 50% 20%;} #imageManager .filterOps form ul.operationsFM li a.imageManagerFileManager{background: url(../images/bg/imageManagerFileManager.gif) no-repeat 50% 20%;} #imageManager .catFolders .mid form.formPreview{margin-left:6px;} #imageManager .catFolders .mid form.formPreview textarea{width:186px; margin-bottom:5px;} #imageManager .catFolders .mid form.formPreview a{float:left;} #imageManager .catFolders .mid form.formPreview a.btnFormPreviewInsert{background:url("../images/bg/btnFormPreviewInsert.gif") no-repeat left bottom; display:block; height:27px;width:60px; text-indent:-9999px;} #imageManager .catFolders .mid form.formPreview a.btnFormPreviewDownload{background:url("../images/bg/btnFormPreviewDownload.gif") no-repeat left bottom; display:block; height:27px;width:82px; text-indent:-9999px;} #imageManager .catFolders .mid form.formPreview a.btnFormPreviewView{background:url("../images/bg/btnFormPreviewView.gif") no-repeat left bottom; display:block; height:27px;width:53px; text-indent:-9999px;} #imageManager .filterOps form .selectFilesTextFM{ width:100px; float:left; margin-left:15px; margin-top:15px;} #imageManager .filterOps form .selectFilesTextFM p{ margin-bottom:12px;} #imageManager .imgSelector .selecterOrg p.folderSummary{width:520px; margin-bottom:10px;margin-bottom:10px;} ul.folderCheck{width:130px; float:left;} ul.folderCheck li{float:left;} ul.folderCheck li a{} ul.folderOptions{width:370px; float:right;} ul.folderOptions li{float:left;} ul.folderOptions li a{} #tableFM tr th,#tableFM tr td{text-align:center;padding:0 0 5px 0} #tableFM tr th img{position:relative; top:-1px;} #tableFM tr th.thFileName{width:260px;} #tableFM tr th.thFileSize{width:79px;} #tableFM tr th.thFileType{width:63px;} #tableFM tr th.thFileModified{width:119px;} #tableFM thead tr.trHeading{background:url("../images/bg/trHeadingBg.gif") no-repeat top left;} #tableFM tbody tr.odd{background-color:#f7f7f7;} #tableFM tr td{} #tableFM tr td input{margin-right:10px; height:0px; position:relative; top:2px;} #tableFM tr td img{margin-right:10px} /* End File manager */ /* Start Generics */ .genericContent{width:510px; float:left; margin-left:20px; } h1.h1Aboutus { width: 147px; height: 23px; background: url(../images/bg/ir/h1aboutUs.gif) no-repeat; text-indent:-9999px; margin-bottom:25px; margin-top:30px;} h1.h1Feedback { width: 167px; height: 23px; background: url(../images/bg/ir/h1Feedback.png) no-repeat; text-indent:-9999px; margin-bottom:25px; margin-top:30px;} h1.h1Communityguidlines { width: 380px; height: 23px; background: url(../images/bg/ir/h1Community.png) no-repeat; text-indent:-9999px; margin-bottom:25px; margin-top:30px;} h1.h1Privacynotice { width: 380px; height: 23px; background: url(../images/bg/ir/h1Privacy.png) no-repeat; text-indent:-9999px; margin-bottom:25px; margin-top:30px;} h1.h1Safety { width: 180px; height: 23px; background: url(../images/bg/ir/h1Safety.png) no-repeat; text-indent:-9999px; margin-bottom:25px; margin-top:30px;} h1.h1Termsofuse { width: 280px; height: 23px; background: url(../images/bg/ir/h1Terms.png) no-repeat; text-indent:-9999px; margin-bottom:25px; margin-top:30px;} h1.h1Parents { width: 280px; height: 23px; background: url(../images/bg/ir/h1Parents.png) no-repeat; text-indent:-9999px; margin-bottom:25px; margin-top:30px;} h1.h1Sponsorship { width: 580px; height: 23px; background: url(../images/bg/ir/h1Sponsorship.png) no-repeat; text-indent:-9999px; margin-bottom:25px; margin-top:30px;} .genericContent p{width:510px; margin-bottom:20px; //width:auto; } .genericNav{width:206px; margin-left:5px; float:left; margin-top:30px;} .genericNav .top{width:206px; height:5px; background: url(../images/bg/catFoldersTop.gif) no-repeat bottom left;} .genericNav .mid{width:206px; background:#e3e3e3;} .genericNav .bot{width:206px; height:5px; background: url(../images/bg/catFoldersBot.gif) no-repeat top left;} .genericNav .mid h3{margin-left:15px; margin-bottom:10px} .genericNav .mid ul{width:194px; margin-left:6px; margin-bottom:10px;} .genericNav .mid ul li{width:194px;} .genericNav .mid ul li a{width:179px;height:21px;display:block;padding-left:15px;padding-top:4px;background:url(../images/bg/btn_cat_folders.gif);font-size:1.1em;font-family:Verdana;} .genericNav .mid ul li a:hover{background-position: 0 -25px;} .genericNav .mid ul li a#selected {background-position: 0 -50px; color:#e75e01;} h1.h1Help{width: 80px; height: 23px; background: url(../images/bg/ir/h1help.gif) no-repeat; text-indent:-9999px; margin-bottom:25px; margin-top:30px;} .genericContent ul.helpInternal{ margin-bottom:25px;} .genericContent ul.helpInternal li{margin-bottom:5px;} .genericContent h3.H3help{margin-bottom:22px} .genericContent h4.H4help{} a.viewInPopup{ background:transparent url("../images/buttons/popup.png") no-repeat scroll left top; display:block; height:26px;width:115px; float:right; margin-top:20px;font-size:12px;padding-left:40px;padding-top:8px;} a.viewInPopup:hover{background-position: 0 -34px; text-decoration: none; color: #E75E01;} h1.h1Contact{width: 183px; height: 23px; background: url(../images/bg/ir/h1Contact.gif) no-repeat; text-indent:-9999px; margin-bottom:25px; margin-top:30px;} #leftCont form.contactForm{position:relative; width:570px} #leftCont form.contactForm .formRow{ width:570px; margin-left:0;} #leftCont form.contactForm .formRow label{display:block; width:100px; float:left;margin:10px 0 10px 0;} #leftCont form.contactForm .formRow label span{color:#f00;} #leftCont form.contactForm .formRow .top{width:436px; height:auto;padding-top:10px; background: url(../images/bg/formContactTop.gif) no-repeat top left; background-color:#e3e3e3; } #leftCont form.contactForm .formRow label.labelTop{position:relative; top:10px;} #leftCont form.contactForm .formRow .bot{width:436px; height:auto; padding-bottom:40px; margin-bottom:10px; background: url(../images/bg/formContactBot.gif) no-repeat bottom left;} #leftCont form.contactForm .formRow .loginFormBot{padding-bottom:10px;} #leftCont form.contactForm .formRow .formBlock{width:436px; float:left; background-color:#e3e3e3;} #leftCont form.contactForm .formRow .formBlock input { width:400px; margin:10px 0 10px 17px; border:0;} #leftCont form.contactForm .formRow .formBlock textarea{width:396px; } #leftCont form.contactForm input.btnSend{ height:24px;width:87px; text-indent:-9999px; margin-right:30px;} /* End Generics */ /* tools */ .rgt{float:right !important} .lft{float:left !important} .padRgt5{padding-right:5px !important;} .margRgt10{margin-right:1000px !important;} .margTop30{margin-top:30px !important;} .leftContWide{width:787px !important; } .alignLft{text-align: left !important;} .rightContThin{width:160px !important; position:relative; margin-right: 7px; } .rightContThin .advert{margin-top:103px; /* 40 + 40 + 23 (h1 dimensions) */ float:right} .advertNoTop{top: 0!important;} .rightContThin a.toolTip{position:absolute;right:10px; top:70px; margin-right:-10px;} #greyCont .rightContThin{ padding-right:0 !important;} #greyCont .rightContThin .advert{margin-top:0; position:relative; top:-35px;/* 40 + 40 + 23 (h1 dimensions) */ margin-right:7px;float:right; /*For IE6, incl top:-30px*/ display:inline; } #greyCont .rightContThinTeacher{width:160px !important; position:relative;padding-right:0 !important;} #greyCont .rightContThinTeacher .advert{margin-top:0; position:relative; top:-22px;/* 40 + 40 + 23 (h1 dimensions) */ margin-right:7px;float:right; /*For IE6, incl top:-30px*/ display:inline; } #greyCont .rightContThinTeacher a.toolTip{position:absolute; top:-60px; right:10px;} #greyCont .rightContThin a.toolTip{position:absolute; top:-73px; right:10px;} .tooltip-40Top{top:-40px !important;} .tooltip-20Top{top:0px !important; margin-right:0px !important;} /*************** 404 ***************/ h2.search404Error { width: 85px; height: 17px; background: url(../images/bg/ir/h2Search.png) no-repeat; text-indent:-9999px;} h2.navigate404Error { width: 110px; height: 17px; background: url(../images/bg/ir/h2Navigate.png) no-repeat; text-indent:-9999px;} #error404Search { float:left; padding-left:12px; font-size:100%} #error404Navigate { float:left; padding-left:12px; font-size:120%} .error404copy {width:900px; padding: 6px 0 40px 18px; float:left;} .error404Top {width:436px; height:8px; background: url(../images/bg/formContactTop.gif) no-repeat bottom left; margin-top:12px} .error404Mid {width:436px; background-color:#e3e3e3; height:40px} .error404Mid .padding {padding:8px;} .error404Bot {width:436px; height:8px; padding-bottom:0px; margin-bottom:0px; background: url(../images/bg/formContactBot.gif) no-repeat top left; } .error404Mid form input.search{ width:200px; line-height:18px; color:#999;} .error404Mid form input.submit{ background:url("../images/buttons/btn_go.png") no-repeat; height:24px;width:52px; padding-left:9px; line-height:2em; text-align: left; margin-top: -2px; font-size: 11px; color: #2D75A7; font-family: Verdana; padding-bottom:5px; border: 0px solid #FFFFFF;} .error404Mid form input.submit:hover{ background-position:0 -23px; text-decoration:none; color: #E75E01; cursor: pointer;} /*************** 404 ***************/ .userImage {width:98px;height:94px;float:left;overflow:hidden;} #user_own_image {cursor:pointer;} #folderDelete .deleteMail{ display:block; position:absolute; top:-30px; right:0; width: 80px !important; height: 30px !important; margin-right:-430px;margin-top:-1px} #folderDelete .deleteMail input.btnDeleteMail { background:url("../images/bg/btn_cross.gif") no-repeat; width:100px;height:25px;text-decoration:none; display:block;font-size:1.1em; color: #2D75A7; font-family: Verdana;padding-right:30px;padding-bottom:5px;} #folderDelete .deleteMail input.btnDeleteMail:hover{background-position: 0 -25px;text-decoration:none; color: #E75E01; cursor: pointer;} .dateElement .view a {background:url("../images/bg/btn_view_fone.png") no-repeat;display:block;width:70px;height:25px;margin-left:-50px;padding-left:10px;cursor:pointer;} .viewEmail a {background:url("../images/bg/btn_view_fone.png") no-repeat; display:block; width:70px; height:25px; cursor:pointer; padding-left:10px;} .formRowMail input#mail_subject {width:850px;}