.cheeseit { border:1px solid #f0f; } /*testing to give a border*/ body {font-family: Arial, Helvetica, sans-serif; margin: 0px; background: url(images/backgroundtl.gif) top left;} .bold { font-weight: bold;} .italic { font-style:italic;} .centre {text-align: center;} .underline {text-decoration: underline; } .forcebox { clear: both;} .right {text-align: right;} .floatright {float: right;} .floatleft {float: left;} .clear1 {clear: both; height: 0; } .background {margin: 0px auto;} .hide {display: none;} .rqd {color: #F45722; font-size: 1.3em; font-weight: bold; } .smalltext {font-size: 0.9em;} .rqd {color: #F45722; font-size: 1.3em; font-weight: bold; } .rqdarrow { background: url(images/reqdarrow.gif) left no-repeat; padding: 2px 0 2px 23px; } .homelink {background: url (images/homelink_trans.gif); border:0px solid red;} /* =COMMON-STUFF --------------------------------------------------------------------------------------------------------*/ /* =Basic-Links --------------------------------------------------------------------------------------------------------*/ a {text-decoration: underline; color: #0066CC; font-family: Arial, Helvetica, sans-serif; } a:hover{color: #FF6347; font-family: Arial, Helvetica, sans-serif;} /* =Error-messages --------------------------------------------------------------------------------------------------------*/ .error1 {color: #BE0004; background-color: #FFE4E1; } .error2 {color: #BE0004; font-weight: normal; display: block; text-align: left; margin: 5px; line-height: 1.5em; padding-left: 20px; background: url(images/exclamation_1.gif) no-repeat #FFE4E1; background-position: top left;} /* =accessibility-page --------------------------------------------------------------------------------------------------------*/ .accessibility {padding:0 20px;} .accessibility h2 { font-size:2.2em} .accessibility h3 { font-size:2em; color:#333;} .content2 .accessibility h4 { font-size:1.3em; text-align:left; color:#333;} .accessibility h5 { font-size:1.2em; color:#333;} .accessibility p, .accessibility ul, .accessibility ol { color:#555;} table.accessibilityAccessKeys { border-collapse: collapse;} table.accessibilityAccessKeys tr th.col1 { width:25%; border-bottom:2px solid #666; text-align:left; padding:10px 8px; } table.accessibilityAccessKeys tr th.col2 { width:75%; border-bottom:2px solid #666; text-align:left; padding:10px 8px; } table.accessibilityAccessKeys tr td { border-bottom:1px solid #ccc; padding:6px 8px; } .accessibility ul {padding:0;margin:0 0 1em 0; list-style:none;} .accessibilityFF img, .accessibilityIE img { display: block; margin-left: auto; margin-right: auto } /* =Common-Buttons --------------------------------------------------------------------------------------------------------*/ .mainbutton5dkbg { white-space: nowrap; display: block; background: url(images/button_plain_right_darkbg.gif) right no-repeat; text-decoration: none; padding: 5px 0 5px 5px; color: #006838;} .mainbutton5dkbg:hover {text-decoration: none; color: red;} .mainbutton5dkbg .textalign { text-align:center; display: block; padding: 4px 35px 4px 23px; font-weight: bold; font-size: 1.1em;} .mainbutton5, .mainbutton6, .arrowsleft, .mainbutton2, .mainbutton2dksm, .mainbutton2dk, .mainbutton4, .mainbutton2left, .mainbuttonSave, .mainbuttonJourney, .mainbuttonBike, .mainbuttonDelete, .mainbuttonPrint, .mainbuttonPurple {_display:block; _width:1%; font-size: 1.1em; border:1px solid #afc44f; white-space:nowrap; font-weight: bold; background: url(images/btn_green_forward.gif) 0 0 no-repeat; text-decoration: none; line-height:1.1em; padding: 5px 20px 5px 45px; color: #fff;} ul.mainbutton5, ul.mainbutton6, ul.arrowsleft, ul.mainbutton2 , ul.mainbutton2dksm, ul.mainbutton2dk, ul.mainbutton4, ul.mainbutton2left, .mainbuttonSave, .mainbuttonJourney, .mainbuttonBike, .mainbuttonDelete, .mainbuttonPrint, .mainbuttonPurple {*display:block;} .mainbuttonSave {border:1px solid #1786b0;} .mainbuttonJourney {border:1px solid #0b204a;} .mainbuttonBike {border:1px solid #cf7e06;} .mainbuttonDelete {border:1px solid #8b1a19;} .mainbuttonPrint, .mainbuttonPurple {border:1px solid #5a184a;} .mainbutton5 { background: url(images/btn_green_down.gif) 0 0 no-repeat;} .mainbutton6 { background: url(images/btn_green_delete.gif) 0 0 no-repeat;} .mainbutton2left {background: url(images/btn_green_back.gif) 0 0 no-repeat;} .mainbutton2 {background: url(images/btn_green_forward.gif) 0 0 no-repeat;} .arrowsleft {background: url(images/btn_green_back.gif) 0 0 no-repeat;} .mainbuttonSave {background: url(images/btn_lightBlue_plus.gif) 0 0 no-repeat;} .mainbuttonJourney {background: url(images/btn_darkBlue_journey.gif) 0 0 no-repeat;} .mainbuttonBike {background: url(images/btn_orange_bike.gif) 0 0 no-repeat;} .mainbuttonDelete {background: url(images/btn_red_delete.gif) 0 0 no-repeat;} .mainbuttonPrint {background: url(images/btn_purple_print.gif) 0 0 no-repeat;} .mainbuttonPurple {background: url(images/btn_purple_arrow.gif) 0 0 no-repeat;} .mainbuttonotherDelete {width: 100px; height: 27px; display: block; float: right; background: url(images/btn_red_delete.gif) 0 0 no-repeat; border:1px solid #8b1a19; text-decoration: none; color: #ffffff; position: relative; } .mainbuttonotherDelete span{ position: absolute; left: 35px; top: 3px;} .arrowsleft:hover, .mainbutton5:hover, .mainbutton6:hover .textalign, .mainbutton2:hover, .mainbutton2dksm:hover, .mainbutton2dk:hover, .mainbutton4:hover, .mainbutton2left:hover {color: #556215;} .mainbuttonSave:hover {color:#0c495a;} .mainbuttonJourney:hover {color:#48b5e2;} .mainbuttonBike:hover {color:#694003;} .mainbuttonDelete:hover {color:#510f0f;} .mainbuttonPrint:hover, .mainbuttonPurple:hover {color:#4f1341;} .resultsfilters .mainbutton6 { margin-top: 12px; background: url(images/btn_green_down.gif) 0 0 no-repeat; padding: 5px 20px 5px 45px;color:#fff;float:right;} a.viewProvidersDetails {float:left; clear:left; } .savedpathwaysbuttons .mainbutton6 {*float:left;} .savedpathwaysbuttons .mainbutton2left {*float:left;} .savedpathwaysbuttons { height:1% } .savedpathwaysbuttons .mainbutton2, .savedpathwaysbuttons .mainbuttonSave {*float:left;} .arrowup { background: url(images/button_arrow_up.gif) left no-repeat; padding-left: 20px; } .arrowdown { background: url(images/button_arrow_down.gif) left no-repeat; padding-left: 20px;} .arrowdownblackbg { background: url(images/button_arrow_down.gif) left no-repeat; padding-left: 20px; color: #FFF;} .arrowsleftdk {padding-left: 20px; color: #FFF; padding-top: 1px; padding-bottom: 1px; border: 0px solid red; background-image: url(images/button_arrows_left_dk.gif); background-repeat: no-repeat; } .arrowsleftdk a:link {color: #FFF;} .arrowsleftdk .textalign {color: #FFF;} .arrowsright {padding-right: 20px; background-image: url(images/button_arrows_right.gif); background-repeat: no-repeat; background-position: right; } .modelpopUpOtions ul { list-style:none; float:left; clear:left; width:100%; padding:0; margin:10px 0 0 0; text-align:center; } .modelpopUpOtions ul li { float:left; clear:left; padding:0; margin:5px 0; text-align:center; } .modelpopUpOtions ul li a { display:block; } /* ==================== Background DIVs for expandable image ==================== removed by boycey 06-09 .backgroundtl {} .backgroundtr { background: url(images/backgroundtr.gif) top right no-repeat;} .backgroundbl { background: url(images/backgroundbl.gif) bottom left no-repeat;} .backgroundbr { background: url(images/backgroundbr.gif) bottom right no-repeat;} */ /* =Overall-Container-DIV --------------------------------------------------------------------------------------------------------*/ .container { border: 0px red solid; width: 970px; color: #333; margin: 0 auto 0; text-align: left; } /* =Header --------------------------------------------------------------------------------------------------------*/ .top {padding: 0; height: 140px; background-repeat: no-repeat;} .headerlinks {position:absolute; top:4px; left:10px; color:#fff; white-space:nowrap;} .headerlinks a {float:left; text-align:center; padding:0; white-space:nowrap;} .headerlinks a:link {float:left; text-align:center; padding:0; white-space:nowrap;} .headerlinks a:visited {float:left; text-align:center; padding:0; white-space:nowrap;} .headerlinks a:hover{float:left; text-align:center; padding:0; white-space:nowrap;} .headerlinks a:active {float:left; text-align:center; padding:0; white-space:nowrap;} .myaccount {position:absolute; top:4px; left:120px; color:White; white-space:nowrap;} .londonAcademicYearHolder {position:relative} .londonAcademicYearHolder select {z-index: 9999; font-size: 0.8em; position: absolute; left:725px;} .homepagelogo { float: left; text-align: left; margin: 0;} .homepagelogo, .homepagelogostrapline { display:block; padding:0; margin:0; text-indent:-10000px;} .homepagelogo { float:left; width:358px; height:130px; background: transparent url(images/header_logo.gif) 0 0 no-repeat; } .homepagelogostrapline { float:right; width:538px; height:130px; margin-left:74px; background: transparent url(images/header_strapline.gif) 0 0 no-repeat; } /* =Header-Left-Area-containing-links-only-available-to-screen-reader --------------------------------------------------------------------------------------------------------*/ .headerleftarea ul { position: absolute; left: -999px;} /* =Tabs --------------------------------------------------------------------------------------------------------*/ #tabs{ float:left; width: 970px; padding-top: 0px; *padding-top: 10px; font-size: 0.8em; margin-top: -28px; *margin-top:-37px; _padding-bottom: 10px; } #tabs ul { margin: 5px 0 0 0; *margin: 15px 0 0 0; padding: 0 0 0 0; list-style:none; border: 0px red solid; } #tabs li { display: inline; margin: 0; padding: 0; border: 0px red solid; } #tabs a { float:left; background:url("images/left_both.gif") no-repeat left top; margin:0; padding: 0 0px 0 8px; text-decoration:none; white-space:nowrap; border-right: 0px #DED7DE solid; } #tabs a span { float:left; display:block; background:url("images/right_both.gif") no-repeat right top; padding:4px 9px 3px 0px; font-weight: bold; color:#b7d31b; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs a span {float:none;} /* End IE5-Mac hack */ #tabs a:hover span {color:#b7d31b;} #tabs a.current { background-position:0% -150px; border-width:0; } #tabs a.current span { background-position:100% -150px; color:#b7d31b; } #tabs a:hover {background-position:0% -150px;} #tabs a:hover span {background-position:100% -150px;} .helptab {border: 0px solid yellow; display: block; float: right; } a.readerlink1:link , a.readerlink1:visited , a.readerlink1:hover , a.readerlink1:active {border: 0px solid red; padding-left: 15px; display: inline-block; background: url(images/reader_02.gif) no-repeat; *background: url(images/reader_02.gif) no-repeat 0 7px;} a.readerlink2:link , a.readerlink2:visited , a.readerlink2:hover , a.readerlink2:active {border: 0px solid red; padding-left: 15px; display: inline-block; background: url(images/reader_02_off.gif) no-repeat; *background: url(images/reader_02.gif) no-repeat 0 7px;} /* =Right Area --------------------------------------------------------------------------------------------------------*/ .rightnav { margin: 0px 0px 0px 0px; float: left; width: 365px; border: 0px solid red; } .rightnavarea { margin: 10px 0px 0px 0px; padding-bottom: 10px; width: 365px; background-color: #000; color: #FFF; border: 0px solid red; background: url(images/texture_bg_365.gif);} .rightnavcontent { background: url(images/bg_greytrans_01.png); padding: 5px; border: 0px solid red;} .rightnav h2 { position: absolute; left: -999px;} .rightnav p { padding-left: 0px;} a.streetlink { color: #abc519 } a.streetlink:hover { color: red } .rightnav2 { margin: 0px; float: right; width: 180px; padding-top: 170px;} .youarehere { padding: 0px; background: url(images/bg_semitrans_white.gif); border: 0px solid #cecdcd; margin-left: 0px;} .locationsearchpanel {background: #333333; padding: 1px 5px 20px 5px;} .locationsearchpanel a.mainbutton2left, .locationsearchpanel a.mainbutton2left span, .locationsearchpanel a.mainbutton2left {display:block; width:60px; _width:1%; cursor:pointer;} .locationsearcherror { display: block; color: #FFF; font-weight: bold; background-color: #fc8803; padding: 3px; text-align: center; margin-bottom: 10px;} .ortext2 {float:left; height:1%; font-weight:bold; clear:both; width:340px; margin-top:10px} .locationsearchpanelPostcode { height:1%; float:left; } .locationsearchtext { float:left; clear:right;width:340px;} .locationsearchoption { float:left; clear:left; margin: 5px 15px 0 0 ; width:180px;} .locationsearchbutton { float:right; margin-right:7px} .locationsearchpanel .bold span { display:block; margin:10px 0 ;} .locationsearchpanel a.mainbutton6 { display:block; width:10em; margin:5px auto; background-color:#B7D333; } ul.othertools {border: 0px solid red; float: left; width: 370px; margin: 0px 0px 10px 20px; *margin: 0px 0px 0px 20px; padding: 0; font-weight: bold; list-style: none;} ul.othertools li {border: 0px solid yellow; margin: 8px 0px; padding: 0; } ul.othertools a {color: #FFF; text-decoration: none; background: url(images/toolslist.gif) no-repeat left; padding: 5px 0 5px 20px;} ul.othertools li a:hover {color: red;} ul.othertools h2 { position: absolute; left: -999px;} /* =Home --------------------------------------------------------------------------------------------------------*/ /* =Limited-Left-Area-01 : Home page --------------------------------------------------------------------------------------------------------*/ .limitleftarea01 { margin-left: 25px; margin-top: 20px; float: left; width: 550px; padding-top: 90px; border: 0px red solid; background: url(images/london_txtheading_prospectushome.gif) no-repeat; } .limitleftarea01 h2 {display: none; } ul.largehomebuttons {margin: 0px 0 0 0px; list-style: none; border: 0px green solid; padding: 0px;} .largehomebuttons li {float: left; margin-bottom: 10px; padding: 0px; border: 0px red solid; display: inline-block;} ul.largesearchbuttons {margin: 0px 0 0 0px; list-style: none; border: 0px green solid; padding: 0px;} .largesearchbuttons li {float: left; margin-bottom: 10px; padding: 0px; border: 0px red solid; display: inline-block;} ul.homemainlinks { margin: 0px 0 0 0px; list-style: none; padding: 0px; } .homemainlinks li { border: 0px solid red; float: left; margin-bottom: 0px; padding: 0px; display: inline-block; } .homebox { padding: 0px; width: 506px; margin: 0px; } .homeboxformat { margin: 0; padding: 15px 10px 0 0px; height: 115px; background: url(images/home_btn_bg_courses.jpg) 0 0 no-repeat; } .homeboxformat a {display: block; margin-bottom: 16px; padding: 60px 0 0 250px; background: url(images/home_btn_arrow.gif) right 0px no-repeat; text-decoration: none; } .homeboxformat a.courses { } .homeboxformat a h3 { font-size:0.75em; font-weight:normal; color:#000; background-color:#fff; } .homeboxformat a:hover { background: url(images/home_btn_arrow.gif) right -350px no-repeat;} .homeboxformat a:hover h3 { color:#f6921e; } .homeboxformat2 { background: url(images/home_btn_bg_careers.jpg) 0 0 no-repeat; } .homeboxformat2 a:hover h3 { color:#b7d333; } .homeboxformat a p { font-size: 80%; padding: 85px 10px 0px 240px; width: 220px; } .homeboxformat a:visited p { font-size: 1em; padding: 85px 10px 0px 240px; } .hometexturebg { background: url(images/texture_bg_550.gif) 3px 0; padding: 20px; padding-bottom: 10px; _padding: 20px; _padding-bottom: 0px; width: 515px; } .blacktop { background: #222326; _z-index: 1; height: 34px; line-height: 30px; } .regtext { margin-top: 50px; margin-bottom: 10px; color: #f00; font-weight: bold; } .regtext ul { padding: 0; margin: 0; } .regtext ul li { list-style: none; padding: 5px 0; color: Red; } .homeQuickSearch { width:470px; text-align:center; padding:75px 20px 10px 20px; background:#fff url(images/home_find_courses.jpg) top center no-repeat;} .homeQuickSearchAlert { float:left;} .homeQuickSearchAlert span {color:#f00; text-align:center; font-weight:bold; } /*.homeQuickSearchAlert span {display:block; color:#f00; padding:5px 0; margin-bottom:5px; background:#FFFFCC; border:1px solid #FFCC99; text-align:center; font-weight:bold; width:15em; margin-left:auto; margin-right:auto;}*/ .homeQuickSearch h3 { position:absolute; left:-10000px;} .content2 .homeQuickSearch p, .homeQuickSearch ul { display:block; margin:0 0 0.5em 0;} .homeQuickSearch ul { border:0; padding:0; margin-bottom:15px; } .homeQuickSearch li { text-align:left; margin: 1px 0; padding:0 0 0 15px; list-style:none; background: url('images/purple_li.png') no-repeat left 3px; } .homeQuickSearch label { text-align:left; float:left; width:5em; _width:3em; font-weight:bold; clear:both; display:block; margin:0 0 5px 0; padding:0; } .homeQuickSearch input, .homeQuickSearch select {float:left; clear:both; width:180px; *width:188px; margin:0 0 10px 0; _margin-bottom:0; padding:5px; *padding:0; background: url (images/text_field_shaddows.gif) left top no-repeat;} .homeQuickSearch input {_margin-bottom:10px;} .homeQuickSearch select {width:190px; margin-bottom:5px; } .homeQuickSearch a.submit { cursor:pointer; display:block; background: url(images/btn_green_forward_small.gif) 0 0 no-repeat; float:left; text-indent:-10000px; width:59px; height:31px; margin-left:auto; margin-right:auto; margin-top:1.7em; margin-bottom:0;} .homeQuickSearchQuestion {float:left; margin-right:1em; margin-top:0.5em;} .homecoursesnow {float: right; margin-left: 20px; margin-bottom: 20px; width: 360px; display: inline;} .homecoursesnow h3 {display:block; margin:0; margin-bottom:10px; width:310px; height:36px; background: url(images/home_whatshot-courses.gif) left bottom no-repeat; text-indent:-100000px;} .homecoursesnow p {height:1%} .homecoursesnow p.choosemonth {display:block; clear:both; margin:0; margin-bottom:1em; width:305px; height:13px; background: url(images/home_whatshot-choosemonth.gif) left bottom no-repeat; text-indent:-100000px;} .homecoursesnow select { float:left; margin-top:5px; margin-right:10px;} .homecoursesnow a.submit { float:left; cursor:pointer; display:block; background: url(images/btn_green_forward_small.gif) 0 0 no-repeat; text-indent:-10000px; width:59px; height:31px; margin-bottom:0;} /* =Limited-Left-Area-02 : Searches page --------------------------------------------------------------------------------------------------------*/ .limitleftarea02 { width: 575px; padding-top: 50px; padding-left: 0px; } .limitleftarea02 h2 {display: none; } /* =Courses --------------------------------------------------------------------------------------------------------*/ .box2 { background: url(images/searchbuttonarea.gif) no-repeat left top; padding: 0px; width: 520px; margin: 0px; border: 0px yellow solid;} .box2format { margin: 0; padding: 0px; border: 0px black solid;} .box2format a {background-color: transparent; padding: 7px 8px 0 0; *padding:7px 8px 0 0; display: block; min-height: 102px; text-decoration: none; color: Black; border: 0px white solid; _width: 520px;} .box2format a.subjects {background: url(images/bg_subject.jpg) no-repeat 5px 5px;} .box2format a.subjects:hover p {color:#b7d333;} .box2format a.keyword {background: url(images/bg_keyword.jpg) no-repeat 5px 5px;} .box2format a.keyword:hover p {color:#f6921e;} .box2format a.provider {background: url(images/bg_provider.jpg) no-repeat 5px 5px;} .box2format a.provider:hover p {color:#D8127B;} .box2format a:link h3 { position: absolute; left: -999px;} .box2format a:visited h3 { position: absolute; left: -999px;} .box2format a p {background: url(images/home_btn_arrow.gif) right 0px no-repeat;} .box2format a:hover p {background: url(images/home_btn_arrow.gif) right -350px no-repeat;} .box2format a:link p {font-size: 1em; border: 0px solid red; padding: 65px 10px 0px 240px; } .box2format a:visited p {font-size: 1em; border: 0px solid red; padding: 65px 10px 0px 240px; } .box2format a:link p span {display:block; background:#fff} h3.whatsHot {display: block; padding:15px; margin:0 !important; padding:0; background:url(images/whatshot.gif) 15px 15px no-repeat; width:177px; height:35px; text-indent:-10000px; } .whatsHot {margin: 15px;padding:15px;background-color:White; } .content2 .whatsHot h4 {margin-left:0; margin-right:0; text-align:left; text-align:left; margin:0 0 20px 0;} /* =Content2 --------------------------------------------------------------------------------------------------------*/ .content2 { clear: both; padding: 10px 10px 120px; *padding-bottom:115px; background: url(images/lsc_london_logo.gif) bottom right no-repeat ; font-size: 0.9em; border: #000 3px solid; margin-top:-10px; background-color: #FFF;} .content2 h2 { color: #d8127b; margin-left: 0px; font-size: 2.1em; border: #D6D6D6 0px solid; margin-top: 7px; margin-bottom:0px; font-family: Tahoma , Verdana, Arial, Helvetica, sans-serif; font-weight: bold;} * html .content2 h2 {position:relative;} .content2 .viewcv h4 {text-align:left; width:100%; *width:95%; *margin-right:-500px;} .content2 h4 { font-size: 1.3em; line-height: 1.1em; color: #f79211; margin: 0px 290px 8px 0px; _margin-right:0; text-align: right; display: block; font-weight: bold; color: #000000;} .content2 h5 { font-size: medium; line-height: 20px; margin: 0px 0px 10px 0px;} .content2 p { margin: 0px 0px 10px 0px;} .content2 .toptext { margin: 0px 50px 10px 11px;} .content1024 {border: 0px solid red; width: 600px;} /* =Footer --------------------------------------------------------------------------------------------------------*/ .footer {float: left; width: 970px; font-size: 0.8em; height: 30px; border-top: 0px #D6D6D6 solid; border-bottom: 0px #D6D6D6 solid; margin-top: 15px; margin-bottom: 70px; background-repeat: repeat-x; background-color: #000; color: #FFF; border-left: #D6D6D6 0px solid; border-right: #D6D6D6 0px solid;} .footer ul { margin: 2px 0 0 0px; padding: 0px 0px 0px; list-style: none;} .footer li { display: inline; margin: 0; padding: 0px;} .footer a { float:left; margin:0; padding: 2px 10px; text-decoration:none; white-space:nowrap; color: #FFF; border-right: 1px #DED7DE solid;} .footer a span { float: left; display: block; padding: 4px 9px 3px 11px; font-weight: normal; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ .footer a span {float:none;} /* End IE5-Mac hack */ .footer a:hover {background-image: none; background-color: #666666; color: #FFF;} .footer a.current {background-image: none; background-color: #666666; color: #FFF;} .footer2 {background:#000; margin-top:15px; margin-bottom: 15px; *margin-bottom: 0px; height:30px; width:970px; display:block; color:#fff; font-size:0.9em;} .footer2 a {float:left; width:auto; text-decoration:none; text-align:center; padding:0; margin:6px 7px; height: 18px; white-space:nowrap; background:#000;} .footer2 a:hover {color:#fff; background:#666;} /* =Footer-pages --------------------------------------------------------------------------------------------------------*/ .feedback {background: url(images/texture_bg_550.gif)no-repeat top center; width:520px; color:#000; padding:16px 20px;} .feedbackinner {background-image: url(images/bg_feedback.gif); padding:10px; height:249px;} .feedbackinner p {} /* =searches --------------------------------------------------------------------------------------------------------*/ .searchwatermark {clear: both;} .searchtexturebg {background: url(images/texture_bg_550.gif); padding: 20px; _padding: 10px; width: 510px; border: 0px solid red;} .searchtext { background: url(images/searches_bg_01.gif) no-repeat 0px 25px #FFF ;} .searcharea { background-color: #CAE5FF; margin: 0px 0px 20px; padding: 30px 10px 30px 20px;} .agerange { font-weight: bold; color: #000;} .agerange input { margin-left: 5px;} .agerangelist {background-color: #b7d333; display: inline-block; padding: 3px 3px 3px 0px; border: 1px solid #b7d333; color: #006838;} .steptext {font-size: 1.2em; } /* =subject-search --------------------------------------------------------------------------------------------------------*/ .colortextbg {background: url(images/bg_greytrans_01.png); padding: 20px 0 10px 20px} .subjectsearchbg {background: url(images/search_subject.gif) no-repeat; padding-left: 55px; border: 0px solid red;} ul.subjectslist3 li { margin-right: 17px; margin-bottom: 10px; float: left; width: 322px; min-height:5.5em; _height:5.5em; border: 0px solid red; } ul.subjectslist3 { padding: 0px; margin-top: 20px; list-style: none; border: 0px green solid; margin-left: 0px; } ul.subjectslist5 li { margin-right: 17px; margin-bottom: 10px; float: left; width: 305px; min-height:5.5em; _height:5.5em; border: 0px solid red; } ul.subjectslist5 { padding: 0px; margin-top: 20px; list-style: none; border: 0px green solid; margin-left: 0px; } .box3 { background: url(images/button_subjectspage_top.gif) no-repeat right top; padding: 0px; margin: 0px; border: 0px yellow solid;} .box3format { margin: 0; padding: 0px 0 5px 0; border: 0px black solid; background: url(images/button_subjectspage_bot.gif) no-repeat left bottom; } .box3format {height:7.5em} .box3formatCareer {height:8em} .box3format a { min-height: 50px; background-color: transparent; padding: 3px 45px 0px 10px; display: block; text-decoration: none; color: #056535; font-family: Tahoma , Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.2em;} * html .box3format a { height: 50px;} /*This also appears in awp/awp_master.css */ .box3format a:hover { color: red; font-family: Tahoma , Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.2em; } .keywordbg {} .keywordsearchbg { background-color: #FFF; padding: 20px;} .providersearchbg { background: url(images/bg_grey_providers.gif) no-repeat; padding-left: 30px;} /* =Results --------------------------------------------------------------------------------------------------------*/ .resultsfilters {margin-bottom: 20px; width: 100%; border: 2px solid #fd9005; color: #000; background:url(images/narrow.gif) center top no-repeat #fff; } .resultsfilters td { vertical-align:center; padding: 10px;} .resultsfilters td.col1 {text-align: right;} .resultsfilters td.col2 {text-align: right;} .resultsfilters td.col3 {text-align: right;} .resultsfilters a {color: #000;} .viewResultsDetails {width:250px;} .withoutquals { margin-top: 15px; padding: 20px 15px; font-weight: bold; text-align: right; background: url(images/bg_greytrans_01.png); } .map { padding: 20px; text-align:center; width: 90%; background-color: green; margin: 10px auto; border: solid 0px #3366CC;} .map a { color: #FFFFFF;} .resultgridlondon {border:0px solid #f0f;} .resultgridlondon .go {width: 100px;} .resultgridlondon .view {width: 167px; padding-right:13px; *padding-right:5px;} .resultgridlondon th a {color: #fff;} .resultgridlondon th a:link {color: #fff;} .resultgridlondon th a:visited {color: #fff;} .resultgridlondon th a:hover {color: #fff;} .resultgridlondon th a:active {color: #fff;} .resultgridlondon td {padding:10px 5px; _padding:15px 10px 0 5px} .resultgridlondon td.shorten {width:1%; } .resultgridlondon td.providerLink { text-align:right;} .resultgridlondon td.removesidepadding {padding-left:0; padding-right:0;} .resultgridlondon td.removesidepadding {display:block;} .resultsfilters td label.whatsHotRefine { display:block;margin-bottom:5px; width:100%;} /* =course-details --------------------------------------------------------------------------------------------------------*/ /* =print-button --------------------------------------------------------------------------------------------------------*/ .printpage {text-align: right; float:right; width: 200px; border: 0px red solid; margin-top: 0px;} .printpagelondon { display:block; margin-top:30px; text-align:right; width:250px; position:relative; } .printpagelondonLink { float:right; display:block; position:absolute; top:10px; *position:relative; *top:-20px; _top:-55px; right:0; } .londonCourseDetailsTitle, .londonCourseDetailsSubTitle { float:left; display:block; width:800px; } a.print {padding: 1px 0px 1px 20px; background-image: url(images/button_print.gif); background-repeat: no-repeat;} .coursedetails { width:930px; padding: 0px; clear: both; } .coursedetails h2 { font-weight: bold; font-size: 1.9em; } .coursedetails h3 { font-size: 1.1em; margin-top: -10px;} .coursedetailsright{clear: both; float:right; width: 310px; color: #000;} .coursedetailsarea {width: 100%; border: 0px red solid;} .coursedetailsarea h4 { width: 100%; text-align: left;} .coursedetailsarea .section {padding: 10px; background-color: #FFF; border: 1px dashed #ccc; margin-bottom: 10px;} .inbasket {font-weight: normal; font-size: 1.3em; width: 100%; text-align: center; padding: 5px;} .lastupdated { font-size: 0.9em; color: #666666; width: 100%; text-align: right; padding: 1px; } .tpdetails {background: url(images/bg_greytrans_01.png); margin: 10px 10px; padding: 5px; border: 0px dashed #CCC;} .tpdetails h3 {font-weight: bold; font-size: 1.2em; color: #000; padding: 0px; margin: 0px; width: 100%;} .tpdetails h4 {font-weight: bold; font-size: 1.0em; color: #000; width: 100%; text-align: left; padding: 0px; margin: 0px 0px 5px;} .tpdetails a {color: #000;} /* =provider-details --------------------------------------------------------------------------------------------------------*/ .providerdetails { background-image: url(images/search_provider.gif); background-repeat: no-repeat; background-position: 5px 5px; border: 0px #999999 solid; padding: 0px 0; clear: both; } .providerdetails h2 { margin-left: 55px; font-weight: bold; font-size: 1.9em;} .providerdetails h3 { margin-left: 55px; font-size: 1.3em; font-weight: normal; margin-top: -2px; _margin-top: 0px;} .providerdetailsright { clear: both; float: right; margin-left:5px; width: 350px; } /* =Venue-list --------------------------------------------------------------------------------------------------------*/ .venueslist {margin: 10px;} .venueslist h4 { background: url(images/venues_bg.gif) 0px 5px no-repeat; padding: 5px 5px 5px 37px; height: 25px; font-weight: bold; font-size: 1.5em; color: #000; width: 150px; text-align: left; margin: 0px } .venueslist ul { border: 0px red solid; margin-left: 0px; padding: 0px; list-style-type: none; color: #000; margin-top: 0px;} .venueslist ul.venues li {background: url(images/bg_greytrans_01.png); margin: 10px 0; padding: 5px; border: 0px dashed #CCC;} .overridecolour {color: #000; text-decoration: underline;} .providerdetailsarea { border: 1px dashed #ccc; padding: 10px; background-color: #FFF; margin-top: 20px;} .contacticon {background: url(images/icon_contactuser.gif) no-repeat 1px; padding-left: 25px;} .emailicon {background: url(images/icon_email.gif) no-repeat 1px; padding-left: 25px;} .faxicon {background: url(images/icon_fax.gif) no-repeat 1px; padding-left: 25px;} .telephoneicon {background: url(images/icon_telephone.gif) no-repeat 1px; padding-left: 25px;} .websiteicon {background: url(images/icon_website.gif) no-repeat 1px; padding-left: 25px;} .reficon {background: url(images/icon_ref.gif) no-repeat 1px; padding-left: 25px;} /* =surrounding-area-details --------------------------------------------------------------------------------------------------------*/ .jobVenueDetails { *width:240px } .jobVenueDetails ul.venues li { padding: 15px 5px;} /* =Text-Size --------------------------------------------------------------------------------------------------------*/ .textsizeposition { border: 0px solid red; margin: 0px; padding: 0px; position: absolute; left:83%; *top:0%; vertical-align: top;} .textsizeposition span {} .readspeaker { float: left; display: block; margin-right: 10px; margin-top: 5px;} ul.textsize {padding: 0px; margin: 0px; float: left; border: 0px solid red; display: block; width:100px;} ul.textsize li {padding: 0 2px; margin: 0px; display: inline;} ul.textsize li a {color:White; text-decoration: none; margin-left: 2px; border: 0px solid red;} ul.textsize li a.sm , ul.textsize li a.sm:link, ul.textsize li a.sm:visited , ul.textsize li a.sm:hover , ul.textsize li a.sm:active {color: White; font-size: 0.6em; } ul.textsize li a.med , ul.textsize li a.med:link, ul.textsize li a.med:visited , ul.textsize li a.med:hover , ul.textsize li a.med:active {color: White; font-size: 0.8em; } ul.textsize li a.lg , ul.textsize li a.lg:link, ul.textsize li a.lg:visited , ul.textsize li a.lg:hover , ul.textsize li a.lg:active {color:White; font-size: 1em; } ul.textsize li a.readable { border: 1px solid #000; color:#FFFF00; font-weight: bold; text-decoration: none; background-color:#000000;} ul.textsize li a.readable:hover { color: red;} div.bGroupA {margin:1px 4px;background: url(images/backgroundtl_01.gif) ; width:100%;} div.bGroupA div.b {background:url(images/texture_bottom.jpg) repeat-x bottom left; *background-image: none;} div.bGroupA div.r {background:url(images/texture_right.jpg) repeat-y bottom right;} div.bGroupA div.t {background:url(images/texture_top.jpg) repeat-x top right; _background-image: none;} div.bGroupA div.l {background:url(images/texture_left.jpg) repeat-y top left;} div.bGroupA div.in {margin:0;padding:1px 0;} div.bGroupA div.options {margin:20px; background-image: url(images/bg_greytrans_01.png); *background-image: none; *background-color: #e5e7ec; padding: 5px; } div.bGroupA div.optionsCap {margin:20px; padding: 5px; background-color:#edf2f7; } td.capAddRemove {width:160px; text-align:right;} div.bGroupC {margin:1px 4px;background: url(images/backgroundtl_01.gif) ; width: 600px;} div.bGroupC div.b {background:url(images/texture_bottom.jpg) repeat-x bottom left;} div.bGroupC div.r {background:url(images/texture_right.jpg) repeat-y bottom right;} div.bGroupC div.t {background:url(images/texture_top.jpg) repeat-x top right;} div.bGroupC div.l {background:url(images/texture_left.jpg) repeat-y top left;} div.bGroupC div.br {background-image: none;} div.bGroupC div.bl {background-image: none;} div.bGroupC div.tr {background-image: none;} div.bGroupC div.tl {background-image: none;} div.bGroupC div.in {margin:0;padding:1px 0;} div.bGroupB {margin:1px 4px;background: url(images/backgroundtl_01.gif) ;width:100%;} div.bGroupB div.b {background:url(images/texture_bottom.jpg) repeat-x bottom left;} div.bGroupB div.r {background:url(images/texture_right.jpg) repeat-y bottom right;} div.bGroupB div.t {background:url(images/texture_top.jpg) repeat-x top right;} div.bGroupB div.l {background:url(images/texture_left.jpg) repeat-y top left;} div.bGroupB div.br {background-image: none;} div.bGroupB div.bl {background-image: none;} div.bGroupB div.tr {background-image: none;} div.bGroupB div.tl {background-image: none;} div.bGroupB div.in {margin:0;padding:1px 0;} div.bGroupB div.options {margin:20px; background: url(images/bg_greytrans_01.png); padding: 5px;} div.bGroupD {margin:1px 4px;background: url(images/backgroundtl_01.gif) ;width:100%;} div.bGroupD h3 {margin: 0 0 10px; } div.bGroupD div.b {background:url(images/texture_bottom.jpg) repeat-x bottom left;} div.bGroupD div.r {background:url(images/texture_right.jpg) repeat-y bottom right;} div.bGroupD div.t {background:url(images/texture_top.jpg) repeat-x top right;} div.bGroupD div.l {background:url(images/texture_left.jpg) repeat-y top left;} div.bGroupD div.br {background-image: none;} div.bGroupD div.bl {background-image: none;} div.bGroupD div.tr {background-image: none;} div.bGroupD div.tl {background-image: none;} div.bGroupD div.in {margin:0;padding:1px 0;} .table1 td {vertical-align: top;} .table1 .col1 {text-align: right; font-weight: bold;} .validation1 { border: 1px solid #ffcc99; padding: 0 5px; color: #000000; margin: 10px 10px 0; background: #ffffcc; } .validation2 { border: 1px solid #ffcc99; padding: 0 1px 1px; color: #000000; margin: 10px 0px 0; background: #ffffcc; } .size1024width01 {width: 760px; border: 0px solid red;} .size1024width02 {width: 710px; border: 0px solid red;} .coursedetailswidth {width: 480px; border: 0px solid red;} .noevents { margin-top: 15px; padding: 5px; font-weight: bold; background: url(images/bg_greytrans_01.png);} .textbg {padding: 5px; background-color: #fff;} .tutoriallink {margin-top: 30px; width: 370px;} .tutoriallink a:link { background:url(images/tutorial_button.gif) no-repeat; width: 363px; height: 145px; display: block; text-decoration: none; font-size: 1.2em; font-weight: bold; } .tutoriallink a:visited { background:url(images/tutorial_button.gif) no-repeat; width: 363px; height: 145px; display: block; } .tutoriallink a:hover { background:url(images/tutorial_button_over.gif) no-repeat; width: 363px; height: 145px; display: block; } .tutoriallink a span {position: absolute; left: -999px;} .tutoriallinklg {margin-top: 12px; width: 370px;} .tutoriallinklg a:link { background:url(images/tutorial_buttonlg.gif) no-repeat; width: 363px; height: 193px; display: block; text-decoration: none; font-size: 1.2em; font-weight: bold; } .tutoriallinklg a:visited { background:url(images/tutorial_buttonlg.gif) no-repeat; width: 363px; height: 193px; display: block; } .tutoriallinklg a:hover { background:url(images/tutorial_buttonlg_over.gif) no-repeat; width: 363px; height: 193px; display: block; } .tutoriallinklg a span {position: absolute; left: -999px;} .mylocationtop {margin: 20px auto 15px; padding-top: 79px; _padding-top:43px; width: 97%; background: url(images/mylocation_01.gif) 0 4px no-repeat;} .furtherinfoheading {border: 0px solid red; margin: 0px auto 20px; *margin: 0px auto 20px; padding-top: 40px; width: 97%; background: url(images/othertools_01.gif) 0 10px no-repeat;} /* =My-Progress --------------------------------------------------------------------------------------------------------*/ .homestretch { } .homestretch h2 {display:none; background:#FFF url(images/londonhome_title.gif) top left no-repeat; text-indent:-9999px; height: 27px; margin-bottom:10px;} .homeleft {width:30%;} *html .homeleft {margin:0; padding:0;} .innerwhite {background:#fff; margin:15px; padding:10px;} .myp .mybottomLogin { background-color:White; *padding-bottom:20px } .myp { background: url(images/backgroundtl_01.gif) top left; color: #212124;} .myp h2 {position:absolute; left:-9999px; margin: 0px; padding: 0px; height: 0px; border: 1px solid red; line-height: 0px;} .myp .myptop { padding: 52px 10px 40px; background:url(images/myp_top.gif) no-repeat 2px 0;} .myp .mypbottom {background: url(images/bg_greytrans_01.gif); border:1px solid #e1e4e8; width: 100%; } .myp .mypbottompadding {padding: 5px 10px;} .myp .mypbottom ul {padding:0 6px; margin:0;} .myp .mypbottom ul li {list-style:none; padding:0; height:70px;} .myp .mypbottom ul li.started {color:#000; text-decoration:none;} .myp .mypbottom ul li.started p {color:#B5CC3D; display:inline; text-align:left; padding:0; font-size:80%; font-weight:bold;} .myp .mypbottom ul li.started a {display:block; height:70px; text-decoration:none; padding-left:0px; background-image:url(images/done_off.jpg);} .myp .mypbottom ul li.started a:hover {background:url(images/done_on.jpg);} .myp .mypbottom ul li.started h3 {color:#c01d6c; margin:7px; display:inline; line-height: 1.5em;} .myp .mypbottom ul li.notstarted {color:#000; background:url(images/notdone_off.jpg);} .myp .mypbottom ul li.notstarted a {display:block; height:70px; text-decoration:none; } .myp .mypbottom ul li.notstarted a:hover {background:url(images/notdone_on.jpg);} .myp .mypbottom ul li.notstarted h3 {color:#333; margin:7px; display:inline; line-height: 1.5em;} *.myp .mypbottom ul li { margin:0; margin-bottom:8px;} .myptab { background: url(images/backgroundtl_01.gif) top left; color: #212124; height:590px; width:284px;} .myptab h2 {position:absolute; left:-9999px; margin: 0px; padding: 0px; height: 0px; border: 1px solid red; line-height: 0px;} .myptab .myptop { padding: 99px 10px 40px 10px; background:url(images/myp_top.gif) no-repeat 2px 0;} .myptab .mypbottom {background: url(images/bg_greytrans_01.gif); border:1px solid #e1e4e8; width: 100%; } .myptab .mypbottompadding {padding: 5px 0px; padding-bottom:0;} .myptab .mypbottom ul {padding:0 6px; margin:0;} .myptab .mypbottom ul li {list-style:none; padding:0; height:70px;} .myptab .mypbottom ul li.started {color:#000; text-decoration:none;} .myptab .mypbottom ul li.started p {color:#B5CC3D; text-align:left; display:inline; padding:0; font-size:80%; font-weight:bold;} .myptab .mypbottom ul li.started a {display:block; height:68px; text-decoration:none; padding-left:0px; padding-top:3px; background-image:url(images/done_off_nav.jpg);} .myptab .mypbottom ul li.started a:hover {background:url(images/done_on_nav.jpg);} .myptab .mypbottom ul li.started h3 {color:#c01d6c; margin:8px; display:inline; line-height: 1.5em; font-size:90%;} .myptab .mypbottom ul li.notstarted {color:#000; background:url(images/notdone_off_nav.jpg);} .myptab .mypbottom ul li.notstarted a {display:block; height:70px; text-decoration:none; } .myptab .mypbottom ul li.notstarted a:hover {background:url(images/notdone_on_nav.jpg);} .myptab .mypbottom ul li.notstarted h3 {color:#333; margin:7px; display:inline; line-height: 1.5em;} *.myptab .mypbottom ul li { margin:0; margin-bottom:8px;} /* =Auto-Complete-dropdown-styles --------------------------------------------------------------------------------------------------------*/ .autocomplete_completionlist { visibility : hidden; margin : 0px!important; padding:0px; background-color : inherit; color : windowtext; border : buttonshadow; border-width : 1px; border-style : solid; cursor : pointer; overflow : auto; text-align : left; list-style-type : none; width: 300px!important; _position:absolute; _top:0; _left:0; } .autocomplete_item { background-color : window; color : windowtext; padding : 1px; border-bottom:dashed 1px silver; } .autocomplete_highlighteditem {background-color: #ffff99; color: black; padding: 1px; border-bottom:dashed 1px silver;} /* =Jobs --------------------------------------------------------------------------------------------------------*/ .JobsTab {position:absolute; left:-9999px; height:-9999px} .hide {display:none;} h2.jobsTitle { display:block; float:left; width:10em; } h3.jobsTitle { display:block; float:left; text-indent:-99999px; width:813px; height:134px; margin-bottom:0; background:url(images/jobs_title.gif) 0 0 no-repeat; } h3.jobsTitle, div.JobsOption1, div.JobsOption2, .jobsSubmit { color:#444; margin-left:55px; _margin-left:25px; } div.JobsOption1 { float:left; padding:75px 0 0 71px; width:742px; height:173px; background:transparent url(images/jobs_textField1.gif) 0 0 no-repeat; } label.btn1 { float:left; display:block; width:299px; height:59px; margin-right:99px; color:#999; background:transparent url(images/jobs_key_off.gif) 0 0 no-repeat;} label.btn1On { background:transparent url(images/jobs_key_on.gif) 0 0 no-repeat;} label.btn2 { float:left; display:block; width:299px; height:59px; color:#999; background:transparent url(images/jobs_cat_off.gif) 0 0 no-repeat;} label.btn2On { background:transparent url(images/jobs_cat_on.gif) 0 0 no-repeat;} .textField1 input { width:550px; } .textField4 input { width:100px; } .textField1, .textField2, .textField3, .textField4, .textField5 { float:left; clear:left; margin-left:15px; height:42px; width:670px; padding:9px 0 0 ; font-size:1.2em; font-weight:bold; background:transparent; } .textField1, .textField2 { background:#fff; } .textField4 { padding-left:35px; width:340px; clear:none; } .textField4 .validation { float:left; clear:left; color:Red; position:relative; left:22px; top:-39px; font-size:0.65em; } .textField5 { width:265px; clear:none; } .textField1 input, .textField2 select, .textField3 input, .textField4 input { margin:0 10px; } .textField5 select { margin:0 5px; } div.JobsOption2 { float:left; padding:75px 0 0 71px; width:742px; height:173px; background:transparent url(images/jobs_textField2.gif) 0 0 no-repeat; } label.btn3 { float:left; display:block; width:299px; height:59px; margin-right:99px; color:#999; background:transparent url(images/jobs_bor_off.gif) 0 0 no-repeat;} label.btn3On { background:transparent url(images/jobs_bor_on.gif) 0 0 no-repeat;} label.btn4 { float:left; display:block; width:299px; height:59px; color:#999; background:transparent url(images/jobs_pos_off.gif) 0 0 no-repeat;} label.btn4On { background:transparent url(images/jobs_pos_on.gif) 0 0 no-repeat;} label.btn1, label.btn2, label.btn3, label.btn4, .jobsSubmit input { cursor:pointer; } .jobsSubmit { float:left; clear:both; width:813px; height:92px; text-align:center; background:transparent url(images/jobs_textField3.gif) 0 0 no-repeat; } .jobsSubmit a { position:relative; width:10em; left:22px; top:50px; *top:43px; *padding-bottom:8px; } .jobBallon { float:right; width:250px; margin-top:0; } .jobsHelp { float:right; display:block; text-indent:-10000px; background:url(images/info_02.gif) 0 0 no-repeat; width:231px; height:70px;} .jobsResults { margin-top:15px; width:922px; padding-top:40px ; _padding-top:28px ; background: transparent url(images/jobs_results_header.gif) 0 0 no-repeat; } .jobsResults div { width:922px; padding-bottom:37px; background: transparent url(images/jobs_results_footer.gif) left bottom no-repeat;} .jobsResults table { position:relative; border:none; margin:-13px 30px -8px 30px; _margin-top:0; width:862px; } .jobsResults th, .jobsResults td { padding:5px; height:3em; } .jobsResults th, .jobsResults td.col1, .jobsResults td.col2, .jobsResults td.col3 { border-top:0px solid #cce070; border-bottom:0px solid #cce070; border-left:0px solid #cce070; border-right:1px solid #cce070; } .jobsResults td.col1, .jobsResults td.col2, .jobsResults td.col3 {/*width:350px*/} .jobsResults th { border-bottom:1px solid #cce070; } .jobsResults tr, .jobsResults td.col3 { border:0px solid #fff; } .jobsResults th.jobsResultsMoreinfo { border-right:0px solid #fff; } .jobsResults td.col1 {width:380px;} .jobsResults td.col3 { border-right:1px solid #CCE070; } .jobsResults td.col4 { text-align:center;} th.jobsResultsTitle { text-indent:-100000px; background:transparent url(images/jobs_results_jobtitle.gif) 10px 10px no-repeat } th.jobsResultsLocation { text-indent:-100000px; background:transparent url(images/jobs_results_location.gif) 10px 10px no-repeat } th.jobsResultsBorough { text-indent:-100000px; width:150px; background:transparent url(images/jobs_results_borough.gif) 10px 10px no-repeat } th.jobsResultsVacancyNumber { text-indent:-100000px; width:190px; background:transparent url(images/jobs_results_vacancyNum.gif) 10px 10px no-repeat } .jobsApprenticeship { float:right; margin:-40px 25px 0 0; _margin-right:15px; width:350px; font-size:0.8em } .jobsApprenticeship h3 { margin:0 0 5px 0; padding: 0 0 0 250px;} .jobsApprenticeship h3 a { display:block; width:93px; height:48px; background:url(images/apprenticeships_logo.gif) right top no-repeat; text-indent:-10000px; } .jobsApprenticeship p { margin:0; text-align:right; line-height:1.5em; color:#555; } .jobsDetails {} .jobsDetails div { padding-left:40px } .jobsDetails h2 { color:#627121; margin-bottom:20px; width:840px; } .jobsDetails ul { margin-top:0; margin-left:0; padding:0; width:840px; width:800px; list-style:none; } .jobsDetails ul li h3, h3.jobsDetailsApply { margin-top:20px; margin-bottom:5px; color:#627121; } .jobsDetails ul li p { color:#333; } div.jobsJourney { padding:0; background:none !important; } div.jobsJourney label { float:left; display:block; padding-top:3px; margin-right:10px; } div.jobsJourney input { float:left; clear:right; margin:10px 01 0 0; width:200px; } div.jobsJourney a { float:left; clear:left; margin:10px 0 0 0; padding-bottom:6px; padding-top:6px; } div.jobsJourney img { float:left; clear:left; margin:10px 0 0 0; } /* =CAP-for-London --------------------------------------------------------------------------------------------------------*/ .apLanding { padding: 10px; } .apLanding h3 { display:block; font-size:1.3em } .apLanding p { display:block; margin:15px 0; } .apLanding a { margin:15px 0; } ul.APviewPoints li { width:800px;} /* =ActionPlanner --------------------------------------------------------------------------------------------------------*/ .apprint div { clear:both; margin-bottom:50px; background:#eee; border:1px solid #333; width:97%; padding:10px; } .apprint div h5 { float:left; font-size:1.2em; line-height:1em; margin-bottom:10px;} .apprint div p { float:left; clear:both; } .apprint div ul { list-style:none; float:left; clear:both; padding:0; margin:0 0 0 0; } .apprint div ul li { margin:0 0 3px 0; } .apprint div ul li h5 { margin-bottom:0px; } .apprint div ul li h6 { font-size:1.1em; padding:0; margin:25px 0 0 0;} .apprint div ul li strong { font-weight:normal !important; display:block; float:left; margin-right:50px; text-align:left; width:10em; } .apprint div ul li ul { margin:0; padding:0; } .apprint div ul li ul li { margin:10px 0 0 0; padding:0; float:left; clear:both; } .apprint div ul li ul li span { float:left; clear:both; } .apprint div ul li ul li span.apActionPoint {} .apprint div ul li ul li span.deadline { font-size:0.8em; width:800px; color:#666; } .apprint div ul li ul li span.achievedsmall { clear:right; } .apActionPoint { } .actiontable {border: #cccccc 1px solid;} .actiontable th {background: #d8127b; height: 60px; padding:10px; } .actiontable tr {background: #eeeeee; width:100%;} .actiontable tr.odd {background: #000000;} .actiontable td {background: #eeeeee; border-bottom: #cccccc 1px dotted; padding: 10px;} .addWorkExperience {width:475px !important;} /* =UCAS-ERROR-PAGE --------------------------------------------------------------------------------------------------------*/ .UCASerrorpage {padding-left:50px;} .UCASerrorpage .arrowsleft { position:relative; left:-47px;} .UCASerrorpage h2 {display:block; margin:1em 0; width:840px; height:35px; text-indent:-100000px; background:transparent url(Images/UCASerror.gif) 0 0 no-repeat;} .UCASerrorpage p.ucaslarge { font-size:1.4em; margin-bottom:1em;} .UCASerrorpage strong { color:#d3117a; }