body{	
	background: url('../images/bg.png') repeat-x;
	font-size: 12px;
	font-family: helvetica, arial;
}



#header {
	margin-top: 8px;
	position: relative; 
	height: 180px;
	background: no-repeat center 13px;
	margin-bottom: 35px;
}
 

#logo{
	padding-top: 13px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 248px;

}

#login_tab{
	position: relative;
	background: white;
	float: right;
	padding: 11px 5px 7px 5px;
	top:-10px;

}

/* HOME PAGE */
.role_count{
	color: #bbb;
}
.team_box{
	color: #666666;
	height: 111px;
	width: 205px;
	float: right;
	background: url('../images/team_box.png') no-repeat;
	padding: 46px 4px 0px 18px;
	font-size: 14px;
	line-height: 16px;
	}

.role_box{
		background: url('../images/role_bg.png') no-repeat 210px 10px;
}

.role_list{
	position: relative;
	margin-top: 10px;
}

.role_list li{
	color: #666666;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	position: relative;
	padding-bottom: 2px;
}



.hspace{
	color:#2f2f2f;
	margin: 25px 0 18px 0;
}

#video_homepage{
	border: 1px #37caf5 solid;
	padding: 1px;
	width: 414px;
	height: 233px;
	margin-bottom: 50px;
}

#checkbox{
	background: url('../images/checkbox.png') no-repeat;
	width:367px;
	height:179px;
}


#index_whymatch{
	margin-top: 20px;
	position: absolute;
	top: 500px;
	left: 0px;
	width: 100%;
	background: url('../images/bg_home.png') repeat-x;	
}

#homePage{
	height: 200px;
	
}

/*FIND PAGE*/
.mbk_box{
	width: 174px;
}

.mbkform {
	position:relative;	
}

.num_block{
	background: url('../images/num_block.png') no-repeat left top;
	height: 31px;
	padding: 6px 0 0 9px;
	display: block;
	clear: both;
	color: #47382c;
	
}

.hr_bar {
	background: url('../images/hr_bar.png') repeat-x;
	height: 14px;
	margin: 10px 0 25px -10px;
	
}
.hr_dots {
	margin: 20px 0 20px 0;
	background: url('../images/hr_dots.png') no-repeat;
	height: 4px;	
}

.hr_dots_dark {
	margin: 18px 0 20px 0;
	background: url('../images/hr_dots_dark.png') no-repeat;
	height: 4px;	
}

.hr_thin {
	margin: 18px 0 20px 0;
	background: url('../images/hr_thin.png') no-repeat;
	height: 3px;	
}

.hr_dots_vert{
	width: 3px;
	height: 95px;
	float: left;
	background: url('../images/hr_dots_vert.png') repeat-y;
}

.hr_thin_vert{
	width: 3px;
	height: 20px;
	float: left;
	background: url('../images/hr_thin_vert.png') no-repeat;
}

.hr_white{
	position: relative;
	margin: 18px 0 18px 0;
	width: 306px;
	height: 3px;
	float: left;
	background: url('../images/hr_white.png') no-repeat;
}


#role select{
	position: relative;
	margin-top: 13px;
}


#role{
	position: relative;
	color: #666666;
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	margin: 0 0 20px -10px;
	
	}

#bg_role{
	background: url('../images/bg_role_top.png') no-repeat;
	padding: 4px 0 0 15px;
		
}
#bg_role_bottom{
	background: url('../images/bg_role_bottom.png') no-repeat bottom;
	height: 30px;	
}

#skills{
	color: #666666;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	background: url('../images/bg_skills.png') no-repeat ;
	padding-left: 10px;
	
}

#skills h2{
	position: relative;
	margin-bottom: 8px;	
}

#skills li{

	width: 210px;
	float: left;
	
}


#budget li{
	position: relative;
	color: #666666;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	margin-left: -5px;
	padding-left: -5px;
}


#price {
			
}

#budget{
	
}

#prehour{
	padding-top: 10px;
	font-size: 14px;
}

#hourly{
	padding: 15px;
	}
	
#hourly_rate_print {
margin: 10px 0 0 20px;
}
#hourly_rate_slider{
	width: 300px; 
	margin: 20px 0 0 20px;
}

#additional{
	color: #47382c;
	line-height: 35px;
	font-size: 14px;
}

#additional select{
	margin-left: 10px;
}


#client{
	color: #47382c;
	font-size: 14px;
	line-height: 30px;
}

#client .tall {
	height: 50px;
}

#client_tips{
	font-size: 12px;
	line-height: 14px;
	/*padding-left: 15px;
	border-left: 1px solid #efefef;*/
}

.light{
	color: gray;
}

.tip{
	font-size: 14px;
	line-height: 18px;
}

/*FINDING ERROS*/
.mbk-errors{
	color: #333;
	width: 590px;
		
	position: relative;
	/*
	padding: 10px 0 10px 85px ; 
	margin-bottom: 25px;
	*/
	padding-left: 85px;
	background: #fffb80 url('../images/notice.png') no-repeat 15px 50%;
}

.mbk-errors p {
	padding: 25px 0 25px 85px ; 
	margin-bottom: 25px;
}

.mbk-hl { background-color: #fffb80; }

#mbk_new_profile_msg {
  padding: 5px 20px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  color: #333;
  width: 100%;
  background-color: #fffb80;
}

#mbk_new_profile_msg div {
  padding: 0 0;
  line-height: 1.25;
  font-size: 14px;
}

#mbk_new_profile_msg h2 {
  padding-left: 60px;
  line-height: 50px;
  background: #fffb80 url('../images/notice.png') no-repeat 0px 50%;
}


/*MATCH BOX*/
#matchbox_wrapper {
  position:absolute;
  left:676px;
}

#match_results{
	position: relative;
	margin-top: 10px;
	font-size: 18px;
	color: #444;
}

#matchbox {
position: fixed;
top:0;
margin-top: 245px;
/*left: 915px;*/
width: 225px;
}


#matchbox_bg{
padding: 5px 10px 0 15px;
height:79px;
background: url('../images/bg_matchs_top.png') no-repeat;
}

#matchbox_bg_bottom{
width: 225px;
min-height: 60px;
	background: url('../images/bg_matchs_bottom.png') no-repeat bottom;
}

#matchbox_scrolldown{
width:225px;
min-height:100px;
	background: url('../images/matchbox_top.gif') no-repeat bottom;
}

#match_num {
position: fixed; 
top: 250px; 
right: 130px; 	
}

#viewbox {
	position:absolute;
	bottom:-330px;
	left:678px;
}

#match_view {
	background: url("../images/matchbox_bottom.gif") no-repeat;
}

/*#view_matches*/
#match_view input[type="image"] {
margin: 28px 0 0 43px;

  display: block;
  width: 137px;
  height: 33px;
  background: url("../images/btn_view_matches.png") no-repeat 0 -35px;


}

#view_matches:hover{

    background-position: 0 0px;


}



/*UI over ride*/
a.ui-slider-handle.ui-state-default.ui-corner-all{
	background: url(../images/ui-handle.png) no-repeat;
}

div#hourly_rate_slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all{
	background: url(../images/ui-slider_bg.png);
}







/* TABS */
#nav_tabs{
	position: absolute;
	float: left; 
	bottom: 3px;
	height: 44px;
}

#nav_sub{
	position: absolute; 
	bottom: 0;
	right: 0;
	float: right;	
	height: 52px;
}

.bar{
	position: relative;
	top: 9px;	
}

/*TAB BUTTONS*/
#tab_find
{
  float: left;
  display: block;
  width: 141px;
  height: 44px;
  background: url("../images/tab_find.png") no-repeat 0 -44px;
  margin-right: 10px;

}

#tab_find:hover
{ 
  background-position: 0 -88px;
}

#tab_find span
{
  display: none;
}



#tab_pro
{
  display: block;
  float: left;
  width: 141px;
  height: 44px;
  background: url("../images/tab_pro.png") no-repeat 0 -44px;

}

#tab_pro:hover
{ 
  background-position: 0 -88px;
}

#tab_pro span
{
  display: none;
}





#btn_edit_profile
{
  float: left;
  display: block;
  width: 100px;
  height: 30px;
  background: url("../images/btn_edit_profile.png") no-repeat 0 0;
  margin-right: 10px;

}

#btn_edit_profile:hover
{ 
  background-position: 0 -30px;
}

#btn_edit_profile span
{
  display: none;
}
/*MATCHE RESULTS PAGE*/



#match_recap{
	position: relative;
	color: #666666;
	font-size: 14px;
	font-weight: normal;
	margin: 20px 0 20px -10px;
}

#bg_match_recap{
	background: url('../images/bg_match_list.png') no-repeat;
	padding: 4px 0 0 15px;		
}

#match_recap h2{
	font-weight: normal;
	margin-bottom: 8px;
}

#recap_bottom_box {
	background: url('../images/recap_bottom_box.png') no-repeat;
	padding: 20px 0 0 20px;
	margin: 4px 0 0 0;
	width:209px ;
	height: 88px;
}

#recap_back{
	background: url('../images/btn_edit_selections.png') no-repeat;
	width: 147px;
	height: 20px;
	 float: left;
  display: block;
  	margin-top: 3px;
}

#recap_back:hover
{ 
  background-position: 0 -20px;
}

#recap_back span
{
  display: none;
}

#match_list{
	margin: 25px 0 0 0;
	padding-left: 10px;	
}


/*MATCH REUSLTS LIST*/


#btn_view_profile
{
  float: right;
  display: block;
  width: 99px;
  height: 31px;
  background: url("../images/btn_view_profile.png") no-repeat 0 0;
  margin-right: 10px;

}

#btn_view_profile:hover
{ 
  background-position: 0 -31px;
}

#btn_view_profile span
{
  display: none;
}


#match_list li{
	height: 90px;
	padding: 0px 0 20px 0px;
	color: #666666;
	font-size: 14px;
	line-height: 20px;
}

#match_list h2 {
float: left;
margin: 10px 0 3px 12px;
width:50%;
}
/*#match_list h2 a {
  margin-left: 10px;
}*/

.member_pic{
float: left;
}



#preview_col1{
float: left;
width: 260px;
	
}

#preview_col2{
margin-top: 10px;
float: left;
width: 110px;
padding: 0 12px 0 12px;

}

#preview_col2 .light{
	margin-top: 7px;
	color: #bcbcbc;
	font-size: 13px;
}

#preview_col3{
padding: 0 12px 0 12px;
margin-top: 10px;
float: left;
width: 230px;
}

#preview_col3_inside{
	width: 100px;
	float: left;
}


#preview_col3 .light{
	margin-top: 7px;
	color: #bcbcbc;
	font-size: 14px;

}

.icon_mac{
	margin-left: 10px;
}

/*ABOUT*/
.lightabout{
	position: relative;
	color: #666;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 37px;
	margin-top: -10px;
	width: 625px;
}
.abouth1 {
	position: relative;
	margin-top: 0px;
	font-size: 30px;
}
.steps p{
	font-size: 14px;
	color: #47382c;
}

.step_content{
	float: left;
	width: 450px;
	margin: -15px 0 0 30px;
	font-size: 14px;
	line-height: 16px;
}

.step_content p{

	width: 355px;
	margin: -20px 0 0 40px;

}

#map{
	background: url('../images/map.jpg') no-repeat;
	width: 225px;
	height: 263px ;
}

#map p{
	font-size: 14px;
	line-height: 18px;
	position: relative;

	padding: 176px 15px 0 20px;
	
}

#about_info{
	position: relative;
	margin-top: 10px;
	padding: 15px 25px 0 17px;
	background: url('../images/bg_about_info.png') no-repeat;
	width: 225px;
	height: 341px;
	color: #47382c;
}

#about_info_content {
	width: 198px;
	font-size: 14px;
	line-height: 18px;
}

#about_info .infoh2{
position: relative;
margin-top: 0px;
	
}

#about_info .contacth2{
position: relative;
margin-top: 20px;
	
}

#aboutcontent{
	margin-bottom: 50px;
}

/*JOIN*/



#joinform{
	font-size: 14px;
	color: #47382c;
	margin-top: -20px;
}

#joinform li{
line-height: 35px;
	position: relative;
	margin: 14px 0 4px 0;
	
}

.joinlight{
	position: relative;
	color: #666;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 37px;
	margin-top: -10px;
	width: 625px;
}
.joinh1, .proh1 {
	position: relative;
	margin-top: 0px;
	font-size: 30px;
}

#vert_map_holder{
	width: 400px;
	position: relative;
	float: left;
}

#map_vert{float: left;
	position: relative;
	background: url('../images/map_vert.png') no-repeat;
	width: 410px;
	height: 208px;
	padding: 25px 0 0 15px;
}

#map_vert h2{
	position: relative;
	margin-top: -10px;
}

#map_vert p{
width: 196px;
font-size: 14px;
line-height: 16px;
}



/*DIRECTORY*/
#directory_list{
	margin-top: 7px;
	color: #bcbcbc;
	font-size: 14px;
	width: 654px;	
}

#directory_list li{
	height: 80px;
	padding: 0px 0px 5px 0px;
	color: #666666;
	font-size: 14px;
	line-height: 20px;
}

.directory_h2{
	margin:-5px 0 10px 0;
	font-size: 18px;
	color: #666;
	width: 539px;
	font-weight: normal;
	line-height: 24px;
} 
#directory_col1 {
	float: left;
width: 280px;
}

#directory_col2 {
	margin-top: 7px;
	color: #bcbcbc;
	font-size: 13px;
	width: 147px;
	float: left;
	padding-left: 12px;
}

.directory_col_skill{
	padding: 0 26px 0 26px;
margin-top: 10px;
float: left;
width: 12px;
height: 80px;
}



#directory_list h2{
float: left;
margin: 10px 0 3px 12px;
width:180px;
}

#directory_titles {
	color: #222222;
	border-bottom: 1px solid #888888;
	height: 20px;
	font-size: 11px;
	padding-top: 10px;
}

#title_col1{
	position: relative;
	float: left;
	width: 440px;		
} 

.title_col_skill{
	position: relative;
	float: left;
	width: 55px;
	padding-left: 10px;
}

/* UPSELLS SIDE BAR*/

#box_strike {
height: 110px;
background: url('../images/box_strike.png') no-repeat;	
margin-bottom: -60px;
padding: 75px 15px 0 15px;
}

#box_join{
height: 141px;
background: url('../images/box_join_upsell.png') no-repeat;	
font-size: 14px;
line-height: 18px;
padding: 25px 15px 0 15px;
}

#box_join p{
	width: 200px;
}

/*buttons ---------- */
#btn_upsell_find{
  float: left;
  display: block;
  width: 185px;
  height: 20px;
  background: url("../images/btn_findmatch.png") no-repeat;
  margin-right: 10px;
}

#btn_upsell_find:hover
{ 
  background-position: 0 -21px;
}

#btn_upsell_find span
{
  display: none;
}

#btn_upsell_join{
  float: left;
  display: block;
  width: 174px;
  height: 20px;
  background: url("../images/btn_request.png") no-repeat 0 0;
  margin-right: 10px;

}


#btn_upsell_join:hover
{ 
  background-position: 0 -21M<px;
}

#btn_upsell_join span
{
  display: none;
}



/*PROFILE PAGE*/
#profile{

}
#profile h1{
	position: relative;
	font-size: 30px;
	margin: 0 0 0 6px;

}

#photo_status{

}



#status{
	background: url('../images/bg_status_top.png') no-repeat;
	line-height: 18px;
	color: #666666;
	margin-top: 10px;
	padding: 20px 20px 2px 10px ;

}


#status_bg{
	background: url('../images/bg_status_bottom.png') no-repeat bottom left;
	line-height: 18px;
	height: 10px;
}

.profile_name{
	position: relative;
	float: left;
	width: 160px;
	margin-left: 10px;
}

.profile_icon{
	position: relative;
	float: left;	
	width: 60px;
	margin: 5px 0 0 8px;
}


.loc{
	position: relative;
	margin: 0 0 0 8px;
	color: #666;
	font-size: 14px;
	
}

.profile_roles{
	position: relative;
	font-size: 14px;
	line-height: 23px;
	color: #666;
	margin-left: 6px;
	margin-top: -8px;
	
}
.profile_roles li{
	
	list-style: disc inside url('../images/dot.png');
}

#profile_skills .hr_dots, #user_vibe .hr_dots {
		position: relative;
		margin-left: -10px;
}

#user_vibe{
	font-size: 14px;
	line-height: 23px;
	color: #666;
}

#user_vibe li{
	list-style: inside disc;
}


#profile_skills{
	
	font-size: 14px;
	line-height: 23px;
	color: #444444;
	
}

#profile_skills li{
	
		list-style: disc inside url('../images/dot.png');
  text-indent: -17px; padding-left: 17px;
}


/*PROFILE CONTACT FORM*/
#contact_form_pro{
	padding: 15px 20px 0 16px;
	line-height: 30px;
}

#contact_form_pro textarea{
	height: 100px;
	border: 1px solid gray;
	overflow: hidden;
}

/*SIDE BOX*/
#side_box{
	position: relative;
	background: url('../images/bg_side_top.png') no-repeat;
	
	font-size: 14px;
	line-height: 25px;
	
	}

#side_box_bg{
		background: url('../images/bg_side_bottom.png') no-repeat bottom left;
		height: 20px;
	}
	
#side_box li{
	margin-bottom: 6px;
}

.btn_send{	
	position: relative;
	margin-left: 80px;

}	

#side_box #recaptcha_image{
	position: relative;
	margin-bottom: 10px;
}

/* login */
#login_box{
	height: 180px;
	padding: 8px 0 0 22px;
	background: url(../images/bg_login.png) no-repeat;
}

#btn_login_box{
	padding:  55px 0 0 30px;

}

/*MATCHBOOK PRO*/
#pro_form{
	font-size: 14px;
	line-height: 23px;	
}

#pro_form h2 {
	color: #555;
}

#pro_panel{
	height: 386px;
	width: 400px;
	padding-top: 277px;
	padding-left: 50px;
	font-size: 14px;
	line-height: 15px;
	background: url(../images/pro.jpg) no-repeat;
}

/*PROFILE*/
.rolesh2{
	position: relative;
	margin: -5px 0 0 0;
}

.side_edit_box{
	position: relative;
	margin-bottom: 20px;
}

.edit_form li{
width: 300px;
	
}

#btn_cancel{
	background: url('../images/btn_cencel.png') no-repeat top left;
	width: 98px;
	display: block;
	height:29px;
	position: relative;
	float: right;
}

/*FOOTER*/
#fake_footer{
	color: #666666;
	margin-bottom: 30px;
	display: block;
}



#footer{
	position:relative;
	bottom:0;
	width: 100%;
	height: 187px;
	background: url('../images/bg_footer.png') repeat-x bottom;
	color: #666666;
}

#footer_center{

}

#footer_content{
	position: relative;
	margin-top:120px;
	height: 30px;

}

#footer_img{
	position: relative;
	width: 225px;
	height: 187px;
	background: url('../images/footer_img.png') no-repeat;
}


#footer a:link, #footer a:visited, #fake_footer a:link, #fake_footer a:visited{
	text-decoration: underline;
	color: #666;
}
#footer a:hover, #fake_footer a:hover {
	color: #666;
}

#disclamer {
	font-size: 12px;
	color: #666;
	position: relative;
	margin-top:40px;
	
}
#disclamer p {
	font-size: 12px;
	color: #666;
	}
/*LINKS*/

a:link, a:visited{
	color:#1eaed8;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


#nav_sub a:link, #nav_sub a:visited{
	color:#47382c;
	text-decoration: none;
}

#nav_sub a:hover {
	text-decoration: none;
	border-bottom: 2px solid #40c2f3;
	padding-bottom: 3px;
}

/* hover */
#tooltip {
	position: absolute;
	margin-top:-40px;
	z-index: 3000;
	border: 1px solid #333;
	background-color: #eee;
	padding: 5px;
	opacity: 0.80;
	line-height: 18px;
	width: 240px;
	padding: 10px;
}
#tooltip h3, #tooltip div { margin: 0; }


.container_8 {
    min-height:80%;
}