/**************************************************************************************************************************/ /* HTMLTag Redefinitions **************************************************************************************************/ /**************************************************************************************************************************/ body { color: #333; background: #FFF url("/resources/images/background_letters.png") repeat-y top center; } h1 { font-size: 3em; text-transform:uppercase; color: #003B8D; margin: 25x 0px 25px 0px; line-height: 1.3em; } h1.sIFR-replaced { margin-top: 25px; margin-bottom: 20px; } h1.home { border-bottom: solid 1px #999999; margin-top: 0px; padding-bottom: 40px; margin-bottom: 10px; } h2 { font-size: 1.1em; color: #003A8C; margin-bottom: 10px; line-height: 1.2em; font-weight: bold; } div.bluePaneTop { background: #fff url("/resources/images/panes/blue_top.png") no-repeat top left; margin-bottom: 0px; padding: 10px 5px 0px 10px; width: 205px; } h2.bluePaneTitle { font-size: 1.4em; color: #003A8C; font-weight: normal; margin: 0px; padding: 0px; } p { line-height: 1.4em; margin-bottom: 1em; clear: both; } strong { font-weight: bold; } em { font-style: italic; } label { float: left; width: 200px; padding-top: 0px; } label.small { float: left; width: 35px; padding-top: 0px; color: #BA111A; } fieldset { display: block; border: 1px solid #CCC; background-color: #F5F5F5; padding: 0px 10px 10px 10px; margin-top: 30px; margin-bottom: 20px; } fieldset.admin { margin: 0px 10px 20px 20px; } legend { margin: 20px 5px 10px 0px; padding: 5px 10px; border: 1px solid #CCC; background: #FFF; font-size: 1.2em; color: #003B8D; } fieldset p { margin: 9px 10px 6px 0px; padding: 0px; clear: both; } fieldset label { padding-top: 4px; } fieldset.text { clear: both; } table { width: 346px; } td { padding: 5px 8px 5px 0px; } td label { width: 100px; } #text ul { margin: 10px 20px; } #text ul li { list-style: outside disc; margin-left: 10px; line-height: 1.5em; margin-bottom: 8px; } #text .logos img { padding-right: 10px; } .larger { font-size: 1.3em; margin-bottom: 0px; } /**************************************************************************************************************************/ /* Main layout styles *****************************************************************************************************/ /**************************************************************************************************************************/ #main { width: 970px; margin: 0px auto; margin-top: -8px; background: url("/resources/images/top_shadow.png") no-repeat top center; padding-top: 8px; } #main_inner { float: left; width: 950px; padding-left: 10px; padding-right: 10px; background-image: url("/resources/images/content_bgshadow.png"); background-repeat: repeat-y; background-position: top left; } #head { float: left; width: 100%; margin-top: 0px; padding-top: 0px; background-color: #687EB5; margin-bottom: 0px; } #headline { background-color: #fff; width: 100%; height: 5px; clear: both; } #head_right { float: right; width: 420px; text-align: right; padding-right: 5px; } #head_center { float: right; width: 170px; padding-top: 40px; } #head_left { float: left; width: 200px; } #head_inner { width: 960px; margin: 0px auto; } #login { color: #fff; padding: 0px 10px 0px 10px; font-size: 1.2em; text-align: right; float: right; } #localisation { color: #fff; padding: 10px; width: 400px; float:right; text-align: left; } #content { float: left; display: inline; width: 950px; padding: 10px 0px 20px 0px; background: #FFF; } #content_top { float: left; width: 950px; padding: 10px 0px 30px 0px; background: #FFF url(../images/admin_top.png) bottom no-repeat; } #content_right { float: left; display: inline; width: 710px; margin-left: 10px; } #content_left { float: left; display: inline; width: 220px; margin-left: 10px; } #content_left.admin { width: 340px; margin-left: 15px; font-size: 1.0em; } #content_right.admin { width: 555px; } #content_full { width: 930px; padding: 0px 10px 0px 10px; display: none; } #text { float: right; width: 450px; margin: 0px 10px; padding-right: 50px; } #text p { padding: 0px 0px 5px 0px; } #text h2 { color: #003B8D; } #text.contenttext { width: 350px; } #text.coursetext { width: 450px; } #text.gallerytext { width: 540px; } #text.maptext { width: 500px; } #text.newslettertext { width: 480px; } #text.fulltext { width: 700px; padding-right: 0px; } #textwide h1 { min-height: 20px; background: #fff url(/resources/images/content_grad.png) repeat-x top left; padding: 10px;} #textwide h2 { color: #003B8D; padding-left: 10px; padding-right: 10px; } #textwide p { padding: 0px 10px 5px 10px; } #textwide { float: left; width: 730px; margin: 0px 10px; } .image_left { margin: 0px 20px 0px 10px; float: left; width: 200px; text-align: right; } .image_right { float: left; width: 435px; } #right_bar { float: left; width: 250px; padding-top: 10px; } #search { float: left; margin-top: 10px; background: #FFF url(../images/search_bg_bottom.png) no-repeat bottom left; } #search h1 { background: url(../images/search_bg_top.png) no-repeat top left; padding: 5px 10px; margin-top: 0px; margin-bottom: 0px; font-size: 1.2em; } #search p { padding: 0px 10px; } #footer { clear: both; margin: 0px auto; width: 940px; text-align: center; padding: 10px 15px; padding-bottom: 20px; background-image: url("/resources/images/content_bgshadow.png"); background-repeat: repeat-y; background-position: top left; text-align: left; } #footer p { margin: 0px 0px 10px 0px; color: #666; font-size: 0.9em; } #footer p a { color: #666; } #footer #logos { width: 500px; float: left; } #footer #logos img { padding-left: 10px; } #footer #address { width: 415px; float: right; text-align: right; padding-right: 10px; padding-top: 10px; } #splash { width: 700px; height: 310px; margin: 0px; } .feature_box { float: left; width: 244px; padding-bottom: 20px; min-height: 176px; margin-right: 10px; background-image: url(../images/home_box_bg_bottom.png); background-repeat: no-repeat; background-position: bottom left; } img.feature_box { margin-right: 0px; background: none; padding-bottom: 20px } .feature_box h1 { background: url(../images/home_box_bg_top.png) no-repeat top left; padding: 10px 20px 0px 20px; margin-top: 0px; margin-bottom: 0px; font-size: 1.2em; } .feature_box h2 { margin-bottom: 0px; } .feature_box p, .feature_box h2, .feature_box ul { padding: 0px 15px; } .feature_box ul li { line-height: 1.5em; list-style-image: url(../images/orange_arrow.png); margin-left: 15px; color: #003B8D; } .feature_box ul li a { color: #333; } .feature_box .left { float: left; padding: 10px; text-align: center; width: 80px; } .feature_box .right { float: left; width: 130px; } .feature_box .right p { padding: 0px; margin: 0px; } #right_bar .feature_box { margin-right: 0px; } .ad_box_small { margin: 8px; } .list_pane_top { background-image: url(../images/list_pane_top.png); background-repeat: no-repeat; background-position: top left; width: 430px; height: 20px; padding: 10px; } .list_pane_top h2 { font-size: 1.4em; font-weight: normal; } .list_pane_bottom { background: #fff url(../images/list_pane_bottom.png) no-repeat bottom left; width: 450px; padding-bottom: 20px; padding-top: 20px; } .featureButtons { margin-top: -7px; margin-bottom: 15px; } .image_right h2 { margin-right: -9px; } .expiry { float: right; margin-right: 20px; font-size: 0.8em; margin-bottom: 40px; } .mapaddress { float: left; width: 150px; } .map { float: left; width: 520px; height: 340px; margin-bottom: 20px; } .service { float: left; width: 210px; padding-right:25px; } .service h2 { border-bottom: dotted 1px #b2b2b2; padding-bottom: 5px; } div.bluePaneBottom { background: #fff url("/resources/images/panes/grey_bottom.png") no-repeat bottom left; padding: 10px; padding-bottom: 5px; width: 200px; margin-bottom: 10px; } div.brochure p { width: 90px; float: left; font-size: 11px; } div.brochure p.out { width: 200px; font-size: 1em; clear:both; } .brochurebutton { margin-top: 15px; margin-bottom: 15px; } .brochurethumb { z-index: 5; margin-top: -45px; margin-right: -17px; float: right; } .agentButton { margin: 5px 0px 5px 0px; } .col_middle { width: 465px; margin-right: 15px; float:left; } .col_right { width: 230px; float: left; } .sright { margin-right: 15px; } .blueButton { background: url("/resources/images/buttons/btn_blue_main.png") no-repeat center right; color: #fff; padding: 5px 15px 5px 4px; margin: 0px; } .blueButtonLeft { background: url("/resources/images/buttons/btn_blue_left.png") no-repeat center left; padding-left: 7px; padding-top: 3px; padding-bottom: 3px; margin: 0px; float:left; } .fleft { float: left; } .fright { float: right; } #summary { width: 170px; float:left; margin-left: 5px; } #summary h2 { background-color: #BECF24; color: #fff; text-transform: uppercase; padding: 10px; } #summary .keyfact { border-bottom: solid 1px #ccc; padding: 10px 10px 0px 10px; margin: 0px;} #summary .keyfact h3 { color: #003A8C; text-transform: uppercase; font-size: 1em; } #text h2.subhead { font-size: 1.5em; color: #333333; } .gallerythumb { width: 80px; height: 80px; border: solid 1px #cccccc; float: left; margin: 0px 10px 10px 0px; background: #fff no-repeat center center; } #flagleft { background: url("/resources/images/lang_left.png") no-repeat top right; float:right; height: 21px; padding-right: 20px; } ul#flags { background: url("/resources/images/lang_right.png") no-repeat top right; padding-right: 6px; float: right; height: 21px; } #flags li { float: left; padding-right: 5px; padding-top: 3px; } .brochurelarge { width: 240px; float: left; margin-bottom: 20px; } .brochuredesc { width: 170px; float: left; font-size: 1.1em; } .brochurebreak { border-bottom: solid 1px #cccccc; clear: both; margin-bottom: 20px; } .preload { width: 0px; height: 0px; overflow: hidden; margin: 0px; padding: 0px; } .homeicon { float: left; margin-top: 5px; margin-left: 20px; } h2.gallery_title { font-size: 1.3em; border-bottom: solid 1px #0038AC; margin-top: 20px; margin-left: 20px; text-transform: uppercase; } .testimonial_expander { width: 405px; margin-left: 20px; float: left; } .testimonial_expander #expander li h2 { background: #0F2457 url(/resources/images/panes/testimonials_pane_top.png) no-repeat top left; padding: 8px 10px 8px 10px; color: #fff; font-size: 1.4em; margin: 0px 0px 1px 0px; cursor: pointer; font-weight: normal; } .testimonial_expander #expander li .home_expanding_panel { background: #EDEEF4; color: #353535; padding: 20px 10px 10px 10px } .testimonial_expander #expander li { margin: 0px; } .testimonial_expander #expander li.first h2 { background-image: url(/resources/images/panes/testimonials_pane_top_rounded.png); } /**************************************************************************************************************************/ /* Menu layout styles *****************************************************************************************************/ /**************************************************************************************************************************/ .side_menu li { padding: 5px; margin: 5px; margin-left: -9px; padding-left: 20px; border-bottom: 1px dotted #aaa; } .side_menu li ul li { border-bottom: none; margin-left: 5px; } .menu { float: left; width: 550px; display: block; font-size: 1.1em; } .menu li { float: left; background: #FFF; padding-left: 30px; } .menu li a { display: block; padding: 5px 60px 2px 10px; line-height: 20px; } /****/ .admin_menu { float: left; display: block; margin-bottom: 0px; margin-top: 4px; background: #CBC2B0 url(../images/menubar.png) repeat-x top left; width: 936px; padding-left: 20px; } .admin_menu li { float: left; padding: 7px 10px 11px 0px; margin: 0px 10px 0px 10px; list-style-image: none; list-style-type: none; } .admin_menu li a { display: block; line-height: 10px; border-right: solid 1px #8F8474; padding: 5px 20px 5px 0px; } .admin_menu li.selected { list-style-image: url(/resources/images/bullet_selected.png); } #nav.adminSize .menu_wrap ul.main_menu li a { padding: 5px 9px 5px 9px; } #nav { clear: both; width: 100%; height: 35px; background: url(../images/menubar.png) repeat-x top left; margin-bottom: 0px; margin-top: 0px; padding-bottom: 5px; } #nav .menu_wrap { margin: 0px auto; width:955px; } #nav .main_menu { display: block; padding-left: 5px; margin-right: 0px; float: left; } #nav .main_menu li { float: left; padding: 7px 0px 11px 0px; margin: 0px 0px 0px 0px; list-style-image: none; list-style-type: none; font-size: 12px; } #nav .main_menu li a { display: block; line-height: 10px; border-right: solid 1px #8F8474; padding: 5px 12px 5px 12px; } #nav .main_menu li:hover { background: url(../images/menubar_selected.png) repeat-x top left; } #nav .main_menu li.apply { background: url(../images/menubar_apply.png) repeat-x top left; color: #fff; } #nav .main_menu li.apply a { color: #fff; padding-left: 45px; } #nav .main_menu li.apply:hover { background: url(../images/menubar_apply_selected.png) repeat-x top left; color: #fff; } #nav .main_menu .submenuul { list-style-type:none; position:absolute; margin: 5px 0px 0px 0px; padding:0px; display:none; width: 200px; } #nav .main_menu .submenuul .submenuli { border: 1px solid #fff; padding: 0px; } #nav .main_menu .submenuul .submenuli a { display:block; width:200px; line-height: 18px; } #nav .main_menu li:hover ul { display: block; z-index: 1000;} #nav .main_menu li>ul { top: auto; left: auto; } #nav .main_menu .submenuul { text-indent:3px; background-image: url("/resources/images/menu_bg_unselected.png"); padding:0px; } #nav .main_menu li.selected .submenuul a { font-weight: normal; } #nav .main_menu .submenuul .submenuli a { padding: 3px 0px 3px 0px; text-decoration: none; color: #FFF; border: none; margin: 0px; } #nav .main_menu .submenuul .submenuli a:hover { background-image: url("/resources/images/menu_bg_selected.png"); } #nav .main_menu li a.lastmenu { border: 0px; } /* #nav .main_menu li a.homelink { padding-left: 18px; padding-right: 18px; background: url("/resources/images/home_icon.png") no-repeat center center; margin: 0px; } #nav .main_menu li a.homelink:hover { background-image: url("/resources/images/home_icon_selected.png") } */ .about_logo { float: left; margin: 0px 10px 10px 0px; } #subnavbox { width: 220px; background-color: #fff; padding: 0px; margin-top: 15px; margin-bottom: 0px; font-size: 1.1em; line-height: 15px; } #subnavbox li { list-style-image: none; background: #DADFE8 url("/resources/images/buttons/subnav_background.jpg") no-repeat top left; margin-bottom: 1px; display: block; } #subnavbox li a { width: 190px; padding: 7px 5px 7px 25px; display:block; } #subnavbox li.selected { background: #003B8D url("/resources/images/buttons/subnav_background_selected.jpg"); } #subnavbox li:hover { background: #0047A8 url("/resources/images/buttons/subnav_background_hover.jpg"); } #subnavbox li.selected:hover { background: #0047A8 url("/resources/images/buttons/subnav_background_hover.jpg"); } .search { width: 150px; float: right; margin-top: 5px; } .search input.box { font-size: 11px; width: 110px; margin-top: 0px; float: left; margin-right: 3px; } .applybutton { clear:both; float: right; margin-top: 20px; font-size: 1.3em; background: #003B8D; } #previewvid { margin-bottom: 0px; } .vidcontrol { background-color: #eeeeee; font-weight: bold; margin: 0px; width: 210px; padding: 5px; text-align: right; } /**************************************************************************************************************************/ /* Classes ****************************************************************************************************************/ /**************************************************************************************************************************/ .branding { margin: 10px 0px 10px 10px; } /**************************************************************************************************************************/ /* Input Elements *********************************************************************************************************/ /**************************************************************************************************************************/ input.normal { float: left; display: inline; width: 280px; border: 1px solid #CCC; color: #000; padding: 3px; margin-bottom: 5px; } textarea.normal { float: left; display: inline; width: 280px; border: 1px solid #CCC; color: #000; padding: 3px; margin-bottom: 5px; } select.normal { float: left; display: inline; width: 287px; color: #000; padding: 3px; margin-bottom: 5px; } select.language { float: left; display: inline; width: 100px; color: #000; padding: 0px; margin-bottom: 3px; height: 20px; } .newsletter input { width: 120px; float: left; padding: 0px; margin-right: 10px; } #login input.normal { width: 105px; margin-right: 10px; color: #b2b2b2; } #login input.button { padding-top: 2px; width: 49px; } #login label { width: 0px; padding: 0px; } .orange { color: #003B8D } #form { padding: 0px 10px 0px 10px; } #form label { width: 130px; } #form input[type=text] { width: 200px; } .imagesubmit { width: auto; } #form textarea { width: 250px; } #form_wider { padding: 0px 10px 0px 10px; } #form_wider label { width: 240px; padding-bottom: 5px; line-height: 15px; float: left;} #form_wider input { width: 180px; margin-bottom: 5px; } #form_wider select { float: left; margin-bottom: 5px; } #form_wider textarea { width: 400px; } #form_wider table tr td input { width: auto; float: left; } #form_wider table tr td label { float: left; width: auto; } #form_wider table { width: 120px; } #form_wider table { padding-left: 10px; width: 180px; } #search input.normal { width: 130px; float: none; } #form_wider p { padding-bottom: 0px; margin-bottom: 1px; } #search label { width: 0px; display:none; } .divider { border-bottom: dotted 1px #b2b2b2; height: 0px; clear:both; margin: 10px 10px; } .feature_box .divider { width: 80%; margin-left: 6px; } #localisation input.normal { width: 105px; margin-right: 10px; } #localisation select.normal { width: 185px; margin: 0px; } #localisation input.button { width: 49px; } #localisation label { width: 110px; } .publication { background: #fff url(../images/pub_grad.png) repeat-x top left; padding-top: 10px; } .publication .image_left { width: 100px } .publication .image_right { width: 360px; padding-top: 20px; padding-bottom: 20px; } .h1_image { margin-left: -10px; margin-top: 10px; } a.info { position:relative; text-decoration: none; float:left; z-index:10; background-color:#FEFFEE; color:#000; text-decoration:none } a.info:hover { z-index:100; background-color:#FEFFEE; text-decoration: none; } a.info span { display: none; text-decoration: none; } td a.info:hover { color: #000; text-decoration: none; vertical-align: middle; } .toolTip { float: left; text-decoration: none; clear: both; padding-bottom: 2px; vertical-align:middle; margin-right: 5px; } a.info:hover span { display:block; padding: 5px; z-index: 26; position:absolute; top:0px; left:-20px; width:300px; border:1px solid #CCC; background-color:#FEFFEE; color:#000; text-align: center; text-decoration: none; } table tr td a.info:hover span { background-color:#FFFFFF;} #localisation label { width: 70px; vertical-align: middle; } #text.enrol tr td input { width: 20px; float: left; margin-top: -5px; } #text.enrol tr td label { width: 100px; float: left; padding-top: 3px; margin-top: -5px; } #text.enrol input { margin-bottom: 5px; } .valSummary { padding: 0px 0px 10px 0px; color: #cc0000; } .valSummary ul { display: none; } /**************************************************************************************************************************/ /* Links ******************************************************************************************************************/ /**************************************************************************************************************************/ a:link { color: #003B8D; text-decoration: none; } a:visited { color: #003B8D; text-decoration: none; } a:hover { color: #003B8D; text-decoration: underline; } a:active { color: #003B8D; text-decoration: none; } ul.menu li a:link { color: #b2b2b2; text-decoration: none; } ul.menu li a:visited { color: #b2b2b2; text-decoration: none; } ul.menu li a:hover { color: #003B8D; text-decoration: none; } ul.menu li a:active { color: #FFF; text-decoration: none; } ul.menu li.selected a:link { color: #003B8D; text-decoration: none; font-weight: bold; } ul.menu li.selected a:visited { color: #003B8D; text-decoration: none; font-weight: bold; } ul.menu li.selected a:hover { color: #003B8D; text-decoration: none; font-weight: bold;} ul.menu li.selected a:active { color: #003B8D; text-decoration: none; font-weight: bold;} ul.main_menu li a:link { color: #fff; text-decoration: none; } ul.main_menu li a:visited { color: #fff; text-decoration: none; } ul.main_menu li a:hover { color: #fff; text-decoration: none; } ul.main_menu li a:active { color: #fff; text-decoration: none; } ul.main_menu li.selected a { font-weight: bold; color: #45483F; } ul.main_menu li a { color: #45483F } #nav .main_menu li:hover a { color: #fff; text-decoration: none; } /*ul.menu .selected a { font-weight: bold; color: #003B8D; } */ ul.admin_menu li a:link { color: #272D27; text-decoration: none; } ul.admin_menu li a:visited { color: #272D27; text-decoration: none; } ul.admin_menu li a:hover { color: #fff; text-decoration: none; } ul.admin_menu li a:active { color: #fff; text-decoration: none; } /*ul.menu .selected a { font-weight: bold; color: #003B8D; } */ a.download { float: right; margin-right: 20px; font-weight: bold; font-size: 1em; color: #B2B2B2; padding-right: 20px; background: #fff url(../images/download.png) no-repeat top right; height: 15px;} /*a.downloadtemp:visited { float: right; margin-right: 30px; font-weight: bold; font-size: 1.2em; color: #B2B2B2; padding-right: 30px; background: #fff url(../images/download.png) no-repeat top right; height: 20px; }*/ a.download:hover { color: #003B8D; } a.download:active { color: #003B8D; } .contentImageContainer { text-align: center; } #login a:link { color: #fff; text-decoration: none; } #login a:visited { color: #fff; text-decoration: none; } #login a:hover { color: #bbb; text-decoration: none; } #login a:active { color: #fff; text-decoration: none; } #subnavbox a:link { color: #3F6BA9; text-decoration: none; } #subnavbox a:visited { color: #3F6BA9; text-decoration: none; } #subnavbox a:hover { color: #3F6BA9; text-decoration: none; } #subnavbox a:active { color: #3F6BA9; text-decoration: none; } #subnavbox li.selected a:link { color: #fff; text-decoration: none; } #subnavbox li.selected a:visited { color: #fff; text-decoration: none; } #subnavbox li.selected a:hover { color: #fff; text-decoration: none; } #subnavbox li.selected a:active { color: #fff; text-decoration: none; } #subnavbox li:hover a { color: #fff; } #subnavbox li.selected:hover a { color: #fff; } #subnavbox li.selected a { color: #fff; } .applybutton a { display: block; padding: 10px; color: #fff; text-decoration: none; } .agentPhoto a { color: #4c4c4c; text-transform: uppercase; }