/* CSS Document */

* {
	padding: 0;
	margin: 0;
	border: 0;
}
html {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #8c8c8c;
	font-size: 11px;
	line-height: 15px;
	height: 100%;
}
a {
	text-decoration: none;
	color: white ;
}
a:visited {
	text-decoration: none;
}
body {
	background-color: #171717;
	height: 100%;
margin:0;
}
label{
display:block;
}
#WrapperH {
	width: 100%;
	background-color: #171717;
	height:150px;
background:url(images/header-bg.jpg);
	background-repeat:repeat-x;
}
#WrapperM {
	width: 100%;
	padding-bottom: 120px;
	position: relative;
}
#WrapperF {
	width: 100%;
	background:url(images/Footer_strip.gif);
	background-repeat:repeat-x;
	margin-top: 20px;
	position: absolute;
	bottom: 0;
}
#WrapperNav {
	width: 100%;
	height: 41px;
	background-color: #101010;
	background-image:url(images/main-bg.png);
	background-repeat:repeat-x;
	background-position: center top;
	margin-bottom:10px;
	
}
#ContainerNav {
	width: 960px;
	margin: auto;
	position: relative;
}
#ContainerHead {
	width: 960px;
	margin: auto;
	height: 100px;
	<!--background-image: url(images/header_strip_world.gif);-->
	background-position: 300px;
	background-repeat: no-repeat;
padding-top:24px;
}
#ContainerMain {
	width: 930px;
	margin: auto;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}
#ContainerFooter {
	width: 960px;
	margin: auto;
	height: 101px;
	background:url(images/footer_bar.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.RoundBlock {
	background-color: #1f2122;
	width: 100%;
	height: 100%;
}
.RoundBlock1 {
	width: 100%;
	height: 100%;
	background-image: url(images/botom_right.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.RoundBlock2 {
	width: 100%;
	height: 100%;
	background-image:url(images/bottom_left.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.RoundBlock3 {
	width: 100%;
	height: 100%;
	background-image:url(images/top_right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
.RoundBlock4 {
	width: 100%;
	height: 100%;
	background-image:url(images/top_left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#Logo {
	
	background-image:url('images/logo.jpg');
	background-repeat:no-repeat;
	height:98px;
	width:450px;
float:left;
}
.header-right-container{
float:right;
height:120px;
text-align:center;
width:416px;
padding-right:5px;
}
.header-right{
background-image:url("images/header-right.png");
background-repeat:no-repeat;
float:right;
height:80px;
width:312px;
}

.clear {
	clear: both;
}
.LeftSideBar {
	float: left;
	width: 358px;
}
.RightSideBar {
	float: left;
	width: 562px;
	padding-left: 10px;
}
.LeftSideBar2 {
	float: left;
	width: 358px;
}
.RightSideBar2 {
	float: left;
	width: 562px;
	padding-left: 10px;
}
.CenterBlock {
	float:left;
	width: 260px;
	padding-left: 10px;
}
.RightBlock {
	float: left;
	width: 292px;
	padding-left: 10px;
}
.HomeTopContent {
	height: 246px;
}
.HomeBottomContent {

}
.HeadTags {
	height: 34px;
	padding-top: 3px;
	padding-left: 30px;
	background:url(images/BigBullet.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
.HeadTagsCareer {
	height: 16px;
}
.HomeBanner {
	padding-top: 10px;
}
.BlockContHome {
	height: 166px;
	padding: 18px;
}
.BlockNewsHome {
	padding: 18px;
}
.BlockContNews {
	height: 166px;
	padding: 18px;
}
.BlockContNews2 {
	padding: 18px;
}

.NewsHead a {
color: #A8A8A8;
}
.BlockContHomeJ {
	height: 166px;
	padding: 18px;
	text-align: justify;
}
.BlockContAboutWhy {
	padding: 18px;
	color: #8c8c8c;
}
.BlockContAbout {
	padding: 18px;
}
.AboutCont {
	font-size: 11px;
	line-height: 16px;
	text-align: justify;
	color: #8c8b8b;
}
.AboutCont strong {
	color: #959595;
}
.NewsHead {
	color:#8c8c8c;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
}
.DownHead {
	color:#cdcdcd;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 10px;
}
.NewsStory {
	color: #8c8c8c;
	line-height: 16px;
	padding-bottom: 10px;
}
.InputHome {
	width: 220px;
	height: 20px;
	font-family: Tahoma, Verdana;
	color:#333333;
	line-height: 20px;
	font-size: 11px;
}
.InputHome2 {
	width: 250px;
	height: 20px;
	font-family: Tahoma, Verdana;
	color:#333333;
	line-height: 18px;
	font-size: 11px;
}
.InputHome3 {
	width: 320px;
	height: 20px;
	font-family: Tahoma, Verdana;
	color:#333333;
	line-height: 18px;
	font-size: 11px;
}
.InputHomeD {
	height: 20px;
	padding-bottom:10px;
}
.SCLCont {
	padding-bottom: 10px;
}
.SCLContact {
	text-align: right;
	font-weight: bold;
	color: #cdcdcd;
	padding-top: 3px;
	text-decoration: none;
}
a.SCLContact {
	text-align: right;
	font-weight: bold;
	color: #cdcdcd;
	padding-top: 3px;
	text-decoration: none;
}
.AboutMore {
	bottom:0;
	font-weight: bold;
	color: #cdcdcd;
	text-align: right;
	padding-top: 35px;
	text-decoration: none;
}
.HomeAboutImage {
	float: left;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-top: 5px;
}
.HomeProductPhone {
	float: left;
	padding-top: 12px;
	padding-left: 20px;
}
.HomeProductFWT {
	float: left;
	padding-top: 12px;
	padding-left: 15px;
}
.HomeProductNet {
	float: left;
	padding-top: 12px;
	padding-left: 15px;
}
.HomeProductLabel {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color:#8a8b8b;
}
.text1 {
	color: #8c8c8c;
	line-height: 18px;
	font-size: 11px;
}
.text2 {
	line-height: 16px;
	text-align: justify;
	font-size: 11px;
	color: #8c8c8c;
}
.FormField {
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	background: #CCCCCC;
}
.FormField2 {
	font-size: 11px;
	font-weight: bold;
	background: #CCCCCC;
}
.FormField3 {
	font-size: 11px;
	font-weight: bold;
	background: #CCCCCC;
}
#Country {
	width: 320px;
}
#Name {
	width: 320px;
}
#Company {
	width: 320px;
}
#Postapplying {
	width: 320px;
}
#CurrentOrg {
	width: 320px;
}
#Address {
	width: 320px;
}
#City {
	width: 197px;
}
#Pin {
	width: 120px;
}
#Telephone {
	width: 159px;
}
#Fax {
	width: 158px;
}
#Email {
	width: 320px;
}
#Comment {
	width: 320px;
}
#Experience {
	width: 320px;
}
#Qualification {
	width: 320px;
}
#KRA {
	width: 320px;
}
#CLocation {
	width: 159px;
}
#relocate {
	width: 158px;
}
#CLocation {
	width: 159px;
}
#Mobile {
	width: 320px;
}
#fileField {
	width: 320px;
}
.FormField4 {
	font-size: 11px;
	font-weight: bold;
	background: #CCCCCC;
}
.SpecList {
	float: left;
}
.SpecListText {
	float: right;
}
.BottomBar {

}
.copyright {
	padding: 20px;
	padding-top: 45px;
	vertical-align: middle;
}
#ContainerBody {
	position: relative;
	min-height: 100%;
}
.ImageFront {
	padding-top: 0px;
	padding-left: 0px;
}
.ImageSide1 {
	padding-left: 25px;
}
.ImageBack {
	padding-left: 20px;
}
.ImageSide2 {
	padding-left: 20px;
}
#citycontainer {
	font-weight: bold;
}
a.splink {
	text-decoration: none;
	color: #8c8c8c;
}
a:visited.splink {
	text-decoration: none;
	color: #8c8c8c;
}
.careerleft {
	float: left;
	font-weight: bold;
	padding-right: 20px;
}
.SCLContact2 {
	text-align: right;
	font-weight: bold;
	color: #ffffff;
	padding-top: 3px;
	text-decoration: none;
}
a.SCLContact2 {
	text-align: right;
	font-weight: bold;
	color: #ffffff;
	padding-top: 3px;
	text-decoration: none;
}
.comingsoon {
	color: #679800;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
}
.hiring {
	position: absolute;
	top: 7px;
	right: 5px;
	z-index: 1000;
}

.block{
	padding: 5px;
	border:2px solid #282B2C;
	border-style: solid;
	
	margin: 4px;
}

.blockheading{
	font-style: normal ;
	font-weight: bolder ;
	font-variant: normal ;
	font-family: "Courier New", Courier, monospace ;
	/*margin-left:200px;*/
	padding: 4px;
	font-size: 15px;
}

input.txt{
	width:200px; height: 16px; background-image: url('images/repeat.png') ;
	border: 0px; margin: 0; padding: 3px 0 0 0; font:11px "Lucida Grande", Geneva, Arial, sans-serif; float: left ;
}

input.full{
	background-image: url('image/txt.gif');  
}

.lside {  width: 10px; height: 19px;  background-image: url('images/left2.png') ; float: left;
}

.rside { width: 10px; height: 19px;  background-image: url('images/right.png') ; float: left;
}

.heading{
	font-size: 16px;
	color: white ;
	font-weight: bold ;
}

.subheading{
	font-family:Times New Roman;
font-size:18px;
padding-left:10px;
}


.contents{
	font-size: 12px;
	font-weight: bold ;
	padding-left: 10px;
}

.contents1{
	font-size: 11px;
	font-weight: normal ;
	margin-left: 12px;
}

.success{
	font-size: 20px;
	color: white ;
	font-weight: bold ;
	margin-top: -7px;	
}

/* <-----contact us page--------> */
input[type=text]{ width:212px;border-top:solid 1px #999999;border:2px solid #282B2C; background-color:#1f2122;  font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#ffffff;}
input[type=text]:active {BACKGROUND-COLOR: #E5E5E5 ;color:#000000;}
input[type=text]:focus {BACKGROUND-COLOR: #E5E5E5;color:#000000;}
input[type=text]:hover {BACKGROUND-COLOR: #E5E5E5;color:#000000;}

textarea{ border-top:solid 1px #999999;border:2px solid #282B2C; background-color:#1f2122;  font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#ffffff;}
textarea:active{BACKGROUND-COLOR: #E5E5E5;color:#000000;}
textarea:focus{BACKGROUND-COLOR: #E5E5E5;color:#000000;}
textarea:hover{BACKGROUND-COLOR: #E5E5E5;color:#000000;}

select{ border-top:solid 1px #999999; border:2px solid #282B2C; background-color:#1f2122; width:212px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#ffffff;}
select:active {BACKGROUND-COLOR: #E5E5E5;color:#000000;}
select:focus {BACKGROUND-COLOR: #E5E5E5;color:#000000;}
select:hover {BACKGROUND-COLOR:#E5E5E5;color:#000000;}
}

/* <-----contact us page--------> */


/*-------------------------------------------------------------navigation Bar-----------------------*/
/*
.menu{
font-weight: bold;
width:960px;
float:left;
font-family:"Times New Roman", Times, serif;
font-size:21px;
height:30px;

 }

.menu ul{
padding:8px 0px 7px 0px; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align:  center; /*set value to "left", "center", or "right"*/
}

.menu ul li{
display: inline;
border-right: 1px solid  black; 
padding:0 5px 0 7px;
float:left;

}

.menu ul li a{
color:white;
padding: 0px 7px 0px 7px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 7px; 
margin-left:7px;/*spacing between each menu link*/
text-decoration: none;font-size:17px;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
white-space:  normal;


/*bottom border is 3px*/
}

.menu ul li a:hover, .underlinemenu ul li a.selected{
 color: black;


}



.menu .last {
border-right:0px;
}

*/

#menu {
    height:41px;
    background:url(images/main-bg.png) repeat-x;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;

}
#menu ul.menu {
    padding-left: 30px;
}

#menu li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0 5px 0 0;
    display: block;
    float: left;
}
#menu li:hover>ul {
    left: -2px;
}
#menu a {
display:block;
float:left;
font:bold 15px Trebuchet MS;
height:41px;
position:relative;
text-decoration:none;
z-index:10;
}
#menu a:hover, div#menu a:hover span { color: #fff; }
#menu li.current a {}

#menu span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
}
#menu ul ul a.parent span {
    background-position:95% 8px;
    background-image: url(images/item-pointer.gif);
}
#menu ul ul a.parent:hover span {
    background-image: url(images/item-pointer-mover.gif);
}

/* menu::level1 */
#menu a {
   padding:0 30px;
    line-height: 30px;
    color: #e5e5e5;
}
#menu span {
    margin-top: 5px;
}/**@replace#1*/
#menu li { background: url(images/main-delimiter.png) 98% 4px no-repeat; }
#menu li.last { background: none; }

/* menu::level2 */
#menu ul ul li { background: none; }
#menu ul ul {
    position: absolute;
    top: 38px;
    left: -999em;
    width: 163px;
    padding: 5px 0 0 0;
    background: rgb(45,45,45);
    margin-top:1px;
opacity:0.65;
}
#menu ul ul a {
    padding: 0 0 0 15px;
    height: auto;
    float: none;
    display: block;
    line-height: 24px;
    color: rgb(169,169,169);
	font-size:12px;
}
#menu ul ul span {
    margin-top: 0;
    padding-right: 15px;
    _padding-right: 20px;
    color: rgb(169,169,169);
}
#menu ul ul a:hover span {
    color: #fff;
}
#menu ul ul li.last { background: none; }
#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
#menu ul ul ul {
    padding: 0;
    margin: -38px 0 0 163px !important;
    margin-left:172px;
}

/* colors */
#menu ul ul ul { background: rgb(41,41,41); }
#menu ul ul ul ul { background: rgb(38,38,38); }
#menu ul ul ul ul { background: rgb(35,35,35); }

/* lava lamp */
#menu li.back {
    background: url(images/lava.png) no-repeat right -44px !important;
    background-image: url(images/lava.gif);
    width: 13px;
    height: 44px;
    z-index: 8;
    position: absolute;
    margin: -1px 0 0 -5px;
}
#menu li.back .left {
    background: url(images/lava.png) no-repeat top left !important;
    background-image: url(images/lava.gif);
    height: 44px;
    margin-right: 8px;
}




.BlockNewsHome table {

}


.BlockNewsHome table tr {

	margin:2px 0px;
}


.BlockNewsHome table tr td {

border:1px solid #282B2C;
font-size:13px;
padding:5px 0 5px 12px;
}

.BlockNewsHome table tr td b{
fontsize:13px
color:#FFFFFF;
font-family:Times New Roman New Roman;
font-size:17px;
}
.live-support{
float:right;
margin-right:50px;
}

.s-regdate{
height:52px;
width:222px;
display:block;
float:left;
margin-top:10px;
background-image:url('images/s-date.gif');
background-repeat:no-repeat;
}
.l-regdate{
height:52px;
width:222px;
display:block;
float:left;
margin-top:10px;
background-image:url('images/l-date.gif');
background-repeat:no-repeat;
}
.c-regdate{
height:52px;
width:222px;
display:block;
float:left;
margin-top:10px;
background-image:url('images/c-date.gif');
background-repeat:no-repeat;
}
.s-regdate h3, .l-regdate h3, .c-regdate h3{
color:#FF0000;
font-family:Georgia;
font-size:18px;
margin-top:28px;
text-align:center;
}

/*---------------------Main CSS-------------------------------------*/
	.inputContainer{position:relative; float:left;}
	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
			cursor:pointer;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#000;/*#ee0101;*/
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				width:15px;
				margin:-2px 0 0 13px;
				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#000;/*#ee0101*/;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}