@charset "utf-8"; /* WACS Styles */ /* v1.0 | 20080423 */ /* General definitions */ body { background: #f7ecce; color: #000000; font: normal 11px/17px Arial, Helvetica, sans-serif; } .clear-both { clear: both } /* Text formating definitions */ h2 { float: right; font: bold 1.3em/1.7em Verdana, Helvetica, Arial, sans-serif; color: #ba3e30; } h3, h4 { font: bold 1.0em/1.7em Verdana, Helvetica, Arial, sans-serif; color: #ba3e30; display: block; clear: both; margin: 10px 0 5px 0; } h4 { font: bold .9em/1.7em Verdana, Helvetica, Arial, sans-serif; padding: 0 0 5px 0; } p { clear: both; width: 100%; } /* General layout styling */ #header, #footer { margin: 0 auto; width: 720px; } #dashlarge #header, #dashlarge #footer { width: 840px; } #privacy #header p { width: 685px; } #header { height: 50px; text-align: right; } #header p { font-weight: bold; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-align: right; padding: 25px 10px 0 0; } #header span.logintext { display: block; float: right; color: #748752; } #header span.logintext strong { color: #cc2508; } #header a.logout { display: block; float: right; color: #f7ecce; text-decoration: none; background: transparent url(../newimages/bt.log-out.png) 0 0 no-repeat; width: 54px; height: 18px; margin: 0 0 0 10px; } #header a.logout:hover { background-position: 0 -18px; } #header #login form { padding: 15px; } #header #login form input { border: 1px solid #748752; padding: 2px; font-size: 10px; } #header #login form input.loginbtn { background: transparent url(../newimages/bt.login.png) 0 0 no-repeat; width: 54px; height: 18px; cursor: pointer; } #header #login form input.loginbtn:hover { background: transparent url(../newimages/bt.login.png) 0 -18px no-repeat; } #header #login form label { color: #748752; margin: 8px 0 7px 0; font-size: 10px; font-weight: bold; } #wrapper { margin: 0 auto; width: 725px; padding: 5px 0 5px 5px; background-color: #f4e6be; } #dashlarge #wrapper { width: 845px; } #content { float: left; width: 405px; background-color: #fff; padding: 10px 35px; } #content embed { margin: 0 0 0 -10px; } #dashlarge #content { width: 525px; } #content2 { margin: 5px 5px 0 0; background-color: #fff; padding: 20px 20px; } #content2 h2 { float: left; } /* AssetListAppContent params */ #AssetListAppButtons { width: 800px; padding: 0 0 20px 0; } #AssetListAppCol1 { float: left; width: 240px; } #AssetListAppCol2 { float: left; width: 560px; } /* END */ #dashlarge #content2 { width: 800px; } #dashnormal #content2 { width: 680px; } #overview #content2 { padding: 20px 35px; } #swappermenu ul { float: left; padding: 30px 30px 30px 0; } #swappermenu ul li { width: 130px; } #swappermenu ul li.last { margin: 20px 0 0 0; } #swappermenu ul li a { display: block; width: 130px; color: #333333; text-decoration: none; padding: 3px 0 3px 5px; } #swappermenu ul li a.odd:hover, #swappermenu ul li.ui-tabs-selected a.odd, #swappermenu ul li a.eve:hover, #swappermenu ul li.ui-tabs-selected a.eve { background: #748751; color: #ffffff; } #swappermenu ul li a.odd { background: #f4e6be; } #swappermenu ul li a.eve { background: #f7ecce; } #swappermenu div p { padding: 0 0 5px 0; } #swappermenu div p strong { color: #748751; } .ui-tabs-hide { display: none; } .ui-tabs-panel { float: left; width: 460px; padding: 15px; background: transparent; } #breadcrumb { width: 200px; float: right; margin: -70px 0 0 0; text-align: right; } #breadcrumb span { display: block; color: #5c8da6; text-decoration: underline; } #breadcrumb strong { display: block; color: #748751; } h1#logo { width: 198px; height: 156px; display: block; margin: -40px 0 0 -47px; } h1#logo a { display: block; background: transparent url(../newimages/wacs-logo.png) no-repeat 0 0; text-indent: -9999px; width: 198px; height: 156px; } ul#top-links { float: right; margin: -126px 35px 0 0; } ul#top-links li { float: left; } ul#top-links li a { display: block; width: 66px; height: 29px; text-indent: -9999px; } ul#top-links li a.bt-home { background: transparent url(../newimages/buttons-top.png) 0 0 no-repeat; } ul#top-links li a.bt-overview { background: transparent url(../newimages/buttons-top.png) -66px 0 no-repeat; } ul#top-links li a.bt-faq { background: transparent url(../newimages/buttons-top.png) -132px 0 no-repeat; } ul#top-links li a.bt-students { background: transparent url(../newimages/buttons-top.png) -198px 0 no-repeat; } ul#top-links li a.bt-home:hover { background: transparent url(../newimages/buttons-top.png) 0 -29px no-repeat; } ul#top-links li a.bt-overview:hover { background: transparent url(../newimages/buttons-top.png) -66px -29px no-repeat; } ul#top-links li a.bt-faq:hover { background: transparent url(../newimages/buttons-top.png) -132px -29px no-repeat; } ul#top-links li a.bt-students:hover { background: transparent url(../newimages/buttons-top.png) -198px -29px no-repeat; } ul#top-links li a.bt-home-active { background: transparent url(../newimages/buttons-top.png) 0 -58px no-repeat; } ul#top-links li a.bt-overview-active { background: transparent url(../newimages/buttons-top.png) -66px -58px no-repeat; } ul#top-links li a.bt-faq-active { background: transparent url(../newimages/buttons-top.png) -132px -58px no-repeat; } ul#top-links li a.bt-students-active { background: transparent url(../newimages/buttons-top.png) -198px -58px no-repeat; } #content a { color: #5C8DA6; } #content p.warning { color: #b63e30; } #content p.narrow { width: 320px; } #content a#demo { float: right; display: block; width: 77px; height:90px; margin: -60px 0 0 0; text-decoration: none; } #content a#demo span.viewdemo { display: block; width: 90px; height: 14px; margin: 5px 0 0 0; text-indent: -9999px; line-height: .01em; background: transparent url(../newimages/bt.view-demo.png) 0 0 no-repeat; } #content a#demo:link span.viewdemo { background: transparent url(../newimages/bt.view-demo.png) 0 0 no-repeat; } #content a#demo:hover span.viewdemo { background: transparent url(../newimages/bt.view-demo.png) 0 -14px no-repeat; } /*#content p a.leftfloat img { margin: 0 0 5px 0; } #content h3.leftfloattitle { display: block; float: right; width: 310px; }*/ #noflash { display:none; } #sidebar { float: left; width: 240px; margin-left: 5px; } #right-image { width: 240px; height: 327px; } #footer { padding: 14px; } #footer a, #footer span { color: #748752; padding: 3px 8px; font: bold 10px/12px Arial, Helvetica, sans-serif; } #footer img#wacs-logo { float: right; margin: -10px 20px 0 0; } /* Green bar */ /* ************** bottom section (green bar) ************** */ #bottom { background: #748751; height: 140px; margin: 5px 5px 0 0; } #bottom #WACSBadgeAppContent { display:block; width:240px; float:left; margin:0; } #bottom ul { list-style-type: none; padding: 15px 0 10px 0; margin: 0 0 0 -55px; float: left; } #bottom ul li { float: left; width: 115px; text-align: left; margin: 15px 10px 0 0; line-height: 1.2em; color: #f7ecce; } #bottom ul li span { display: block; font-weight: bold; margin: 0 0 8px 0; } * html #bottom ul li { width: 115px; margin-right: 15px; } #click_to_begin { float: left; } #click_to_begin a { display: block; background: transparent url(../newimages/bt.start-wacs.png) 0 0 no-repeat; width: 120px; height: 106px; text-indent: -9999px; margin:15px 65px 0 15px; } #click_to_begin a:hover { background: transparent url(../newimages/bt.start-wacs.png) 0 -106px no-repeat; } * html #click_to_begin a { position: absolute; } /* Page Specific Widgets */ /*** FLOATER LEFT ***/ .floater-left { float: left; width: 120px; } .floater-left > a { display: block; margin: 15px 0 0 0; } .floater-left-data { float: left; width: 280px; } /*** REGISTER INFO ***/ #register-info { background-color: #748751; color: #F7ECCE; clear: both; margin-bottom: -18px; width: 670px; padding: 10px 25px; height: 108px; } #register-info dl { position: relative; } #register-info dl dt { position: absolute; font-weight: bold; width: 145px; top: 10px; } #register-info dl dd { position: absolute; width: 125px; top: 26px; line-height: 1.2; } .col-1 { left: 0; } .col-2 { left: 145px; } .col-3 { left: 290px; } .col-4 { left: 435px; } #register-info a { display: block; background: transparent url(../newimages/register-here.gif) no-repeat 0 0; width: 106px; height: 108px; float: right; overflow: hidden; text-indent: -999px; } /* General tag styling */ #sidebar .sideimage1 { background: transparent url(../newimages/right-image-1.jpg) 100% 0 no-repeat; } #sidebar .sideimage2 { background: transparent url(../newimages/right-image-2.jpg) 100% 0 no-repeat; } #sidebar .sideimage3 { background: transparent url(../newimages/right-image-3.jpg) 100% 0 no-repeat; } #sidebar .sideimage4 { background: transparent url(../newimages/right-image-4.jpg) 100% 0 no-repeat; } #sidebar .sideimage5 { background: transparent url(../newimages/right-image-5.jpg) 100% 0 no-repeat; } #sidebar .sideimage6 { background: transparent url(../newimages/right-image-6.jpg) 100% 0 no-repeat; } #form-assets { height: 30px; width: 100%; clear: both; } a#showhelp, a#editmyaccount, a#deletestudent, a#deleteclass, a#editstudent { display: block; float: left; text-decoration: none; } a#showhelp { background: transparent url(../newimages/bt.why-this-info.png) 0 0 no-repeat; margin: 15px 0 0 0; width: 85px; height: 14px; } a#showhelp:hover { background: transparent url(../newimages/bt.why-this-info.png) 0 -14px no-repeat; } a#deletestudent { background: transparent url(../newimages/bt.delete-student.png) 0 0 no-repeat; width: 87px; height: 14px; margin: 7px; } a#editstudent { background: transparent url(../newimages/bt.edit-student.png) 0 0 no-repeat; width: 87px; height: 14px; margin: 7px 10px; } a#deleteclass { background: transparent url(../newimages/bt.delete-class.png) 0 0 no-repeat; width: 77px; height: 14px; margin: 7px; } a#deletestudent:hover, a#editstudent:hover, a#deleteclass:hover { background-position: 0 -14px; } a#editmyaccount { background: transparent url(../newimages/bt.edit-my-account.png) 0 0 no-repeat; margin: 15px 0 0 0; width: 97px; height: 14px; } a#editmyaccount:hover { background: transparent url(../newimages/bt.edit-my-account.png) 0 -14px no-repeat; } a#viewschoolreport, a#viewdistrictreport, a#viewstatereport, a#addclass, a#addstudent, a#addschool, a#adddistrict, a#editaccount { display: block; float: left; height: 84px; text-decoration: none; margin: 20px 7px 20px 0; } #dashlarge a#viewschoolreport, #dashlarge a#addclass, #dashlarge a#addstudent { margin: 20px 25px 20px 0; } a#viewschoolreport { width: 124px; background: transparent url(../newimages/bt.view-school-report.png) 0 0 no-repeat; } a#viewdistrictreport { width: 124px; background: transparent url(../newimages/bt.view-district-report.png) 0 0 no-repeat; } a#viewstatereport { width: 124px; background: transparent url(../newimages/bt.view-state-report.png) 0 0 no-repeat; } a#addclass { width: 118px; background: transparent url(../newimages/bt.add-class.png) 0 0 no-repeat; } a#addstudent { width: 140px; background: transparent url(../newimages/bt.add-student.png) 0 0 no-repeat; } a#addschool { width: 134px; background: transparent url(../newimages/bt.add-school.png) 0 0 no-repeat; } a#adddistrict { width: 134px; background: transparent url(../newimages/bt.add-district.png) 0 0 no-repeat; } a#editaccount { width: 118px; background: transparent url(../newimages/bt.edit-account.png) 0 0 no-repeat; } a#viewschoolreport:hover, a#viewdistrictreport:hover, a#viewstatereport:hover, a#addclass:hover, a#addstudent:hover, a#addschool:hover, a#adddistrict:hover, a#editaccount:hover { background-position: 0 -84px; } /* Registration Page specific styling */ .form-entry-error { float: right; font-weight: bold; color: #ba3e30; margin: 13px 0 0 0; width: 300px; text-align: left; } #registration h3 span { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #000000; } /* Registration Form styling */ #registrationForm, #registrationStart { padding: 0; } #registration input, #registration select { float: left; border: 1px solid #748752; padding: 2px; font-size: 10px; } #registration input { width: 150px; margin: 11px 150px 10px 0; } #dlmedia #registration #account-data input { float: left; width: 10px; margin: 11px 8px 10px 0; } #registration select { width: 156px; margin: 11px 144px 10px 0; } #registration label { float: left; color: #748752; width: 80px; margin: 11px 0 10px 0; font-size: 10px; font-weight: bold; } #dlmedia #registration #account-data label { display: block; float: left; width: 380px; margin: 4px 0 10px 0; } #dlmedia #registration #account-data label span { display: block; font-weight: normal; } #registration input.withexplanation { margin: 11px 0px 10px 0; } #registration span.explanation { float: right; margin: 11px 0 10px 4px; font-size: 10px; font-weight: bold; color: #748752; line-height: 2em; width: 164px; } .helpwindow { color: #5c8da6; display: none; } .clientvalidation { color: #ba3e30; display: block; } #account-info, #account-data { padding: 15px 0; } #registration .chklist input { width: auto; margin: 12px 5px 7px 5px; } .data-unknown { display: block; float: left; } #account-info .data-unknown.chklist { width: 120px; } #account-data .data-unknown.chklist { width: 75px; } #account-data .data-unknown.chklist label { width: 50px; } #account-info .data-known.chklist { float: left; display: block; width: 285px; } #account-data .data-known.chklist { float: left; display: block; width: 330px; } #account-info .data-known.chklist label { width: 115px; text-align: right; } #account-data .data-known.chklist label { width: 120px; text-align: right; } #account-data .data-known.chklist label.altcol { width: 160px; } .data-other label { width: 30px; text-align: right; } .data-other.chklist input { margin: 12px 12px 7px 5px; } .data-other.chklist input.otherinput { margin: 8px 12px; } .data-other { float: right; clear: both; } #studentRegistrationForm2 #account-next { width: 210px; } fieldset#account-info, fieldset#account-clas { border-top: 1px solid #748752; clear: both; } fieldset#account-clas p { padding: 0 0 5px 0; } fieldset#account-clas .saveadd { border: 0; height: 14px; width: 178px; text-indent: -9999px; cursor: pointer; background: transparent url(../newimages/bt.save-and-add.png) no-repeat 0 0; } fieldset#account-clas .saveadd:hover { background-position: 0 -14px; } fieldset#account-next { width: 140px; float: right; margin: 0 0 -10px 0; } #forgot #registration p { padding: 12px 0 0 0; } #forgot #registration form #account-data { margin: 0; padding: 0; } #forgot #registration fieldset#account-data input { float: none; margin: 5px 0 7px 0; width: 218px; } #forgot #registration fieldset#account-data label { width: 170px; margin: 5px 10px 7px 0; text-align: right; } #forgot #registration fieldset#account-data span.explanation { margin: -5px 10px 0 0; } #login #registration fieldset#account-data { padding-bottom: 0; } #login #registration fieldset#account-data label { text-align: right; width: 50px; padding: 0; margin: 10px 10px 10px 0; } #login #registration fieldset#account-data input { width: 120px; margin: 8px 15px 10px 0; } #login #registration fieldset#account-data span.explanation { display: block; float: left; margin: -10px 0 0 70px; } #login #registration fieldset#account-info { float: right; border: 0; width: 150px; padding: 0 10px 0 0; margin: 0; } #login #registration fieldset#account-info a { display: block; float: right; text-align: right; padding: 20px 8px 30px 0; width: 150px; } #login #registration p { word-spacing: -.1em; padding: 1.4em 0 1em 0; } #registrationStart fieldset#account-next { width: 140px; float: right; text-align: right; margin: 0 0 -10px 0; } fieldset#account-next input.cancel, fieldset#account-next input.done, fieldset#account-next input.next, fieldset#account-next input.save, fieldset#account-next input.back, fieldset#account-next input.ok, fieldset#account-next input.yes, fieldset#account-next input.no, fieldset#account-next input.delete, fieldset#account-next input.start { border: 0; width: 66px; height: 29px; cursor: pointer; margin: 0 2px; text-indent: -9999px; } #forgot fieldset#account-info { border: 0; padding: 0 0 30px 0; } #forgot fieldset#account-info input.enter, #login fieldset#account-info input.enter { float: right; border: 0; width: 64px; height: 14px; cursor: pointer; margin: 0 8px 0 2px; text-indent: -9999px; background: transparent url(../newimages/bt.enter.png) no-repeat 0 0; } #forgot fieldset#account-info input.enter:hover, #login fieldset#account-info input.enter:hover { background-position: 0 -14px; } fieldset#account-next input.cancel { background: transparent url(../newimages/buttons-bottom.png) no-repeat 0 0; } fieldset#account-next input.cancel:hover { background: transparent url(../newimages/buttons-bottom.png) no-repeat 0 -29px; } fieldset#account-next input.done { background: transparent url(../newimages/buttons-bottom.png) no-repeat -66px 0; } fieldset#account-next input.done:hover { background: transparent url(../newimages/buttons-bottom.png) no-repeat -66px -29px; } fieldset#account-next input.next { background: transparent url(../newimages/buttons-bottom.png) no-repeat -132px 0; } fieldset#account-next input.next:hover { background: transparent url(../newimages/buttons-bottom.png) no-repeat -132px -29px; } fieldset#account-next input.save { background: transparent url(../newimages/buttons-bottom.png) no-repeat -198px 0; } fieldset#account-next input.save:hover { background: transparent url(../newimages/buttons-bottom.png) no-repeat -198px -29px; } fieldset#account-next input.back { background: transparent url(../newimages/buttons-bottom.png) no-repeat -264px 0; } fieldset#account-next input.back:hover { background: transparent url(../newimages/buttons-bottom.png) no-repeat -264px -29px; } fieldset#account-next input.ok { background: transparent url(../newimages/buttons-bottom.png) no-repeat -330px 0; } fieldset#account-next input.ok:hover { background: transparent url(../newimages/buttons-bottom.png) no-repeat -330px -29px; } fieldset#account-next input.yes { background: transparent url(../newimages/buttons-bottom.png) no-repeat -396px 0; } fieldset#account-next input.yes:hover { background: transparent url(../newimages/buttons-bottom.png) no-repeat -396px -29px; } fieldset#account-next input.no { background: transparent url(../newimages/buttons-bottom.png) no-repeat -462px 0; } fieldset#account-next input.no:hover { background: transparent url(../newimages/buttons-bottom.png) no-repeat -462px -29px; } fieldset#account-next input.delete { background: transparent url(../newimages/buttons-bottom.png) no-repeat -528px 0; } fieldset#account-next input.delete:hover { background: transparent url(../newimages/buttons-bottom.png) no-repeat -528px -29px; } fieldset#account-next input.start { background: transparent url(../newimages/buttons-bottom.png) no-repeat -330px 0; } fieldset#account-next input.start:hover { background: transparent url(../newimages/buttons-bottom.png) no-repeat -330px -29px; } #content a.ok { float: right; margin: 30px 0 -10px 0; } #registration h4 { color: #ba3e30; margin: 10px 0 0 0; } #registration p.address { margin: 0 0 0 40px; } #registration #assetStateName, #registration #assetDistrictName, #registration #assetSchoolName, .assetStateName, .assetDistrictName, .assetSchoolName { /*display: none;*/ } /* Dev Page specific styling */ #home-page #content, #home-page #sidebar, #overview-page #content, #overview-page #sidebar { margin-bottom: 5px; } #privacy ul#top-links { margin-right: 254px; } /* Privacy Page specific styling */ #privacy #wrapper { padding: 5px; } #privacy #content { width: 655px; } #privacy p, #privacy h3 { margin-left:35px; margin-right:35px; width:585px; } #privacy h2 { margin-right:35px;} #registrationStart { margin-top: 20px; } #registrationStart fieldset#env1, #registrationStart fieldset#env2 { width: 150px; display: block; float: left; text-align: left; } #registrationStart p { font-size: 130%; font-weight: bold; color: #748752; float: left; clear: none; display: block; width: 50px; padding: 75px 0 0 0; margin: 0 20px 50px 35px; } #registrationStart p.clientvalidation{ margin: 5px 15px; padding: 0; font-size: 100%; font-weight: normal; color: #ba3e30; width: 120px;; } #registrationStart fieldset#env1 select, #registrationStart fieldset#env2 select, #registrationStart fieldset#env1 input, #registrationStart fieldset#env2 input, #registrationStart fieldset#env1 label, #registrationStart fieldset#env2 label { margin: 0; width: 10px; } #registrationStart fieldset#env1 label, #registrationStart fieldset#env2 label { cursor: pointer; display: block; } #registrationStart fieldset#env1 input, #registrationStart fieldset#env2 input { margin: 3px 4px 0 0; } #registrationStart fieldset#env1 a { background: transparent url(../newimages/env1.png) no-repeat 5px 0; display: block; width: 75px; height: 75px; cursor: pointer; } #registrationStart fieldset#env2 a { background: transparent url(../newimages/env2.png) no-repeat 10px 0; display: block; width: 115px; height: 75px; cursor: pointer; } #registrationStart fieldset#env1 label, #registrationStart fieldset#env2 label { font-size: 120%; font-weight: bold; margin: 4px 0pt 0pt 4px; width:130px; } #registrationStart fieldset#env1 select, #registrationStart fieldset#env2 select { margin: 10px 0 0 17px; width: 120px; } #env-key { clear: both; margin: 20px 0; display: block; background: #F6F4E2; min-height: 35px; } #env-key a#show-key { background: transparent url(../newimages/show-key.png) no-repeat 50% 50%; width: 68px; height: 15px; display: block; cursor: pointer; text-indent: -9999px; padding: 10px; } #env-key a#show-key.active { background: transparent url(../newimages/hide-key.png) no-repeat 50% 50%; } #env-key #show-key-text { display: none; padding: 0 20px 10px 20px; } #env-key #show-key-text h3 { font-size: 12px; padding: 10px 0 0 10px; margin: 0; } #env-key #show-key-text strong { color: #748751; } #env-key #show-key-text p { width: 95%; padding: 0 10px 10px 10px; font-size: 100%; font-weight: normal; margin: 0; color: #000; } /* fix for round corners on modals */ body#modal { background: transparent; } #modalcorner { background: #25231F; } /* end fix */ #modal h2 { float: none; margin-bottom: 10px; } #modal .explanation { color: #748752; margin: 0 0 0 90px; width: auto; float: left; } #modal form fieldset#account-next { margin: 0; } #modal #registration { background: #fff; padding: 20px 20px 0 20px; } #modal #registration label { width: 100px; } #modal #registration #account-data input, #modal #registration #account-data select { margin: 11px 100px 10px 0; } #modal #registration #account-data input.propalign { display: none; margin-left: 90px; } #modal .cancel, #modal .next { margin-right: 50px; width: 66px; } #modal #addclassform #account-data input { width: 280px; margin: 8px 0 10px 0; } #modal #addclassform .explanation { margin: 0 0 0 100px; } #modal #adddistrictform #account-data, #modal #addschoolform #account-data { padding: 0; } /* FAQ ZONE */ .fq { margin-bottom: 1px; padding: 3px 2px 3px 3em; background-color: #f5edce; letter-spacing: 0px; line-height: 15px; text-indent: -2em; font-size: 12px; font-family: Arial, Helvetica, sans-serif; } .fqs { background-color: #eee3bd; } .fc { margin: 1.5em 1em 1.5em 1em; letter-spacing: 0px; line-height: 14px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } .fh { /*background-position: 0px 0px; background-image: url(../images/btn_arrow_right_filled.png); background-repeat: no-repeat;*/ background-color: #8f9f6f; color: #fcfcfc; cursor: pointer; } .fs { /*background-position: 0px 0px; background-repeat: no-repeat; background-image: url(../images/btn_arrow_down_filled.png);*/ background-color: #748751; color: #ffffff; }