/********** AAttitude Main Stylesheet **********/ /*Common selectors and classes*/ * {padding:0;margin:0;} .alt {position:absolute;left:-3000px;} img {border:0;} li {list-style-type:none;} body {background:url(../images/structure/mainBackground.gif) 100% 0 repeat-x #3c3b3b;font-size:70%;font-family:verdana,helvetica,arial,sans-serif;text-align:center;margin-top:15px;} tr {font-size:70%;font-family:verdana,helvetica,arial,sans-serif;} /*Main containers*/ #wrapper {clear:left;width:770px;margin:0 auto;} #branding {margin:0 auto;width:770px;height:60px;} #branding h1 { background:url(../images/structure/aattitudeLogo.gif) no-repeat; width:185px; height:45px; float:left; font-size: 1px; padding: 0; margin: 0; text-indent: -5000em; overflow: hidden; } #branding h1 a { background:url(../images/structure/aattitudeLogo.gif) no-repeat; width:185px; height:45px; float:left; } #content {position:relative;text-align:left;width:470px;background:url(../images/structure/contentBack.gif);float:left;margin-right:20px;} #content h2 {font-size:2em;font-family:"Trebuchet MS",arial,sans-serif;font-weight:normal;width:470px;height:65px;background:url(../images/headings/quiz6.jpg) no-repeat;} #content h3 {font-size:1.2em;font-weight:bold;padding-top:10px;} #content h2.blank {background:url(../images/headings/headingBackBlank.jpg) no-repeat;} #content h2 span.showMe {position:relative;top:20px;left:20px;} #landing {position:relative;text-align:left;width:470px;background:none;float:left;margin-right:20px;} #landing h2.drivingTruths {background:url(../images/headings/drivingTruthsHeading.jpg) no-repeat;height:220px;margin:3px 0 0 0;padding:0;} #landing h2.startLearning {background:url(../images/headings/startLearningHeading.jpg) no-repeat;height:220px;margin:3px 0 0 0;padding:0;} #landing h2.passingTests {background:url(../images/headings/passingTestHeading.jpg) no-repeat;height:220px;margin:3px 0 0 0;padding:0;} #landing h2.owningCar {background:url(../images/headings/owningCarHeading.jpg) no-repeat;height:220px;margin:3px 0 0 0;padding:0;} #landing h2.gettingReady {background:url(../images/headings/gettingReadyHeading.jpg) no-repeat;height:220px;margin:3px 0 0 0;padding:0;} #landing h2.driverIssues {background:url(../images/headings/driverIssuesHeading.jpg) no-repeat;height:220px;margin:3px 0 0 0;padding:0;} #landing h2.safety {background:url(../images/headings/safetyHeading.jpg) no-repeat;height:220px;margin:3px 0 0 0;padding:0;} #landing h2.learningZone {background:url(../images/headings/learningZoneHeading.jpg) no-repeat;height:220px;margin:3px 0 0 0;padding:0;} #landing h2.teacherZone {background:url(../images/headings/teacherZoneHeading.jpg) no-repeat;height:220px;margin:3px 0 0 0;padding:0;} #innerContent {font-size:1em;padding:0 0 30px 20px;width:430px;} #innerContent p {padding:5px 0;line-height:1.4em;} .godknows {} #innerContent h3 {font-size:1.2em;color:#333;padding:15px 0 0 0;} #innerContent h4 {font-size:1.2em;color:#666;padding:15px 0 0 0;} #innerContent a:link, #innerContent a:visited, .greylink {font-weight:bold;color:#666;text-decoration:none;} #innerContent a:hover, .greylink {text-decoration:underline;} ul.contentList {padding:6px 0 6px 25px;} ul.contentList li {padding:0;list-style-type:disc;line-height:1.675em;} ol.contentList {padding:6px 0 6px 25px;} ol.contentList li {padding:0;list-style-type:decimal;line-height:1.675em;} #innerContent dt {font-size:1.2em;font-weight:bold;padding-top:10px;} #teacherintroText {float:left;width:450px;position:relative;top:10px;height:180px;} #teacherintroText h3 {color:#FFCC00;font-weight:normal;font-size:1.3em;} #teacherintroText p {font-size:1em;color:#fff;padding:4px 0;} /*Breakout quote boxes for content pages*/ .breakoutBoxRight {padding:5px 10px;background:#fff0b2;width:180px;float:right;margin:10px 0 10px 15px;} .breakoutBoxLeft {padding:5px 10px;background:#fff0b2;width:180px;float:left;margin:10px 15px 10px 0;} blockquote {font-weight:bold;line-height:1.4em;padding-bottom:3px;} /*Content page image handling*/ img.leftImage {float:left;margin:0 15px 10px 0;} img.rightImage {float:right;margin:0 0 10px 20px;} /*Landing page boxes*/ #linkPanels li {width:230px;float:left;} .panel1,.panel3 {margin:0 10px 10px 0;} .panel2,.panel4 {margin:0 0 10px 0;} #linkPanels li a:link, #linkPanels li a:visited {display:block;width:228px;min-height:120px;border:1px solid #fff;background:#fff;color:#000; text-decoration:none;} #linkPanels li a:hover {border:1px solid #FFCC00;text-decoration:underline;} #linkPanels li a span {display:block;margin:5px;} /*Navigation structures*/ .navigation {padding:15px 0 0 0;} .navigation li {float:left;list-style-type:none;font-size:0.9em;border-right:2px solid #fff;} .navigation li.last {border-right:0px;} .navigation li.last a:link, .navigation li.last a:visited {margin-right:0px;} .navigation li a:link, .navigation li a:visited {color:#000;text-decoration:none;display:block;margin:0 6px;background:#ffcc00;} .navigation li a:hover {text-decoration:underline;color:#CC3300;} .navigation li a.selected {font-weight:bold;} #subNavigation ul { margin:20px 0 0 0; padding: 0; } html>body #subNavigation ul { margin:33px 0 0 0; padding: 0; } #subNavigation li {cursor:hand;display:block;width:140px;background:url(../images/structure/subNavBackDull.gif) no-repeat;text-decoration:none;color:#000;padding:0;margin:0} #subNavigation li a:link, #subNavigation li a:visited {cursor:hand;display:block;width:140px;background:url(../images/structure/subNavBackDull.gif);text-decoration:none;color:#000;padding:0;margin:0} #subNavigation li a:hover {text-decoration:underline;color:#CC3300;background:url(../images/structure/subNavBackDull.gif)} #subNavigation li a.lit:link, #subNavigation li a.lit:visited {background:url(../images/structure/subNavBackLit.gif) no-repeat} #subNavigation li.lit {background:url(../images/structure/subNavBackLit.gif) no-repeat} #subNavigation ul#secondLevel li a.lit:link, #subNavigation ul#secondLevel li a.lit:visited {background:url(../images/structure/subNavSecBackLit.gif) no-repeat;} #subNavigation ul#secondLevel li.lit {background:url(../images/structure/subNavSecBackLit.gif) no-repeat;} #subNavigation ul#secondLevel {padding:0;margin:0} #subNavigation ul#secondLevel li a {background:url(../images/structure/subNavBackNested.gif) no-repeat;} #subNavigation ul#secondLevel li {background:url(../images/structure/subNavBackNested.gif) no-repeat;} #subNavigation ul#secondLevel li.secondlevel {background:url(../images/structure/subNavBackNested.gif) no-repeat;} #subNavigation ul#secondLevel li a span {padding:4px 10px 4px 33px} #subNavigation li.lit {background:url(../images/structure/subNavBackLit.gif) no-repeat;} #subNavigation li a.down:link, #subNavigation li a.down:hover, #subNavigation li a.down:visited {background:url(../images/structure/subNavBackLitDown.gif)} #subNavigation li.down {background:url(../images/structure/subNavBackLitDown.gif)} #subNavigation li a span {display:block;padding:4px 5px 4px 25px} #subNavBase { position:relative; display:block; width:140px; height:118px; background:url(../images/structure/subNavRegistered.gif) no-repeat; } #subNavigation a.register, #subNavigation p.register { display:block; width:140px; height:118px; background:url(../images/structure/subNavRegister.gif) no-repeat; } #subNavigationnone { width:140px; float:left; text-align:left; background:url(../images/structure/subNavTopNone.gif) no-repeat; margin: 0 20px 0 0; } #subNavigationNoLinks { display:block; width:140px; height:117px; background:url(../images/structure/subNavNoLinks.gif) no-repeat; } #subNavigationnone a.register, #subNavigationnone p.register { display:block; width:140px; height:118px; background:url(../images/structure/subNavRegisterNone.gif) no-repeat; } #subNavigation { width: 140px; float: left; text-align: left; background: url(../images/structure/subNavTop.gif) no-repeat; margin: 0 20px 0 0; } #subNavigation a.registered { display:block; width:137px; height:43px; background:url(../images/structure/alreadyRegistered.gif) no-repeat; position:relative; } #subNavigation p.registered { width:137px; height:43px; background: url(../images/structure/alreadyRegistered.gif) no-repeat; position:relative; margin:12px 0 0 1px; } #subNavigationnone a.registered { display:block; width:137px; height:43px; background:url(../images/structure/alreadyRegistered.gif) no-repeat; position:relative; } #subNavigationnone p.registered { width:137px; height:43px; background: url(../images/structure/alreadyRegistered.gif) no-repeat; position:relative; margin:12px 0 0 1px; } #subNavigation p.loggedIn { position:relative; display:block; width:140px; height:118px; background:url(../images/structure/subNavRegistered.gif) no-repeat; } #subNavigation p.loggedIn span { position:absolute; bottom:25px; display:block; width:120px; padding:10px 0 0 10px; } #subNavigation p.loggedIn a:link, #subNavigation p.loggedIn a:visited { color:#000; text-decoration:none; } #subNavigation p.loggedIn a:hover { color:#CC3300; text-decoration:underline; } #subNavigation a.logout { display:block; width:140px; height:118px; background:url(../images/structure/subNavLogout.gif) no-repeat; } ul.utilityNavigation {clear:left;width:770px;padding:20px 0;} ul.utilityNavigation li {float:left;list-style-type:none;margin-right:20px;} ul.utilityNavigation li a:link, ul.utilityNavigation li a:visited {color:#fff;text-decoration:none;font-size:0.8em;} ul.utilityNavigation li a:hover {text-decoration:underline;} /*footer advert*/ div#footeradbanner {text-align:center; clear:left; margin-bottom:0px;} div#footeradbanner a {display:block; margin:0 auto 0 auto; } /*Specific form elements - quiz ID may need to be dynamic*/ form#quiz6 {font-size:1.05em;padding:20px 0 50px 20px;} form#quiz6 p {padding:0 0 10px 0;} form#quiz6 li {padding:5px 0;} form#quiz6 input {margin-right:10px;} p.quiz {padding:0 0 0 20px; font-size:11px; width:400px;} td {font-size:1.5em;} label {margin:0; float:left; padding-bottom:0; height:20px; line-height: 150%; width:90%;} input.radio {float:left; margin:0; height:20px;} .checkButton {height:38px;position:absolute;right:-4px;bottom:-1px; margin:0; padding:0;} .checkButtonleft {height:38px;position:absolute;left:7px;bottom:-1px;} .cl {clear:both;} .radioanswer {float:left;} .answer {float:left;} .picanswer {float:left; overflow:auto; height:80px;} /* CHECKBUTTON CODE GOES IN HERE */ /*Right hand tiles*/ #tiles {color:#fff;width:120px;float:left;text-align:left;margin-top:50px;} #tiles h3 {width:100px;font-size:1.1em;position:relative;left:10px;} #tiles p {width:100px;font-size:1em;position:relative;left:10px;} #tiles a:link, #tiles a:visited {color:#fff;font-weight:bold;text-decoration:none;} #lessontiles {color:#fff;width:120px;float:left;text-align:left;margin-top:10px;} #lessontiles h3 {width:100px;font-size:0.9em;position:relative;left:10px;} #lessontiles p {width:100px;font-size:0.9em;position:relative;left:10px;} #lessontiles a:link, #tiles a:visited {color:#fff;font-weight:bold;text-decoration:none;} #freeLessons {background:url(../images/structure/lessonsBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #tips {background:url(../images/structure/tipsSideBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #opinion {background:url(../images/structure/voiceBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #safetyQuiz {background:url(../images/structure/safetySideBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #askInstructor {background:url(../images/structure/askSideBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #motoristQuiz {background:url(../images/structure/motorQuizSideBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #faqs {background:url(../images/structure/voiceBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #contactus {background:url(../images/structure/contactBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #media {background:url(../images/structure/mediaBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #costs {background:url(../images/structure/costsBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #roadworthy {background:url(../images/structure/roadworthyBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #upyourstreet {background:url(../images/structure/upyourstreetBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #world {background:url(../images/structure/worldBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #resources {background:url(../images/structure/resourcesBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #lessons {background:url(../images/structure/lessonsSideBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #teacher {background:url(../images/structure/lessonsSideBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #accidents {background:url(../images/structure/causesAccidentsSideBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #theoryQuiz {background:url(../images/structure/theoryTestSideBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #bling {background:url(../images/structure/blingBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #chooseInstructor {background:url(../images/structure/chooseInstructorSideBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #streetAware {background:url(../images/structure/streetAwareSideBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #chooseCar {background:url(../images/structure/chooseCarSideBack.gif) no-repeat;padding:70px 0 10px 0;margin-bottom:20px;} #aads a {float:right;display:block;position:absolute;right:0;bottom:20px;width:29px;height:128px;} #bookLesson a {display:block;position:absolute;left:0;bottom:20px;width:35px;height:243px;} .leftCol {border-top: 1px #ccc solid;width: 62%;float: left;} .rightCol {border-top: 1px #ccc solid;margin-left: 3%;width: 34%;float: left;} .clear {clear: both;} div.phase {background:url(../images/structure/phaseArrows.jpg) no-repeat bottom #fff5cc;padding:0 10px 60px 10px;width:400px;} div.phaseEnd {background:url(../images/structure/phaseEnd.jpg) no-repeat bottom #fff5cc;padding:0 10px 60px 10px;width:400px;} div.textbox {background:url(../images/structure/phaseEnd.jpg) no-repeat bottom #fff5cc; padding:0 10px 60px 10px; margin-bottom:-50px;width:400px;} a#pseudoButton {display:block;font-weight:bold;font-size:1.2em;padding:10px 0 0 20px;margin:0;color:#000;width:250px;height:40px;background:url(../images/structure/buttonBack.gif) no-repeat;} a.pseudoButton {display:block;font-weight:bold;font-size:1.2em;padding:10px 0 0 20px;margin:0;color:#000;width:250px;height:40px;background:url(../images/structure/buttonBack.gif) no-repeat;} a#teacherButton {display:block;text-decoration:none;font-size:1em;padding:5px 0 0 10px;margin:0;color:#000;width:380px;height:53px;background:url(../images/structure/teacherbuttonBack.gif) no-repeat;} a.teacherButton {display:block;text-decoration:none; font-size:1em;padding:5px 0 0 10px;margin:0;color:#000;width:380px;height:53px;background:url(../images/structure/teacherbuttonBack.gif) no-repeat;} #costTable {border:1px solid #666;font-size:1.4em} #costTable td {padding:3px; font-size:100%} #costTable td.desc {background:#FFCC00;font-weight:bold;} #costTable td.cost {background:#e1e1e1;} /*Forms*/ #innerContent form.noquiz label {display:block;float:left;width:160px} #innerContent form.noquiz input, #innerContent form.noquiz select, #innerContent form.noquiz textarea {font: normal 1em verdana,helvetica,arial,sans-serif} #innerContent form.noquiz input {padding:1px} #innerContent form p {clear:left;} #innerContent p#pseudoButton {background:url(../images/structure/buttonBack.gif) no-repeat; margin:0; padding-top:5px; display:block} #innerContent a.Button {display:block;font-weight:bold;font-size:1.2em;padding:5px 0 0 20px;margin:0;color:#000;width:250px;height:40px;} form#competition {padding:0; margin:0;} form#competition input {float:left;} form#competition label {float:left; width:200px; font-size:11px;} form#competition label.radioquestion {float:left; width:380px; margin:0 0 0 5px;} .cl {clear:both; font-size:0.5em; margin:0; padding:0:} form#competition p.radiolabel {width:200px; margin:0; padding:0; float:left; font-size:11px;} form#competition label.radio {width:50px; margin:0; padding:0 0 0 5px;} form#competition label.fullwidth {float:left; width:90%; display:block; height:80px;} form#competition select.birth {width:40px;} form#competition select.month {width:100px;} form#competition select.year {width:60px;} form#competition input.cbox {float:left; width:20px; float:left; margin:0; padding:0; } form#vote p { line-height: 150%; } form#vote label { margin-top: 2px; width: 20em; } form#vote input.radio { float:left; width: 30px; } form#vote .voteResult { width: 4em; float: left; margin: 2px 0 0 0; } form#vote .voteLeft { float: left; width: 4em; } .clearfix { clear: both; } #contactError { color: #cc0000; margin-bottom: 2em; } form#contact { } #gameContent {text-align:left;} a.backPassingTests { display:block; width:306px; height:24px; margin-top:10px 0; background:url(../images/games/backPassingTests.gif) no-repeat; } a.backLearningZone { display:block; width:450px; height:24px; margin-top:10px 0; background:url(../images/games/backLearningZone.gif) no-repeat;} a.backBling { display:block; width:450px; height:24px; margin:10px 0; background: url(../images/games/backBlank.gif) no-repeat; } /*---------------------------------NEW STYLES FOR SEND TO A FRIEND FORM--------*/ #div50Width{ float:left; width:48%; margin:3px; }