@media screen {
#leftTile {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50%;
	height: 198px;
	z-index: 1;
	background: url(pic/tile_home.gif) repeat-x left bottom;
}
.maritime_tile { background-image: url(pic/tile_maritime.gif) !important; }
.agencies_tile { background-image: url(pic/tile_agencies.gif) !important; }
.forwarding_tile { background-image: url(pic/tile_forwarding.gif) !important; }
.logistics_tile { background-image: url(pic/tile_logistics.gif) !important; }

#body {
	width: 970px;
	margin: 0 auto;
	padding:0 10px;
}
#bodyWrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	z-index: 2;
}
#header { background: url(pic/tile_home.gif) repeat-x left bottom; position:relative; }

.maritime #header { background-image: url(pic/tile_maritime.gif); }
.agencies #header { background-image: url(pic/tile_agencies.gif); }
.forwarding #header { background-image: url(pic/tile_forwarding.gif); }
.logistics #header { background-image: url(pic/tile_logistics.gif); }


#header div { text-align:right; }
#mainLogo { position:absolute; left:0; top:45px; text-align:left; 	}
#langs { position:absolute; left:410px; width:100px; top:75px; text-align:right; font-size:14px;  z-index:101; }
#langs a { text-decoration:none;}
#langs a:hover { text-decoration:underline; }
}

#imgDevelopment { position:absolute; left: 350px; top:10px; z-index:10; }

#colLeft img, #colRight img { margin-bottom:10px; }

.left { float:left; }
.right { float:right; }

.disabled { color:#999999; }
.disabled tt { visibility:hidden; }

body { margin:0; padding:0; }
body, a, select, input, textarea { color:#091C5A; }
#colBody a:visited, .aVacancyPageLink { color:#49529E; }
body, select, input, textarea { font-family:Microsoft Sans Serif, Arial, Helvetica, sans-serif; font-size:12px; }
p, h1, h2 { margin: 0 0 1em; }

#colBody ul {
	padding-left:0px;
	margin-left:17px;
	list-style-image: url(/pic/bullet_normal.gif);
}

.center { text-align:center; }


#topNav, #topNav input, #topNav button, #botNav { font-size:11px; }
#topNav select { font-size:11px; }
#topNav { padding: 1em 0 0.5em; }
#topNav a, #newsFlash a, #botNav a  { text-decoration:none; }
#topNav a:hover, #botNav a:hover, #newsRoom thead th a:hover { border-bottom:1px solid #141D5A; }
#rambler a:hover { border-bottom:none; }
#topNav label { margin-left:1em; }
#topNav .left { padding-top:3px; }
#topNav form { display:inline; }
#breadcrumbs { color: #999999; margin-bottom:0.5em; }
#breadcrumbs a { text-decoration:none; color:#666666; }
#breadcrumbs a:hover, #botNav .left a { border-bottom:1px solid #666; }

#breadcrumbs .left { background-color: #FFF; padding-right:1em; line-height:1.5em; }

.inpWrap input { border:none; border-width:0; padding:1px 2px;}
.inpWrap, #topNav select, #vacancyMenu { border:1px solid #091C5A; }
.inpWrap { display:-moz-inline-box; display:inline-block; }
#topNav button { margin:0; padding:0; }
option.country { color:#666666; }

#botNav { margin-bottom:1em; clear:both; padding-bottom:1em;}
#botNav .right { text-align:right; } 


#newsFlash, #newsRoom thead th {
	background: #091C5A url(pic/news_grad.jpg) repeat-x left bottom;
}
#newsFlash {
	padding:0;
	margin:0;
	list-style-type: none;
	float:left;
} 
#newsFlash, #newsFlash li, #DYKlink, #DYKimage { height: 77px;}
#newsFlash a { height:67px; }
#newsFlash strong { display:block; }
#newsFlash li { float: left; width:184px; margin:0; padding:0px 5px; line-height: 13px; background: url(pic/news_sep.gif) no-repeat left bottom;}
#newsFlash li.first { background:none; }
#newsFlash a { color:#FFF; padding:5px 5px; display:block; background: url(pic/news_arrow.gif) no-repeat bottom right; }
#newsFlash a:hover { background-color: #848DAC; }

#newsBar { margin-top:0.5em; font-size:11px;}
#newsBar.home { padding-bottom:8px; background:url(pic/news_slant.gif) no-repeat bottom right; }
.maritime #newsBarBase, .agencies #newsBarBase, .forwarding #newsBarBase, .logistics #newsBarBase { height:12px; }

#homePics, #botNav { border-top: 1px solid #091C5A; padding-top: 1em; margin-top:1em; }
#homePics { border-bottom: 1px solid #091C5A; padding-bottom: 1em; margin-bottom:1em; }
#homePic img { border:none; }
.homePic, .homeBrief { float:left; }
#homeDYK, #DYKlink { background-color:#091C5A; }
#homeDYK img, #DYKimage { opacity: .4; filter: alpha(opacity=40); border:none; }
a#homeDYK:hover img, #DYKlink:hover, #DYKlink:hover #DYKimage { opacity:1; filter: alpha(opacity=100); }
a#homeDYK:hover span, #DYKlink:hover dfn, #DYKlink:hover strong { display:none; }
#homePic a { 
	position:relative; 
	text-decoration:none; 
	color:#FFF; 
}
#homeDYK { position:relative; float:right; }
#homeDYK span {
	color: #FFF;
	position:absolute;
	top:10px;
	left:10px;
	width: 550px;
	height:127px;
	cursor:pointer;
	line-height:1.5em;
	font-size:14px;
	background: url(pic/hh_arrow.gif) no-repeat right bottom;
}
#homeDYK strong { display:-moz-inline-block; display:inline-block; font-size:16px; border-bottom: 1px solid #FFF; padding-bottom:0.5em; margin-bottom:0.4em; font:bold 17px Arial, Helvetica, sans-serif;  line-height:1em; }
* html #homePics { padding-bottom:0; } /* IE6 bug */

.homeBrief { margin-right:13px; overflow:hidden; }
a.homeBrief { text-decoration: none; cursor:pointer; outline: none;  }
a.homeBrief a { display:none; }
#homeBrief { border-right: 1px solid #003366; padding-right:13px; width:180px; height:150px; }
#homeBriefBorder { border: 1px solid #003366; padding: 10px; width: 171px; height:128px; }

/*#homeYear100 span { position:absolute; left:5px; bottom:5px; font:12px Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer;} */

#DYKlink {
	display:block;
	position:relative;
	color:#FFF;
	text-decoration:none;
	float:left;
	background-repeat: no-repeat;
}
#DYKimage, #DYKlink { width:388px; }
#DYKimage { display:block; cursor:pointer; }
/*#DYKimage { position:absolute; top:0; left:0; }*/
/*#DYKlink:hover { opacity: .8; filter: alpha(opacity=80); }*/

#DYKlink dfn, #DYKlink strong { cursor:pointer; position:absolute; }
#DYKlink strong { /*float:left;*/ border-bottom: 1px solid #FFF; padding-bottom:0.5em; font-size:14px; margin:10px; top:0; left:0; }
#DYKlink dfn { /*float:right;*/ font-style:normal; width: 300px; padding:8px 10px 0 0; text-align:right; font-size:12px; top:0; right:0;}


#hactiv td, a.oact { border-width:1px; border-style:solid; }
#hactiv td { width:25%; vertical-align:top; }
.act_maritime { border-color: #0D6826; } 
.act_agencies { border-color: #BAA500; } 
.act_forwarding { border-color: #560901; } 
.act_logistics { border-color: #ED5200; } 
.act_maritime .slant, .maritime #newsBarBase { background-color: #0D6826; } 
.act_agencies .slant, .agencies #newsBarBase { background-color: #BAA500; } 
.act_forwarding .slant, .forwarding #newsBarBase { background-color: #570901; } 
.act_logistics .slant, .logistics #newsBarBase { background-color: #ED5200; } 
#hactiv th b { display:block; width:10px; }
#hactiv .slant, .oact .slant { text-align:right; margin-right:21px; display:block;}
#hactiv .slant img { height:11px; width:11px; margin-right:-11px;}

#hactiv a, a.oact { display:block; text-decoration:none; }

a.oact { margin-bottom:1em; padding:0; position:relative; border-top-width:6px; }
.oact img { margin:20px 6px !important; }
/*.oact .slant img { height:6px; width:6px; margin:0 -6px 0 0 !important;}*/

* html a.oact { zoom:1; } /* doesn't help in the print mode though */
.oact b img { margin:0 !important; }
.oact b { position:absolute; top:-5px; right:0; }

#hactiv a:hover, #hactiv td:hover a { color:#4D57B3; }
#hactiv td { cursor:pointer; }
.hactiv { padding: 10px 10px 10px 6px; }

#hactiv img, .oact img { border:none; }

#hactiv ul { margin:1em 0 0 33px; padding:0; }
#hactiv td, a.oact { background-repeat: no-repeat; background-position: bottom right; }
td.act_maritime { background-image:url(pic/4_marrow.gif); }
td.act_agencies { background-image:url(pic/4_aarrow.gif); }
td.act_forwarding { background-image:url(pic/4_farrow.gif); }
td.act_logistics { background-image:url(pic/4_larrow.gif); }
a.act_maritime { background-image:url(pic/4_marrow1.gif); }
a.act_agencies { background-image:url(pic/4_aarrow1.gif); }
a.act_forwarding { background-image:url(pic/4_farrow1.gif); }
a.act_logistics { background-image:url(pic/4_larrow1.gif); }
#hactiv img.hintro { display:block;}

/*#colLeft p { margin:0; padding:0; }*/

.columnWrapper { margin-top:1em; }

@media screen {
/*
**
** 3 COLUMNS FOR THE BODY
**
*/

.columnWrapper {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	/*float:left;*/
	width:100%;			
	overflow:hidden;		/* This chops off any overhanging divs */
	/*background:#ffd8b7;		 Left column background colour */
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:240px;
	border-left:1px solid #003366;
	/*background:#fff;    	 Centre column background colour */
}
#threeColumns #colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-452px;
	/*background:#ff9;    	 Right column background colour */
}
#threeColumns #col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#threeColumns #col1pad {
	margin:0 15px 0 460px;
	overflow:hidden;
}
#threeColumns #colBody {
	width:100%;
	overflow:hidden;
}
#colLeft {
	float:left;
	width:230px;
	left:210px;
	position:relative;
	margin-left:-50%;
	overflow:hidden;
}
.downloadItemPage { width:100%; }
#colRight {
	float:left;
	width:200px;
	left:10px;
	position:relative;
	overflow:hidden;
}

.columnWrapper #colright {
	border-left:1px solid #003366;
}

/*
**
** 2 COLUMNS FOR THE BODY
**
*/

.leftmenu #colright {
	float:left;
	width:200%;
	position:relative;
}
.leftmenu #col1wrap {
	float:right;
	width:50%;
	position:relative;
}
.leftmenu #colBody {
	margin:0 0 0 245px;
	position:relative;
	right:100%;
	overflow:hidden;	
}
* html .leftmenu #colBody { zoom:1; }
.leftmenu #colMenu {
	float:left;
	position:relative;
}

#twoColumns #colright {	left:229px;}
#twoColumns #col1wrap {	right:230px;}
#twoColumns #colBody { margin:0 0 0 245px; }
#twoColumns #colMenu { width:230px;	right:230px; }


#twoColumnsNews #colright {	left:734px; }
#twoColumnsNews #col1wrap {	right:735px; }
#twoColumnsNews #colBody {	margin:0 0 0 745px; }
#twoColumnsNews #colMenu { width:720px; right:735px; }

#leftColumnPics { width:250px; }
}


#vacancyList td, #vacancyList th { padding:1em 0.5em 2em; vertical-align:top;}
#vacancyList th { white-space:nowrap; }
#vacancyList a { text-decoration:underline; }
/* a fix for the background applied to TDs instead of TRs - all browsers except FF
and Safari is even dumber than the rest, hence full declaration here */
#vacancyList th, #vacancyList td { background: #E9ECF3 url(pic/bodyslant_news_pad.gif) bottom left no-repeat; }
#vacancyList td.date { background: #E9ECF3 url(pic/bodyslant_news_pad.gif) bottom right no-repeat; }

#vacancyList td.novacancies { text-align:center; font-weight:bold; padding-bottom:2.5em; }

.aVacancyPageLink { font-size:140%; font-weight:bold; text-decoration:none; display:inline-block; border-bottom:1px solid #0A2972; margin-top:0.5em;}
.aVacancyPageLink strong { font-family:Arial, Helvetica, sans-serif; }

.slantedHeader h2 {
	margin:0px;
	text-transform: uppercase;
}
.slantedHeader {
	font-size:110%;
	font-weight: bold;
	margin: 1em 0em;
	color: #0A2972;
	padding:1em;
}


#leftColumnPics img { margin-right:10px; }




ul.checkerboard { list-style-type:none !important; list-style-image:none !important; padding:0; margin:0; }
ul.checkerboard li { margin:0; }
div.checkerboard a, ul.checkerboard li, table.checkerboard a { display:block; text-decoration:none; }
div.checkerboard a, ul.checkerboard li, table.checkerboard td, body .myCheckers div, body .myTableMan h2, body .my100ySeparator {  padding:0.7em 0.5em 1.5em; margin-bottom:0;}
body .myCheckers a:visited { color:#333333 !important; }
.checkerboard a:hover { color:#6169B6; }
.checkerboard .chess, body .myChess, .slantedHeader { padding-bottom:2em; }
.checkerboard .chess, .submenu div, .slantedHeader { background: #E9ECF3 url(pic/bodyslant_news.gif) bottom right no-repeat; }

.maritime .myChess { background: #DEECD5 url(pic/bodyslant_maritime.gif) bottom right no-repeat; }
.maritime .myCheckers h2 { color: #0D6826; }

.forwarding .myChess { background: #FCC0B7 url(pic/bodyslant_forwarding.gif) bottom right no-repeat; }
.forwarding .myCheckers h2 { color: #570901; }

.logistics .myChess { background: #FFCCB0 url(pic/bodyslant_logistics.gif) bottom right no-repeat; }
.logistics .myCheckers h2 { color: #ED5100; }

.agencies .myChess { background: #FFF0AE url(pic/bodyslant_agencies.gif) bottom right no-repeat; }
.agencies .myCheckers h2 { color: #BAA500; }

body .myCheckers h2 { font-size:120%; margin:0 0 1em; }
body .myCheckers ul { margin:0; padding:0 0 0 1.5em; }

.newsList .subscribe, body .myTableMan h2, body .my100ySeparator { background:#091C5A url(pic/slant_subs.gif) no-repeat bottom right; color:#FFF; padding-bottom:1.5em; }
.newsList .subscribe:hover { color:#D2DDFB; }
.newsList .first, table.newsList th { background:#FFF; }
.newsList a img { border:0; }
table.newsList td { border:none; }
table.checkerboard a { text-decoration:none; }

.speakerList img { float:right; margin-left: 5px;}
/*.speakerList a { text-decoration:underline !important; }  for suEDIT mode links to speaker items */

h1 { font-size:150%; }
h2, h3 { font-size:120%; }
.pageHead { margin-top:0; }

div.newsList a, ul.newsList li { line-height:1.1em;}
.newsList a strong, .newsList li strong { display:block; }
.newsArticle h1, #colRight h2 { text-transform:uppercase; margin:0 0 1em; }
.newsArticle h1 strong { white-space:nowrap; }
.newsArticle dfn { font-style:normal; font-weight:bold; margin-bottom:1em; display:block;}
#newsBody { color:#333333; line-height: 1.3em; }

#newsBody p { text-align:justify; }
 
.submenu a, .submenu div { text-decoration:none; font-weight:bold; }
.submenu div { padding:5px 5px 15px; margin-bottom:0;  }
.submenu a { padding:5px !important; margin-bottom:5px !important; background-image:none;}
.newsArchive h2 { padding-left:5px; margin-top:0; }

#pressList div { font-weight:bold; margin-top:0.5em;}
#pressList img { border:none; vertical-align:middle; }
#pressList b { font-weight:normal; font-size:85%; }
#pressList strong { margin-bottom:0.3em; }
#pressList a { text-decoration:none; font-weight:normal;}
ul#pressList { margin-left:0; }


#twoColumnsNews .speakerList strong { margin-bottom:3px; }


#newsRoom .nrCol { vertical-align:top; border-left:1px solid #141D5A; padding: 0 0.5em; }
#newsRoom td.first { border-left:none; padding-left:0; }
#newsRoom thead th { text-align:left; padding:0 0 1em 1em; color: #FFF; border-left:1px solid #FFF; }
#newsRoom th.first { border-left:none; }
#newsRoom h3 { margin:1em 0; }
#newsRoom thead th a { text-decoration:none; color:#FFF; font-weight:normal;}
#newsRoom thead th a:hover { border-color:#FFF; }


#nrNews { width: 220px; }
#nrSpeakers { width: 230px; }
#nrPress { width: 270px; }
#nrDYK th { padding-right:5px; }
#newsRoom #nrDYK { padding-right:0; }

#DYKlogo { float:right; margin-left:1em; margin-bottom:0.5em; }

.showvac_sea .vac_shore, .showvac_shore .vac_sea { display:none; }
#vacancyMenu { margin:1em 0; padding:1em; font-size:130%; font-weight:bold; text-align:center; } 
#vacancyMenu input, #vacancyMenu label { vertical-align:middle; margin:0; }
input#vacancyMenuShore { margin-left:2em; }


/*
**
** PRINCIPALS
**
*/


#principal { margin-bottom: 1em;}

#principal h4, #principal p {margin:0.5em 0px;}
#principal dfn { font-style:normal; margin:0.5em 0px; display:block;}

#principal h3, #principal h4 {
	margin:0px;
	font-size:110%;
}

#princPhoto { float:left; padding-right:10px }
#princLogo img { border:none; }

#princPhoto, #princLogo  { padding-top:1em; }

ul#principals {  padding-bottom: 0px; }

ul#principals li {
	margin-bottom:0.5em;
}
ul#principals ul {
	margin-top: .5em;
	margin-bottom: .5em;
	font-size:90%;
	padding-bottom: 0px; 
}


/*ul#principals ul, ul#destinations {
	list-style-image: url(/pic/bullet_normal.gif);
}*/
ul#destinations {
	margin-top:1em;
	font-size:90%;
	margin-bottom:0px;
	padding-bottom:1px;
}
#destinations li {	margin: 10px 0px;}
#destinations #offices {
	list-style-type: none;
	list-style-image:none;
	margin:5px 0px 0px 0px;
	padding:0px;
}
#destinations #offices li {	margin: 2px 0px;}
/*#destinations a {text-decoration:none;}*/


#principalsFooter select {margin-bottom:3px;}

fieldset#destinationsFrame {
	padding:10px 10px 5px 10px;
	border: 1px dotted #A4C5C8;
	margin-bottom:10px;
}
#destinationsFrame legend { background-color:#FFFFFF; }




/**** OLDER STYLES *****/


form { margin: 0px; }

.cleared {
  clear:both;
  line-height:0px;
  height:0px;
  font-size:1px;
}





#worldMap img { border: none; }
#worldMap {
	text-align:center;
	margin: 0px 0px 2em 0px;
}
#worldMap p { margin:0px !important; }

#worldMapTable { white-space:nowrap; }
#worldMapWrapper { display:table; margin: 0 auto;}

#worldIntro {
	font-size:11px;
	font-weight:normal;
	margin:0px 0px 10px 0px;
}
#worldIntro p {	margin-bottom:0.4em  !important; }

div.worldPart {
	padding:2px;
	background-color:#FFFFFF;
}
div.worldPart img {border: 3px solid #091c5a !important;}


#officeSubname {margin-top:0px;}
#officePic {
	float:right;
	margin-left:10px;
	margin-bottom:5px;
}
#officePic img { margin-bottom:1em; }
div#officePic {	text-align:right;}
#officeTime {
	margin-bottom:1em;
	font-size:90%;
	color:#996666;
}

#tblAddress td, #tblAddress th {
	padding-bottom:.4em;
	vertical-align:top;
}
#tblAddress th {
	text-align:left;
	padding-right:1em;
}
#tblAddress { margin:2em 0; }


.dhtmlOfficeTitle {
	font-size: 11px;
	font-weight: bold;
	color: #091c5a;
	background-color: #FFFFFF;
	padding:1px;
	position:absolute;
	left:6px;
	bottom:5px;
}


.btn {
	color: #FFFFFF;
	background-color: #091C5A;
	border: 2px outset;
	padding: 3px 1em;
	width:auto;
	overflow:visible;
	font-variant: small-caps;
}
#btnRegen {
	font-size: 10px;
	font-variant:normal;
	background-color: #C5DADA;
	width:auto;
	overflow:visible;
	padding: 1px 3px;
}

input.txt, .tblGrid td div, input.file, textarea, select { border: 1px solid #141D5A; } 
input.txt, input.file, textarea { padding:2px; }


.dialogForm {
	/*font-size:11px;*/
	clear:left;
}
.dialogForm p label {
	display: block;
	float: left;
	text-align:right;
	margin-right:3px;
}
/*.dialogForm select, .dialogForm input, .dialogForm p label  {vertical-align:middle;}*/
.dialogForm p{
	margin-bottom:4px  !important;
	clear:left;
}

.dialogForm p {
	height:23px;
	line-height:23px;
}

.dialogForm div.textarea { margin-bottom:1em; }

.dialogForm i { font-style:normal; color:#CCCCCC; } /* "blank" field notice in the preview mode */

input[type="radio"] { margin-top:2px; }
input[type="file"] { width: auto !important; }
.dialogForm textarea, .dialogForm input.file { width: 99%; }

.dialogForm th { font-weight:normal; }


#hrAppPage1 input.txt { width: 220px; }

#frmFreight label { width: 182px; }
#frmApply p label { width: 152px; }

#frmSubscribe label, #frmApply p label  { width: 140px; }

/* ugly solution */
#frmFreight label.missingFld { width:155px !important; }
#frmSubscribe label.missingFld { width:125px !important; }

.tblGrid input.txt { width: 100%; }
.tblGrid th, .tblGrid td { white-space:nowrap; }
div.dialogForm .tblGrid td { white-space:normal; vertical-align:top;}
#tblLangs input.txt  { width: 150px; }
#tblSkills input.txt { width: 110px; }
.fromtill div, .fromtill input.txt { width:40px !important; }
#tblSkills td { text-align:right; }
#tblLangs th { text-align:right; }
#tblCareer th { text-align:left; }
#tblCareer { clear:both; }
.careerShort, .careerShort div { width:60px; }


#duties {white-space:normal;}

/*form .tblGrid th { font-weight:bold; }*/
/*.tblGrid td { border: solid 1px #003366; padding: 2px; }*/
form .tblGrid div { background-color:#FFFFFF; }
.tblGrid input.txt, .tblGrid textarea { padding:0px; border: none !important;}
.tblGrid td div { padding: 2px; }

/* preview form table */
div.dialogForm .tblGrid td { border: 1px solid #003366; padding:2px;}
div.dialogForm .tblGrid td div { border: none; }
div.dialogForm th { white-space:normal; }

#frmApplyConfirm input, #colBody button {
	color: #FFFFFF;
	background-color: #006699;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding:.5em 1em;
   width:auto;
   overflow:visible; /* fix for IE extra button padding :) */
}

button#removeImage {
	font-weight: normal;
	font-size:10px;
	padding:1px 3px;
	margin-top:2px;
}


tt {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;	
}

#frmApply label b, .missingFld {
	background:url(/pic/miss_fld.gif) right no-repeat;
}
.missingFld { padding-right:15px !important; }
#frmApply label b { width: 12px;  display: -moz-inline-box; display:inline-block; margin-left:3px;}
#frmApply label b {  }

#applyButtons { margin-top:1em; text-align:right;}

.error, .formError {
	font-weight: bold;
	color: #CC0000;
}

.formError {
	padding: 10px !important;
	border: 1px solid #CC0000;
	margin-bottom:1em;
	/*float:left;*/
}

#newsletterFormat { padding-left:22px; }

#gallery img { border:none; margin: 0 4px 4px 0; }

#colRight #gallery a { /*float:left;*/}

.tip, .errorTip {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #AAA;
	padding: 5px;
	border: 1px solid #AAA;
	margin:0px 0px 10px 0px;
}
.errorTip {
	color: red;
	border-color: red;
}
.tip legend, .errorTip legend { 
	padding:0px 3px;
	font-weight:bold;
}

#addiOfficeTip {
	float:right;
	margin-left:1em;
}

.hidden { display:none; }


fieldset legend {
	padding: 0px 10px;
	font-size:10px;
}


/* 
** SEARCH
**
*/

input#search { width: 140px; }

#searchList h5 { margin:0px; font-size:100%;}

#searchList cite { font-style:normal; display:block; color: #5A77A3}
#searchList em { display:block; }

#searchNavigation { border-top:1px solid #141D5A; padding-top:0.5em;}
#searchNavigation b { padding:0px 1em; font-weight:normal;}
#searchNavigation a { font-weight:bold; }

#vacancyInfo dfn {
	font-style:normal;
	display:block;
	margin-bottom:1em;
	font-weight:bold;
}

.sepHeader {
	background-color: #CC0000;
	line-height:2px;
	height:2px;
	color:#CC0000;
	display:table-cell;
	float:left;
}
.sepHeader b {
	display:inline-block;
	position:absolute;
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
	line-height:12px;
	margin-left:20px;
	margin-top:-4px;
}

#printHeader {display:none;}

#frmCopy {
	color:#999999;
	position:absolute;
	margin-top:10px;
}
#frmCopy input {
	color:#666666;
	font-size:10px;
}

#uploading {
	font-size: 13px;
	color: #CC0000;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #990000;
	font-weight: bold;
	text-decoration: blink;
}


/* styles visible for Supra users */
.myCheckers { }
.myChess { }
.myClearFloat {
	clear:both;
}
.myAward {
	background-color: #98BADC;
	color: #FFFFFF;
	font-weight:bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #003366;
}
.myTable { clear:left; }

.my100ySeparator { }
.myTableMan { }
body .myTableMan img { border:none !important; }

body .myTableH1, body .myTableH2 { font-weight:bold; }
body .myTable td {
	padding-right:10px;
	padding-bottom:10px;
}
body .myTable p, body .myWareTable p {
	margin:0px !important;
	padding:0px;
}
body .myTable h2, body .myTable h3, body .myTable h4 {
	margin-top:0px;
	margin-bottom:.5em;
}
body .myTable h2 { border:none; }
body .myTable h3 { font-size:110%; }
body .myTable h4 { font-size:80%; }

.myWareTable { border-collapse:collapse; }
body .myWareTable td { 
	background-color:#DAE7E7; 
	border-right: #FFF solid 3px; 
	border-bottom: #FFF solid 3px; 
	padding: 3px; }


.myTableH1, .myTableH1 td { padding-top:1em !important; padding-bottom:0.5em; background-color: transparent !important; }
.myTableH2, .myTableH2 td { padding-top:1em; padding-bottom:0.3em; border-bottom: 1px solid #A2B7CE; color: #6488B0; }
/* styles visible for Supra users */



.coolButton { display:inline-block; font-family:"Microsoft Sans Serif", Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; border: #091C5A 1px solid; position:relative; cursor:pointer; }
a.coolButton { text-decoration:none;  }
a.coolButton:hover .coolButton { opacity:0.8; filter: alpha(opacity=80); }
.coolButton .coolButton { border-color: #AFB6C9; background: #5B6890 url(pic/coolbutton_back.jpg) center center repeat-x; padding: 0.25em 1em 0.35em; color:#FFF; white-space:nowrap; }

.topRight { right:-1px; top:-1px; } /* requires the fix for IE6 */
.bottomRight { right:-1px; bottom:-1px; }
.topLeft { left:-1px; top:-1px; }
.bottomLeft { left:-1px; bottom:-1px; }

.coolButton b { height:1px; width:1px; font-size:1px; overflow:hidden; display:block; position:absolute; background-color:#FFF; }
.coolButton .coolButton b.topLeft, .coolButton .coolButton b.topRight { background-color:#667298; }
.coolButton .coolButton b.bottomLeft, .coolButton .coolButton b.bottomRight { background-color:#091C5A; }
.hr { background:url(pic/1b.gif) center center repeat-x; text-align:right; }
.coolButtonWrap { padding-left:1em; background-color:#FFF; float:right; }

#rambler img { opacity: 0.2; filter: alpha(opacity=20); height:20px; }
#rambler { clear:both; padding-top:0.5em; }


#twitterWrap { padding-right:1em; background-color:#FFFFFF; border-right: }
#twitterWrap iframe { height:20px; width: 150px; }

/*
**
** UTILITIES
**
*/

.dialogForm p:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix {zoom:1;}


@media print {
	.not4print, #newsBar, #newsBarBase, #quickOffice, #colLeft .checkerboard, .newsArchive#colRight { display:none; }
	#breadcrumbs { border: 1px solid #000; border-width:1px 0; padding:0.5em 0; margin-top:1em; }
	#colLeft { clear:both; }
	#colLeft img { margin-right:10px; }
	#vacancyList th, #vacancyList td { padding:0.3em; border-bottom:1px dotted #000; } 
	#vacancyList { margin-bottom:1em; }
}