/* CSS Document */

body {
	margin:0px;
	padding:0px;
	border:0px;
	
	/*width:100%;*/
	height:100%;
	z-index:1;
	
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-image:url(/media/interface/page_background.jpg);
	background-color:#000000;
	
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;
	text-transform: none;
}

a, a:visited { color:#FFFFFF;}

iframe { border:0px;}

p {margin:10px 0px;} /* fix for IE */
label {margin:0px 5px;}
hr {border: 0; color: #666666;	background-color: #666666;	height: 1px; width: 100%; text-align: left; margin:20px 0px; }

h1, h2, h3, h4 { margin:5px 0px; cursor:default; font-family: Arial, Helvetica, sans-serif; color: #004990;}

h1 { font-size: 20px;}
h2 { font-size: 18px;}
h3 { font-size: 16px;}
h4 { font-size: 14px;}

/* START colours */

.hilite-row td, .hilite-td { background-color:#D9E4E8;}
.lolite-row td, .lolite-td { background-color:#EFEFEF;}

.spotTXT, .spotTXT a { color:#004273 !important;}
.spotHOV a:hover { color:#004273 !important;}
.spotBG, .a_button { background-color:#004273 !important;}
.spotBORD { border:1px solid #004273 !important;}

.whiteTXT, .whiteTXT a { color:#FFFFFF !important;}
.whiteHOV a:hover { color:#FFFFFF !important;}
.whiteBG { background-color:#FFFFFF !important;}
.whiteBORD { border:1px solid #FFFFFF !important;}

.greyTXTlite, .greyTXTlite a { color:#EFEFEF !important;}
.greyHOVlite a:hover { color:#EFEFEF !important;}
.greyBGlite { background-color:#EFEFEF !important;}
.greyBORDlite { border:1px solid #EFEFEF !important;}

.blueTXTlite, .blueTXTlite a { color:#BBCED7 !important;}
.blueHOVlite a:hover { color:#BBCED7 !important;}
.blueBGlite { background-color:#BBCED7 !important;}
.blueBORDlite { border:1px solid #BBCED7 !important;}
.blueDOTSlite { border:1px dotted #BBCED7 !important;}

.greyTXT, .greyTXT a { color:#666666 !important;}
.greyHOV a:hover { color:#666666 !important;}
.greyBG { background-color:#666666 !important;}
.greyBORD { border:1px solid #666666 !important;}

.blackTXT, .blackTXT a { color:#000000 !important;}
.blackHOV a:hover { color:#000000 !important;}
.blackBG { background-color:#000000 !important;}
.blackBORD { border:1px solid #000000 !important;}

.warningTXT { color:#CC0000; font-size:10px;} 

/* END colours */

.IE6Warn {
	border:1px solid red;
	padding:15px;
	width:80%;
}

#BRwarn {
	text-align:center;
	color:#333;
}

#BRwarn a {
	color:navy;
}

#BRwarn a:hover {
	color:blue;
}

.IBerror {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:2px solid red;
	color:#000033;
	background:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	width:90%;
	padding:10px;
	text-align:left;
}

.IBerror a {
	color:#2D7790;
}

.IBerror a:hover {
	color:#333;
}

/* END browser warnings */



/* - - - START classRewrites.css - - - */

.hideME { display:none;}
.showME { display:block;}

.removeME { display:none; visibility:hidden;}
.addMe { display:block; visibility:visible;}

.clear {clear:both !important;}
.block {display:block !important;}

.bordT { border-top:1px solid #666666;}
.bordR { border-right:1px solid #666666;}
.bordB { border-bottom:1px solid #666666;}
.bordL { border-left:1px solid #666666;}
.bordA { border:1px solid #666666;}

.z1 {z-index:1;}
.z5 {z-index:5;}
.z10 {z-index:10;}
.z15 {z-index:15;}
.z20 {z-index:20;}
.z25 {z-index:25;}

.pointer {cursor:pointer;}
.cursor {cursor:default;}
.unavailable {cursor:no-drop;}
.help { cursor:help;}

.w50 {width:50px !important;}
.w80 {width:80px !important;}
.w100 {width:100px !important;}
.w150 {width:150px !important;}
.w180 {width:180px !important;}
.w200 { width:200px;}
.w210 { width:210px;}
.w210i { width:210px !important;}
.w250 { width:250px;}
.w250i { width:250px !important;}
.w300 { width:300px;}
.w300i { width:300px !important;}
.w350 { width:350px;}
.w400 { width:400px;}

.fullWidth, .fullTBwidth table {width:100% !important;}
.fullHeight {height:100% !important;}
.width99 {width:99% !important;}
.zeroSpace { margin:0px; padding:0px;}

.lineSpacer { width:100%; height:1px; margin:10px 0px;}

.noBord, .noBord a, .noBord img, .noBord td { border-width:0px !important;}

	/* paddings T R B L */
	
.padT0 { padding-top:0px;}
.padT5 { padding-top:5px;} 
.padT10 { padding-top:10px;}
.padT15 { padding-top:15px;}
.padT20 { padding-top:20px;}
.padT20td td { padding-top:20px;}

.padR0 {padding-right:0px;}
.padR5 { padding-right:5px;}
.padR10 { padding-right:10px;}
.padR20 { padding-right:20px;}
.padR60 { padding-right:60px;}

.padB4 td, .padB4 { padding-bottom:4px;}
.padB5 { padding-bottom:5px;}
.padB10 { padding-bottom:10px;}
.padB10td td { padding-bottom:10px;}
.padB15 { padding-bottom:15px;}
.padB20 { padding-bottom:20px;}
.padB20td td { padding-bottom:20px;}

.padL0 {padding-left:0px;}
.padL5 { padding-left:5px;} 
.padL10 { padding-left:10px;}
.padL20 { padding-left:20px;}
.padL30 { padding-left:30px;}
.padL40 { padding-left:40px;}

.pad0 { padding:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; }
.pad0i { padding:0px !important; padding-top:0px !important; padding-right:0px !important; padding-bottom:0px !important; padding-left:0px !important; }
.pad3 { padding:3px;}
.pad5 { padding:5px;}
.pad10 { padding:10px;}
.pad15 { padding:15px;}
.pad1520 { 
	padding-top:15px;
	padding-right:20px;
	padding-bottom:15px;
	padding-left:20px;}
.pad20 { padding:20px;}
.pad30 { padding:30px;}

.padLR5 { 
	padding-left:5px;
	padding-right:5px;}
.padLR10 { 
	padding-left:10px;
	padding-right:10px;}
.padLR20 { 	
	padding-left:20px;
	padding-right:20px;}
.padLR30 { 	
	padding-left:30px;
	padding-right:30px;}
	
.pad3-td td {padding:3px;}
.pad5-td td {padding:5px;}

	/**/ 
	
	/* margins T R B L */
	
.margTmin5 { margin-top:-5px;}
.margTmin15 { margin-top:-15px;}
.margTmin20 { margin-top:-20px;}
.margT0 { margin-top:0px;}
.margT2 { margin-top:2px;}
.margT3 { margin-top:3px;}
.margT5 { margin-top:5px;}
.margT10 { margin-top:10px;}
.margT15 { margin-top:15px;}
.margT20 { margin-top:20px;}

.margR0 { margin-right:0px;}
.margR5 { margin-right:5px;}
.margR10 { margin-right:10px;}
.margR15 { margin-right:15px;}
.margR20 { margin-right:20px;}

.margB0 { margin-bottom:0px;}
.margB3 { margin-bottom:3px;}
.margB5 { margin-bottom:5px;}
.margB10 { margin-bottom:10px;}
.margB15 { margin-bottom:15px;}
.margB20 { margin-bottom:20px;}

.margL5 { margin-left:5px;}
.margL10 { margin-left:10px;}
.margL20 { margin-left:20px;}
.margL40 { margin-left:40px;}
.margL50 { margin-left:50px;}
.margL60 { margin-left:60px;}

.marg0 { margin:0px;}
.margRB20 { 
	margin-right:20px;
	margin-bottom:20px;} /*right & bottom*/
.margTR20 { 
	margin-top:20px;
	margin-right:20px;} /*top & right*/
.margBL20 { 
	margin-bottom:20px;
	margin-left:20px;} /*bottom & left*/
.margLR50 {
	margin-right:50px;
	margin-left:50px;}
.margLR5 {
	margin-right:5px;
	margin-left:5px;}
.margTB10 {
	margin-top:10px;
	margin-bottom:10px;}
.margTB15 {
	margin-top:15px;
	margin-bottom:15px;}
.margTB20 {	
	margin-top:20px;
	margin-bottom:20px;}
.margTB30 {
	margin-top:30px;
	margin-bottom:30px;}
	
.top0 {top:0px;}
.top0i {top:0px !important;}

/**/

.relative { position:relative;}
.absolute { position:absolute;}

.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}

.floatL {float:left !important;}
.floatR {float:right !important;}

.bold {font-weight:bold !important;}
.italic {font-style:italic !important;}
.normal {font-weight:normal !important; letter-spacing:normal !important; font-style:normal !important;}
.strike {text-decoration:line-through !important;}

.autoXY {width:auto !important; height:auto !important;}

.vTop, .vTop td {vertical-align:top;}
.vMid, .vMid td {vertical-align:middle;}
.vBot, .vBot td {vertical-align:bottom;}

.font9, .font9 td, font9 a {font-size:9px;}
.font10, .font10 td, font10 a {font-size:10px;}
.font11, .font11 td, font11 a {font-size:11px;}
.font12, .font12 td, font12 a {font-size:12px;}
.font13, .font13 td, font13 a {font-size:13px;}
.font14, .font14 td, font14 a {font-size:14px;}
.font15, .font15 td, font15 a {font-size:15px;}
.font16, .font16 td, font16 a {font-size:16px;}
.font17, .font17 td, font17 a {font-size:17px;}
.font18, .font18 td, font18 a {font-size:18px;}
.font19, .font19 td, font19 a {font-size:19px;}
.font20, .font20 td, font20 a {font-size:20px;}
.font21, .font21 td, font21 a {font-size:21px;}
.font22, .font22 td, font22 a {font-size:22px;}
.font23, .font23 td, font23 a {font-size:23px;}
.font24, .font24 td, font24 a {font-size:24px;}
.font25, .font25 td, font25 a {font-size:25px;}
.font26, .font26 td, font26 a {font-size:26px;}
.font27, .font27 td, font27 a {font-size:27px;}
.font28, .font28 td, font28 a {font-size:28px;}
.font29, .font29 td, font29 a {font-size:29px;}
.font30, .font30 td, font30 a {font-size:30px;}

.line14, .line14 td, .line14 a {line-height:14px !important; min-height:14px !important;}
.line16, .line16 td, .line16 a {line-height:16px !important; min-height:16px !important;}
.line18, .line18 td, .line18 a {line-height:18px !important; min-height:18px !important;}
.line20, .line20 td, .line20 a {line-height:20px !important; min-height:20px !important;}
.line22, .line22 td, .line22 a {line-height:22px !important; min-height:22px !important;}
.line25, .line25 td, .line25 a {line-height:25px !important; min-height:25px !important;}

.txtUP {text-transform:uppercase;}
.txtDOWN {text-transform:lowercase;}
.txtCapHead {text-transform:capitalize;}

.txtInd0 {text-indent:0px !important;}
.txtInd5 {text-indent:5px;}
.txtInd10 {text-indent:10px;}
.txtInd15 {text-indent:15px;}
.txtInd20 {text-indent:20px;}

.cleanUnder, .cleanUnder a {text-decoration:none;}
.cleanUnder:hover, .cleanUnder a:hover {text-decoration:underline;}
.cleanLink, .cleanLink a {text-decoration:none;}
.cleanLink:hover, .cleanLink a:hover {text-decoration:none;}
.uLink { text-decoration:underline;}
.uLinkHOV:hover { text-decoration:underline;}

.tahoma, .tahoma td, .tahoma p, .tahoma a { font-family:Tahoma, Arial, Helvetica, sans-serif;}
.verdana, .verdana td, .verdana p, .verdana a { font-family:Verdana, Arial, Helvetica, sans-serif;}
.arialN {font-family:"Arial Narrow", Tahoma, Arial;}
.arial, .arial td, .arial p, .arial a { font-family:Arial, Helvetica, sans-serif;}

.dropCap:first-letter { font-size: 30px; float: left; margin-right:3px;}

.lime {border:1px solid lime;}

/* - - - END classRewrites.css - - - */

/* - - - START print.css - - - */

@media print
{
	.HOP {display:none; visibility:hidden;} /* HOP - Hide On Print */
	.SOP {display:block; visibility:visible;} /* SOP - Show On Print */
}

/* - - - END print.css - - - */

/* START layout */

#siteWrap {
	width:900px;
	margin:0px auto;

}

#headWrap{ height:170px; margin:20px 0px; position:relative; display:block;}
#headerUCwrap { position:absolute; width:440px; top:48px; right:0px;}
#headerUC {  background-image:url(/media/interface/panel_gradient.jpg); position:relative; padding:15px; height:90px; overflow:hidden;}
#contacts { float:left; width:155px; height:90px; }
#vacancies { float:right; width:240px; height:90px; overflow:auto; border:1px solid #FFFFFF;  background-color:#006284;}
#vacancyDetails {padding:10px;}


#contentWrap{ padding:30px 0px; border-top:2px solid #006284;}
#footerWrap{margin:20px 0px; border-top:2px solid #006284; font-size:10px;}

#footerLinks { margin:20px 0px; text-align:center;}
#footerLinks a { text-decoration:none; color:#009EC3;}
#footerLinks a:hover { text-decoration:underline; color:#FFFFFF;}
#footerLinks span { color:#CCCCCC; margin:0px 20px;}

.sectionHead { width:900px; height:39px; display:block; overflow:hidden; margin:40px 0 0 0; padding:0; line-height:39px; color:#46DAFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; background-image:url(/media/interface/section_header_bg.jpg); text-indent:15px; font-weight:normal; letter-spacing:0.5px; }
.sectionBox { background-image:url(/media/interface/panel_gradient.jpg); background-repeat:repeat-x; background-position:bottom; background-color:#009FC3;}

/* END layout */