/* CSS File - Recruit Advantage - All
   Created by eBrands - Mark Aitken - 25 January 2008 */

BODY				{font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 30px 0px; padding: 0px; background: #008fd9 url(../ra_images/back_body.gif) repeat-x; width: 100%;}
IMG					{border: none;}

/*H1					{position: absolute; top: 1px; float: left; font-size: 10px; color: white; left: 0px}*/
H1					{font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFCC; font-size: 15px; margin: 15px 0px 6px 0px}
H2					{font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #231f20; font-size: 18px; margin: 0px 0px 14px 0px}
H3					{font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFCC; font-size: 15px; margin: 15px 0px 6px 0px}
H4					{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #231f20; font-size: 13px; margin: 15px 0px 6px 0px}
H5					{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; margin: 15px 0px 3px 0px; color: #FFFFCC}
H6					{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px}

P					{margin: 0px 0px 14px 0px}

/* LINKS */
A					{text-decoration: none; color: yellow}
A:hover				{text-decoration: underline; color: white}
.dark_link			{text-decoration: none; color: #231f20; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold}
.dark_link:hover	{text-decoration: none; color: white}

/* LISTS */
#column_a li, #column_b li, #column_c li, #column_e li
{list-style: url(../ra_images/li_arrow.gif) ; margin: 1px 0px 0px 0px; padding: 0px 0px 1px 0px;}
#column_a ul, #column_b ul, #column_c ul, #column_e ul
{padding: 5px 0px 15px 20px; margin: 0px}

/* FLOATS */
#header, #logo, #navigation, #navigation ul, #navigation li, #subnav, #subnav ul, #subnav li
#navigation a, #content, #column_a, #column_b, #column_c, #column_d, #column_e, 
#footer, #turbo, #sponsors, #foot, #username, #password, #login, #img_main
{float: left;}

#header blockquote, #footer	ul, #footer	li, #copyright, .right
{float: right;}

/* CONTAINER */
#container			{width: 950px; margin: 0 auto;}

/* HEADER */
#header				{background: url(../ra_images/back_header.gif) left no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 25px 0px;  line-height: 1px; width: inherit;}  /*  JH | 10/DEC/09 | ADDED: width: inherit; (for IE8) */
#logo				{margin: 20px 0px 0px 10px}
#header blockquote	{margin: 25px 0px 0px 0px; padding: 0px}

/* NAVIGATION */
#navigation			{width: 100%; background: #fff9c1; margin: 0px; padding: 0px; line-height: 0px; height: 27px}
#navigation	ul		{margin: 0px; padding: 0px}
#navigation	li		{margin: 0px; padding: 0px; list-style: none}
#navigation	img		{margin: 0px; padding: 0px}
#navigation a		{border: none; line-height: 0px}
#navigation	a:hover	{border: none; line-height: 0px}

#subnav				{width: 200px; margin: 20px 0px 0px 0px; padding: 0px; font-size: 11px;}
#subnav	ul			{margin: 0px; padding: 0px 0px 0px 0px; margin: 0px; list-style: none}
#subnav	li			{color: #ffffcc; list-style: none;}
#subnav a			{color: #ffffcc; border: none; text-decoration: none; display: block; margin: 0px 0px 2px 0px; padding: 2px 0px 2px 25px; 
					background: #097cae url(../ra_images/li_arrow.gif) 6px 0px no-repeat;}
#subnav	a:hover		{color: black; border: none;  text-decoration: none; display: block; margin: 0px 0px 2px 0px; padding: 2px 0px 2px 25px; list-style: none; 
					background: white url(../ra_images/li_arrow_white.gif) 6px 4px no-repeat;}
#subnav .on			{color: #0074a6; margin: 0px 0px 2px 0px; padding: 2px 0px 2px 25px; font-weight: bold; display: block; 
					background: #fff9c1 url(../ra_images/li_arrow_yellow.gif) 6px 4px no-repeat;}

/* CONTENT */
#content			{background: url(../ra_images/back_content.gif) 10px 0px no-repeat; padding: 0px 0px 0px 0px; margin: 0px 15px 0px 30px; width: inherit;}  /* JH | 26/NOV/09 | fix for layout IE */
#title				{padding: 0px 0px 25px 0px; display: block}

/* HOME CELLS */
#column_a			{width: 320px; margin: 35px 0px 0px 10px; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; 
					font-size: 12px; border-right: 1px solid #48afe4; padding: 0px 30px 5px 0px; line-height: 16px}
#column_b			{width: 30px; margin: 35px 0px 0px 30px;}
#column_c			{width: 320px; margin: 35px 0px 0px 0px;}
#column_f			{width: 30px; margin: 35px 0px 0px 30px;}
#clientlogin		{color: #FFFFFF; font-size: 11px;}
#clientlogin FORM	{margin: 0px}
#username 			{margin: 10px 0px 0px 0px}
#username input		{width: 130px; margin: 4px 0px 0px 0px; font-size: 11px}
#username label		{font-weight: bold;}
#password 			{padding: 10px 0px 0px 10px;}
#password input		{width: 130px; margin: 4px 0px 4px 0px; font-size: 11px;}
#password label		{font-weight: bold; width: 100%;}
#password A			{padding: 0px 0px 0px 29px}
#login				{margin: 28px 0px 0px 10px}

#workflow			{margin: 40px 0px 0px 0px}
#accordion			{margin: 16px 0px 0px 0px}
#accordion li		{list-style: url(../ra_images/li_arrow_acc.gif); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; color: white}
#accordion ul		{padding: 3px 0px 15px 20px; margin: 0px}
.wmt_number			{font-size: 9px; font-family: Georgia, "Times New Roman", Times, serif; padding: 1px 10px 3px 7px; margin: 0px 0px 0px 0px; color: #333333; 
					line-height: 0px; font-weight: normal; vertical-align: middle}
#wmt_advertise		{font-size: 14px; margin: 3px 10px 3px 0px; background: url(../ra_images/wmt_dot_off.gif) no-repeat; display: block; padding: 0px 0px 3px 0px; 
					color: #FFCCCC; font-weight: bold; cursor: pointer; line-height: 16px}
#wmt_source			{font-size: 14px; margin: 3px 10px 3px 0px; background: url(../ra_images/wmt_dot_off.gif) no-repeat; display: block; padding: 0px 0px 3px 0px;
					color: #FFCCCC; font-weight: bold; cursor: pointer; line-height: 16px}
#wmt_review			{font-size: 14px; margin: 3px 10px 3px 0px; background: url(../ra_images/wmt_dot_off.gif) no-repeat; display: block; padding: 0px 0px 3px 0px; 
					color: #FFCCCC; font-weight: bold; cursor: pointer; line-height: 16px}
#wmt_shortlist		{font-size: 14px; margin: 3px 10px 3px 0px; background: url(../ra_images/wmt_dot_off.gif) no-repeat; display: block; padding: 0px 0px 3px 0px; 
					color: #FFCCCC; font-weight: bold; cursor: pointer; line-height: 16px}
#wmt_placement		{font-size: 14px; margin: 3px 10px 3px 0px; background: url(../ra_images/wmt_dot_off.gif) no-repeat; display: block; padding: 0px 0px 3px 0px; 
					color: #FFCCCC; font-weight: bold; cursor: pointer; line-height: 16px}
#wmt_outcome		{font-size: 14px; margin: 3px 10px 3px 0px; display: block; padding: 0px 0px 3px 0px; color: #231f20; font-weight: bold; cursor: pointer}

#img_main			{margin: 30px 0px 0px 0px; font-size: 10px; color: #ffffcc}
#img_main blockquote{margin: 5px 0px 0px 0px}

/* CONTENT CELLS */
#column_d			{width: 245px; margin: 10px 0px 0px 10px}
#column_e			{width: 680px; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 12px; margin: 10px 0px 0px 0px; line-height: 16px}
#content_title		{padding: 0px 0px 10px 0px; display: block}
#arrow				{float: right; margin: 3px 30px 0px 0px}

.dark_bold			{font-weight: bold; color: #231f20;}
#line				{border-bottom: 1px solid #48afe4; margin: 10px 0px 10px 0px}

/* FOOTER */
#footer				{margin: 30px 0px 0px 10px; padding: 0px;}
#sponsors			{background: #FFFFFF; width:100%;}	/* JH | 26/NOV/09 | spacing FF */

#img_content		{margin: 20px 0px 0px 0px}

#kelly, #slade, #manpower, #talent2, #tlogo, #ipa, #Olivier, #hostec
{margin: 0px 8px 0px 0px; vertical-align: middle}

#ebrands, #copy
{margin: 0px 0px 0px 13px; vertical-align: middle}

#foot				{background: #0074a6; width:100%;} /* JH | 26/NOV/09 | spacing FF */
#foot ul			{margin: 0px; padding: 0px;}	
#foot li			{margin: 0px 5px 3px 10px; list-style: none;}
#foot a				{font-size: 10px; text-decoration: none; color: yellow}
#foot a:hover		{color: white}

/* Added felix tjandrawibawa 15/02/2008 */
.blackText{
	color: #000;
}
em{color:#000}

#subscribe		{color: #FFFFFF; font-size: 11px;float:left;}
#subscribe FORM	{margin: 0px}
#subscribe input		{width: 130px; margin: 4px 0px 0px 0px; font-size: 11px}
#subscribe label		{font-weight: bold;}
#subscribe_table {
	border:solid 1px #fff;
}
#subscribe_table tr.header td{
	font-weight:bold;
	background-color:#0074A6;
}
#subscribe_table td{
	padding:5px;
	background-color:#3EA3E0;
}

.testimonial_body{
	background-color:#fff;
	color:#000;
}
#demo_table tr td{
	vertical-align:top;
	/* felix added */
	font-size: 12px;
	color: #fff;
}

* {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

/*  Beginning added by Jafeth 16/06/09 */

#breadcrumb-login_user {
}
/*_ The breadcrumb style 
===================================== */

#breadcrumb{
	float:left;
}
#breadcrumb ul{
    background:url("../images/bg-breadcrumb-left.gif") no-repeat top left;
    padding-left:7px;
    height:23px;
}
#breadcrumb li{
	height:23px;
	float:left;
	list-style:none;
}
#breadcrumb li a{
	height:23px;
	display:block;
	float:left; /* for the benefit of IE */
	padding:0 17px 0 5px;
	line-height:23px;
    background:url("../images/bg-breadcrumb-separator.gif") no-repeat top right; 
    color:#545454;
	/*font-size:0.85em;*/
    text-decoration:none;
	letter-spacing:0.02em;
}
#breadcrumb li a.active{
    background:url("../images/bg-breadcrumb-active.gif") no-repeat top right; 
}
#nav_login_user{
	float:right;
}
#nav_login_user a, #nav_link a{
    color:#545454;
    text-decoration:none;
}

table.heading{
	margin: 15px 0 20px 0;
	border-top:1px solid #B2B2B2;
	border-bottom:1px solid #B2B2B2;
	border-left:1px solid #B2B2B2;
}
table.heading td{
	background-color:#FEFEFE;
	padding: 5px 2px 5px 2px;
}
table.heading td.label{
	font-weight:bold;
}
table.heading td.field{
	padding: 5px 20px 5px 5px; 
	border-right:1px solid #B2B2B2;
}
/*  End added by Jafeth 16/06/09 */

/* Added by Xiaofeng Liu 07/05/2008 */
#nav_democenter {
	margin: 5px 5px 15px 10px;
}
/* Added by Thomas Liu 07/04/2009 */
#nav-menu				{float: left;}
#nav-menu ul			{margin: 0px; padding: 0px;float: left;}
#nav-menu li			{margin: 0px 0px 0px 10px; list-style: none;float: left;}
/*#nav-menu a				{font-size: 10px; text-decoration: none; color: yellow;float: left;}*/
#nav-menu a:hover		{color: white;float: left;}
#nav-menu li a
{
background: #fff9c1;

line-height: 27px;	/* JH 26/nov/09 | fix menu height */
float: left;
margin-left:1px;
display: block;
border: 0em solid #fff9c1;
color: black;
font-size: 11px;
text-decoration: none;
text-align: left;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;font-weight:900;
}
#nav-menu li a:hover	{color:#0074a6;background-color:#fff;font-size: 11px;}
#nav-menu li#on a {color:#0074a6;font-size: 11px; font-weight:bolder;}