* {margin:0;padding:0;}

html, body, #container {height:100%;}
body {position:relative;font: normal 11px Verdana, Arial, sans-serif; line-height: 150%;min-width:890px;text-align:center;}
body > #wrapper {height: auto; min-height: 100%;text-align:left;padding-bottom:30px;}
html {background:;}
body {background:#f7f7f7 url(../images/body-bg.png) repeat-x fixed center 0;}
/* Typography
-------------------------------- */
h1, h2, h3, h4, h5, h6, span.title-intro {color:#666;margin-bottom:10px;font-weight:normal;font-family:"Helvetica Neue",Helvetica, Arial, sans-serif}

h1 {position:relative;font-size:16px;}
h2 {font-size:16px;}
#categories h2 a {font-size:24px;line-height:30px;}
h3 {font-size:18px;}
h4 {font-size:16px;}

p,a {color:#323232;font-size:11px;line-height:18px;}
a {text-decoration:none;}

ul, li {margin:0;padding:0;list-style-type:none;}
strong {font-weight:600;}


/* Structure
-------------------------------- */
#wrapper {position:relative;width:863px;margin:0 auto;padding:0 3px;background:#fff}
#branding {position:relative;height:351px;width:100%;text-align:center;}
#logo {position:absolute;top:0;left:1px;width:219px;height:76px;background:#fff url(../images/branding-logo.png) no-repeat 0 0;z-index:2;}

.left-border {position:absolute;top:0;left:-26px;background: transparent url(../images/left-border.png) no-repeat 0 0;width:25px;height:630px;}
.right-border {position:absolute;top:0;right:-26px;background: transparent url(../images/right-border.png) no-repeat 0 0;width:25px;height:630px;}

/* News Page Listing and Article
-------------------------------- */
#news-section {position:relative;padding-left:30px;text-align:left;}
#content #news-section p {padding:10px;text-align:justify;}

.news-item {border:1px solid #81C7B0;width:800px;margin-bottom:10px;overflow:hidden;}
.news-item h2 {position:relative;display:block;background-color:#81C7B0;padding:10px;color:#fff;font-weight:500;}
.news-item h2 span {position:absolute;top:10px;right:10px;font-size:12px;}
.news-item a {width:auto;text-decoration:underline;font-weight:600;color:#4DC1A0;}
.news-item a.link-button, #toggle1 {margin:0 10px 10px;display:block;padding:5px;border:1px solid #81C7B0;width:140px;text-align:center;background:#81C7B0;color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;float:left;text-decoration:none;font-weight:500;}
.news-item a.link-button:hover, #toggle1:hover {background-color:#2dc796;}
.odd, .news-item:nth-child(odd) {background-color: #f5faf4;}

/* Search Page Listing and Job  Detail Page
-------------------------------- */
#job-search-section {position:relative;padding-left:30px;text-align:left;}
#content #job-search-section p {padding:0 10px;text-align:justify;}
#content #job-search-section b {color:#005638}
#content #job-search-section ul {padding:10px;}
.job-list-item {border:1px solid #81C7B0;width:800px;margin-bottom:30px;overflow:hidden;}
.job-list-item h2 {position:relative;display:block;background-color:#81C7B0;padding:5px 10px;color:#fff;font-weight:500;}
.job-list-item h2 span {position:absolute;top:5px;right:10px;font-size:12px;}
.job-list-item a {color:#005638;text-decoration:underline;font-weight:600;}
.job-list-item a.link-button, a.link-button {float:right;margin:0 10px 10px;display:block;padding:5px;border:1px solid #81C7B0;width:140px;text-align:center;background:#81C7B0;color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;float:left;font-weight:normal;text-decoration:none;}
.job-list-item a.link-button:hover, a.link-button:hover {background-color:#005638;border-color:#005638;}
.job-list-item ul.specification {margin:0 0 10px;padding:0 0 0 10px;overflow:hidden;}
.job-list-item .specification li {display:inline-block;margin-right:5px;margin-bottom:10px;padding:5px 3px;background-color:#81C7B0;border:1px solid #81C7B0;-moz-border-radius: 3px;-webkit-border-radius: 3px;font-weight:600;color:#fff;width:auto;}
.job-list-item .specification li strong {margin-right:5px;font-weight:500;color:#fff;}
.odd, .job-list-item:nth-child(odd) {background-color: #f5faf4;}

.pagination {position:relative;margin:30px 0 10px 30px;width:800px;padding:0;text-align:right;}
.pagination li {display:inline;margin:0px;padding:5px;}
.pagination a, .pagination .active {-moz-border-radius:5px 5px 5px 5px;background:none repeat scroll 0 0 #81C7B0;border:1px solid #81C7B0;color:#FFFFFF;margin:0 0 10px;padding:5px;text-align:center;width:20px;}
.pagination .active, .pagination a:hover {background:#005638;border-color:#005638;}

/* Apply for Job Section
-------------------------------- */
#cvform {position:relative;padding:0 30px;text-align:left;}
#cvform fieldset {position:relative;overflow:hidden;margin-bottom:30px;}
#cvform legend {color:#81C7B0;font-size:18px;}
#cvform h2 {background-color:#81C7B0;color:#FFFFFF;display:block;font-weight:500;padding:5px 10px;position:relative;margin:-20px -20px 20px;}
#cvform fieldset fieldset {border:1px solid #81C7B0;background-color:#F5FAF4;padding:20px}
#content #cvform p {padding:0;width:600px;}
#cvform .cv-sec1 div, #cvform .cv-sec2 div {float:left;margin-right:30px;}
#cvform .cv-sec1 div.end {margin-right:0;}


/* Navigation Drop Down
-------------------------------- */

#navigation {position:absolute;top:100px;left:-29px;z-index:100!important;}
ul.dropdown                         { position: relative;}
ul.dropdown li                      { font-weight: bold;zoom: 1;}
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #085638; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }

#navigation .start {margin-bottom:10px;width:28px;height:96px;}
#navigation .start a.operator {display:block;background: url(../images/tab-navigation.png) no-repeat 0 0;width:28px;height:96px;padding:0;text-indent:-999em;}
#navigation .start a.submit {background: url(../images/side-nav-submit.png) no-repeat 0 0;}
#navigation .start a.jobsearch {background: url(../images/side-nav-jobsearch.png) no-repeat 0 0;}

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 330px; visibility: hidden; position: absolute; top: 0; left: 100%; background: #085638;}
ul.dropdown ul li 					{ font-weight: normal; background: #085638; color: #000; border-bottom: 1px solid #ccc; float: none; }
ul.dropdown ul li a					{display: block; padding: 4px 8px; border-right: 1px solid #333;color: #222;} 
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

#sub-navigation {position:absolute;top:15px;right:0;z-index:2;}
#sub-navigation li, #footer li {display:inline;}
#sub-navigation a, #footer a {float:left;display:inline-block;border-right:1px solid #666;height:20px;padding: 0 15px}
#sub-navigation a.end, #footer a.end {border:none;}

/* Side Job Search */
#searchForm {overflow:hidden;background: #085638;}
#searchForm span {float:left;display:block;width:6.5em;font-weight:500;color:#fff;font-size:11px;padding:0 12px 0 12px;}
#searchForm p {color:#fff;padding:0px !important;}
#searchForm p a {text-decoration:underline;}
#searchForm input, #searchForm textarea, #searchForm select {float:left;width:145px;border:1px solid #6c7471;padding:3px;}
#searchForm select {width:153px}
#searchForm .end {text-align:center;position:relative;height:60px;}

#searchForm #mini-search-btn, #searchForm #mini-all-search-btn {position:absolute;float:none;cursor:pointer;display:block;width:106px;padding:0;margin:0;height:24px;line-height:24px;font-size:12px;font-weight:500;background-color:#81C7B0;border:1px solid #999;color:#fff;text-align:center;}
#searchForm #mini-search-btn {top:20px;left:22px;height:26px;line-height:26px;}
#searchForm #mini-all-search-btn {top:20px;left:140px;}


/* Side Tab Control */

#controls {position:relative;width:270px!important;display:block;height:43px;}
#navigation #controls #mini-search-btn, #controls #mini-all-search-btn {display:block;color:#fff;text-align:center;background:#4dc1a0;cursor:pointer;border:1px solid #888888;height:15px!important;line-height:14px;}
#navigation  #controls #mini-search-btn {height:24px !important;left:24px;position:absolute;top:0;width:auto;}
#navigation  #controls #mini-all-search-btn {position:absolute;top:0;left:192px;}

#mini-search {margin-left:-40px;line-height:36px;position:relative;}
#searchForm .sector-container {height:200px;overflow:auto;margin:10px 0;}
#searchForm .sector-container span {display:block;clear:both;float:none;margin-left:-5px;}
#searchForm div.row .sector-container label {color:#FFFFFF;display:block;float:left;font-size:11px;font-weight:500;margin:0 0 0 5px;padding:0;text-align:left;width:225px;}
#searchForm div.row .sector-container input {display:block;margin-right:10px;margin-left:24px;width:auto;height:auto;}


/* CV SUBMISSION FORM */
#cv-submission {border-left:1px solid #000;margin-left:-1px;background: #085638;}
div.row {margin:0;float:left;width:100%;padding:6px 0;background:#085638;}
div.row label {float:left;display:block;width:6.5em;font-weight:500;color:#fff;font-size:11px;padding:0 12px 0 12px;}
div.row label:hover {cursor:pointer;}
div.row span {display:block;}
div.row span label {float:none;display:inline;}
div.row legend {font-weight:bold;}
div.requiredRow {border:2px solid #049;}
div.row input, div.row textarea {float:left;width:145px;border:1px solid #6c7471;padding:3px;}
div.row textarea {width:145px;height:90px;}
#cv-submission div.row #submit {display:block;margin:6px 0 6px 95px;width:99px;height:24px;color:#fff;text-align:center;background:#4dc1a0;cursor:pointer;}
#Upload {outline:none;border:none;}

/* CV Submission Error Page
-------------------------------- */
#error-page ul {}
#error-page #cvform {position:relative;padding:0 30px;text-align:left;}
#error-page #cvform fieldset {position:relative;overflow:hidden;margin-bottom:30px;}
#error-page #cvform legend {color:#81C7B0;font-size:18px;}
#error-page #cvform h2 {background-color:#81C7B0;color:#FFFFFF;display:block;font-weight:500;padding:5px 10px;position:relative;margin:0px -20px 10px;}
#error-page #content #cvform p {padding:0;width:600px;}
#error-page ul li {border:1px solid #81C7B0;background-color:#F5FAF4;padding:0 20px 20px;margin-bottom:20px;}
#error-page label {float:left;width:100px;}
#error-page button {-moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 #81C7B0;
border:1px solid #81C7B0;
color:#FFFFFF;
display:block;
float:left;
margin:0 10px 10px;
padding:5px;
text-align:center;
width:140px;}



ul.dropdown .tag-cloud li {padding:6px;}
ul.dropdown .tag-cloud li a {width:auto;font-size:10px;color:#fff;}
ul.dropdown .tag-cloud a.mid {font-size:18px;}
ul.dropdown .tag-cloud a.high {font-size:22px;}

#footer-container {width:100%;clear:both;}

#footer {background:#fff;overflow:hidden;margin:0 auto -10px;padding:0 20px;width:823px;}
#footer li {float:right}
#footer li.first {position:relative;font-size:11px;font-verdana;color:#323232;text-align:center;display:block;float:none;margin-top:20px;}
#footer li.first img {position:absolute;top:50px;left:20px;}
#footer li .end {margin-top:20px;}

#content {text-align:center;clear:both;}
#content h1 + span + p {margin-top:30px;}
#content p {padding: 0 50px;}

h1.title-intro {display:block;color:#81C7B0;font-size:70px;font-weight:500;margin:-260px 0 20px 30px;width:600px;text-align:left;line-height:100%;}
h2.title-intro {position:relative;display:block;text-align:left;font-size:38px;margin-left:30px;color:#aaa;width:600px;font-weight:500;line-height:120%;min-height:130px;height:auto!important;height:130px;}

#categories, #page {position:relative;width:800px;margin:70px auto 0;clear:both;}
#categories li {position:relative;float:left;width:295px;min-height:89px;height:auto !important;text-align:left;margin-right:25px;margin-bottom:25px;}
#categories li img {float:left;}
#categories h2, #categories p {padding:0 0 0 94px;}
#categories a {color:#999;text-decoration:none;}
#categories a:hover {color:#51c2a2;}

.stepper {margin-left:92px;}

#page {width:863px;}
#mini-side-navigation {position:absolute;top:0;left:0;width:184px;text-align:left;}
#mini-side-navigation li {margin:0 0 15px;}
#mini-side-navigation li a {background:none;height:15px;line-height:15px;width:100%;}
#mini-side-navigation li a span {width:130px;cursor:pointer;margin-left:33px;display:inline-block;vertical-align:top;}
#mini-side-navigation li.ui-tabs-selected a {background: url(../images/mini-side-navigation.png) no-repeat -5px center;color:#4dc1a0;}
#page-content {float:left;padding:0 0 0 170px;text-align:left;width:450px;}
#page-content p {padding:0;text-align:justify;}
#page-content p.intro {color:#4dc1a0;}
#vacancies {width:184px;}
#vacancies {float:right;margin-right:20px;width:184px;text-align:left;margin-bottom:60px;text-align:left;}
#vacancies p {padding:0;}
#vacancies h2 {color:#005638;text-transform:uppercase;}
#vacancies h3 {color:#4dc1a0;font-size:12px;margin-bottom:4px;}
#vacancies h3 a {font-weight:600;}
#vacancies span {display:block;font-size:10px;font-weight:500;color:#aaa;}
#vacancies p a {text-decoration:underline;}


/* Sitemap Section */
#sitemap-section {position:relative;padding-left:30px;text-align:left;}
#sitemap-section li {border-left:5px solid #81C7B0;padding-left:10px;margin:0 0 10px;}
#sitemap-section li a {margin:0 10px;color:#81c7b0;}
#sitemap-section li span {color:#eaeaea;margin-left:10px;}


/* MISC */
.ui-tabs-hide {display:none;}
#header-image-homepage{position:absolute;top:0px;left:0px;}
#header-image {position:absolute;right:0px;top:97px;}