/*@import url("/common/css/oo/dom.css");*/ /* Default DOM */ html { height:100%; } body { height:100%; background:#fff url(/images/diag-grey-light.png); } h1 { } h2 { margin-bottom:10px; } h3 { margin:30px 0px 10px 0px; } h4 { margin-bottom:10px; } p { margin-bottom:15px; } a:focus {outline:none;} fieldset { border:0px; } legend { } table { margin:15px 0px 30px 0px;} ol{ margin:15px 0px 15px 15px; } ol li { list-style:decimal outside; margin:0px 0px 0px 7px; } ul { margin:0px 0px 15px 15px; } ul li { list-style:disc; } /* Affective Class */ .alt-body{ background:#286bac url(/images/diag-blue-dark.png); padding:15px 0px; } .bg-blue { background:#286bac; } .fade-blue-down { display:block; background:url(/images/sprite.png) repeat-x 0px 0px; height:10px;} .fade-blue-up { display:block; background:url(/images/sprite.png) repeat-x 0px -10px; height:10px;} .diag-grey-drk {background:url(/images/diag-grey-drk.png); } .sgl-column { display:block; float:left; width:160px; padding:10px; margin-left:15px; } .dbl-column { display:block; float:left; width:355px; padding:10px; margin-left:15px; } .tbl-column { display:block; float:left; width:550px; padding:10px; margin-left:15px; } .qud-column { display:block; float:left; width:745px; padding:10px; margin-left:15px; } .qud-column div.first, .tbl-column div.first, dbl-column div.first { margin-left:0px } /* This will remove any margin-left style on the .first nested div tags */ .qud-column div.sgl-column, .qud-column div.dbl-column, .qud-column div.tbl-column { padding:10px 0px 5px 0px; } /* This will remove the padding on the nested div tags as it already applied on the parent tag */ .banner-header { display:block; background:#e1e1e1 url(/images/support_banner_blue.gif) no-repeat; width:180px; height:60px; padding:0px; margin-top:3px; overflow:hidden; } .banner-header h4 { margin:-50px 0px 0px 0px; padding:0px 10px; } .banner-header p { margin:0px; padding:0px 10px; } .banner-header img { width:180px; height:60px; } .banner-support { display:block; background:#e1e1e1 url(/images/support_banner_blue.gif) no-repeat; width:180px; height:60px; padding:0px; margin-top:3px; overflow:hidden; } .banner-support h4 { margin:-45px 0px 0px 0px; padding:0px 10px; } .banner-support p { margin:0px; padding:0px 10px; } .banner-support img { width:180px; height:60px; } .tbl-grid, .tbl-grid td, .tbl-grid th { border:1px solid #cacaca; } .tbl-grid { border-left:0px; border-top:0px; } .tbl-grid td, .tbl-grid th { border-bottom:0px; border-right:0px; padding:5px;} .tbl-grid th { background:#e1e1e1;} .tbl-form, .tbl-form td, .tbl-form th {} .tbl-form { } .tbl-form td, .tbl-form th { padding:5px;} .tbl-form th { width:10%; } .tbl-form td { width:90%; } .tbl-form td input { width:50%; } .tbl-form td label input {width:100%;} .tbl-form td textarea { width:50%; } .team-member { display:block; margin-bottom:10px; } .team-member .image{display:block; float:left; width:86px; height:118px; overflow:hidden; background:#fff; } .team-member .image img{ width:100%; color:#999;} .team-member .data{display:block; float:left; width:414px; min-height:98px; padding:10px; background:#e1e1e1; } /* General Layout */ #container { display:block; background:#e8e8e8; width:990px; margin:0px auto; padding:45px 0px; border-left:20px #fff solid; border-right:20px #fff solid; } #header { display:block; border-bottom:1px solid #fff; } #main_header { display:block; background:#286bac url(/images/logo.png) no-repeat; border-top:1px solid #fff; border-bottom:20px solid #fff; height:83px; padding:10px 0px; }/*lear:right;*/ #main_header .slogan { display:block; background-image:url(/images/slogan.png); background-repeat:no-repeat; width:325px; height:30px; float:left; margin:53px 0px 0px 273px; } #slogan_peoplefirst { background-position:0px 0px;} #slogan_seaworld { background-position:0px -30px;} #slogan_opportunities { background-position:0px -60px;} #footer { display:block; background:url(/images/diag-grey-drk.png); padding:15px 0px; border-bottom:1px solid #fff; } #footer div { background:#fff; } #footer h4 {border-bottom:1px dotted #bfbfbf; margin-bottom:10px; } #footer ul { list-style:none; margin:0px 0px; padding:0px 0px; } #footer p { margin:0px 0px; padding:0px 0px; } #footer .support_logos {list-style:none; margin:0px; padding:0px;} #footer .support_logos li {list-style:none; margin:0px; padding:0px; padding-bottom:15px; float:left; } #body { display:block; border-bottom:1px solid #fff; background:#fff; } #body_header{ display:block; height:40px; } #main_template { background:#e1e1e1; } #main_template .sgl-column { padding:15px 0px; width:180px; } #main_template .qud-column { padding:0px; width:780px; background-image:url(/images/diag-blue-dark.png); } #main_template .qud-column div.tbl-column { padding:15px 25px 15px 25px; width:520px; background:#e9e9e9;} #main_template .qud-column div.sgl-column { } /* Partials */ .links-listings {list-style:none; margin:25px 0px; } .links-listings li {list-style:none; margin:15px 0px; } .rhs_links { background:#286bac; color:#fff; padding:5px; margin-bottom:15px; font-size:11px; line-height:14px; } .rhs_links .links-listings { margin:0px; font-size:11px; line-height:14px; } .rhs_links .links-listings li { margin:0px 0px -5px 15px; list-style:outside; font-size:11px; line-height:14px; } .rhs_links h4 {font-size:12px; line-height:18px; } .rhs_links a { color:#fff; font-weight:normal; font-size:11px; line-height:14px; } .rhs_links a:hover { color:#fff; font-weight:normal; text-decoration:underline;} #location-links {position:absolute; list-style:none; margin-left:-25px; top:260px; } #location-links li {position:absolute; list-style:none; margin:0px; } #location-links li a {position:absolute; width:20px; height:20px; border:0px solid #FFFF00;} #location-links li a img {width:100%; height:100%; } #link-dover { margin:145px 0px 0px 355px; } #link-dover.gb { margin:224px 0px 0px 674px; display:block;} #link-guernsey { margin:155px 0px 0px 350px; } #link-guernsey.gb { margin:444px 0px 0px 294px; display:block;} #link-southampton { margin:150px 0px 0px 358px; } #link-southampton.gb { margin:267px 0px 0px 460px; display:block;} #link-auckland { margin:395px 0px 0px 752px; } #link-vancouver { margin:160px 0px 0px 90px; } #link-split { margin:165px 0px 0px 390px; } #link-constanta { margin:165px 0px 0px 415px; } #link-pretoria { margin:378px 0px 0px 415px; } #link-manila { margin:255px 0px 0px 635px; } #link-jakarta { margin:305px 0px 0px 610px; } #link-back {position:absolute; top:688px; margin-left:685px; width:40px; height:20px; display:none; } #link-back img {width:40px; height:20px; } /* Candidates*/ #user-account-panel{ display:block; float:right; width:auto; height:83px; border:0px; border-left:1px dotted #fff; /*padding:0px 0px 0px 7px;*/ border-width:0px; /*padding-top:10px;*/ } #user-account-panel .sgl-column { width:180px; margin:0px 15px 0px 0px; padding:0px; } /* #user-account-panel p, #user-account-panel h4, #user-account-panel ul, #user-account-panel ul li { margin:0px;} #user-account-panel h4 { margin:0px 0px 10px 0px; } #user-account-panel h4 span { display:block; font-weight:normal; } */ #user-account-panel ul { margin:10px 0px 0px 0px; } #user-account-panel ul li { list-style:none; } #user-account-panel legend { display:none; } #user-account-panel label { display:block;} #user-account-panel input { margin:2px 0px 3px 0px; padding:0px 0px 1px 0px; } #user-account-panel .txt_email { width:175px; } #user-account-panel .txt_password { width:140px; } #user-account-panel .button_go{ margin:2px 0px 0px 0px; float:right;} #candidate-login-panel-main { display:block; padding:0px 0px 75px 0px; } #candidate-login-panel-main .sgl-column { display:block; float:none; width:auto; margin:0px; padding:0px; } #candidate-login-panel-main legend, #candidate-login-panel-main h4{display:none;} #candidate-login-panel-main ul { position:absolute; margin:140px 0px 0px 0px; } #candidate-login-panel-main ul li { list-style:none; } #candidate-login-panel-main .txt_email, #candidate-login-panel-main .txt_password{ width:50%; margin:2px 0px 15px 0px; } #candidate-login-panel-main .sgl-column label { display:block; } #candidate-login-panel-main label.button_go{ margin:0px 0px; float:none; } #hero-image, #vrcarousel{ display:block; border-bottom:1px solid #e1e1e1; } #hero-image img{ width:100%; } #news-image { display:block; background:#fff; text-align:center; margin:10px 0px 25px 0px; width:100%;} #news-image img{ width:100%; } #vrcarousel { display:block; width:990px; } #vrcarousel .jcarousel-item { width:990px; height:388px;} #vrcarousel .jcarousel-clip, #vrcarousel .jcarousel-clip-horizontal {width:990px; } #vrnewscarousel { display:block; width:745px; overflow:hidden; } #vrcarousel .jcarousel-item { width:745px; } #vrcarousel .jcarousel-clip, #vrcarousel .jcarousel-clip-horizontal {width:745px; } #vrnewscarousel-nav{float:right; margin-top:-30px; } #vrnewscarousel-nav a{ padding-left:5px; margin-left:0px; border-left:1px solid #BABABA; } #vrnewscarousel-nav a.first{ border-left:0px; } .news-listing {} .news-listing ul { list-style:none; padding:0px; margin:0px; } .news-listing ul li {list-style:none; margin:0px; padding:0px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #bfbfbf;} .news-listing .image { float:left; display:block; width:85px; overflow:hidden; padding:0px; margin:0px; } .news-listing .image img { width:100%; } .news-listing .data { float:left; display:block; padding:0px 0px 10px 10px; margin:0px; } .news-listing h3 { margin:0px; } .news-listing p { margin:0px; } #main_template .news-listing ul { margin:0px; } #main_template .news-listing ul li {} #main_template .news-listing .data { width:425px; } #footer .news-listing { } #footer .news-listing .data { width:500px; padding-right:150px; padding-bottom:0px; margin:0px; } .no-bullet, .no-bullet li{ list-style:none; } .first{ margin:0px; padding:0px; border:0px; } /* Buttons */ .button_go { display:block; width:24px; height:19px; overflow:hidden; background:url(/images/sprite.png) no-repeat 0px -21px; cursor:pointer;} .button_go input { display:block; width:24px; height:20px; padding-top:20px; font-size:0px; line-height:28px; border:0px; background:transparent; cursor:pointer; color:#FF0000; } .button_login { display:block; width:70px; height:20px; overflow:hidden; background:url(/images/sprite.png) no-repeat 0px -39px; } .button_login span { display:none; } /* Navigation */ #nav-pri { background:#e1e1e1; margin:0px; } #nav-pri li { display:block; float:left; padding:0px 7px; margin:5px 0px; border-left:1px solid #ccc; } #nav-pri li.first { border:0px; } #nav-pri li a { } #nav-sub { margin:0px 0px 10px 0px; list-style:none;} #nav-sub ul { margin:0px 0px 10px 0px; list-style:none;} #nav-sub ul li { margin:0px 0px 10px 0px; list-style:none; } #nav-sub ul li a { display:block; background:url(/images/sprite.png) no-repeat 0px -60px; padding-left:15px; } #nav-sub ul li a:hover, #nav-sub ul li a.on, #nav-sub ul li a.on:hover { display:block; background:url(/images/sprite.png) no-repeat 0px -90px; padding-left:15px; } #nav-sub ul ul li { margin-bottom:5px;} #nav-sub ul ul li a { display:block; background:none; padding-left:15px; } #nav-sub ul ul li a:hover, #nav-sub ul ul li a.on, #nav-sub ul ul li a.on:hover { display:block; background:none; padding-left:15px; } #nav-ter { display:block; text-align:right; padding:0px 5px; margin:10px 0px; } #nav-ter span { border-right:1px solid #999; } #nav-ter span.first { border:0px; } #nav-ter a { padding:0px 10px; } #nav-qtr { } /* Typography */ body, p, td, th { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; color:#565656; } h1 { } h2 { font-size:22px; line-height:26px; color:#2a57b9; font-weight:normal; } h3 { font-size:16px; line-height:20px; color:#2a57b9; } h4 { font-size:13px; line-height:17px; } a, a:hover{ color:#2a57b9;} table {} table caption {text-align:left; font-weight:bold; } table th { text-align:left; font-size:11px; line-height:14px; font-weight:bold; } table td, table td p { font-size:11px; line-height:14px; vertical-align:top; text-align:left;} .xsmall { font-size:10px; line-height:14px; } .small { font-size:11px; line-height:16px; } .large { font-size:16px; line-height:20px; } .xlarge { font-size:18px; line-height:24px; } #nav-pri li { font-size:12px; line-height:12px; text-transform:uppercase; } #nav-pri li a { font-weight:bold; color:#666; } #nav-pri li a:hover { color:#2a57b9; text-decoration:none; } #nav-pri li a.on { color:#2a57b9; text-decoration:none; } #nav-sub ul li { font-size:12px; line-height:16px; } #nav-sub ul li a { color:#666; font-weight:bold; } #nav-sub ul li a:hover, #nav-sub ul li a.on, #nav-sub ul li a.on:hover {color:#2a57b9; text-decoration:none; } #nav-sub ul ul li { font-size:11px; line-height:14px; } #nav-sub ul ul li a { font-weight:normal; } #nav-sub ul ul li a:hover, #nav-sub ul ul li a.on, #nav-sub ul ul li a.on:hover{} #nav-ter { font-size:11px; line-height:11px; } #nav-ter a { color:#999; } #nav-ter a:hover { } #nav-ter a.on, #nav-ter a.on:hover {color:#2a57b9; text-decoration:none; } #nav-qtr { } #nav-qtr p { font-size:11px; line-height:15px; color:#999; } #nav-qtr a, #nav-qtr a:hover { color:#999; } #nav-qtr a.on, #nav-qtr a.on:hover {color:#2a57b9; text-decoration:none; } #user-account-panel, #user-account-panel a, #user-account-panel a:hover, #user-account-panel p { color:#fff; } /* #user-account-panel a { text-decoration:underline; } */ #user-account-panel p { font-size:14px; line-height:16px; } #user-account-panel h4 { font-size:14px; line-height:16px; } #user-account-panel label { font-size:10px; line-height:14px; font-weight:bold; } .alt-body p { color:#fff; } #footer h4 { color:#999; font-size:12px; line-height:18px; font-weight:bold; } .banner-header h4, .banner-header h4 a, .banner-header h4 a:hover, .banner-header p { font-weight:bold; color:#fff; font-size:14px; line-height:14px; text-decoration:none; } .banner-header h4{text-transform:capitalize;} .banner-header p{ text-transform:lowercase; } .banner-header a, .banner-header a:hover { color:#fff; text-decoration:underline; } .banner-support h4, .banner-support h4 a, .banner-support h4 a:hover, .banner-header p { font-weight:bold; color:#fff; font-size:14px; line-height:14px; text-decoration:none; } .banner-support h4{text-transform:capitalize;} .banner-support p{ text-transform:lowercase; } .banner-support a, .banner-support a:hover { color:#fff; text-decoration:none; } .team-member .data h4 { font-size:14px; line-height:16px; color:#666; } .team-member .data h4 strong { color:#2a57b9; } .news-listing h3 { font-size:14px; line-height:18px; font-weight:bold; } .news-listing p { color:#666; } #vrnewscarousel-nav, #vrnewscarousel-nav a{ color:#999; font-size:12px; line-height:18px; font-weight:bold; } #vrnewscarousel-nav a:hover{ } .candidates_padding { margin-left:10px; margin-right:10px; } .candidates_stage {display: inline;}