/*
	*********************************************************************************************************************************************
		Name 		:style.css
		Created By 	 	:V. Selvamurugan[1015]
		Created Date	:02-10-2008
		Function 		: All the css styles are declare in this program.
		http://employer.4cjobs.com
		Copyright (c) 2008, Rovan Software Solutions ( P ) Limited
	*********************************************************************************************************************************************	
	*/
	/* MODIFICATIONS
	-----------------------------------------------------------------------------------------------------------------
		Modified By 	:V. Selvamurugan[1015]
		Modified Date 	: 17-03-2009
		Action 		: Change the td.col1 and td.col2 styles modified
	-----------------------------------------------------------------------------------------------------------------
	*/

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;
}

input, textarea, select {
	background: #FFFFFF url(../images/4cjobs-bgbox.gif) repeat-x;
	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  {
	height: 18px;
	padding:10px 0 10px 10px;	
	letter-spacing: 0px;
	font-size: 13px;
	color: #000000;
}
h3  .head{
	color: #000000;
	font-size: 18px;
	font-weight: bold;
}
p{
	margin-top: 0em;
	line-height: 2em;
}

.required{
	color: #ff0000;
}

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

a {
	color: #125798;
}

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

a img {
	border: none;
}

hr {
	display: none;
}

/* Logo */

#logo {
	width: 870px;
	height: 85px;
	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;
}

/* box */

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

#box a{
	font-size: 12px;
	text-decoration: none;
	color: #2B0693;
}	

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

.col-one-two {
	float: left;
	width: 700px;
	padding: 0em 0em 0em 0em;
}
.col-one-three {
	float: left;
	width: 600px;
	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.75em;
}

.col-three {
	float: right;
}

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

#box .col-one, .col-two, .col-three {
	background: #eef2fd url(../images/4cjobs-shadow1.gif) no-repeat left bottom;
	width: 290px;
}
#box .col-four {
	float: right;
	background: #F3F3F3;
	width: 251px;

}
#box h2 {
	width: 280px;
	height: 18px;
	padding:10px 0 10px 10px;
	background:url(../images/4cjobs-shortbar.png) no-repeat;
	letter-spacing: 0px;
	font-size: 11px;
	color: #000000;
	
}
.heading{
	padding:1.5em 0em 1.5em 0em;
	text-align:center;
	font-size: 16px;
}

/* Page */

#page {
	clear: both;
	width: 960px;
	border: solid 0px;
	margin: 0 auto;
	padding: 10px 0px 0px 0px;
	background: url(../images/4cjobs-shadow.png) no-repeat;
}

/* Footer */

#footer {
	clear: both;
	width: 870px;
	height: 30px;
	margin: 0 auto;
	padding: 1px 45px;
	background: url(../images/4cjobs-shadow.png) 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.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{
}

span.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.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*/
}




input.buttonorange
{
background: transparent url(../images/buttonorange.jpg) repeat top right ;
border: 1px solid #e7f5ff;
color: #ffffff;
border:none;
}


input.ovalbutton:hover{ /* Hover state CSS */
	color: #000000;
}

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*/
}

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

.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%;
}
.searchbox { width:90%; margin-top:15px; margin-bottom:5px;  border:solid 1px #A8BCD7; background:url('../images/4cjobs-searchbox.gif') repeat-x; font-family:verdana; font-size:11px; padding:10px 4px 4px 4px; }
.searchbox td {vertical-align:middle;}
/* End Buttons
----------------------------------------------- */

/* Table Design  */

#style{
		border-collapse:collapse;
		/*background:#f3f3f3 url(../images/teaser.gif) repeat-x;*/
		border-left:0px solid #686868;
		border-right:0px solid #686868;
		font-size: 11px;
		color: #333;
}
#row1
{
background:#ffffff;
}

#row2
{
background:#e7f5ff;
}

#style th {
		padding:5px;
		text-align:left;
}

#style td {
		padding:5px;
}


#style caption {
		padding: 0 0 0.2em 0;
		text-align: left;
		font-size: 1.2em;
		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 th{
		/*background:#fff url(../images/4cjobs-bgbar.gif) repeat-x;*/
		/*background:#bde8fc;*/
		background:#fef1dc;
		color:#000;
		text-align:left;
}

#style tfoot th, #style tfoot td {
		text-align:right;
		font-weight: bold;
		background:#fff;
}
#top_links
{
padding:0.2em 7em 0em 0em;
}

#top_links p 
{
	clear: both;
	top: 1.4em;
	right: 0.5em;
	position: relative;
	line-height:1em;
	font-size: 11px;
}

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

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

#style tbody th, #style tbody td, #style tfoot th {
		border-bottom: dotted 1px #333;
}

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

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

#style tbody td a:visited {
		color:#980270;
		padding-left: 15px;
		background: url(../images/4cjobs-check.gif) 0px 10% no-repeat;
}

#style tbody tr:hover {
		background:#feb570;
}
#style tbody a:hover {
		text-decoration: underline;
}


/* End Table
----------------------------------------------- */

/**********************Forms*******************/
#container{
	border: 0px solid #000;
}
	
#container label{
	float:left;
	display:inline;
	width:20em;
    line-height:16px;
	text-align:right;
	margin:9px 0 5px 0px;
	font-weight: normal;
	color: #000000;
	font-family:Verdana;
	font-size: 12px;	
	}
#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;
	}

#container input, textarea, select,caption{
	margin:3px 0px 0px 20px;
    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: #000000;
	font-weight: bold;
	}

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

#container br{
	clear:left
	}
	
#containerecom .but {
	float: right;
	border: 1px solid #A3A3A3;
	text-align:center;
	width: 70px;
	color: #000000;
	font-weight: bold;
	}
/*********************************/
#container1{
	
	border: 0px solid #000;
	}
	
#container1 label{
	float:left;
	display:inline;
	width:15em;
    line-height:16px;
	text-align:right;
	margin:9px 0 5px 0px;
	font-weight: normal;
	color: #000000;
	font-family:Verdana;
	font-size: 12px;	
	}
#container1 input.button
{
color:#ffffff;
background: transparent url(../images/buttonorange.jpg) repeat top right ;
border:none;
}	
#container1 input[type=radio] {
	width:auto;
	border:none;
}


#container1 input, textarea, select,caption{
	margin:8px 0px 0px 20px;
    border: 1px solid #A3A3A3;
	font-family:Verdana;
	font-size: 12px;
	color: #000000;
	background-color: #f9fbfc;
	}
	
#container1 input{
	height: 18px
	}

#container1 br{
	clear:left
	}
	
#container1 .but {
	float: right;
	border: 1px solid #A3A3A3;
	text-align:center;
	width: 70px;
	color: #000000;
	font-weight: bold;
	}
/************************************/	
	
.errorecom{
	padding:0 0 0 18em;
	color:red;
}

.ecombutton
{
color: #ffffff;
font-weight:bold;
border:none;
background: transparent url(../images/4cjobs-credit.png) no-repeat ;
padding:0em 0em 0.3em 0em;
height:32px;
width:180px;

}

/**********************End Forms*******************/
/*My4cjobs*/
#subhead{
	font-size:14px;
	font-weight:normal;
}
#center a {
	color: #0000ff;
}
#subtext{
	font-size:11px;
}
#left
{
float:left;
}
#right
{
float:right;
}
#center{
float:center;
padding-left:3em;
}
#top{
padding:0.5em 0em 1em 0em;
}

/*view advertisement*/
#company{
    text-align:center;
	margin-top: 0em;
}
#company .text{
	font-size:25px; 
	font-family:verdana;
	text-align:center;
}

#company img{ 
	width:150px;
	height:75px;
	
}

td.col1 {
	width:30%; 
	padding:2px 12px 2px 0px; 
	text-align:right;
}
td.col2 {
	width:65%;
	padding:2px 0 2px 0px;
	text-align:left;
}
/* end view advertisement*/

/*Dropmenu starting*/
/* Menu */

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

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

#menu li {
	float: left;
	padding: 0.7em 3.4em 0em 3em;
}

#menu a {
	display: block;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff; /* home, profile, header*/
}

#menu a:hover{ /*hover background color*/
color: #FD9104;
}

#dropmenudiv{
position:absolute;
font:bold 11px Verdana;
padding: 0px 0px 0px 0px;/*width for dropmenu in padding to change*/
line-height:18px;
margin-top: 5px;
border: 0px solid black;
}

#dropmenudiv a{
/*width for dropmenu bgcolor*/
display: block;
text-indent:10px;/*display thr submenu arrow text left some*/
padding: 1px 5px 0px 0px;
border-bottom: 1px solid black;
text-decoration: none;
font-weight: normal;
color: #0343A2;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #E1F1FD;
color: #FD9104;
}

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

.headerpath{
	border:solid 0px;
	height:2em;
}
.headerpath ul li {
	display:inline;
	padding:0px 0px 0px 10px;
	background:url(../images/4cjobs-arrow.gif) no-repeat;
	font-size:10px;
}

.headerpath ul a {
	text-decoration:none;
}

.headerpath ul a:hover {
	color:2B0693;
	text-decoration:none;
}

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

/*******************view_js_profile **********************/	
.col1 {
	width:45%; 
	padding:2px 10px 2px 0;
	text-align:right;
	font-weight:normal;
	color:rgb(10,10,10);
	font-family:verdana; 
	font-size:12px;}
.col2 {
	width:55%; 
	padding:2px 0 4px 0px; 
	text-align:left;
	font-weight:normal;
	font-family:verdana; 
	font-size:12px;}
.line {
	clear:both; 
	height:5px; 
	background:rgb(250,250,250); 
	border-bottom: 1px solid rgb(240,240,240);
	font-family:verdana;}	

.limit {
	color:rgb(125,125,125);
	padding:0 0 2px 0; 
	font-family:trebuchet ms,sans-serif;
	font-size:88%}	
.error{
	padding:0 0 0 16em;
	color:red;
}
.message{
	font-weight:normal;
	color:red;
	font-size:15px;	
	margin:10px 10px 10px 0;
	padding:4px 0 4px 30px;
	border:1px solid red;
	background: rgb(250,250,250);
}