/* CSS Document 
/******************************************************************
@author: 		mohammed ahmed
@date: 			05.05.2007
@version: 		1.2
@comments:
mobox provides a friendly replacement to the popup box window.
It add the window to the required page in the form of innerHtml.
It can also be used to display another page contents.

@licence: FREE. refernces are made where possible to third party code. 

*******************************************************************/

#overlayBG{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color:#222222;/*background-color must match the rBoxTop & rBoxBottom background-color*/
	margin:0;
	padding:0;
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;	
}

#indicator {	
	margin:0;padding:0;
	position: absolute;
	z-index:105;
}

#boxFrame {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:1000;
	margin:0;
}

#boxContents{		
	position:relative;	
	height:100%;
}
.boxContentsFrame{
	border: 0px solid #CFE9EE;
	font: Verdana, Arial, Helvetica, sans-serif;
    color: #446688;
    padding: 0px;
    margin: 0px;
    background-color:#FFFFFF;
	background-repeat:repeat-y;
	background-image: url(images/vacback.gif);
	background-position: top right;
}
TABLE.frame {
    padding: 0;
    margin: 0px;
	background-repeat:repeat-y;
	background-image: url(images/vacback.gif);
	background-position: top right;
    background-color:#ffffff;
	/*width:100%;*/
}

TABLE.frame TH {    	
	height:25px;	
    font: bold xx-small Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
	font-size:11px;
	color: #ffffff;
	vertical-align:bottom;
	width:50%;
	padding-left:5px;
	padding-right:5px;
}

TABLE.frame TD {
    font: normal xx-small Verdana, Arial, Helvetica, sans-serif;
    color: #00bce4;
    background-color:#FFFFFF;
}

.vacancyTitle {
	font-family: arial;
	font-weight: bold;
	font-size: 1.4em;
	color: #00bce4;
}
.content {
	float: left;
	font-family: arial;
	font-size: 0.85em;
	color: #444444;
	width: 490;
	height:500;
	padding: 0 10 10 15;
	text-align: left;
}
.content2 {
	float: left;
	font-family: arial;
	font-size: 0.8em;
	color: #444444;
	width: 180;
	height:500;
	padding: 0 10 10 15;
	text-align: left;
}
.email {
	position: relative;
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	color: FFFFFF;
	padding: 9px 2px 5px 22px;
	background-color: 00BBE4;
	margin: 0;
	width: 170px;
	height: 32px;
	text-decoration: none;
}
.email:hover {
	position: relative;
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: 00BBE4;
	background-image: url('images/popArrow.gif');
	background-repeat: no-repeat;
	padding: 9px 2px 5px 22px;
	margin: 0;
	width: 170px;
	height: 32px;
	text-decoration: none;
}
.contactStrip {
	float: left;
	width: 210;
	text-align:left;
}
.popper {
	width:890;
	padding: 0;
	text-align: left;
}
.sideBar {
	font: futura;
	font-family: arial;
	font-size: 0.9em;
	line-height: 2em;
	font-weight: bold;
	background-color:#00bce4;
	color: #ffffff;
	width: 200;
	height:500;
	padding: 30 20 20 20;
	text-align: left;
}
.thh {
	color: #777777;
	width: 100%;
	height:1;
	margin: 10 0 10 0;
}
/*** NIFTY **/
.rBoxTop,.rBoxBottom{display:block;background-color: #F0F0F0;} /*background-color must match the overlayBG background-color*/
.rBoxTop *{display:block;height: 1px;overflow: hidden;background-color: #FFFFFF;}/*background-color must match the .rBoxH3 background-color*/
.rBoxBottom *{display:block;height: 1px;overflow: hidden;background-color: #FFFFFF;}/*background-color must match the .rBoxP background-color*/
.r1{margin: 0 5px;}
.r2{margin: 0 3px;}
.r3{margin: 0 2px;}
.r4{margin: 0 1px;height: 2px;}

.rBox{background-color:#FFFFFF;margin-bottom: 20px}
.rBoxHeader{font-size: 100%;margin:0; padding: 0 0 3px; font-weight:bold; background: #FFFFFF;color: #000;}/*background-color must match the .rBoxTop background-color*/
.rBoxBody{margin:0; padding: 5px 10px;line-height: 1.3;text-align: left; background-color: #FFFFFF;}/*background-color must match the .rBoxBottom background-color*/
#boxCloseCell{padding-right:5px; vertical-align:top}
#boxTitle{padding-left:5px; vertical-align:text-top;}
/***/