html { 
overflow: -moz-scrollbars-vertical !important; 
}

ol.normal li {
list-style:decimal !important;
margin-bottom:1em;
}

body {
margin: 0;
padding: 0;
text-align: center;
font-family: geneva, verdana, sans-serif;
font-size: 70%;
line-height: 150%;
color: #333;
background-color: #fff;
}

.access {
display: none;
overflow: hidden;
}

img.right {
float: right; 
margin: 0 0 10px 10px;
}

/* TYPOGRAPHY ********************************************************/
h1 {
color: #333; 
font-size: 1.4em;
font-weight: bold;
padding: 0 0 3px 0;
margin: 2px 0 10px 0;
border-bottom: 1px solid #e2e0e0;
font-family: arial, helvetica, sans-serif;
}

h2 {
color: #333; 
font-size: 1.4em;
padding: 0 0 3px 0;
font-family: arial, helvetica, sans-serif;
}

h3 {
color: #333; 
font-size: 1.1em;
padding: 0 0 3px 0;
}

.job h3 {
font-size: 100%;
font-weight: bold;
padding: 0 0 5px 0;
margin: 0;
}

hr {
height: 1px;
margin: 10px 0 10px 0;
border: 1px solid #ccc;
clear: both;
}

.about {
width: 100%;
border: 1px solid #e2e0e0; 
background: url("/img/bg_shade.jpg") bottom left repeat-x;
margin-bottom: 10px;
padding-left: 3px;
}

/* links ********************************************************/
a {
color: #4b76c9;
text-decoration: none;
outline: none;
}

a:hover {
color: #F88804;
}

a.arrow {
background: url(/img/orange_arrow.gif) 100% 100% no-repeat;
padding-right: 8px;
}

a.apply { 
float: right; 
margin: 15px;
}


/*  ///////////////////////////////////////////////////////////////////////////////////////////////
main layout
//////////////////////////////////////////////////////////////////////////////////////////////  */

.clear {clear: both;}

div#topelements { 
width: 780px;
margin: 0 auto;
padding: 0;
text-align: left;
position: relative;
border-bottom: 1px solid #ccc;
}

ul#topnav {
list-style: none;
margin: 0;
padding: 8px 0;
}

ul#topnav li {
display: inline;
padding: 0 6px 0 0;
margin: 0 6px 0 0;
border-right: 1px solid #4b76c9;
}

* html ul#topnav li {
padding: 0 6px 0 0;
margin: 0 9px 0 0;
}

ul#topnav li.last {
border: none;
}

ul#topnav li a {
font-size: 0.9em;
}

ul#countrytabs {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 12px;
right: 10px;
font-size: 0.9em;
}	

ul#countrytabs li {
display: inline;
float: left;
margin-left: 4px;
}

ul#countrytabs li a {
background: url("/img/tab_country.jpg") no-repeat 0 -22px;
display: block;
width: 118px;
height: 22px;
padding: 0 0 0 13px;
}

ul#countrytabs li a:hover {
background: url("/img/tab_country.jpg") no-repeat 0 0;
}

ul#countrytabs li a span {
padding-left: 33px;
display: block;
height: 22px;
line-height: 22px;
cursor: pointer;
}

ul#countrytabs #siteuk {
background: url("/img/flag_uk.gif") no-repeat 0 3px;
}

ul#countrytabs #global {
background: url("/img/ico_world.gif") no-repeat 0 3px;
padding-left: 23px;
}

ul#countrytabs #siteus {
background: url("/img/flag_us.gif") no-repeat 0 3px;
}

ul#countrytabs #siteau {
background: url("/img/flag_au.gif") no-repeat 0 3px;
}

ul#countrytabs li a.site-active {
background: url("/img/tab_country.jpg") no-repeat 0 0;
height: 22px;
font-weight: bold;
}

div#margin {
/*background: url("/img/outer_bg.gif") repeat-y;*/
width: 780px;
margin: 0 auto;
padding: 10px 0 0 0;
text-align: left;
position: relative;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

div#container {
width: 762px;
margin: 0 0 0 12px;
padding: 0;
position: relative;
}

div#header{
margin: 0 0 20px 0;
}

#dmgthome {
position: absolute; 
height: 50px; 
width: 100px;
z-index: 999;
}

#dmgthome a {
display: block;
height: 50px; 
width: 100px;
background: url("/img/iesucks.gif");
}

div#logo {float: left; width: 174px;}

div#banner{ 
}

div#logos { 
border-right: 1px solid #e2e0e0;
border-left: 1px solid #e2e0e0;
border-bottom: 5px solid #e2e0e0;
width: 758px;
height: 63px;
margin: 0;
}

#instructions {
font-size: 0.9em;
font-weight: bold;
display: block;
width: 90%;
text-align: left;
padding-left: 10px;
margin: 0;
color: #777;
}

div#wrapper {
float: left;
width: 100%;
}

div#content {
margin: 0 195px 40px 195px;
}

div#search {
float: left;
width: 195px;
margin-left: -760px;
}

div#extra {
float: left;
width: 195px;
margin-left: -195px;
}

div#footer {
clear: both;
width: 760px;
margin: 0;
padding: 0;
text-align: center;
border-top: 1px solid #ccc;
font-size: 0.9em;
}

div#footer p {
margin: 0;
padding: 10px 0;
}

div#brands {
width: 760px;
text-align: center;
clear: both;
height: 50px;
}

/* left side tools ********************************************************/

.toolbox {
margin-bottom: 5px;
}

.box { 
border: 1px solid #e2e0e0; 
width: 152px;
padding: 10px;
background: url("/img/bg_shade.jpg") bottom left repeat-x;
}

.toolbox h3 {
font-size: 1.2em;
line-height: 22px;
color: #fff;
text-indent: 12px;
background: url(/img/orange_box.jpg) no-repeat;
margin: 0;
padding: 0;
}

.toolbox select {
width: 150px; 
margin-bottom: 10px;
}

.toolbox .keywords, .divkeywords, .toolbox .txt {
width: 145px; 
margin-bottom: 10px;
}

.toolbox h4 {
padding: 0; 
margin: 0 0 7px 0; 
font-size: 1.0em;
}

.toolbox ul {
list-style: none;
margin: 0 0 10px 0;
padding: 0;
}

#jobtypes, #jobtypes_orange, #spotlight, #news, #categories, #recentposts, #monthly{
margin: 0 0 5px 20px;
}

#jobtypes_orange h3 {
font-size: 1.2em;
line-height: 22px;
color: #fff;
text-indent: 12px;
background: url(/img/orange_box.jpg) no-repeat;
margin: 0;
padding: 0;
}

#jobtypes h3, #spotlight h3, #news h3, #categories h3, #recentposts h3, #monthly h3, #blog h3 {
font-size:1.2em;
line-height:22px;
color:#FFFFFF;
text-indent:12px;
background:url(/img/blue_box.jpg) no-repeat;
margin:0;
padding:0;
}

#jobtypes ul, #jobtypes_orange ul, #categories ul, #recentposts ul, #monthly ul {
list-style: none;
padding: 0;
margin: 0;
}

#jobtypes li a, #jobtypes_orange li a, #categories li a, #recentposts li a, #monthly li a  {
text-decoration: none;
margin: 0;
padding-left: 10px;
background: url("/img/list_arrow.gif") 0px 5px no-repeat;
font-size: 0.8em;
}

#spotlight h4 {
padding: 0;
margin: 0;
font-size: 1.1em;
}

#news {
margin: 0;
}


/* job results *************************************/
.job {
border-bottom: 1px dotted #ccc;
margin-bottom: 10px;
padding-bottom: 7px;
}

.job p {
margin: 0;
padding: 0 0 3px 0;
}

.resultsnav {
border-bottom: 1px dotted #ccc;
margin-bottom: 10px;
padding-bottom: 7px;
text-align: right;
}

/* map ********************************************************/
#mapLinks {
color:#bad8ff; 
margin:5px 0 20px 0; 
text-align:center;
}

#mapLinks a {
text-decoration:none; 
font-size:0.8em;
}

a.hover{
color: #f88804;
}

#map {
border: 1px solid #ddd;
}

/* Tables and forms ********************************************************/

td, pre {
font-family: geneva, verdana, sans-serif;
font-size: 70%;
voice-family: "\"}\""; 
voice-family: inherit;
font-size: 100%;
}
select, input {
font-family: geneva, verdana, sans-serif;
font-size: 100%;
voice-family: "\"}\""; 
voice-family: inherit;
font-size: 100%;
}

select.search {
background-color: #f88804;
color: #fff;
}

.unselected_dd {
background-color: #fff;
color: #000000;
}

pre {
color: #888;
font-style: italic;
}
img, form, label, legend {
margin: 0;
padding: 0;
border: none;
}

td {
background: url("/img/ui_td_dots.gif") center bottom repeat-x #fff;
}

fieldset {
margin: 0px 0px 5px 0px;
padding: 10px;
border: 1px solid #E2E0E0;
background: url("/img/bg_shade.jpg") bottom left repeat-x;
}

ul.inline li {
display: inline;
}

input.searchsubmit {
margin: 0;
padding: 0;
width: 60px;
cursor: pointer;
}
input.searchsubmit1 {
margin: 0;
padding: 0;
width: 30px;
cursor: pointer;
}

input.normal {
 border: none;
 width: 15px;
}

table.normal {
 width: 361px;
}

table.normal th {
 padding-top: 7px;
}

#content form {
padding: 0 0 0 6px;
}

#content ul {
margin: 0;
padding: 0;
} 

#content li {
padding: 0 0 0 6px;
list-style-type: none;
line-height: 19px;
}

#content ul.inline {
padding: 0;
margin: 0 0 25px 0;
}

#content ul.inline li {
padding: 0 6px 0 6px;
margin: 0;
}

#content ul.inline li.last {
border-right: 1px solid #fff;
}

#content textarea {
width: 80%;
border: 1px solid #ccc;
}

#content label {
border: none;
}

#content input {
border: 1px solid #ccc;
voice-family: "\"}\""; 
voice-family:inherit;
height: 16px;
}
#content input.searchradio {
border: none 0;
height: 15px;
}
#content input.textinput {
width: 250px;
padding: 0;
margin: 0 10px 0 0;
}
#content fieldset ul {
padding: 0;
margin: 0 0 20px 0;
}
#content fieldset i {
font-size: 90%;
color: #888;
line-height: 100%;
font-style: normal;
}
#content fieldset ul li {
padding: 0;
margin: 0;
}
#content fieldset ul.center {
margin: 0 0 10px 0;
padding: 0px;
}
#content fieldset ul.center li {
margin: 0;
padding: 0;
}
#content input.searchinput {
width: 260px;
padding: 0;
margin: 0 10px 0 0;
}

/* Divisions ********************************************************/
#logos ul.cslogos {
margin: 0;
padding: 0;
list-style: none;
height: 40px;
}
#logos ul.cslogos li {
background: none;
float: left;
margin: 0;
padding: 0;
}
#logos ul.cslogos li a {
display: block;
margin: 0;
padding: 0;
height: 40px;
border-right: 4px solid #fff;
text-indent: -8000px;
}
#logos ul.cslogos li a.csdm {
width: 86px;
background: url(/img/div_logos.gif) 6px 0 no-repeat;
}
#logos ul.cslogos li a.csdm:hover, #logos ul.cslogos li a.csdmactive {
width: 86px;
background: url(/img/div_logos.gif) 6px -40px no-repeat;
}
#logos ul.cslogos li a.csan {
width: 100px;
background: url(/img/div_logos.gif) -88px 0 no-repeat;
}
#logos ul.cslogos li a.csan:hover, #logos ul.cslogos li a.csanactive {
width: 100px;
background: url(/img/div_logos.gif) -88px -80px no-repeat;
}
#logos ul.cslogos li a.csnm {
width: 122px;
background: url(/img/div_logos.gif) -202px 0 no-repeat;
}
#logos ul.cslogos li a.csnm:hover, #logos ul.cslogos li a.csnmactive {
width: 122px;
background: url(/img/div_logos.gif) -202px -120px no-repeat;
}
#logos ul.cslogos li a.csin {
width: 90px;
background: url(/img/div_logos.gif) -334px 0 no-repeat;
}
#logos ul.cslogos li a.csin:hover, #logos ul.cslogos li a.csinactive {
width: 90px;
background: url(/img/div_logos.gif) -334px -161px no-repeat;
}
#logos ul.cslogos li a.csem {
width: 75px;
background: url(/img/div_logos.gif) -424px 0 no-repeat;
}
#logos ul.cslogos li a.csem:hover, #logos ul.cslogos li a.csemactive {
width: 75px;
background: url(/img/div_logos.gif) -424px -200px no-repeat;
}
#logos ul.cslogos li a.cswm {
width: 106px;
background: url(/img/div_logos.gif) -504px 0 no-repeat;
}
#logos ul.cslogos li a.cswm:hover, #logos ul.cslogos li a.cswmactive {
width: 106px;
background: url(/img/div_logos.gif) -504px -240px no-repeat;
}
#logos ul.cslogos li a.csra {
width: 124px;
background: url(/img/div_logos.gif) -618px 0 no-repeat;
}
#logos ul.cslogos li a.csra:hover, #logos ul.cslogos li a.csraactive {
width: 124px;
background: url(/img/div_logos.gif) -618px -280px no-repeat;
}
