/*
Design by Rovan Software Solutions Pvt. Ltd., Sivakasi.
http://www.rovan.in
*/

html, body { height: 100%; }

* {
	margin: 0;
	padding: 0;
}

body, html {
scrollbar-base-color: #A8A8A8;
scrollbar-arrow-color: #002482;
scrollbar-3dlight-color: #B5B5B5;
scrollbar-darkshadow-color: #BCBCBC;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #C4C4C4;
scrollbar-shadow-color: #EFEFEF;
scrollbar-track-color: #D8D8D8;
}


.page-container {
	width:100%;
	}

body {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
.button{
	background:url(../images/search.gif) no-repeat;	
}

.submit_resume{
	background:url(../images/submit_resume.png) no-repeat;	
}

.white_button {
	border:1px solid #b0b0b0;
	padding:2px 8px 2px 8px;
	background:url(../images/whiteButtonBG.jpg) repeat;	
}

input, textarea, select {
	
	border-top: 1px solid #A3A3A3;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #D6D6D6;
	font: verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}


label{
	font: verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
}


h1, h2, h3 {
	font-family: verdana, Georgia, "Times New Roman", Times, serif;
}

h1 a:hover, h2 a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 38px;
}

h3 {
	color: #000000;
	font-size: 15px;
	font-weight: bold;
}

p{
	margin-top: 0em;
	line-height: 2em;
	text-align: justify;
}

.required{
	color: #ff0000;
}

ul {
	margin:1em 0em 2em 0em;
	padding:0em;
	list-style: none;
	line-height: 1.4em;
} 

a:hover {
	text-decoration: none;
	color: #8D0000;
}

a img {
	border: none;
}

hr {
	display: none;
}

/* Logo */

#logo {

	width: 960px;
	height: 80px;
	margin: 0 auto;
}

#logo h2 {
    clear: both;
	position: absolute;
	top: 5.5em;
	left:12em;
	font-size: 11px;
	font-weight: normal;
}

#logo h1{
	margin: 0;
}

#logo h1 {
	float: left;
	padding-top: 45px;
}

#logo h2, #logo h2 a {
	color: #000000;
}

#logo a {
	text-decoration: none;
}
/* top menu */
#topmenu { width:918px;height:107px;margin: 0 auto; background:url(../images/topsearchbar.png) no-repeat top left;}

#topmenu ul {	margin: 0;	padding: 0.6em 0em 0em 1em;	list-style: none;line-height: normal;}

#topmenu li {	float: left;font-size: 0.9em; padding: 0em 0em 1em 0em;}
#topmenu ul li a{color:#fff; line-height:16px;text-decoration:none}
#topmenu ul li a:hover{color:#fbeac3;}
#topmenu ul li a span{float:left;padding:0 10px 0px 0;height:20px;width:auto;}
#topmenu ul li a:hover span{display:block;cursor:pointer;}
#topmenu td {padding: 5px}

/* Menu */

#menu {
	width: 960px;
	height: 41px;
	margin: 0 auto;
    background:url(../images/4cjobs-bar.jpg) no-repeat top left;
}

#menu ul {
	margin: 0;
	padding: 0.6em 0em 0em 1em;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	padding: 0em 0.5em 1em 1em;
}

/* box */

#box {
	width: 915px;
	margin: 0 1.5em;
}

#box a{
	font-size: 12px;
	text-decoration: none;
	color: #2B0693;
	line-height:1.5em;
	font-family:verdana;
}	

#box a:hover{
	color: #980270;
}	

.col-one-two {
	float: left;
	width: 603px;
	padding: 0em 0em 0em 0em;
}

#box .col-one{
	float: left;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}

.col-two {
	float: left;
	margin-left:1.5em;
}

.col-three {
	float: right;
	
}
.col-two a:link{
	font-size:12px;
	
}
.service_box {
	float: right;	
	border: border: 1px solid #000;;
}

.two-cols .col-one, .two-cols .col-two, .two-cols .col-three  {
	width: 290px;
	
}

#box .col-one, .col-two, .col-three {
	background: #fafafa url(../images/4cjobs-layer.gif) no-repeat left bottom;
}

#box h2 {
	width: 275px;
	height: 22px;
	padding: 6px 0 0 15px;
	background: url(../images/4cjobs-shortbar.gif) no-repeat;
	letter-spacing: 0px;
	font-size: 11px;
	color: #000000;
}
#box h2.col-index
{
	width:590px;
	height: 21px;
	padding: 6px 0 0 15px;
	background: #ffffff url(../images/4cjobs-shortbar.gif);
	letter-spacing: 0px;
	font-size: 11px;
	color: #000000;
	
}
/* Page */

#page {
	clear: both;
	width: 960px;
	border: solid 0px;
	margin: 0 auto;
	padding: 30px 0px 0px 0px;
	
	margin-top:-5px;
	}

/* Footer */

#footer {
	clear: both;
	width: 918px;
	height: 50px;
	margin: 0 auto;
	
	background: url(../images/4cjobs-shadow.jpg) no-repeat;
}

#footer a {
	font-size:12px;
	color: #2B0693;
	text-decoration: none;
	line-height:1.6em;
}


#footer  ul li {
	display:inline;
}

#footer ul {
	list-style:none; 
	font-size:11px;padding:0px;
	margin:0px;
}

#footer a:hover{
	
	color: #980270;
}


/* Start Buttons
----------------------------------------------- */
a.emp_ovalbutton{
	background: transparent url(../images/oval-red-left.gif) no-repeat top left;
	display: block;
	float: left;
	font: bold 11px verdana; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 11px; /* Width of left menu image */
	text-decoration: none;

}
span.emp_ovalbutton{
	background: transparent url(../images/oval-red-left.gif) no-repeat top left;
	display: block;
	float: left;
	font: bold 11px verdana; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 0px; /* Width of left menu image */
	text-decoration: none;
}
input.emp_ovalbutton{
	background: transparent url(../images/oval-red-right.gif) no-repeat top right;
	font: bold 13px verdana; /* Change 13px as desired */
	display: block;
	height: 25px;
	color: #2B0693;
	padding: 0px 1px 0px 1px; /*Set 11px below to match value of 'padding-left' value above*/
}
a.ovalbutton1{
	background: transparent url(../images/oval-red-leftbutton.gif) no-repeat top left;
	display: block;
	float: left;
	font: bold 11px verdana; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 11px; /* Width of left menu image */
	text-decoration: none;
}
a.ovalbutton_gray1{
	background: transparent url(../images/oval-gray-leftbutton.gif) no-repeat top left;
	display: block;
	float: left;
	font: bold 11px verdana; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	padding-left: 11px; /* Width of left menu image */
	text-decoration: none;
}
a:link.ovalbutton_gray1, a:visited.ovalbutton_gray1, a:active.ovalbutton_gray1, a:link.ovalbutton1, a:visited.ovalbutton1, a:active.ovalbutton1{

}
td a:link{
font-size:12px;
}
a.ovalbutton1 span{
	background: transparent url(../images/oval-red-rightbutton.gif) no-repeat top right;
	display: block;
	color: #ffffff;
	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton_gray1 span{
	background: transparent url(../images/oval-gray-rightbutton.gif) no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}
a.employerbutton{
color: #ffffff;
font-weight:bold;
padding: 0.4em 3em 0.5em 1em;
background: transparent url(../images/employerlogi.gif) no-repeat ;
}

a.ovalbutton{
	background: transparent url(../images/oval-red-left.gif) no-repeat top left;
	display: block;
	float: left;
	font: bold 11px verdana; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 11px; /* Width of left menu image */
	text-decoration: none;
}

a.ovalbutton_gray{
	background: transparent url(../images/oval-gray-left.gif) no-repeat top left;
	display: block;
	float: left;
	font: bold 11px verdana; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	padding-left: 11px; /* Width of left menu image */
	text-decoration: none;
}

a:link.ovalbutton_gray, a:visited.ovalbutton_gray, a:active.ovalbutton_gray, a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
}


.searchbutton{
	background: url(../images/4cjobs-search.png) no-repeat top left;
	height: 25px;
	font-weight:bold; 
	border:0;
	color:#000000;
	padding-bottom:0.4em;
}
span.ovalbutton{
	background: transparent url(../images/oval-red-leftbutton.gif) no-repeat top left;
	display: block;
	float: left;
	font: bold 11px verdana; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 0px; /* Width of left menu image */
	text-decoration: none;
}

input.ovalbutton{
	background: transparent url(../images/oval-red-rightbutton.gif) no-repeat top right;
	font: bold 13px verdana; /* Change 13px as desired */
	display: block;
	height: 24px;
	color: #2B0693;
	padding: 0px 1px 0px 1px; /*Set 11px below to match value of 'padding-left' value above*/
}
.ovalbuttonsearch{
	/*background:transparent url(../images/red.png) no-repeat top right;*/
	font: bold 11px verdana; /* Change 13px as desired */
	display: block;
	height: 25px;
	line-height: 16px;
	padding: 0px 0px 0px 0px; /*Set 11px below to match value of 'padding-left' value above*/
	text-decoration: none;
}

span.ovalbuttonsearch{
	background:transparent url(../images/red.png) no-repeat top left;
	display: block;
	float: left;
	font: bold 11px verdana; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 25px; /* Height of button background height */
	padding-left: 0px; /* Width of left menu image */
	
}
span.ovalbuttonsearch:hover{ /* Hover state CSS */
	color: #fbeac3;
}
input.ovalbutton:hover{ /* Hover state CSS */
	color: #ffffff;
}

a.ovalbutton span{
	background: transparent url(../images/oval-red-right.gif) no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
	color: #ffffff;
}

a.ovalbutton_gray span{
	background: transparent url(../images/oval-gray-right.gif) no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
	color: #ffffff;
}

a.ovalbutton_gray:hover span, a.ovalbutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #b1e3ff;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

/* End Buttons
----------------------------------------------- */
/* Table Design  */
/* container*/
#container{
	border: 0px solid #000;
	}
#container input.button
{
color:#ffffff;
background: transparent url(../images/buttonorange.jpg) repeat top right ;
border:none;
} 
#containerbutton input{
	margin:0px 0px 0px 10px;
    border: 1px solid #A3A3A3;
	text-align:canter;
	padding-right:0.3em;
	padding-bottom:0.2em;
	font-family:Verdana;
	font-size: 12px;
	color: #000000;
	background-color: #f9fbfc;
	height: 25px;
	font-weight:bold;
	border:0;
	color: #ffffff;
	}


	
#row1
{
background:#ffffff;
font-size:12px;
}
#row2
{
background:#FBF9F4;
font-size:12px;
}
/* new*/
.homelogin
{
border-collapse:collapse;
background: transparent url(../images/4cjobs-login.jpg) no-repeat ;
position:relative;
border:0;
bottom:1.80em;
height:52px;
width:209px;
}
.homelogin span
{
padding:0em 0.3em 0em 0.3em;
color: #0c00ff;
font-size:14px;
}
.homelogin span:hover
{
text-decoration:underline;
}

#style{
	font-size:11px;
}
#style tbody td {
	padding:8px;
}

#style table {
	cellpadding:0;
	cellspacing:0;
	font-size:11px;
}

#style caption {
		padding: 0 0 0.2em 0;
		text-align: left;
		font-size: 1.25em;
		font-weight: bold;
		text-transform: titlecase;
		color: #333;
		background: transparent;
		text-align:left;
}
/* =links Table
----------------------------------------------- */

#style table a {
		color:#950000;
		text-decoration:none;
}

#style table a:link {}

#style table a:hover {
		border-bottom: 1px dashed #bbb;
}

/* =head =foot Table
----------------------------------------------- */

#style thead  tr {	
		height:35px;
		color:#000;
}

#style tfoot th, #style tfoot td {
		text-align:right;		
		background:#fff;
		height:35px;
}

#top_links p 
{
	clear: both;
	top: 1.75em;
	position: relative;
	line-height:1.5em;
	font-size: 11px;
	
}

#top_links p a {
color: #2B0693;
}

#top_links h2
{	clear: both;  
	top: 1em;
	left: 0em;
	color: #000000;
	position: relative;
	font-size: 12px;
	font-weight: bold;
}

/* =body Table
----------------------------------------------- */

#style tbody th {
		white-space: nowrap;
		font-weight:normal;
		
}

#style thead th{
		height:35px;		
		color:#000;
		text-align:left;
		font-weight:bold;
		font-size:1em;
}

#style tbody td a:visited {
		color:#980270;
		padding-left: 15px;
		background: url(../images/4cjobs-check.gif) 0px 10% no-repeat;
		
}
#style{
	font-size:11px;
}
#style tbody tr:hover {
		background:#99d5ff;
}
#style tbody a:hover {
		text-decoration: underline;
		
}
/* End Table
----------------------------------------------- */
/**********************Forms*******************/

#container{
	border: 0px solid #000;
	}
	
#container label{
	float:left;
	display:inline;
	width:15em;
    line-height:16px;
	text-align:right;
	margin:4px 0 5px 0px;
	font-weight: normal;
	color: #000000;
	font-family:Verdana;
	font-size: 12px;	
	
	}
	
#container input, textarea, select{
	margin:0px 0px 0px 8px;
    border: 1px solid #A3A3A3;
	font-family:Verdana;
	font-size: 12px;
	color: #000000;
	background-color: #f9fbfc;
	}
	
#container input{
	height: 18px
	}

#container br{
	clear:left
	}
	
#container .but {
	float: right;
	border: 1px solid #A3A3A3;
	text-align:center;
	width: 70px;
	color: #0090d0;
	font-weight: bold;
	}



/* Start only used for index companylogo display*/	
#box .col-four {
	float: left;
	background: #F3F3F3 transparent url(../images/4cjobs-bottomimage.jpg) no-repeat;
	border:1px solid #F3F3F3;
	width: 251px;
	height:175px;
}	
#companylogo 
{
width:250px;
padding:1em 0em 0em 1.5em;
}	
#companylogo a {
	padding-left:0.0em;
	
}	
#companylogo a img{
	width:78px;
	height:70px;
    border:1px solid #021a40;
}
/*End  only used for index companylogo display*/	
	
.button
{
	font-weight: bold;
	/*border: 1px solid #A3A3A3;*/
}	
.error{
	padding:0 0 0 16em;
	color:red;
}	
/**********************End Forms*******************/
/*******************header path*****************************/

.headerpath{
	border:solid 0px;
	height:2.5em;
}
.headerpath ul {
	list-style:none;
	padding:0 0 5px 2px; 
	font-family:verdana
}
.headerpath ul li {
	display:inline;
	padding:0 0 0 10px;
	background:transparent url(../images/4cjobs-arrow.gif) no-repeat 0 50%;
	font-weight:Normal;
	font-size:11px;
}
.headerpath ul a {
	text-decoration:none;
}
.headerpath ul a:hover {
	color:rgb(0,57,109);
	text-decoration:none;
}

.collapse{height: 115px; overflow: hidden;}
.expand{display:block; height:auto; }
.plus{background:url(../images/4cjobs-showcat.gif) left no-repeat;padding-left:15px;}
.minus{background:url(../images/4cjobs-hidecat.gif) left no-repeat;padding-left:15px;}

.barin{background:transparent url(../images/bgrepeatx.png) repeat-x 0 0; padding:5px 0 5px 10px; font:bold 12px verdana,arial; color:#FFF}
.barin{background-position: 0px -69px; background-color:#99CC00; padding:0px 0 0px 0;}

#dropmenudiv {
position:absolute;
left:0px;
font:bold 11px Verdana;
padding: 10px 0px 10px 0px;/*width for dropmenu in padding to change*/
line-height:2em;
border: 1px solid #FBCC7B;
width: 150px;
}
#dropmenudiv a{
width: 150px;/*width for dropmenu bgcolor*/
display: block;
text-indent:10px;/*display thr submenu arrow text left some*/
border-bottom: 0px solid #FA8D08;
padding: 1px 0 0 0;
text-decoration: none;
font-weight: normal;
color: #0343A2;
}
#dropmenudiv a:hover{ /*hover background color*/
background-color: #FBCC7B;
}

/********************header path end***********************