/*----------------------------------------------------------------------------*/
/* Tags																		  */
/*----------------------------------------------------------------------------*/
.normal_button {
    background-color:#ffffff;
    cursor:pointer;
    border-width:0px;
    height:32px;
 		font-size: 12px;
	margin: 0px;
	padding:0px;
}
.button_co
{
	background-image:url(/pics/buttons_midgrn.gif);
	border-width:1px;
	cursor:pointer;
	color:black;
	padding:6px 25px 6px 25px;
}

.link_look
{
	text-decoration:underline;
	cursor:pointer;
	font-weight:bold;
}
.link_look:hover
{
	text-decoration:none;
}

body 	
{
	background-color	: #FFFFFF; 
	cursor				: default; 
	font-family			: Arial, Helvetica, sans-serif; 
	font-size			: 12px; 
	line-height			: 120%; 
}
a
{
	color				: #FFFFFF;
	font-family			: Arial, Helvetica, sans-serif; 
//	font-weight			: bold; 
	text-decoration		: underline; 
}
a:hover	
{
	color				: #333333; 
	text-decoration		: none;	
}
h1		{ color: #669966; font-size:14px; font-weight: bold; line-height: 125%; display: inline; }
h2		{ font-size:14px; font-weight: bold; line-height: 125%; display: inline; }
h3		{ font-size:14px; font-weight:normal; line-height: 125%; display: inline; }
p		{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 120%; }
th		{ font-size:14px; background-color:#9ccf9d; color:#FFFFFF; }
td		{ line-height:135%; font-size:12px; }
td a	{ color:#333333; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
td a:hover  { color:#94b0ea }
.highlight  { color: #669966; font-weight:bold}

/*----------------------------------------------------------------------------*/
/* Colors																	  */
/*----------------------------------------------------------------------------*/
.online{
	background-color: #BBE7BB;
}
.on_appr{
	background-color: #F4F3AD;
}
.offline{
	background-color: #CC3300;
}

.grey
{
	color				: #999999;
}
.grey a 
{
	color				: #999999; 
}
.grey a:hover 
{
	color				: #669966; 
}
.dark a 
{ 
	color				: #333333; 
}
.dark a:hover 
{
	color				: #000000; 
	text-decoration		: underline; 
} 

/*----------------------------------------------------------------------------*/
/* Backgrounds																  */
/*----------------------------------------------------------------------------*/

.bg_green	
{
	background-color	: #CCCCCC;
}

.bg_header
{ 
	background-color	: #99CC99; 
	border				: 0px;
}

.bg_header_light
{
	background-color: : #BDE3BD	
}

.bg_green_light
{
	background-color	: #E9F4E9;
}
.bg_green_dark
{
	background-color	: #D3E8D3;
}
.bg_g {	background-color: #ccffcc; }
.bg_lg {	background-color: #efefef; }

.bg_on {	background-color: #ccffcc; }
.bg_off {	background-color: #efefef; }
.bg_dark { background-color	: #99CC99; }

.bg_grey
{
	background-color: #CCCCCC;
}
.bg_company
{
	background-color: #9ccf9d;
}
/*----------------------------------------------------------------------------*/
/* Borders																	  */
/*----------------------------------------------------------------------------*/
.bdr_shadow 
{
	background-color: #ffffff;
	BORDER-right: 2px solid #ABABAB;
	BORDER-BOTTOM: 2px solid #ABABAB;
}	

/*----------------------------------------------------------------------------*/
/* Header																	  */
/*----------------------------------------------------------------------------*/
#h_logo
{
	float				: left;
	width				: 107px; 
	height				: 60px;
	padding-top			: 8px; 
	padding-left		: 45px;			
}
#h_banner  
{
	float				: left;
	width				: 450px;
	height				: 30px;
	padding-top			: 37px;
	margin-left			: 63px; 
	color				: #999999;
	font-size			: 14px;
	line-height			: 125%;
}
#h_nav_bar 
{
	position			: absolute;
	width				: 830px;
	height				: 22px;
	top					: 85px; 
	left				: 0px;
	background-color	: #EDEDED;			
	margin-bottom		: 30px;		
}

#h_nav_candidate
{
	position			: absolute;
	width				: 149px;
	height				: 18px;
	background-color	: #94b0ea;
	top					: 0px;
	left				: 190px;
	padding-left		: 25px;
	padding-top			: 4px;
}
#h_nav_company
{
	position			: absolute;
	width				: 149px;
	height				: 18px;
	background-color	: #9ccf9d;
	top					: 0px;
	left				: 340px;
	padding-left		: 25px;
	padding-top			: 4px;
}
			
#h_nav_trainee
{
	position			: absolute;
	width				: 149px;
	height				: 18px;
	background-color	: #fbaf71;
	top					: 0px;
	left				: 490px;
	padding-left		: 25px;
	padding-top			: 4px;
}
			
#h_links 
{
	float				: left;
	width				: 790px;
	height				: 20px;
	margin-top			: 30px; 
	left				: 0px;			
	background-color	: #9ccf9d;
	padding-top			: 13px;
	padding-left		: 40px;
}
#h_links ul 
{      
	margin				: 0;
    text-align			: left;  
}
#h_links li 
{  
    display				: inline;
    list-style-type		: none;
    border-right		: 1px solid white;
    padding				: 0 15px 0 10px;  
}
#h_links li.last 
{  
    border-right		: 0;
}
#h_links li.name 
{  
    border-right		: 0;
	border-left			: 0;
	padding-left		: 250px;
}
#h_links li a 
{  
}
#h_links a, #h_nav_bar a
{
	color				: #FFFFFF;
	font-family			: Arial, Helvetica, sans-serif;
	font-weight			: bold;
	text-decoration		: none;
}
#h_links a:hover, #h_nav_bar a:hover	
{
	color				: #333333; 
}

#h_breadcrumb 
{
	float				: left;
	width				: 785px;
	height				: 18px;
	top					: 40px; 
	left				: 0px;			
	background-color	: #CCCCCC;
	padding-left		: 45px;
	padding-top			: 2px;
	margin-bottom		: 10px;
}
#h_breadcrumb a
{
	text-decoration		: none;
}
#h_breadcrumb a:hover	
{
	text-decoration		: underline; 
}

/*----------------------------------------------------------------------------*/
/* Main Content																  */
/*----------------------------------------------------------------------------*/
#container 
{
	position			: relative; 
	width				: 830px;
	height				: auto;
	margin-left			: auto; 
	margin-right		: auto; 
	margin-top			: 0px;
	margin-bottom		: 20px;
	padding-bottom		: 20px;
}
#contain 	
{
	width				: 830px;
	position			: absolute;
	padding-bottom		: 20px;
	margin-bottom		: 20px;
	top					: 0px;
	left				: 0px;
	border				: #CCCCCC solid 1px;
}
#content  
{
	float				: left;
	width				: 810px; 
	height				: auto;
	margin-left			: 0px;
}
#right_content  
{
	float				: left;
	width				: 550px; 
	height				: auto;
	margin-left			: 0px;
}

#inside	
{
	float				: left;
	width				: 350px;
	height				: auto;
	padding-left		: 35px;
	padding-right		: 20px;
}
#in
{	
	float				: left;
	padding-left		: 42px;
	padding-top			: 25px;
}
.inside h1	
{
	font-size			: 14px;
	font-weight			: bold;
	color				: #669966;
	font-family			: Verdana, Arial, Helvetica, sans-serif; 
	display				: block; 
}
.inside h2	
{
	font-size			: 11px; 
	font-weight			: bold; 
	color				: #000000; 
	font-family			: Verdana, Arial, Helvetica, sans-serif; 
	display				: block; 
}
.inside h3	
{
	font-size			: 11px; 
	font-weight			: bold; 
	color				: #669966; 
	font-family			: Verdana, Arial, Helvetica, sans-serif; 
	display				: block; 
}
.inside p	
{
	font-size			: 11px; 
	font-weight			: normal; 
	color				: #333333; 
	font-family			: Verdana, Arial, Helvetica, sans-serif; 
	display				: block; 
	line-height			: 140%; 
}
.inside a	
{
	font-size			: 11px; 
	font-weight			: bold;
	color				: #669966;
	font-family			: Verdana, Arial, Helvetica, sans-serif; 
	display				: inline; 
	line-height			: 140%;  
	text-decoration		: underline;	
}
.inside a:hover	
{
	color				: #333333;	 
	text-decoration		: none; 
}
.inside li	
{
	font-family			: Verdana, Arial, Helvetica, sans-serif; 
	line-height			: 140%; 
	font-weight			: normal; 
	font-size:11px; 
} 
.inside th	
{
	background-color	: #99CC99 
}
#cleft	{	float: left;
			width:270px;
			height:auto;
			padding-left:35px;
			padding-right:5px;
			}

#cright {	float: left;
			width:300px;
			height:auto;
			padding-left:5px;
			}

#middle {	float: left;	
			width:570px;
			height:auto;
			padding-left:35px;
			padding-top:25px;
			}

#top { 
		float: left;
		width:570px;
		height:auto;
		padding-left:35px;
		padding-bottom:25px;
		}

	TABLE.region_welcome {
		background:url("../images3/bg_region_welcome.gif") repeat-x;
		border:1px solid #cccccc;
		}
	TABLE.region_welcome TD { padding:8px 0px; }
	TABLE.region_welcome H1 {
		font-size:18px;
		color:#5f5f5f;
		margin: 0px;
		padding:0px;
		}
	
	TABLE.contact_card {
		background:url("../images3/bg_contact_card.gif") no-repeat;
		margin-top:8px;
		}
	  
 	TABLE.contact_card_details IMG { border:1px solid #cfd1ce; }
	TABLE.contact_card_details H1 {
		font-size:12px;
		line-height:16px;
		color:#606060;
		margin:0;
		padding:0;
		display:block;
		}
	TABLE.contact_card_details H2 {
		font-size:11px;
		line-height:14px;
		color:#a7a7a7;
		font-weight:normal;
		font-style:italic
		}
	TABLE.contact_card_details { margin:10px 0px; }
	TABLE.contact_card_details TD { padding:0; }
	TABLE.contact_card_details TD.btm {
		border-top:1px solid #cccccc;
		padding:5px 0px;		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#646464;
		}
	TABLE.contact_card_details TD.btm A {
		font-weight:normal;
		text-decoration:underline;
		color:#5075b9;
		}
/*----------------------------------------------------------------------------*/
/* Footer																	  */
/*----------------------------------------------------------------------------*/
#footer
{
	float				: left;
	width				: 760px;
	border-top			: solid 2px #999999;			
	padding-top			: 10px;
	margin-left			: 15px; 
	margin-right		: 15px; 
	margin-top			: 25px;
	font-size			: 10px;
}
#f_links 
{
	top					: 30px;
	left				: 245px;
	padding				: 10px;
}
#f_jobs 
{
	top					: 60px;
	left				: 320px;
	padding				: 10px;
}
#f_impress 
{
	top					: 95px;
	left				: 275px;
	padding				: 10px;
}
.f_green 
{
	background-color	: #669966; 
	color				: #FFFFFF; 
	font-weight			: bold; 
	padding				: 3px; 
}

/*----------------------------------------------------------------------------*/
/* Left Navigation																  */
/*----------------------------------------------------------------------------*/
#l_nav	{ 	float: left;
			width: 180px;
			height:auto;
			}

#l_nav th { background-color:#9ccf9d;
			color:#FFFFFF;
			font-size:13px;
			padding-left:0px;
			}

#l_nav td { font-weight: bold;
			color:#666666;
			padding-left:10px;
			}


/*----------------------------------------------------------------------------*/
/* Memberships																  */
/*----------------------------------------------------------------------------*/
#compare 
{	float				: left;
	width				: 560px;
	height				: auto;
	padding-left		: 45px;
	padding-right		: 5px;
}
#members 
{
	float				: left;
	width				: 150px;
	height				: auto;
	padding-left		: 20px;
	display				: block;
	margin-top			: 50px;
	border-left			: 1px dashed #CCCCCC;
}
.members h1
{
	font-size			: 14px; 
	font-weight			: bold; 
	color				: #669966; 
	font-family			: Verdana, Arial, Helvetica, sans-serif; 
	display				: block; 
}
.members p	
{
	font-size			: 11px;
	font-weight			: normal;
	color				: #333333;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	display				: block;
	line-height			: 140%; 
}
/*----------------------------------------------------------------------------*/
/* Payment Steps															  */
/*----------------------------------------------------------------------------*/

.steps 
{
	background-image	: url(/img/order.gif);
	background-repeat	: no-repeat;
	background-color	: #9ccf9d;
	font-size			: 11px; 
	color				: #333333; 
	font-weight			: bolder; 
	font-variant		: inherit; 
	font-family			: Arial, Verdana, Helvetica, sans-serif;
	height				: 25px;
	width				: 140px;
	cursor				: default;
}
.steps2 
{
	background-image	: url(/img/order.gif);
	background-repeat	: no-repeat;
	background-color	: #fbaf71;
	font-size			: 11px; 
	color				: #333333; 
	font-weight			: bolder; 
	font-variant		: inherit; 
	font-family			: Arial, Verdana, Helvetica, sans-serif; 
	cursor				: pointer;
	height				: 25px;
	width				: 140px;
	cursor				: default;
}
.steps3 
{
	background-image	: url(/img/order.gif);
	background-repeat	: no-repeat;
	background-color	: #CCCCCC;
	font-size			: 11px; 
	color				: #333333; 
	font-weight			: bolder; 
	font-variant		: inherit; 
	font-family			: Arial, Verdana, Helvetica, sans-serif; 
	cursor				: pointer;
	height				: 25px;
	width				: 140px;
	cursor				: default;
}