@charset "utf-8";
/* CSS Document */

/* top elements */
* { padding: 0px; margin: 0px; border: 0px; }

body{
	margin:0px; 
	padding:0px;
	background-image:url(../../images/page_bg.jpg); 
}
lable {margin:0; padding:0;}

a{
	font-family:tahoma; 
	font-size:11px; 
	color:#000000; 
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

#body_wrapper
{
	font-family:tahoma; 
	font-size:11px;
	width:810px; 
	color:#000000; 
	margin:auto;
	padding:0px; 
}

#container /*change left-right padding from 45px to 14px*/
{
	float:left;
	background: url(../../images/bg_right_image_red_black.gif) repeat-y right;
	background-color:#FFFFFF; 
	padding-top:10px;
	width:780px;
	padding-left:14px;	
	padding-right:15px;
	border-left:1px solid #C8020C;

}

#main_body{
	text-align: left;
	padding:0px;
	margin:0px;
	float:left;
	width:780px;
	clear: both;
	width:auto;
}

#mainbody-columns{ /*used*/
	padding: 0px;	
	font-size:11px;
	width:780px;
	float:left;
	margin-top:20px;
}

#leftpanel{ /*used*/
	width:162px; 
	float:left; 
	margin-right:10px; 
}

#thick-leftpanel{ /*used*/
	width:272px; 
	float:left; 
	margin-right:10px; 
}

#leftpanel ul li{list-style:none; padding-bottom:5px;} /*used*/

#rightpanel{ /*used*/
	width:606px;
	float:left;
}
#thin-rightpanel{ /*used*/
	width:490px;
	float:left;
}

form{
	margin:0px; 
	padding:0px;
}

input{
	border:1px solid #838383;
	background-color:#FFFFFF;
	font-family:tahoma; 
	font-size:11px; 
	color:#333333; 
	padding:1px 2px;
}
.contact-us-textarea{
	border:1px solid #838383;
	background-color:#FFFFFF;
	font-family:tahoma; 
	font-size:11px; 
	color:#333333; 
	padding:1px;
	width:188px;
	height:90px;
	overflow:auto; 
	overflow-x:hidden;
}
select {
	
	border:1px solid #838383;
	background-color:#FFFFFF;
	font-family:tahoma; 
	font-size:11px; 
	color:#333333;
	}

#nav { /*used*/
	clear: both;	
	padding: 0px; 
	width:606px;
	float:left;
}

#nav_left{ /*used*/
	background:url(../../images/nav_crv_tl.gif) no-repeat; 
	width:391px;
	float:left;
	height:57px;
	margin-left:1px;
}

#nav_left ul{ /*used*/
	float: left;
	list-style: none;
	width:392px;	
	padding: 0px;
	display: inline; 
	margin:21px 0px 0px 0px;
	text-align:left;
	padding: 0px 0px 0px 11px;
}

#nav_left ul li { /*used*/
	display: inline;
	margin: 0px; 
	padding: 0px 15px 0px 10px;

}

#nav_left a.loginlinks{ /*used*/
	font-family:tahoma; 
	font-size:11px; 
	color:#666666; 
	font-weight:bold; 
	text-decoration:none;
}

#nav_left a.loginlinks:hover{ /*used*/
	color:#C7020D; 
}

#nav_left .thePlaceForTrades {
	font-family:tahoma; 
	font-size:14px; 
	color:#9c9c9c; 
	font-weight:bold; 
	text-decoration:none;
	padding-right:24px;
	}

.buttons{ /*used*/
	border-left:1px solid #E01A1A;
	border-top:1px solid #E01A1A;
	border-right:1px solid #AA0000;
	border-bottom:1px solid #AA0000;
	background-color:#C7020D;
	font-family:tahoma; 
	font-size:11px; 
	font-weight:bold;
	color:#FFFFFF; 
	overflow:visible;
	margin:0px;
	text-transform:uppercase;
}
.smallButton
{
	border-left:0px solid #E01A1A;
	border-top:0px solid #E01A1A;
	border-right:0px solid #AA0000;
	border-bottom:0px solid #AA0000;
	background-color:#C7020D;
	font-family:tahoma; 
	font-size:10px; 
	font-weight:bold;
	color:#FFFFFF; 
	overflow:visible;
	padding:2px 5px 2px 5px;

}

.buttons_tradie_page{
	text-transform:none; 
	width:86px;
}

.header_input
{
	width:70px;
	float:left;
}

/*******************
HEADER LOGIN AREA
*******************/
#header {
	width:780px;
	float:left;
	}
	
.logo{
	width:162px;
	float:left;
	}
	
.header-righpannel{
	height:57px;
	float:left;
	margin-left:9px;
	width:606px;
	}

.header-login-bg {
	background:url(../../images/toplogin-bg.gif) no-repeat;
	height:57px;
	width:214px;
	float:left;
	}

.login-form {
	width:200px;
	padding-left:1px;
	padding-top:10px;
	float:left;
	}
.buttonarea
	{
	float:right;
	margin-top:10px;
	}
.login-row
	{
	width:140px;
	float:left;
	margin-bottom:6px;
	}

.text-feilds{
	font:11px Tahoma;
	border:1px solid #CCCCCC;
	}
.text-feild-area{
	width:50px;
	float:left;
	margin-left:2px
	}
	
.login-button{
	background-color: #C60005;
	padding:2px;
	margin-top:10px;
	font:11px Tahoma;
	color:#fff;
	border:none;
	}
	
.login-text{
 	width:62px;
	margin-right:2px;
	text-align:right;
	float:left;
	font:11px Tahoma;
	color:#ffffff;
	font-weight:bold;
	line-height:15px;
	}

.logged-in-user{
	padding:10px 0px 0px 20px; 

}

.logout_forgot_password{
	float:right;
	width:214px;
}
a.red_black_link{
	font-family:tahoma; 
	font-size:11px; 
	color:#000000; 
	text-decoration:underline;
}
a.red_black_link:hover{
	font-family:tahoma; 
	font-size:11px; 
	color:#C8020C; 
	text-decoration:underline;
}
h1, h2, h3, h4 {margin:0px; padding:0px;}

h1{	/*used*/
	font-family:georgia; 
	font-size:14px; 
	color:#FFF; 
	font-weight:bold;
}

h2{
	font-family:tahoma; 
	font-size:11px; 
	color:#C8020C; 
	font-weight:bold;
}

h4{
	font-family:tahoma; 
	font-size:11px; 
	color:#FFF; 
	font-weight:bold;
}

a.red_link_bold{
	font-family:tahoma; 
	font-size:11px; 
	color:#C8020C; 
	font-weight:bold; 
	text-decoration:none;
}

a.red_link_bold:hover{
	font-family:tahoma; 
	font-size:11px; 
	color:#FFFFFF; 
	font-weight:bold; 
	text-decoration:none;
}

a.white_link{
	font-family:tahoma; 
	font-size:11px; 
	color:#fff; 
	text-decoration:none;
}

a.white_link:hover{
	font-family:tahoma; 
	font-size:11px; 
	color:#C8020C; 
	text-decoration:none;
}

/*style for top grey curves*/
.home_tabs{ /*used*/
	float:left;
	width:606px;
	background: url(../../images/header-bg.gif) repeat-x;
	padding:0px;
	margin:0px;
	height:24px;
}
.thin_home_tabs{ /*used*/
	float:left;
	width:495px;
	background: url(../../images/header-bg.gif) repeat-x;
	padding:0px;
	margin:0px;
	height:24px;
}
.curve_top_left { /*used*/
	float:left; 
	margin:0;
	padding:0;
	width:23px;
	height:23px;
	background: url(../../images/curve_top_left.gif) repeat-x;
}
.curve_top_right { /*used*/
	float:left; 
	margin:0;
	padding:0;
	width:23px;
	height:23px;
	background: url(../../images/curve_top_right.gif) repeat-x;
}

#js_crv{
	/*background:url(../images/js_crv.gif) no-repeat; 
	width:162px;*/
	width:auto;
	float:left;
	background-color:#FFFFFF;
	border-top:1px solid #A5A5A5;
	height:23px;
	text-align:left;
}

#js_crv ul{
	float: left;
	list-style: none; text-align:center;
	display: inline; 
	padding:4px 0px 0px 0px;
}

#js_crv ul li {
	display: inline;
	margin: 0px; 
	padding: 0px;
}
#js_crv ul li#h5{
	font-family:georgia; 
	font-size:14px; 
	color:#C8020C;
	font-weight:bold;
	text-transform:uppercase;
}

#js_body_desc_bdr{ 
	border-left:1px solid #A0A0A0; 
	border-right:1px solid #A0A0A0; 
	border-bottom:1px solid #A0A0A0;
	margin:0;
	padding:0;
	width:604px;
}
#thin_js_body_desc_bdr{ 
	border-left:1px solid #A0A0A0; 
	border-right:1px solid #A0A0A0; 
	border-bottom:1px solid #A0A0A0;
	margin:0;
	padding:0;
	width:493px;
}


#js_body_wrap{padding:10px 10px 10px 10px;}

.sub_heading
{
	width:100%;
	float:left;
	font-family: Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	margin:5px 0px;
	pading:5px 0px;
}
.title {
	font:11px Tahoma;
	color:#C8020C;
	margin:5px 0px;
	}

.js_body_copy {
	font:11px Tahoma;
	color:#000000;
	pading:5px 0px;
	}
.js_body_copy p{
	margin-bottom:7px;
	margin-top:7px;
	padding:0px;
	}
	
/*style for guides*/
.utoolguide_home_tabs{ /*used*/
	float:left;
	width:496px;
	background: url(../../images/header-bg.gif) repeat-x;
	padding:0px;
	margin:0px;
	height:24px;
}

#utoolguide_js_body_bdr{ 
	border-left:1px solid #A0A0A0; 
	border-right:1px solid #A0A0A0; 
	border-bottom:1px solid #A0A0A0;
	margin:0;
	padding:0;
	float:left;
	width:494px;
}

#utoolguide_leftpanel{ /*used*/
	width:272px; 
	float:left; 
	margin-right:10px; 
}

#utoolguide_rightpanel{ /*used*/
	width:496px;
	float:left;
}

.upload_dwnload_guiderow {
	float:left;
	width:476px;
	margin-top:30px;
	}
	
.download_col {
	width:auto;
	float:left;
	text-align:left;
	}
	
.upload_col {
	width:auto;
	float:right;
	text-align:right;
	}
.upload_dwnload_img_thumb {
	width:auto;
	float:left;
	margin:0px;
	padding-right:7px;
	}
.upload_dwnload_buttonarea {
	width:auto;
	float:left;
	padding-top:10px;
	}
/****************************
 styles for thankyou page
****************************/
.job_button_row {
	width:584px;
	float:left;
	margin-top:24px;
	padding:0px;
	}
.job_button_area {
	width:auto;
	float:left;
	margin:0px;
	padding-right:7px;
	}
	
/*********************************
	styles for share story
*********************************/
.type_ur_story {
	width:222px;
	float:left;
	margin:0px;
	padding-right:10px;
	}
.type_ur_story_row {
	margin:0px;
	padding:0px;
	}
.type_ur_story_txtarea {
	width:220px;
	border:1px solid #A6A6A6;
	overflow:hidden;
	height:180px;
	font-family:tahoma; 
	font-size:11px;
	color:#000000;
	padding:1px;
	}
.story_connected {
	width:345px;
	float:right;
	margin:0px;
	padding:0px;
	}
.story_connected_row {
	width:345px;
	float:left;
	margin:0px;
	padding:0px;
	}
.story_connected_row_lftcol {
	margin:4px 0px;
	padding-right:5px;
	width:127px;
	float:left;
	text-align:right;
	}
.story_connected_row_rhtcol {
	margin:4px 0px;
	padding:0px;
	width:212px;
	float:left;
	text-align:left;
	}
.story_connected_txtfield {
	width:185px;
	}


/*********************************
		Footer Styles
*********************************/

#footer-wrap{ /*used*/
	clear: both;
	text-align: center;
	padding:10px 0px 0px 0px;
	height:25px;
	width:780px;
}



#footer-area{ 
	padding-top:9px;
	float:left;
	width:784px;
	clear: both;
	text-align: center;
}
#footer-columns{ /*used*/
	float:left;
	color: #999999;
	padding: 0px;
	vertical-align:middle; 
	font-size:10px;
}
.footer_col1{ 
	width:14px;
	float:left;
}
.footer_col2{
	background:url(../../images/footer_bg.gif) repeat-x; 
	width:545px;
	float:left;
	height:25px;
}
.footer_col2a{
	width:488px; 
	float:left;
	padding-top:6px;
	text-align:left;
	}
.footer_half_thejob_col2a{width:488px; float:left;padding-top:6px;} /*used*/
.footer_addthis {
	width:auto;
	float:right;
	margin:0px;
	padding-right:10px;
	padding-top:5px;
	}

.footer_col3{
	width:219px;
	float:left;
}
a.btmlinks{
	font-family:tahoma; 
	font-size:10px; 
	color:#666666; 
	font-weight:normal; 
	text-decoration:none;
}
a.btmlinks:hover{
	font-family:tahoma; 
	font-size:10px; 
	color:#C7020D; 
	font-weight:normal; 
	text-decoration:none;
}


.fileTypeController{
	/*position:absolute;*/
	visibility:hidden;
	width:175px;
	vertical-align:top;
}

.InputFileTypeController
{
	width:110px;
}





/* Css for page footer left and right curve start*/

.page_footer_curve{  /*used*/
	width:760px;
	background: url(../../images/bg_footer_image_red_black.gif) repeat-x;
	vertical-align:bottom;
	float:left;
}
.page_footer_left_curve{  /*used*/
	float:left; 
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}
.page_footer_right_curve{  /*used*/
	float:left; 
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}
/* Css for page footer left and right curve end*/


#nav_right {height:57px; float:left;}


.clr {clear:both;}
.padding_lr{ padding:0px 4px 0px 4px;} 
.spacer{
	margin:0;
	padding:0;
	vertical-align:top;
	}
	
/***********************************
STYLES FOR TERMS AND CONDITIONS
***********************************/
.sub_heading .point
{
	width:auto;
	float:left;
	margin:0px;
	padding:0px 3px 0px 0px;
}
.welcome_space {
	width:60px;
	float:left;
	}
.js_body_copy ul{
	padding:0px 0px 0px 30px; margin:0px; list-style-position:inherit; list-style-type:lower-alpha;
	}

.js_body_copy ul li{
	padding:5px 0px 5px 0px; margin:0px; list-style-position:inherit; list-style-type:lower-alpha;
	}
	
.js_body_copy ul li ul{
	padding:0px; list-style-position:inherit; list-style-type:lower-roman;
	}

.js_body_copy ul li ul li{
	padding:5px 0px 5px 0px; list-style-position:inherit; list-style-type:lower-roman;