/*-------------------------------------
Site:				
Author:   Yokey.wu			
Version:  	1.0		
Default Colour:		
Description: 	power by red8studios	
------------------------------------- */

/*Global style
----------------------------*/
html,body {height:100%; width:100%; min-height:100%; background:#f8f8f9;}
body,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,blockquote,img,h1,h2,h3,h4,h4,h5 {margin:0;padding:0;}
fieldset,img {border:0; outline:none;}
img, div, a.btnstill, a.btnstill:hover, a.btnselected { behavior:url(scripts/iepngfix.htc);}
.fl {float:left;}
.fr {float:right;}
.cl {clear:both;}
ol,ul,dl {list-style:none;}
body {font:12px/120% "Corbel",Arial, Helvetica, sans-serif; color:#333;}
img.bd_bottom { clear:both; vertical-align:bottom;}
input,select,textarea
{
font-family:"Corbel",Arial, Helvetica, sans-serif; font-size:12px; line-height:21px;}

/*Link style
----------------------------*/
a{ outline:none;}
a:link,a:visited { color:#39c;}
a:hover,a:active { color:#f90; text-decoration:none;}
a.icon1 { background:url(../images/icon_arrow01.gif) 0 50% no-repeat; padding-left:10px; margin:15px 0 0; display:block; font:bold 14px "Corbel",Arial; text-decoration:none;}


/* Font Style
-----------------------------*/
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}



/*Header
-----------------------------*/
#header {height:130px;}
#header .login_box{height:130px; width:1000px; position:relative; margin:0 auto;}
#header .login_box #login { position:absolute; right:40px; bottom:50px;}
#logo { float: left; margin:12px 0 0 85px; }
#nav{ height:36px; position:absolute; top:90px; left:0; width:100%; background:#ff8109; border-bottom:solid 4px #e9e3d6; }
.nav_box{width:1000px; margin:0 auto;}
#nav ul{ margin-left:74px;}
#nav li{ float:left;padding-right:1px; background:url(../images/line_nav.gif) 100% no-repeat;}
#nav li.none {background:none;}
#nav a { font:bold 12px/36px "Corbel",Arial; color:#fff; text-decoration:none; text-transform:uppercase; display:block; padding:0 11px;}
#nav a:hover, #nav a.current { background:#ffb438;}



/*Content
-----------------------------*/
#main { width:1000px; margin:0 auto; background:#f8f8f9;}
#content { width:922px; margin:20px auto; background:#FFFFFF; border:1px solid #e5e5e6; padding:5px;}
#nobgcontent { width:922px; margin:20px auto; overflow:hidden;}
#content_left{margin:0 auto; background:#FFFFFF; border:1px solid #e5e5e6; padding:5px; width:529px; float:left;}
#content_right{margin:0 auto; background:#FFFFFF; border:1px solid #e5e5e6; padding:5px; width:350px; float:right;}
#content .inner{ width:902px; overflow:hidden; padding:15px;}

#leftside {width:636px; float:left;} 
#rightside { width:268px; float:right;}
#rightside {}
#rightside .boxes { background:url(../images/bd_268_content.jpg) 50% 100%; width:268px; padding-bottom:15px; margin-bottom:10px;}
#rightside .boxes h1 { background:url(../images/bd_268_top.jpg) 50% no-repeat; font:bold 16px/45px "Corbel",Arial; padding-left:20px; width:248px; height:46px;}
#rightside .boxes p { padding:0px 20px 5px; font-size:14px; margin:10px 0; line-height:120%;}
#rightside .boxes ul { list-style:inside  disc; padding:0 30px;}
#rightside .boxes li  { padding-bottom:5px;}
#rightside .boxes_white {background:url(../images/bd_268_content.jpg) 50% 100%; width:268px; padding-bottom:15px; margin-bottom:10px;}
#rightside .boxes_white span.top{ background:url(../images/bd_268_top_white.jpg) no-repeat; height:11px; widows:268px; display:block;}
#rightside .boxes_white p { padding:0px 20px 5px; font-size:14px; margin:10px 0; line-height:120%;}
#rightside .boxes_white {}
#rightside .boxes_white {}



/*Footer
-----------------------------*/
#footer { background:url(../images/bg_footer.jpg) 50% 0 no-repeat; text-align:center; padding:20px 0; color:#aaa;}
#footer a { text-decoration:none; margin:0 10px;}
#footer p{ margin:5px 0;}




/*Home Layout
-----------------------------*/
#content #box_home_1_wrap{background:url(../images/bd_922_center.jpg) 50% repeat-y; margin-bottom:20px;}
#content #box_home_1 {background:url(../images/bd_922_top.jpg) 50% 0 no-repeat;}
#content #box_home_1 .left {width:385px; padding:55px 30px;}
#content #box_home_1 .right{ margin:20px 30px 0 0; display:inline;}
#content #box_home_1 h1 { font-size:29px; line-height:120%; margin-bottom:10px;}
#content #box_home_1 h2, #content #box_home_1 div.candidate_blurb { font-size:18px; line-height:120%; font-weight:normal; margin:20px 0px 0px 0px;}
#content #box_home_1 div.candidate_blurb ul {margin-top: 25px; list-style:inside disc; padding:0 0 0 20px;}
#content #box_home_1 div.candidate_blurb li {margin-bottom: 15px;}
#content #box_home_1 .btn {width:100%;}
#content #tips div {width:297px; height:340px; background:url(../images/bg_home_box.jpg) no-repeat; display:block; padding:5px; float:left;}
#content #tips div h1{ font:bold 17px/40px "Corbel",Arial; margin-left:20px;}
#content #tips img { float:left; margin:15px 10px;}
#content #tips p { float:right; font-size:14px; width:190px; margin:15px 10px 0 0; line-height:17px;}
#content #tips a { background:url(../images/icon_arrow01.gif) no-repeat; padding:0px 0px 0px 10px; margin:10px 0 0; display:block; font:14px "Corbel",Arial; text-decoration:none; font-weight:bold;}

/* Extending styles for jazzed up index page */
#content #box_home_1 .hp_right {
  margin: 40px 125px 40px 0;
}

#content #box_home_1 .hp_left {
  width: 530px;
}

#content #box_home_1 .hp_left h1 {
  margin-bottom: 30px;
}

#content #box_home_1 .hp_left h2 {
  font-size: 22px;
  line-height: 35px;
}

#content #box_home_1 .hp_left a {
  text-decoration: underline;
}

#content #box_home_1 .hp_left .link_arrow {
  color:#FF8109;
  padding-right: 4px;
}

.mtb50
{
margin:50px 0px;
}
#content_right h1
{
font-size:17px;
line-height:20px;
margin-bottom:10px;
}
#content_right h2
{
font-size:13px;
line-height:20px;
margin-bottom:0px;
font-weight:bold;
}
#zohoWebToLead
{
padding:0px;
margin:0px;
overflow:hidden;
}
.homecontent
{
width:645px;
overflow:hidden;
margin:35px auto 10px auto;
*margin:35px auto;
background:url(../images/logo_big.gif) no-repeat top center;
font-size:30px;
}
.homecontent p
{
line-height:38px;
}
.homecontent a, a:visited, a:active
{
text-decoration:none;
color:#3399ff;
}
.homecontent a:hover
{
text-decoration:underline;
color:#3399ff;
}
.homecontent .black
{
color:#000000;
}
.homecontent .leftcontent
{
width:160px;
overflow:hidden;
padding-top:80px;
*padding-top:100px;
text-align:center;
float:left;
}
.homecontent .rightcontent
{
width:160px;
overflow:hidden;
padding-top:20px;
*padding-top:50px;
text-align:center;
float:right;
}
.homecontent .bottomcontent
{
width:645px;
text-align:center;
padding-top:60px;
*padding-top:120px;
overflow:hidden;
}
.notfound
{
width:376px;
overflow:hidden;
margin:35px auto;
font-size:30px;
text-align:center;
}
.notfound p
{
line-height:38px;
}
.notfound a, a:visited, a:active
{
text-decoration:none;
color:#3399ff;
}
.notfound a:hover 
{
text-decoration:underline;
color:#3399ff;
}
.notfound .black
{
color:#000000;
}

/*Search page
-----------------------------*/
#searchmainouter
{
width:900px;
margin:20px auto 0px auto;
overflow:hidden;
}
#searchmainouter .gbdrouter
{
padding-bottom:25px;
border-bottom:1px solid #cccccc;
margin-bottom:13px;
}
#searchmainouter h2
{
font-size:14px;
font-weight:bold;
}
#searchmainouter h3
{
font-size:12px;
font-weight:bold;
margin-bottom:2px;
}
#searchmainouter p
{
padding:2px 0px;
line-height:19px;
margin:0px;
}
.searchformouter
{
width:524px;
overflow:hidden;
}
.searchformouter .labelouter
{
width:524px;
overflow:hidden;
margin:5px 0px;
}
.searchformouter .labelouter label
{
width:155px;
padding:4px 5px 0px 0px;
text-align:right;
float:left;
}
.btnstyle
{
background:#916439;
color:#FFFFFF;
border-top:2px solid #c7701d;
border-left:2px solid #c7701d;
border-bottom:2px solid #f0b175;
border-right:2px solid #f0b175;
height:25px;
padding:0px 8px;
*padding:0px 4px;
margin-top:5px;
outline:none;
}
/*Transparency builds trust
-----------------------------*/
.curve_outer
{
background:url(../images/curve_middle.gif) repeat-y top left;
width:922px;
overflow:hidden;
}
.curve_top
{
background:url(../images/curve_top.gif) no-repeat top left;
width:922px;
}
.curve_bottom
{
background:url(../images/curve_bottom.gif) no-repeat bottom left;
padding:20px 5px 70px 5px;
overflow:hidden;
}
html>body .curve_bottom
{
background:url(../images/curve_bottom.gif) no-repeat bottom left;
padding:20px 5px 70px 5px;
min-height:130px;
overflow:hidden;
}
.curve_outer h1
{
font-size:19px;
font-weight:normal;
color:#000000;
line-height:25px;
margin-bottom:10px;
}
.curve_outer .f25
{
font-size:31px;
margin:5px 0px;
}
.curve_outer .leftdiv
{
width:50%;
float:left;
}
.curve_outer .leftdiv ul
{
padding:0px;
margin:0px;
}
.curve_outer .leftdiv ul li
{
padding:0px;
margin:0px;
font-size:14px;
display:block;
line-height:21px;
margin:15px 0px;
background:url(../images/img_li.gif) no-repeat top left;
padding-left:12px;
font-weight:bold;
}
.curve_outer .rightdiv
{
width:45%;
float:right;
}
.curve_outer .rightdiv ul
{
padding:0px;
margin:0px;
}
.curve_outer .rightdiv ul li
{
padding:0px;
margin:0px;
font-size:14px;
line-height:21px;
display:block;
margin:15px 0px;
background:url(../images/img_li.gif) no-repeat top left;
padding-left:12px;
font-weight:bold;
}
.btnouter
{
width:750px;
height:39px;
position:relative;
overflow:hidden;
margin:0 auto;
}
a.btnstill
{
position:absolute;
width:259px;
height:27px;
text-align:center;
background:url(../images/btn_still.png) no-repeat top left;
padding-top:14px;
color:#ff8001;
font-size:14px;
font-weight:bold;
display:block;
text-decoration:none;
cursor:pointer;
outline:none;
}
a.btnstill:hover, a.btnselected
{
position:absolute;
width:259px;
height:27px;
text-align:center;
background:url(../images/btn_hover.png) no-repeat top left;
padding-top:14px;
color:#ff8001;
font-size:14px;
font-weight:bold;
display:block;
text-decoration:none;
}
.curveimg
{
text-align:center;
overflow:hidden;
margin:0 auto;
}
.contentdiv
{
width:700px;
overflow:hidden;
margin:0 auto 30px auto;
}
.contentdiv p
{
font-size:14px;
line-height:20px;
}
.steps
{
width:583px;
height:99px;
overflow:hidden;
margin:0 auto 0px auto;
padding:8px;
background:url(../images/bg_drivessteps.gif) no-repeat top left;
text-align:center;
color:#FFFFFF;
font-size:14px;
}
.steps ul
{
padding:0px;
margin:0px;
}
.steps ul li
{
display:block;
width:142px;
float:left;
line-height:19px;
}
.steps ul li u
{
width:auto;
padding:0px;
margin:0px;
height:5px;
line-height:25px;
font-weight:bold;
}
html>body .steps ul li u
{
width:auto;
display:block;
padding:0px;
margin:0px;
height:5px;
font-weight:bold;
}
.servicesbg
{
background:url(../images/bg_temps.gif) no-repeat top left;
padding:15px;
width:170px;
height:524px;
float:left;
}
.mtop30
{
margin-top:30px;
}
.servicesbg h1
{
color:#ff8001;
padding:0px;
margin:0px;
font-size:15px;
font-weight:bold;
}
.servicesbg ul
{
padding:0px;
margin:25px 0px 0px 0px;
}
.servicesbg ul li
{
list-style:none;
display:block;
margin:10px 0px;
text-align:left;
}
.clr
{
clear:both;
}
/*Terms & Privacy Layout
-----------------------------*/
#terms {font-size:13px; line-height:120%;}
#info {padding:20px 40px 0px 40px;}
#terms h1 { font:bold 30px/110% "Corbel",Arial; margin:10px 0 20px;}
#terms h2 { font:normal 18px/120% "Corbel",Arial; margin-bottom:20px;}
#terms li { list-style-type:disc; margin-left:20px; margin-bottom:1px;}
#terms ul { margin-bottom:5px;}
#terms a { text-decoration:none; font-size:12px;}
#terms p.right  a{ margin-left:450px;}

/* Candidate page */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

#process_box {
    width: 434px; 
    min-height: 348px; 
    background: url(/images/gray_gradient_bg.gif) repeat-x 0 0;
    text-align: center;
    border: 1px solid #d7d7d7;
    position: relative;
    zoom: 1;    
}

#process_box h3 {
    font-size: 19px;
    margin: 25px 0 30px 0;
}

.process_row {
    display: block;
    margin-bottom: 20px;
    padding-left: 25px;
    font-size: 21px;
}

.process_row div {
    padding-top: 10px;
    float: left;
}

.process_button {
    background: #FF8109 url(/images/orange_button_gradient.gif) no-repeat center; 
    width: 270px;
    padding: 10px; 
    margin-right: 20px;
    text-align: center;
    position: relative;
    zoom: 1;
}

.rounded-corners {
/* Supposed to work in IE. Doesn't really. */
/*    behavior: url(/scripts/border-radius.htc);*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#process_info_link {
    text-align: right;
    margin-right: 20px;
    font-size: 18px;
    padding-top:15px;
}

#content #tips.candidate_tips p, #content #tips.candidate_tips ul {
    float: none;
    font-size: 16px;
    line-height: 19px;
    margin-left: 25px;
    margin-right: 25px;
    width: auto;
}

#content #tips.candidate_tips ul {
    list-style: disc outside none;
    margin-top: 10px;
    padding-left: 25px;
}

#content #tips.candidate_tips li {
    margin-bottom: 7px;
}

#search_link {
    background: #FF8109 url(/images/orange_button_gradient.gif) repeat-y 50%;  
    font-size: 21px;
    padding: 15px;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    width: 635px;
    margin: 20px auto;
}

#search_link a {
    color: #000;
}

#search_link a:hover {
    text-decoration: underline;
}

#associate_logos {
    margin: 45px 0 20px 0;
}

#associate_logos a {
    margin-right: 30px;
}


/* Candidate process page */

#content .box_process {
    text-align: center;
}

#content .box_process h1 {
    padding-top: 30px;
}

#process_bubble_box {
    margin: 35px 0px 25px 90px;
}

#process_bubble_box .process_bubbles {
    float: left;
    font-size: 19px;
}

#process_bubble_left {
    margin-right: 50px;
}

.process_blob_title {
    background: #FF8109 url(/images/orange_button_gradient.gif) repeat-y 50%;
    padding: 15px;
    text-align: center;
    width: 230px;
    position: relative;
    zoom: 1;
}

.process_blob_info {
    background: url(/images/gray_gradient_bg.gif) repeat-x 0 0;
    padding: 15px;
    text-align: center;
    border: 1px solid #d7d7d7;
    width: 400px;
    line-height: 23px;
    margin-bottom: 50px;
    position: relative;
    zoom: 1;
}

.process_down_arrow {
    background: transparent url(/images/arrow_down_gray.png) no-repeat 0 0;
    width: 100px;
    height: 80px;
    margin: 40px 0 40px 75px;
    padding: 0;
    zoom: 1;
}

#process_blob_info_1 {
    margin-bottom: 107px;
}

#process_blob_info_2 {
    margin-bottom: 85px;
}

#process_blob_info_3 {
    margin-bottom: 60px;
}