/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ html {height: 100%;} .hidden {display:none;} body {height: 100%;} #wrapper {position: relative; min-height: 100%;} *html #wrapper {height: 100%;} #wrapper_inner {padding:0px 0px 309px 0px;} #container { position:relative; padding:0px 0px 0px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:878px; } #container_main { position:relative; padding:0px; margin-top:0px; margin-left:auto; margin-right:auto; width:878px; } #header { width:100%; height:167px; margin:0px; padding:0px;} #logo { display:block; float:left; width:424px; height:101px; margin:0px; padding:0px; } #social_links { display:block; float:left; width:77px; padding:13px 0px 0px 0px;} #top_area {width:377px; display:block; float:right;} #contact_area {width:399px; height:35px; absolute; top:0px; right:0px; padding:15px 0px 0px 22px; display:block; background:url(/images/top_area.jpg) no-repeat left top; } *html #contact_area {position:absolute; top:0px; right:0px;} #contact_area { font-size:14px; font-weight:bold; color:#FFF;} #contact_area a { font-size:14px; font-weight:bold; color:#FFF;} #nav_top { display:block; float:right; text-align:right; margin:20px 0px 0px 0px;} #nav_top a { display:block; float:left; margin:0px 0px 0px 0px; padding:0px 3px 0px 27px; font-size:12px; color:#666666;} #nav_top a:hover {color:#217CB5; text-decoration:none;} #search { margin:0px; padding:0px; width:259px; display:block; float:right; background:url(/images/search.jpg) no-repeat left top;} *html #search { margin:-3px 0px 0px 0px; padding:0px;} #search form { padding:8px 0px 0px 91px; margin:0px 0px 0px 0px;} #search input {width:130px; margin:0px; font-size:12px; border:0px; border-bottom:1px solid #E8E8E8; border-top:1px solid #E8E8E8; padding:1px 10px 1px 0px; display:block; float:left; font-size:12px;} #search button {background:none; border:0px; margin:-9px 0px 0px -5px; padding:0px; } *+html #search button {margin:-10px 0px 0px -10px; padding:0px; } *+html #search input {padding:1px 10px 1px 0px;} *html #search button {margin:-10px 0px 0px -10px; padding:0px; } *html #search input {padding:1px 10px 1px 0px;} #breadcrumb {color:#FFF; font-size:12px; padding:8px 0px 8px 8px; position:relative; z-index:100;} *+html #breadcrumb {color:#FFF; font-size:12px; padding:4px 0px 4px 0px; position:relative; z-index:100;} #breadcrumb a {color:#fff; text-decoration:underline;} #main { width:100%; margin:0px 0px 0px 0px; } #sidebar { width:158px; height:100%; float:left; margin:10px 0px 1px 0px; padding:0px; background:#ffffff; } #content_main { width:614px; margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important; height:300px;} #content {width:300px; float:left;} #sidebar_right { width:266px; height:100%; float:right; margin:0px 10px 0px 10px; padding:0px;} #footer { position:relative; width:100%; background:url(/images/footer.jpg) repeat-x left top; height:309px; margin:-289px 0px 0px 0px; padding:0px; } #footer_container {width:878px; margin:0px auto 0px auto; padding:29px 0px 0px 0px;} #footer h6 {color:#fff !important;} #sectors { display:block; float:left; width:212px; } #sectors_nav { border-top:1px solid #999999;} #sectors_nav a { display:block; border-bottom:1px solid #999999; padding:2px 0px 2px 10px; color:#CCCCCC; font-style:italic;} #sectors_nav a:hover { text-decoration:none; color:#fff; text-decoration:none;;} #sectors { display:block; float:left; width:212px; margin:0px 56px 0px 0px; } #sectors_nav { border-top:1px solid #999999;} #sectors_nav a { display:block; border-bottom:1px solid #999999; padding:2px 0px 2px 10px; color:#CCCCCC; font-style:italic;} #sectors_nav a:hover { text-decoration:none; color:#fff; text-decoration:none;} #rescources { display:block; float:left; width:88px; margin:0px 33px 0px 0px; } #rescources a {font-size:12px; color:#CCCCCC; display:block; margin:2px 0px 2px 0px;} #rescources a:hover {color:#fff; text-decoration:none;} #about_us { display:block; float:left; width:136px; margin:0px 26px 0px 0px; } #about_us a {font-size:12px; color:#CCCCCC; display:block; margin:2px 0px 2px 0px;} #about_us a:hover {color:#fff; text-decoration:none;} #connect { display:block; float:left; width:144px; margin:0px 0px 0px 0px; } #connect a {font-size:12px; color:#CCCCCC; display:block; margin:2px 0px 2px 0px;} #connect a:hover {color:#fff; text-decoration:none;} #quick_enquiries { width:179px; display:block; float:left; } #quick_enquiries h6 { padding:0px 0px 0px 3px;} #quick_enquiries form { padding:0px; margin:0px;} #quick_enquiries input { font-size:12px; color:#666666; width:171px; padding:2px; border:0px; border-top:1px solid #8C8C8C; border-right:1px solid #8C8C8C; } #quick_enquiries textarea { height:81px; font-size:12px; color:#666666; width:171px; border:0px; padding:2px;} #quick_enquiries button { background:none; border:0px; display:block; float:right; } .clear { clear:both; } #foot_nav_enquire { display:block; width:100%; height:233px; } #footer_copy { padding:14px 0px 0px 0px;} #spindogs { display:block; float:right; font-size:10px; color:#FFF; font-weight:bold;} #spindogs a { font-size:10px; color:#FFF; font-weight:bold;} #marble {width:700px; display:block; float:left; font-size:10px; color:#333333; font-weight:bold;} #Catel {} #Catel ul { margin:0px; padding:0px;} #Catel ul li { margin:2px 0px 2px 0px; padding:0px; list-style:none; background:none; } #Catel ul li a {background:#373938; padding:5px 0px 5px 10px; display:block; } #Catel ul li a {background:#373938; color:#ffffff; font-weight:bold; font-size:12px; padding:5px 0px 5px 10px; display:block; text-decoration:none; } #Catel ul li a:hover {background:#2F82B8;} /*------------------------------------ HomePage -----------------------------------------------------------*/ #blue_container { width:100%; background:url(/images/blue_container.jpg) repeat-x top left; height:270px; padding:17px 0px 0px 0px;} #blue_container_inner { position:relative; padding:0px 0px 0px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:878px; } #opportunity_search { display:block; float:left; margin:3px 0px 0px 0px; padding:4px 23px 0px 17px; width:215px; height:244px; background:url(/images/opportunity_search.jpg) no-repeat left top; } #opportunity_search label.indent { display:block; float:left; width:58px; color:#3F3F3F; font-size:14px;} #opportunity_search select { width:153px; } #opportunity_search select#min {width:75px;} #opportunity_search select#max {width:75px;} #opportunity_search form { margin:0px; padding:0px;} #opportunity_search p.bottom_border { margin:0px; padding:0px; border-bottom:1px solid #ccc; padding:10px 0px 10px 0px;} #opportunity_search h3 { border-bottom:2px solid #ccc; padding:10px 0px 10px 0px; margin:0px 0px 0px 0px;} #opportunity_search button {border:0px; margin:0px; padding:0px; background:none; display:block; float:right;} #featured_positions { margin:2px 0px 0px 27px; display:block; float:left; background:url(/images/border_left.jpg) repeat-y left top; width:272px; display:block; float:left; padding:0px 0px 10px 24px; min-height:220px; height:auto !important; height:220px;} #featured_positions ul { margin:0px; padding:0px; border-top: 1px solid #fff;} #featured_positions ul li { margin:0px; padding:0px; list-style:none; padding:8px 0px 8px 0px; border-bottom: 1px solid #fff; background:none !important;} #featured_positions ul li a { width:245px; display:block; color:#fff; font-size:12px; padding:0px 0px 0px 13px; background:url(/images/arrow.gif) no-repeat left top; } .title { font-size:16px; color:#434C4D; font-weight:bold; margin:10px 0px 10px 0px; display:block;} #stay_up_to_date { margin:2px 0px 0px 24px; display:block; float:left; background:url(/images/border_left.jpg) repeat-y left top; width:220px; display:block; float:left; padding:0px 0px 10px 24px; min-height:230px; height:auto !important; height:230px;} #stay_up_to_date a { display:block; margin:0px 0px 3px 0px;} #clients {padding:0px 0px 0px 0px; margin:22px 0px 0px 10px; width:260px; display:block; float:left; height:139px;} #candidates {padding:0px 0px 0px 0px; margin:22px 0px 0px 30px; width:260px; display:block; float:left; height:139px;} #marble_news {padding:0px 0px 0px 29px; border-left:1px solid #ccc; margin:22px 0px 48px 0px; width:242px; display:block; float:right; height:139px} a.title_news { color:#000 !important; font-weight:bold; font-size:16px; } .news {color:#999999; line-height:18px;} .news a { color:#106CA6; font-weight:bold;} .news .author { background:url(/images/author.jpg) no-repeat left top; padding:0px 0px 0px 14px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} /*--------------------------------------- Textpage -----------------------------------------*/ #content { width:588px; display:block; float:left; margin:20px 0px 20px 0px; padding:0px 23px 0px 0px; border-right:1px solid #3E8DC0; min-height:431px; height:auto !important; height:431px;} #search_bar {width:576px; height:68px; background:url(/images/search_bar.jpg) no-repeat; display:block; margin:-20px 0px 0px 0px; padding:0px 0px 24px 12px; position:relative; z-index:100;} #search_bar h6 { margin:0px !important; padding:12px 0px 5px 0px;} #search_bar form { margin:0px 0px 0px 0px; padding:0px;} #search_bar form select {display:block; float:left; width:154px; margin:0px 7px 0px 0px;} #search_bar form select#max {width:70px !important;} #search_bar form select#min {width:70px !important;} #search_bar form button { margin:0px; padding:0px; display:block; float:left; border:0px; background:none; margin:-3px 0px 0px 0px; padding:0px; } *html #search_bar form button {margin:-3px 0px 0px -15px;} *+html #search_bar form button {margin:-3px 0px 0px -15px;} #stay_upto_date_side { display:block; margin:20px 0px 0px 0px;} #stay_upto_date_side a { display:block; margin:0px 0px 3px 0px;} #sidebar { width:249px; min-height:453px; height:auto !important; height:453px; padding:0px 0px 0px 0px; margin:19px 0px 20px 0px; display:block; float:right; } #nav_sub { margin:0px 0px 41px 0px;} #nav_sub a { margin:0px 0px 12px 0px; display:block;} h6#mnews { padding:0px 0px 20px 0px; border-bottom:1px solid #999999;} /*------------------------ Search Results ---------------------------------------------------------*/ #search_results {position:relative;} #search_results table { width:583px; border-collapse:collapse; border:2px solid #434C4F;} #search_results table th { border-bottom: 1px solid #457494; padding:2px 2px 2px 9px; background:url(/images/bac_th.jpg) repeat-x left top; font-size:12px; font-weight:normal; color:#fff;} #search_results table td {border-bottom: 1px solid #CCCCCC; padding:4px 2px 4px 9px;} #search_results table th.job_title {width:157px;} #search_results table th.view {width:66px;} #search_results table th.sector {width:134px;} #search_results table th.location {width:121px;} #search_results table th.salary {width:97px;} #search_results table td.alt {background:#E6E6E6;} .paging_results { position:absolute; top:0px; right:10px; font-size:12px; color:#3D96D0; font-weight:bold;} .paging_results a { font-size:12px; color:#3D96D0; font-weight:normal} /*------------------------------------ Job Result-----------------------------------------------------------*/ #job {} #job_left { height:100%; margin:10px 0px 0px 0px; width:197px; font-size:12px; font-weight:bold; padding:0px 13px 0px 0px; display:block; float:left; } .blue {color:#2C7FB7; display:block; float:left; width:62px; } #job_column { padding:0px 0px 10px 0px; display:block; border-bottom:1px solid #999;} #job_right {min-height:383px; height:auto !important; height:383px; margin:0px 0px 0px 0px; padding:0px 0px 0px 26px;; width:341px; display:block; float:left; border-left:3px solid #434C4F; position:relative;} a#job_right_back_top { position:absolute; top:-25px; right:0px;} a#job_right_back_below {position:absolute; bottom:-25px; right:0px;} #enquire_about_this_job {padding:10px 0px 0px 0px;} #enquire_about_this_job form { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} #enquire_about_this_job input { font-size:12px; color:#666666; width:170px; padding:2px; border:0px; background:#EAEAEA; } #enquire_about_this_job textarea { height:81px; font-size:12px; color:#666666; width:170px; padding:2px; border:0px; background:#EAEAEA } #enquire_about_this_job button { background:none; margin:0px; padding:0px; border:0px; display:block; float:right; } /*------------------------------------ Latest News -----------------------------------------------------------*/ .latest_news { border-bottom:2px solid #3E8DC0; display:block; padding:10px 0px 10px 0px;} .latest_news h3 a {color:#000;} .latest_news h3 a:hover {color:#000;} .latest_news p a {color:#267CB5; font-weight:bold;} .paging { font-weight:bold;} .paging {} /*------------------------------------ nav-----------------------------------------------------------*/ #nav { width:600px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; float:left; } #nav a { margin:0px 0px 0px 0px; padding:11px 17px 7px 5px; color:#ffffff; display:block; float:left; font-weight:normal; font-size:12px;} #nav a:hover { text-decoration:none; color:#434D4F; } /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ button {cursor:pointer;} body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:url(/images/bac.jpg) repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size:12px;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1 { font-size:18px; color:#106CA5; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h2 { color:#106CA5; font-size:18px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#1972AD; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#333; font-size:14px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#CCCCCC; font-size:8px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#106CA5; font-size:14px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } hr {} ul { padding:0px; margin:10px 0px 10px 20px;; } ul li { color:#333; font-size:12px; list-style-type:none; padding:2px 0px 2px 20px; margin:0px; background:url(/images/li_star.jpg) no-repeat left 40%;} ol {} ol li {color:#333; font-size:12px; list-style:decimal;} address {color:#333; font-size:12px;} a { color:#69A3C8; text-decoration:none; } a:hover { color:#69A3C8; text-decoration:underline; } p { color:#333; font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:18px; } /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */