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

/************************************************/
/******************** Reset ********************/
/************************************************/
* { margin:0; padding:0; }

html { 	height: 100%; background: #ffffff; }
body { background: transparent; height: 100%; font-family: Arial, Helvetica, sans-serif; position: relative; }

img           { border:0; vertical-align:top; }

a             { text-decoration:underline; color:#009bdd; }
a:hover, 
a:focus       { text-decoration:none; }
:focus        { outline: 0; }

p { color: #000000; font-size: 13px; line-height: 18px; }

/* Headings */
h1, h2, h3, h4, h5, h6 { margin-bottom: 5px; }
h1            { font-size:23px; font-weight:bold; line-height: 28px; color: #000; margin-bottom: 0px; }
h2            { font-size:24px; font-weight:bold; line-height: 28px; color: #009bdd;}

h3            { font-size:14px; font-weight: bold; line-height: 18px; color: #1d1d1d; padding: 0px; margin: 0 0 10px;}

h4            { font-size:18px; font-weight:bold; line-height: 22px; color: #1d1d1d; }

h5            { font-size:33px; font-weight:bold; color: #000; }

h6            { font-size:12px; font-weight:bold; color: #404040; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
address       { font-style:normal; margin: 0; line-height:18px; color: #ffffff; font-size: 12px;}
address a     { padding:3px 0; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; background: 6px 1px no-repeat url(/images/bg-blq.gif); font-size: 18px; line-height: 20px; color: #888888; padding: 8px 0 0 45px; margin: 0 0 20px; }
q:before, 
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }

/* Lists */
ul,ol         { list-style:none; }

/* pre */
pre			  { background:#fff; }

/* Tools */
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-r-margin    { margin-right:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
.note 		  { color:#757575; font-size:11px; }
.no-border    { border:0 none !important; }
.back { font-size: 11px; line-height: 14px; text-decoration: underline; }
.padding-l-24 { padding: 0 0 0 24px; }
.padding-l-24 h4{ padding: 8px 0 0; }

.text-gray h1{ color: #9c9c9c; font-size: 20px; }
.text-gray { padding: 10px 0 15px; }

.b-padding-10 { padding-bottom: 10px; }

.alignleft { float: left; margin: 0 30px 30px 0; }
.alignright { float: right; margin: 0 0 30px 30px; }
.aligncenter { text-align: center; } 

/************************************************/
/******************** Styles ********************/
/************************************************/


/* Form Elements */
.input,select,textarea,button, label { font:13px Arial, Helvetica, sans-serif; vertical-align:middle; color:#555; display: block; }
.input,select,textarea { background: #FFF; border:1px solid #c8c8c8; margin: 0 0 8px;  }
textarea { padding:3px; overflow:auto; }
label span.description { font-size: 11px; color: #999; font-weight: normal; }

select { height: 30px; padding:5px 3px; background-color: #fff; width: 228px; line-height: 14px; }
optgroup { background-color: #fff;}
select option { padding-left:5px; background-color: #fff; }
select.multiselect option {}

label { margin: 0 0 5px; font-weight: bold; color: #333333; }

.input, textarea { background:#fff /* top left repeat-x url(/images/bg-input.gif) */; padding: 7px; width: 212px; color: #555;  }
.input:focus, textarea:focus { border-color: #666; }

input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty { width:2em !important; }


.button { display:block; overflow:visible; width:auto; color:#fff; border: none;
			 	line-height:39px; height:39px; outline:0 none; cursor:pointer; text-decoration: none; 
				padding:0 14px; background: #d12e2e top left repeat-x url(/images/bg-btn-red.gif); text-transform: none; font-weight: bold; font-size: 14px;
				 -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-align: center;
				 text-shadow: 1px 1px 1px #111;}
button::-moz-focus-inner { padding:0; border:0; }
.button:active { border: none; text-decoration: none; background: #e49012; }
a.button:hover, a.button:active, a.button:focus { text-decoration: none; }

.button-blue { display:block; overflow:visible; width:auto; color:#fff; border: none;
			 	line-height:34px; height:34px; outline:0 none; cursor:pointer; text-decoration: none; 
				padding:0 18px; background: #0056b2 top left repeat-x url(/images/bg-btn-blue.gif); text-transform: none; font-weight: bold; font-size: 13px;
				 -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-align: center;
				 text-shadow: 1px 1px 1px #111; float: left;}
button::-moz-focus-inner { padding:0; border:0; }
.button-blue:active { border: none; text-decoration: none; background: #002b88; }
a.button-blue:hover, a.button-blue:active, a.button-blue:focus { text-decoration: none; }

/* images ================================================================================= */
.wrapper-img-160-115 { height: 115px; width: 160px; overflow: hidden; margin: 0 auto 10px; background: #ccc; }
.wrapper-img-60-60 { height: 60px; width: 60px; overflow: hidden; margin: 0 auto 0px; background: #ccc; }
.wrapper-img-175-105 { height: 105px; width: 175px; overflow: hidden; background: #eee; }
.wrapper-img-100-68 { height: 68px; width: 100px; overflow: hidden; background: #eee; border: solid 1px #767676;  }


/* Icons ================================================================================= */
.icons { background: url(/images/icons.png); display: block; overflow: hidden; cursor: pointer; }


.star { position: absolute; width: 18px; height: 17px; background-position: 0 -18px; bottom: 10px; right: 10px; cursor: pointer; }
.star:hover, .star-selected { position: absolute; width: 18px; height: 17px; background-position: 0 -2px; } 

.trusted { position: absolute; width: 90px; height: 50px; background-position: 0 -38px; top: 45px; right: 20px; cursor: pointer; }
.trusted:hover { position: absolute; width: 90px; height: 50px; background-position: 0 -88px; top: 45px; right: 20px; cursor: pointer; }


/* Layout ================================================================================= */
#wrapper { height: auto !important; height: 100%; min-height: 100%; position: relative; background:#fff top center repeat-x url(/images/bg.gif); font-family: Arial, Helvetica, sans-serif; }

.wrapper-inner { width: 980px; margin: 0 auto; padding: 0px 0px 100px; }

.wrapper-page { width: 968px; margin: 0 auto; padding: 0 6px 0px; background: top left repeat-y url(/images/bg-page.png); }

.page-top { height: 6px; background: top left no-repeat url(/images/page-top.png); width: 968px; margin: 0 auto; padding: 0 6px 0px; line-height: 1px; font-size: 0; }
.page-bottom { height: 6px; background: top left no-repeat url(/images/page-bottom.png); width: 968px; margin: 0 auto; padding: 0 6px 0px; line-height: 1px; font-size: 0;  }

.full-page-block { padding: 0 25px; width: 919px; }
.full-page-block h4 { margin: 0 0 10px; }

/* Header =================================================================================*/
.header { width: 980px; height: 120px; }
.header a.logo { display: block; height: 114px; width: 104px; position: relative; float: left; }
.header .logo span { height: 114px; width: 104px; right: 0; top: 0; position: absolute; background: bottom left no-repeat url(/images/logo.gif); cursor: pointer; overflow: hidden; zoom: 1; }

.top-menu { height: 66px; width: 830px; float: right; margin-right: 17px; }
.top-menu ul { float: right; }
.top-menu ul li { float: left; font-size: 10px; color: #1f220d; font-weight: bold; line-height: 66px; margin: 0 0 0 7px; } 
.top-menu ul li a{ font-size: 10px; color: #1f220d; font-weight: bold; line-height: 66px; text-decoration: underline; } 
.top-menu ul li a:hover{ text-decoration: none; }
.top-menu ul li.first a { color: #b61313; }
.top-menu ul li.last a.button { line-height:31px; height:32px; color: #fff; text-transform: uppercase; text-decoration: none;
				padding:0 18px; background: #4f5337 top left repeat-x url(/images/bg-btn-grey.gif); font-weight: bold; font-size: 10px;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; cursor: pointer; padding: 0; width: 120px;
				-moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin: 17px 0 0 10px;}
.top-menu ul li.last a.button:active { background: #2c3014; text-decoration: none; } 


.main-menu { width: 800px; float: right; margin: 0 17px; padding: 0 20px; height: 57px; border: solid 1px #d8c500; border-bottom: none; background: top left repeat-x url(/images/bg-main-menu.gif); }
.main-menu p { font-size: 14px; line-height: 57px; color: #262b0f; float: left; font-weight: bold; }
.main-menu a { font-size: 14px; line-height: 18px; color: #010101; float: right; font-weight: bold; border-bottom: solid 2px #262b07; margin: 20px 0 0; text-decoration: none; }
.main-menu span { font-size: 14px; line-height: 57px; color: #505438; float: left; font-weight: bold; display: block; padding: 0 0 0 30px; }
.main-menu a:hover { text-decoration: none; border: none; }
.main-menu select { font-size: 12px; float: left; width: 140px; margin: 17px 0 0 7px; padding: 3px 3px; height: 24px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  }
.main-menu .button { line-height:23px; height:23px; cursor:pointer; text-decoration: none; 
				padding:0 8px; background: #e23f3f top left repeat-x url(/images/bg-btn-red-sm.gif); text-transform: none; font-weight: bold; font-size: 10px; float: left;
				-moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 17px 0 0 7px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
button::-moz-focus-inner { padding:0; border:0; }
.button:active { border: none; text-decoration: none; background: #b31010; }

.contractor-tip {  width: 800px; float: right; margin: 0 17px; padding: 15px 20px; height: 27px; border: solid 1px #d8c500; border-bottom: none; background: #434343; }
.contractor-tip p{ color: #fff; line-height: 27px; font-size: 14px;} 

/* Filter =================================================================================*/

.filter-menu { margin: 0 0 23px; padding: 0px; height: 57px; border-top: solid 1px #d5d6d2; border-bottom: solid 1px #d5d6d2; }
.filter-menu p { font-size: 14px; line-height: 57px; color: #262b0f; float: left; font-weight: bold; }
.filter-menu a { font-size: 14px; line-height: 18px; color: #010101; float: right; font-weight: bold; border-bottom: solid 2px #262b07; margin: 20px 0 0; }
.filter-menu span { font-size: 14px; line-height: 57px; color: #505438; float: left; font-weight: bold; display: block; padding: 0 0 0 30px; }
.filter-menu a:hover { text-decoration: none; border: none; }
.filter-menu select { float: left; width: 140px; margin: 17px 0 0 7px;  }
.filter-menu .button { line-height:23px; height:23px; cursor:pointer; text-decoration: none; 
				padding:0 12px; background: #e23f3f top left repeat-x url(/images/bg-btn-red-sm.gif); text-transform: none; font-weight: bold; font-size: 10px; float: right;
				-moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 17px 0 0 7px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
button::-moz-focus-inner { padding:0; border:0; }
.button:active { border: none; text-decoration: none; background: #b31010; }

/* Page Layuot =================================================================================*/

.page { width:969px; padding:25px 0px 20px; text-align:left; background: #ffffff bottom left repeat-x url(/images/bg-page-bot.gif); margin: 0 auto; }

.main { width: 590px; float: left; }

.main-650 { width: 650px; float: right; padding: 0 24px 0 0; }
.sidebar-225 { width: 225px; float: left; padding: 0 0 0 24px; }

.featured-contractors-listing { width: 566px; padding: 0 0 0 24px; margin: 0; float: left; }
.featured-contractor { width: 160px; margin: 0 10px 10px 0; padding: 10px; float: left; border: solid 1px #d5c300; background: #fffaae;
                       -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
					   position: relative; }
.featured-contractor span { display: block; color: #000; }
.featured-contractor span.work-type{ font-size: 12px; font-weight: bold; line-height: 16px; margin: 0 0 8px; }
.featured-contractor span.work-type a{ font-size: 12px; font-weight: bold; text-decoration: none; color: #000; }
.featured-contractor span.work-type a:hover{ text-decoration: underline; }
.featured-contractor .caption { height: 50px;}
.featured-contractor span.company{ font-size: 14px; line-height: 16px; font-weight: bold; margin: 0 0 2px; }
.featured-contractor span.company a{ font-size: 14px; line-height: 14px; font-weight: bold; text-decoration: none; color: #000; }
.featured-contractor span.company a:hover{ text-decoration: underline; }
.featured-contractor span.location{ font-size: 12px; line-height: 18px; margin: 0 0 5px; }
.featured-contractor a{ color: #009bdd; font-size: 11px; line-height: 18px; text-decoration: underline; }
.featured-contractor a:hover{ text-decoration: none; }

.promo { width: 160px; height: 212px; margin: 0 0px 10px 0; padding: 10px 6px; float: left; border: solid 5px #EEDA1B; background: #fffaae;
        position: relative; -moz-background-origin:padding; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; }
.promo p{ color: #000; font-size: 11px; font-weight: bold; margin: 0 0 10px; padding: 10px 0 0 10px;  }
.promo ul{ list-style: disc; color: #000; margin: 0 0 0 20px; }
.promo ul li{ color: #000; font-size: 11px; line-height: 13px; margin: 0 0 10px; }

.contractors-listing { width: 715px; padding: 0 0 0 24px; margin: 0; float: left; }
.constractor { padding: 15px; margin: 0 0 7px;  -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
				background: #f1f1f1; border: solid 1px #d2d2d2; position: relative;}
.constractor .wrapper-img-160-115 { float: left; margin: 0 10px 0 0; }
.constractor .info { width: 510px; float: right; }
.constractor .info p { color:#1d1d1d; font-size:12px; }
.constractor .info .company{ margin: 0 0 10px; }
.constractor .info .company span { color: #000; display: block; line-height: 20px; }
.constractor .info .company span a{ color: #000; text-decoration: none; }
.constractor .info .company span a:hover{ text-decoration: underline; }
.constractor .info .company span.name{ float: left; font-size: 18px; font-weight: bold; }
.constractor .info .company span.tag{ float: right; font-size: 12px; font-weight: bold; margin: 0 0 0 10px; }
.constractor .info .company span.location{ float: right; font-size: 12px; margin: 0 0 0 10px; }

.constractor .nav{ position: absolute; left: 190px; bottom: 5px; height: 25px; width: 480px; padding: 0 30px 0 0; }
.constractor .nav a{ font-size: 11px; float: right; text-decoration: underline; margin: 0 0 0 10px;}
.constractor .nav a:hover{ text-decoration: none; }
.constractor .nav a.f-left{ margin: 0; }
.constractor .nav .star { right: 0; bottom: 11px;}

.constractor-golden { background: #fffaae; border: solid 1px #d5c300; }
.constractor-golden .info p{ padding: 0 125px 0 0;}
.constractor-golden .nav a{ color: #b41111; font-size: 12px; font-weight: bold; }
.constractor-golden .nav a.f-left{ font-size: 11px; color: #009BDD; font-weight: normal; }

.constractor-free { width: 211px; float: left; padding: 10px; margin: 0 7px 7px 0;  -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
				background: #f1f1f1; border: solid 1px #d2d2d2;}
.constractor-free .wrapper-img-60-60 { float: left; }
.constractor-free .info { width: 140px; padding: 5px 0 0;}
.constractor-free .info .company span { float: none; margin: 0; line-height: 14px; }
.constractor-free .info .company span.name{ font-size: 12px; font-weight: bold; display: block; width: 140px; margin: 0; }
.constractor-free .info .company span.location{ font-size: 11px; font-weight: normal; display: block; width: 140px; margin: 0; }
.constractor-free .info .nav { width: 115px; left: 80px; height:20px; }
.constractor-free .info .star { bottom: 4px; }

/* Sidebar Layuot =================================================================================*/
.sidebar { float: right; width: 379px; }
.sidebar h1{ padding: 0 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } 
.homeowners-box { margin: 18px 25px 0 0; border: solid 4px #d4d4d4; border-left: none; padding: 10px 20px 20px; }
.homeowners-box h2 { border-bottom: solid 1px #ccc; line-height: 40px; margin: 0 0 15px;  }
.homeowners-box p{ font-size: 12px; line-height: 18px; color: #000; font-weight: bold; margin: 0 0 15px; }
.homeowners-box ul { list-style: disc; margin: 0 0 20px 20px; }
.homeowners-box ul li { font-size: 12px; line-height: 14px; color: #000; margin: 0 0 15px;}
.homeowners-box .button { width: 230px; margin: 0 auto; font-size: 16px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; }

.contractors-box { background: #e0e0e0; margin: 0 25px 0 0; border-right: solid 4px #d4d4d4; border-bottom: solid 4px #d4d4d4; padding: 20px 15px;
                   -moz-border-radius-bottomright: 6px; -khtml-border-bottom-right-radius: 6px; border-radius: 6px;}
.contractors-box .button{ float: right; height: 32px; line-height: 32px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal;
							background: #289d00 top left repeat-x url(/images/bg-btn-green.gif); font-size: 12px; color: #fff; padding: 0; width: 120px; }

.contractors-box .button:active { background: #007500; }
.contractors-box p {font-size: 14px; line-height: 18px; color: #000; width: 190px; float: left; font-family: Arial, Helvetica, sans-serif;  }
.contractors-box span {font-size: 12px; color: #000; line-height: 14px; }

.sub-sidebar { float: right; width: 180px; padding: 0 24px 0 0; margin: 0; }
.sub-sidebar h3 { font-size: 15px; }
.sub-sidebar ul li{ margin: 0 0 4px; line-height: 14px; } 
.sub-sidebar ul li a{ font-size: 12px; text-decoration: none; line-height: 14px;  } 
.sub-sidebar ul li a:hover{ text-decoration: underline; }
.sub-sidebar ul li span.number { font-size: 11px; color: #888; }

/* full page =================================================================================*/
table.projects { width: 919px; margin: 0 0 20px;}
table.projects th { font-size: 12px; border-bottom: solid 1px #d5d6d2; vertical-align: middle; font-weight: bold; background:#d4d4d4 top left repeat-x url(/images/bg-table-projects.gif); line-height: 14px; border-top: solid 1px #d5d6d2; padding-top:10px !important; padding-bottom: 10px !important; }
table.projects td { font-size: 12px; line-height: 16px; border-bottom: solid 1px #d5d6d2; vertical-align: top; }
table.projects tr.odd td { background: #f2f2f2; }
table.projects tr.pro td { background: #FFF8C4;  }
	
table.projects th.c1{ width: 539px; padding: 0px 10px; }
table.projects td.c1{ width: 439px; padding: 15px 10px; }
table.projects td.c1 a{  }

table.projects td.c2, table.projects td.c3, table.projects td.c4, table.projects td.c5 { width: 80px; padding: 0px 5px; text-align: center; vertical-align: middle; }
table.projects th.c2, table.projects th.c3, table.projects th.c4, table.projects th.c5{ width: 80px; padding: 5px 5px; text-align: center; vertical-align: middle; }
table.projects td.c3 { width: 180px; }

table.projects td.c3{  }
table.projects td.c4{ color: #c01d1d; font-weight: bold; }
table.projects td.c5{ font-weight: bold; }

.pager { float: right; height: 18px; }
.pager ul { float: left; height: 18px; }
.pager ul li{ float: left; margin: 0 0 0 10px; font-size: 12px; height: 18px; line-height: 18px; } 
.pager ul li a, .pager ul li span{ padding: 2px; margin: 0 1px; font-size: 12px;}
.pager ul li .current { color: #c32020; }

.note { float: left; }
.note p { font-size: 11px; color: #000; } 
.note p a { font-size: 11px; color: #000; text-decoration: underline;} 
.note p a:hover { text-decoration: none; } 

.register-page { padding: 30px 20px 30px; }
.register-page a{ text-decoration: underline; }
.register-page a:hover{ text-decoration: none; }

.signup-block { border: solid 10px #d6d6d6; background: #f4f4f4; padding: 30px 50px; width: 340px; float: left; }
.signup-block .input{ width: 320px; margin: 0 0 0px; }
.signup-block table { margin: 0 0 15px; }
.signup-block table td { font-size: 11px; vertical-align: middle; padding: 4px; }
.signup-block p { color: #1d1d1d; margin: 0 0 15px; font-size: 14px; font-weight: bold; }
.signup-block .button { font-size: 11px; background: #2b2621; height: 30px; line-height: 30px; padding: 0 10px; float: left; }
.signup-block .button:active { background: #000; }

.register-info { width: 360px; float: right; padding: 30px 10px 30px 0;}
.register-info p{ font-size: 12px; line-height: 16px; color: #666666; padding: 0 0 20px; }
.register-info .feat { padding: 20px 0 0; border-top: solid 1px #ccc; }
.register-info .feat p{ font-size: 12px; color: #000; font-weight: bold; padding: 0 0 10px; }
.register-info .feat ul { list-style: disc; margin: 0 0 0 20px; }
.register-info .feat ul li { font-size: 12px; line-height: 16px; margin: 0 0 3px; }

.get-started-block { border: solid 10px #ffe155; background: #fff2c5; padding: 30px 30px; width: 420px; float: right; position:relative; }
.get-started-block p { color: #1d1d1d; margin: 0 0 15px; font-size: 12px; font-weight: normal; }
.get-started-block .feat { padding: 20px 0 0; border-top: solid 1px #ccc; }
.get-started-block .feat p{ font-size: 14px; }
.get-started-block .feat ul { list-style: disc; margin: 0 0 20px 20px; float: left; width: 190px; }
.get-started-block .feat ul li { font-size: 13px; line-height: 18px; margin: 0 0 8px; }
.get-started-block .button{ height: 41px; line-height: 41x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal;
							background: #289d00 top left repeat-x url(/images/bg-btn-green-lg.gif); font-size: 17px; color: #fff; padding: 0; width: 300px;
							margin: 0 auto; text-decoration: none; text-shadow: 1px 1px 1px #000; }
.get-started-block .button:active { background: #007500; }
.get-started-block .trialimg { right:-25px; top: 27px; width: 227px; height: 38px; position: absolute; background: url('/images/trial-banner.gif') no-repeat; }

.get-started-info { width: 340px; float: left; padding: 30px 0px 30px 0;}
.get-started-info p{ font-size: 12px; line-height: 16px; color: #666666; padding: 0 0 20px; }
.get-started-info .feat { padding: 20px 0 0; border-top: solid 1px #ccc; }
.get-started-info .feat p{ font-size: 12px; color: #000; font-weight: normal; padding: 0 0 10px; }
.get-started-info .feat ul { list-style: disc; margin: 0 0 20px 20px; }
.get-started-info .feat ul li { font-size: 12px; line-height: 16px; margin: 0 0 3px; }
.get-started-info .feat .button{ float: left; height: 29px; line-height: 29px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal;
							background: #289d00 top left repeat-x url(/images/bg-btn-grey-sm-light.gif); font-size: 12px; color: #fff; padding: 0; width: 200px; text-decoration: none; margin: 0 0 7px; border: solid 1px #ccc; }
.get-started-info .feat .button:active { background: #7d7d7d; }

/* Company profile =================================================================================*/
.wrapper-carousel { width: 566px; position: relative; margin: 0 0 15px; z-index:99; }
.carousel { width: 566px; height: 349px; overflow: hidden; background: #ccc; }
.wrapper-carousel table.info { background: #404040; color: #fff; width: 566px; }
.wrapper-carousel table.info td{ color: #fff; line-height: 30px; padding: 15px 0; background: #404040; vertical-align: middle; } 
.wrapper-carousel table.info td a{ color: #fff; text-decoration: none; }
.wrapper-carousel table.info td.c1{ padding: 15px 10px 15px 20px; width: 254px; color: #fff; font-size: 16px; font-weight: bold; line-height: 16px; }
.wrapper-carousel table.info td.c2{ font-size: 12px; color: #cbcdbf; font-weight: bold; padding: 15px 5px; width: 128px; text-align: center; }
.wrapper-carousel table.info td.c3, .wrapper-carousel table.info td.c4{ font-size: 10px; text-transform: uppercase; color: #fff; text-align: center; width: 60px; padding: 15px 5px; }
.wrapper-carousel table.info td.c3 a:hover, .wrapper-carousel table.info td.c4 a:hover{ text-decoration: underline; }
.wrapper-carousel table.info td.c4{ padding: 15px 20px 15px 0px; width: 63px; }
.wrapper-carousel table.info td .selected{ height: 20px; line-height: 20px; background:#767676 top left repeat-x url(/images/bg-btn-grey-sm.gif); font-size: 10px; font-weight: normal; text-transform: uppercase; padding: 0px; width: 58px; display: block; 
 -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-decoration: none; color: #fff; text-align: center; display: block; margin: 0 auto; }
.wrapper-carousel table.info td a.selected:hover{ text-decoration: none; }
.wrapper-carousel .l-arrow{ height: 34px; width: 34px; overflow: hidden; background-position: 0 -140px; position: absolute; top: 157px; left: 15px; z-index:98; }
.wrapper-carousel .r-arrow{ height: 34px; width: 34px; overflow: hidden; background-position: -34px -140px; position: absolute; top: 157px; right: 15px; z-index:98; }
.wrapper-carousel .l-arrow:hover{ height: 34px; width: 34px; overflow: hidden; background-position: 0 -175px; }
.wrapper-carousel .r-arrow:hover{ height: 34px; width: 34px; overflow: hidden; background-position: -34px -175px; }

.past-project { margin: 0 0 25px; padding: 5px 0 0;}
.past-project p { color: #1d1d1d; font-size: 12px; line-height: 18px; padding: 0 10px; }
.past-project h6 { float: left; padding: 0 10px; }

.past-project .dot { background-position: -11px -210px; height: 10px; width: 8px;  }
.past-project .dot-selected, .past-project .dot:hover { background-position: 0px -210px; height: 10px; width: 8px; }
.past-project .pager { float: right; height: 10px; }
.past-project .pager ul{ float: left; height: 10px; line-height: 10px; }
.past-project .pager ul li { text-transform: uppercase; font-size: 10px; line-height:10px; margin: 0 0 0 3px; }


.sidebar .company-info { padding: 0 25px; margin: 0 0 40px; }
.sidebar .company-info .details{ margin: 0 0 10px; padding: 0 0 10px; border-bottom: solid 1px #ccc; }
.sidebar .company-info .details ul{ float: left; }
.sidebar .company-info .details ul li { float: left; margin: 0 5px 0 0; font-size: 12px; color: #1d1d1d; } 
.rating { float: left; padding: 5px 0 0; }
.rating ul li { float: left; font-size: 11px !important; font-weight: bold !important; margin: 0 5px 0 0; color: #1d1d1d; } 
.rating .star-0 { background-position: -14px -222px; width: 12px; height: 11px; float: left;margin: 1px 2px 0 0; }
.rating .star-1 { background-position: 0 -222px; width: 12px; height: 11px; float: left; margin: 1px 2px 0 0; }


.sidebar .company-info .details .rating ul li{ float: left; margin: 0 5px 0 0; font-size: 11px; color: #636363; line-height: 14px; height: 14px; }
.gold { color: #fff; text-transform: uppercase; background: #ffb400; font-size: 9px; line-height: 14px; font-family: Verdana, Geneva, sans-serif; padding: 0px 8px; display: block; float: left; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0 3px 0 0; }
.sidebar .company-info p { margin: 0 0 20px; }
.sidebar .company-info .button { float: left; height: 32px; line-height: 32px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal;
							background: #289d00 top left repeat-x url(/images/bg-btn-green.gif); font-size: 11px; color: #fff; padding: 0; width: 160px; text-transform: uppercase; margin: 0 0 20px; }
.sidebar .company-info .button:active { background: #007500; }
.sidebar .company-info .ask { font-size: 11px; float: left; line-height: 32px; margin: 0 0 0 20px; }
.sidebar .company-info .additional { background:#fff bottom left repeat-x url(/images/bg-additional.gif); border: solid 1px #ccc; padding: 20px; position: relative; width: 287px; }
.sidebar .company-info .additional ul { list-style: disc; margin: 0 0 0 20px; width: 160px; }
.sidebar .company-info .additional ul li{ font-size: 12px; color: #000; line-height: 18px; font-weight: bold; }
.sidebar .company-info .additional .trusted { top: 20px; right: 10px; }

.sidebar .reviews-block { padding: 0 24px; }
.sidebar .reviews-block h4{ padding: 0 0 10px; border-bottom: solid 1px #ccc; margin: 0 0 5px; } 
.sidebar .reviews-block a { font-size: 11px; }
.single-review { margin: 0 0 20px;}
.single-review h6{ color: #b41111; }
.single-review p { font-size: 12px; line-height: 18px; color: #1d1d1d; } 
.single-review span.date { color: #666; font-size: 11px; line-height: 18px; }

.single-project p{ font-size: 12px; line-height: 18px; padding: 0px 0 25px; }
.single-project .b-bottom{ border-bottom: solid 1px #ccc; margin: 0 0 10px; padding: 10px 0 10px;}
.single-project .wrapper-img-175-105 { float: left; border: solid 5px #c3c3c3; margin: 0 5px 5px 0;  }
.single-project .wrapper-img-175-105:hover { border: solid 5px #999;  }

.single-project .single-project-head { padding: 10px 0; margin: 0 0 10px; border-bottom: solid 1px #ccc;}
.single-project .single-project-head h3{ float: left; margin: 0;  }
.single-project .single-project-head span.hint { float: right; font-style: italic; color: #d20000; font-size: 11px; font-weight: normal; width: 350px; }

.sidebar .single-project-details { margin: 0 24px; border: solid 1px #ccc; width: 327px; background:#fff bottom left repeat-x url(/images/bg-additional.gif); }
.sidebar .single-project-details table.info{ width: 327px; }
.sidebar .single-project-details table.info th { font-size: 12px; border-bottom: solid 1px #d5d6d2; vertical-align: middle; font-weight: bold; background: top left repeat-x url(/images/bg-table-projects.gif); height: 35px; border-top: solid 0px #d5d6d2; vertical-align: middle; } 

.sidebar .single-project-details table.info th.c3 { font-size: 16px; border-bottom: solid 1px #d5d6d2; vertical-align: middle; font-weight: bold; background: top left repeat-x url(/images/bg-table-projects.gif); height: 35px; border-top: solid 1px #d5d6d2; vertical-align: middle; padding: 0 15px; } 


.sidebar .single-project-details table.info td { padding: 2px 0; vertical-align: middle; }
.sidebar .single-project-details table.info tr.r1 td.c1 { padding: 15px 5px 5px 15px;}
.sidebar .single-project-details table.info tr.r1 td.c2 { padding: 15px 15px 5px 5px; color: #c01d1d; font-weight: bold;}

.sidebar .single-project-details table.info th.c1 { font-size: 14px; width: 105px; padding: 0 5px 0 15px; font-weight: bold; }
.sidebar .single-project-details table.info td.c1 { font-size: 12px; width: 105px; padding: 3px 5px 5px 15px; font-weight: bold; }

.sidebar .single-project-details table.info th.c2 { font-size: 11px; padding: 0 15px 0 5px; font-weight: bold; }
.sidebar .single-project-details table.info td.c2 { font-size: 12px; padding: 3px 15px 5px 5px; font-weight: normal; }

.sidebar .single-project-details .notes { padding: 10px 0; border-top: solid 1px #ccc; margin: 10px 15px 0; }
.sidebar .single-project-details .notes p{ font-style: italic; font-size: 11px; line-height: 16px; color: #1d1d1d; }


.single-project-post-bid-block { width: 299px; margin: 0 24px; background: #474747; padding: 15px; }
.single-project-post-bid-block p { font-size: 14px; line-height: 16px; color: #f8f8f8; margin: 0 0 12px; }
.single-project-post-bid-block .button { float: left; height: 32px; line-height: 32px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal;
							background: #289d00 top left repeat-x url(/images/bg-btn-green.gif); font-size: 11px; color: #fff; padding: 0; width: 100px; text-transform: uppercase; margin: 0 15px 0 0; }
.single-project-post-bid-block .button:active { background: #007500; }
.single-project-post-bid-block a { font-size: 11px; float: left; line-height: 31px; }

/* Active project =================================================================================*/
.sidebar .project-discussion-post{ padding: 25px 24px;}
.sidebar .project-discussion-post h4{ font-size: 16px; padding: 0 0 5px; } 
.sidebar .project-discussion-post textarea{ font-size: 13px; font-weight: bold; color: #888; width: 313px; }
.sidebar .project-discussion-post .button { font-size: 12px; line-height: 30px; height: 30px; }

.sidebar .q-block { padding: 0 24px; }
.sidebar .q-block a { font-size: 11px; }
.sidebar .q-block .single-q { margin: 0 0 25px;}
.sidebar .q-block .single-q h6{ color: #b41111; }
.sidebar .q-block .single-q p { font-size: 12px; line-height: 18px; color: #1d1d1d; } 
.sidebar .q-block .single-q span.date { color: #666; font-size: 11px; line-height: 18px; display: block; }

/* Homeowner profile =================================================================================*/

.sidebar-225 .homeowner-info .details{ margin: 0 0 10px; padding: 0 0 10px; border-bottom: none; }
.sidebar-225 .homeowner-info .details .rating { margin: 0 0 20px; }
.sidebar-225 .homeowner-info .details ul{ float: left; }
.sidebar-225 .homeowner-info .details ul li { float: left; margin: 0 5px 0 0; font-size: 12px; color: #1d1d1d; } 
.sidebar-225 .homeowner-info .details ul li a{ font-size: 10px; }
.sidebar-225 .homeowner-info .button { width: 145px; font-size: 12px; border: solid 1px #b61e1e; font-weight: normal; height: 38px; line-height: 38px; }

.sidebar-225 .reviews-block h4{ font-size: 14px; border-bottom: solid 1px #ccc; margin: 0 0 15px; padding: 0 0 5px; }
.sidebar-225 .reviews-block a { font-size: 11px; }

.sidebar-225 .favourite-block h4{ font-size: 14px; border-bottom: solid 1px #ccc; margin: 0 0 15px; padding: 0 0 5px; }
.single-favourite { margin: 0 0 10px;}
.single-favourite h6{ color: #000; font-size: 12px; margin: 0; }
.single-favourite h6 a{ text-decoration: underline; font-size: 12px; }
.single-favourite p { font-size: 12px; line-height: 18px; color: #1d1d1d; } 
.single-favourite span.date { color: #666; font-size: 11px; line-height: 18px; }
.single-favourite .rating { margin: 0 0 2px; }
.single-favourite .rating ul li { line-height: 16px; font-weight: normal !important; }
.single-favourite .rating ul li a { font-size: 10px; color: #000; }

.users-projects .head{ height: 35px; line-height: 35px; background: top left repeat-x url(/images/bg-table-projects.gif); padding: 0 15px; border-top: solid 1px #ccc; }
.users-projects .head h4 { float: left; line-height: 35px; }
.users-projects .head a { float:right; color: #000; font-size: 11px; font-weight: bold; }
.users-projects .single-users-project { padding: 20px; border-top: solid 1px #ccc; }
.users-projects .odd{ background: #f2f2f2; }
.users-projects .single-users-project p{ font-size: 12px; text-align: left; color: #000; padding: 0 0 15px; }
.users-projects .single-users-project p a { float: none; text-align: left; color: #000; }
.users-projects .single-users-project .wrapper-img-100-68 { float: left; margin: 0 20px 0 0; }
.users-projects .single-users-project .details ul li{ font-size: 11px; float: left; margin: 0 16px 0 0;}

/* Inner profile =================================================================================*/

.profile-sidebar { width: 160px; padding: 0 0 50px 24px; float: left; border-right: dotted 1px #ccc;}
.profile-sidebar ul.menu { margin: 15px 20px 0 0; list-style:disc; list-style: inside; }
.profile-sidebar ul.menu li { border-bottom: solid 1px #ddd;  color: #005ebe; padding: 5px 0; }
.profile-sidebar ul.menu li a{ font-size: 13px; line-height: 18px; color: #005ebe; text-decoration: none; } 
.profile-sidebar ul.menu li a:hover{ text-decoration: underline; }

.profile-main { float: right; width:736px; padding: 0 24px 50px 0;}
.profile-main .profile-head { padding: 0 0 5px; }
.b-border { padding: 0 0 10px; margin: 0 0 10px; border-bottom: solid 1px #ccc; }
.profile-main .profile-head h2, .profile-main .profile-head h4  { float: left; color: #000; }
.profile-main .profile-head .button { float: right; background: top left repeat-x url(/images/bg-btn-grey-mid.gif); border: 1px solid #555; height: 27px; line-height: 27px; font-size: 12px; margin: 0 0 0 5px; }
.profile-main .profile-head .button:active { background: #2e2e2e; }
.profile-main .table-top { height: 39px; line-height: 39px; background: top left repeat-x url(/images/bg-table-top.gif); padding: 0 10px; width: 716px; }
.profile-main .table-top ul li{ float: left; color: #8f8e8e; font-size: 12px; line-height: 39px; margin: 0 10px 0 0; }
.profile-main .table-top ul li a{ color: #fff; text-decoration: none; }
.profile-main .table-top ul li a:hover{ text-decoration: underline; }
.profile-main .table-top ul li select { margin: 7px 0 0; height: 26px; font-size: 12px; width: auto; background: #f0f0f0; }

.profile-main table.your-bids td { padding: 15px 0; border-bottom: solid 1px #ccc; }
.profile-main table.your-bids td.c0{ width: 30px; text-align: center; vertical-align: top; padding-top: 30px; }

.profile-main table.your-bids td.c1{ width: 180px; padding: 15px 0 15px 5px; font-size: 11px; line-height: 14px; }
.profile-main table.your-bids td.c1 .first-line { font-size: 18px; font-weight: bold;line-height: 22px;} 
.profile-main table.your-bids td.c1 .second-line { font-size: 13px; font-weight: bold; line-height: 20px; font-weight: normal; } 
.profile-main table.your-bids td.c1 ul li{ float: left; margin: 0 3px 0 0; color: #009BDD; }

.profile-main table.your-bids td.c1 .single-favourite { padding: 10px 0 0; }
.profile-main table.your-bids td.c1 .single-favourite h6 a { font-size: 11px; }

.profile-main table.your-bids td.c2{ font-size: 12px; line-height: 20px; padding: 15px 0 15px 10px; width: 511px;}
.profile-main table.your-bids td.c2 a { color: #000; font-weight: bold; }
.profile-main table.your-bids td.c2 .first-line { font-size: 13px; color: #d20000; font-weight: bold; margin: 0 0 3px; }
.profile-main table.your-bids td.c2 .first-line a{ color: #009BDD; }
.profile-main table.your-bids td.c2 .first-line span { font-size: 12px; }
.profile-main table.your-bids td.c2 .note { font-style: italic; }
.profile-main table.your-bids td.c2 .note a { color: #333; font-weight: normal; }
.grey { color: #989898; }
.red { color: #b30000; }

.profile-main table.your-bids td.c2 .reply-line{ padding: 5px 0 0;}
.profile-main table.your-bids td.c2 .reply-line a { font-size: 12px; color: #009BDD; background: top left no-repeat url(/images/bg-reply.png); padding: 0 0 0 20px;}

.top-menu ul.user-menu { background: #31271d; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; float: right; height: 34px; line-height: 34px; margin: 17px 0 0 20px; }
.top-menu ul.user-menu li { float: left; line-height: 34px !important; margin: 0 9px; }
.top-menu ul.user-menu li a{ color: #ccc; font-size: 12px; font-weight: normal; line-height: 34px; text-decoration: none; display: block; }
.top-menu ul.user-menu li a:hover{ color: #fff; }
.top-menu ul.user-menu li .arrow { background: center right no-repeat url(/images/bg-user-menu-arrow.gif); padding-right: 13px;  }
.top-menu ul.user-menu span.new { -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-weight: bold; padding: 0px 2px; color: #fff; background: #F12323; }

.button-green { display:block; overflow:visible; width:auto; color:#fff; border: solid 1px #2d8f2d;
			 	line-height:27px; height:27px; outline:0 none; cursor:pointer; text-decoration: none; 
				padding:0 13px; background: #009400 top left repeat-x url(/images/bg-btn-green.gif); text-transform: none; font-weight: bold; font-size: 11px;
				 -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center;
				 text-shadow: 1px 1px 1px #111; float: left;}
.button-green:active { border: none; text-decoration: none; background: #197319; }
a.green-blue:hover, a.button-green:active, a.button-green:focus { text-decoration: none; border: solid 1px #2d8f2d; }

.button-red { display:block; overflow:visible; width:auto; color:#fff; border: solid 1px #b61e1e;
			 	line-height:31px; height:31px; outline:0 none; cursor:pointer; text-decoration: none; 
				padding:0 13px; background: #c90000 top left repeat-x url(/images/bg-btn-red.gif); text-transform: none; font-weight: bold; font-size: 11px;
				 -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center;
				 text-shadow: 1px 1px 1px #111; float: left;}
.button-red:active { text-decoration: none; background: #a62727; }
a.green-red:hover, a.button-red:active, a.button-red:focus { text-decoration: none; border: solid 1px #2d8f2d; }


.silver { color: #fff; text-transform: uppercase; background: #bcbcbc; font-size: 9px; line-height: 14px; font-family: Verdana, Geneva, sans-serif; padding: 0px 8px; display: block; float: left; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0 3px 0 0; }

.reply-block { padding: 25px 0 0;}
.reply-block label { font-size: 13px; }
.reply-block .input{ width: 460px; } 
.profile-main table.your-bids td.c2 .reply-block a { margin: 0 0 0 20px; line-height: 32px; color: #009BDD; font-weight: normal;  } 

.compose-message  { padding: 20px 0 0; }
.compose-message table td { font-size: 12px; }
.compose-message table td.c1 { width: 80px; vertical-align: top; padding: 10px 0 0; }
.compose-message .input { width: 480px; margin: 0 0 10px; }
.compose-message select { margin: 0 0 20px; }
.compose-message .input:focus { border: solid 1px #222; }
.compose-message label { font-weight: bold; }
.compose-message a { font-size: 12px; margin: 0 0 0 20px; line-height: 32px; }

/* Constractor Message General =================================================================================*/
.content-475 { width: 475px; float: left; padding: 10px 0 0; }
.content-475 p{ padding: 0 0 20px; } 
.content-475 ul.message-details { margin: 0 0 20px; line-height: 14px; height: 14px; }
.content-475 ul.message-details li { float: left; margin: 0 15px 0 0; font-size: 12px; color: #666; }
.content-475 label { font-size: 13px; margin: 0 0 15px; }

.sidebar-250 { width: 250px; float: right; padding: 10px 0 0; }
.sidebar-250 a.print{ font-size: 12px; line-height: 17px; height: 17px; display: block; padding: 0 0 0 25px; float: right; background: top left no-repeat url(images/bg-print.gif); }

.profile-head a.return { font-size: 12px; line-height: 26px; float: left; }

/* Constractor Message General =================================================================================*/
.content-540 { width: 540px; float: left; padding: 10px 0 0; }
.content-540 p{ padding: 0 0 20px; } 
.content-540 ul.message-details { margin: 0 0 20px; line-height: 14px; height: 14px; }
.content-540 ul.message-details li { float: left; margin: 0 15px 0 0; font-size: 12px; color: #666; }
.content-540 label { font-size: 13px; margin: 0 0 15px; }

.sidebar-180 { width: 180px; float: right; padding: 10px 0 0; }
.sidebar-180 a.print{ font-size: 12px; line-height: 17px; height: 17px; display: block; padding: 0 0 0 25px; float: right; background: top left no-repeat url(/images/bg-print.gif); }

.profile-head a.return { font-size: 12px; line-height: 26px; float: left; }


/* Constractor Register =================================================================================*/

.contractor-register { padding: 10px 0 40px; float: left;}
.contractor-register h1 { padding: 0 0 10px; }

.contractor-register .signup-block { padding: 20px 20px 10px; width: 470px; }
.contractor-register .signup-block label { font-size: 13px; }
.contractor-register table { margin: 0; width: 466px; }
.contractor-register table td{ padding: 4px 0px; }
.contractor-register table td.c1 { width: 120px; vertical-align: top; padding: 8px 10px 0 0;}
.contractor-register .input:focus { border: solid 1px #222; }

.contractor-register table td.c2 { width: 336px; }
.contractor-register table td.c2 .input { width: 220px; float: left; }
.contractor-register table td.c2 span { float: right; color: #000; font-size: 13px; font-weight: bold; line-height: 30px; margin: 0 10px 0 0; }	

.contractor-register table td.c3 { width: 336px; vertical-align: top; font-size: 12px; padding: 8px 0 0; }
.contractor-register table td.c4 { height: 45px; }
.contractor-register table td.c4 .input { float: left; }
.contractor-register table td.c4 .input-short-2{ width: 50px; }

.contractor-register .input-short { width: 80px; }
.contractor-register label.short { float: left; font-size: 13px; font-weight: bold; padding: 0 5px 0 15px; line-height: 30px; }

.contractor-register ul li { float: left; margin: 0 8px 10px 0; }
.contractor-register ul li table { width: 75px; }
.contractor-register ul li table td { vertical-align: top; font-size: 11px; line-height: 13px; }
.contractor-register ul li table td.c1 { padding: 0; width: 20px;  } 
.contractor-register ul li table td.c2 { width: 55px; padding:0; }

.agreement { padding: 0 0 0 10px; float: left; }
.agreement table td{ font-size: 12px; vertical-align: middle; padding: 30px 0px 30px 0; }
.agreement .note p { line-height: 40px; margin: 0 0 0 20px; }


/* Post Project =================================================================================*/
ul.steps-num { float: left; height: 24px; line-height: 24px; margin: 8px 0 10px; }
ul.steps-num li{ float: left; font-size: 12px; line-height: 24px; color: #9d9d9d; padding: 0 0 0 32px; margin: 0 0 0 25px; background: top left no-repeat url(/images/bg-steps.gif); overflow: hidden; }

ul.steps-num li.first { background-position: 0 -4px;}
ul.steps-num li.second { background-position: 0 -32px;}

ul.steps-num li.first-current { background-position: 0 -60px; color: #1d1d1d;}
ul.steps-num li.second-current { background-position: 0 -88px; color: #1d1d1d;}

.post-project-info { padding: 30px 25px 0px 25px; margin: 0 auto; }
.post-project-info .trusted { float: right; position: relative; top: 5px; right: 0; margin: 0 0 20px 20px; display: block; }

.post-project-info p { margin: 0 0 10px; font-size: 12px; }
.post-project-info p.b-border { margin: 0 0 5px; padding: 0 0 5px; font-weight: bold; }
.sidebar .post-project-info ul { list-style: disc; font-size: 12px; margin: 0 0 0 30px; }
.sidebar .post-project-info ul li{ line-height: 14px; margin: 0 0 5px; }

.wrapper-post-project-details { border: solid 10px #d6d6d6; }
.post-project-details { background: #f4f4f4; width: 496px; padding: 25px;}
.post-project-details p{ color: #1d1d1d; font-size: 12px; padding: 0 0 30px; }
.post-project-details h4{ font-size: 16px; margin: 0 0 10px; padding: 0; } 
.post-project-details .input { margin: 0 0 15px; width: 475px; }
.post-project-details .input:focus { border: solid 1px #222; }
.post-project-details table.row-3 { margin: 10px 0 25px; }
.post-project-details table.row-3 td { width: 150px; vertical-align: middle;}
.post-project-details table.row-3 td .input { width: 100px; margin: 0; }
.post-project-details table.row-3 td select { width: 120px; margin: 0; }
.post-project-details .b-border { padding: 0; margin: 0 0 20px; }

.post-project-details ul.proj-type { margin: 10px 0;}
.post-project-details ul.proj-type li { float: left; margin: 0 8px 10px 0; }
.post-project-details ul.proj-type li table { width: 240px; }
.post-project-details ul.proj-type li table td { vertical-align: top; font-size: 12px; line-height: 14px; }
.post-project-details ul.proj-type li table td.c1 { padding: 0; width: 20px;  } 
.post-project-details ul.proj-type li table td.c2 { width: 180px; padding:0; }

.post-project-details table.check td{ font-size: 12px; vertical-align: middle; padding: 0 8px 10px 0; }
.post-project-details table.check { margin: 0 0 10px; }

table.image-list { font-size: 12px; width: 100%; margin-bottom: 8px; }
table.image-list tr { }
table.image-list tr:hover { background: #FFFECA; }
table.image-list td { vertical-align: middle; padding: 10px; text-align: left; }
table.image-list td.image { width: 200px; }
table.image-list td.description { width: 300px; }
table.image-list td.description textarea { width: 300px; }
table.image-list td.delete { }
table.image-list td.delete label { display: inline; padding: 0px; margin: 0px; font-weight: normal; }
table.image-list td.delete input { padding-top: 4px; }

.button-black { display:block; overflow:visible; width:auto; color:#fff; border: none; float: right;
			 	line-height:28px; height:28px; outline:0 none; cursor:pointer; text-decoration: none; 
				padding:0 18px; background: #2e2925 top left repeat-x url(/images/bg-btn-black.gif); text-transform: none; font-weight: bold; font-size: 12px;
				 -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-align: center;
				 text-shadow: 1px 1px 1px #111;}
.button-black:active { border: none; text-decoration: none; background: #201b16; }
a.button-black:hover, a.button-black:active, a.button-blue:focus { text-decoration: none; }

.post-project-details .wrapper-photos { padding: 10px 0 10px;}
.post-project-details .wrapper-photos .single-photo { background: #d6d6d6 center center no-repeat url(/images/bg-add-photo.gif); width: 70px; height: 40px; float: left; border: solid 3px #c3c3c3; margin: 0 5px 7px 0; }
.post-project-details .wrapper-photos .single-photo a {display: block; width: 70px; height: 40px; }

.wrapper-post-project-details .head { background: #c7dff0; padding: 10px 25px;}
.wrapper-post-project-details .head h4 { float: left; font-size: 16px; }
.wrapper-post-project-details .head a { float: right; font-size: 12px; line-height: 32px; }

.wrapper-post-project-details  table.info{ width: 245px; }
.wrapper-post-project-details table.info th { font-size: 14px; vertical-align: middle; font-weight: bold; vertical-align: middle; padding: 0px 5px 5px 5px; } 

.wrapper-post-project-details table.info td { padding: 2px 0; vertical-align: middle; }
.wrapper-post-project-details table.info tr.r1 td.c1 { padding: 5px 5px 5px 10px;}
.wrapper-post-project-details table.info tr.r1 td.c2 { padding: 5px 15px 5px 5px; color: #c01d1d; font-weight: bold;}

.wrapper-post-project-details table.info th.c1 { font-size: 14px; width: 105px; padding: 0 5px 0 10px; font-weight: bold; }
.wrapper-post-project-details table.info td.c1 { font-size: 12px; width: 105px; padding: 3px 5px 5px 10px; font-weight: bold; }

.wrapper-post-project-details table.info th.c2 { font-size: 11px; padding: 0 15px 0 5px; font-weight: bold; }
.wrapper-post-project-details table.info td.c2 { font-size: 12px; padding: 3px 15px 5px 5px; font-weight: normal; }

.wrapper-post-project-details .layout-2 { border-top: solid 1px #ccc; width: 496px; }
.wrapper-post-project-details .layout-2 .col-1{ float: left; width: 265px; padding: 15px 0 0; }
.wrapper-post-project-details .layout-2 .col-2{ float: right; width: 216px; padding: 15px 0 0; }
.wrapper-post-project-details .note { padding: 10px 0; border-top: solid 1px #ccc; margin: 5px 0 0; } 
.wrapper-post-project-details .note p{ font-family:11px; font-style: italic; color: #1d1d1d; line-height: 16px; padding: 0; } 
.wrapper-post-project-details .note p a{ color: #009BDD; }

.photo-preview { border: solid 5px #c3c3c3; float: left; width: 87px; height: 50px; margin: 0 7px 7px 0; }

.submit-project { padding: 70px 24px 0; width: 331px;}
.submit-project p{ font-size: 12px; line-height: 18px; padding: 0 0 10px; }
.submit-project .input { width: 310px; }
.submit-project .input:focus { border: solid 1px #222; } 

.submit-project .agreement { padding: 0; }
.submit-project .agreement table td { font-size: 11px; padding: 10px 0 20px 7px; vertical-align: middle; }
.submit-project .button { margin: 0 auto; background: top left repeat-x url(/images/bg-btn-green-lg.gif); width: 240px; text-align: center; padding: 0; float: left; }
.submit-project .button:active { border: none; text-decoration: none; background: #24930e; }

/* Post Project =================================================================================*/

table.your-bids td.c5 { padding: 15px 0 15px 10px; width: 581px; }
table.your-bids td.c5 .first-line,
table.your-bids td.c6 .first-line,
table.your-bids td.c8 .first-line{ margin: 0 0 5px; color: #959595; font-size: 12px; }
table.your-bids td.c5 .first-line a,
table.your-bids td.c6 .first-line a,
table.your-bids td.c8 .first-line a{ font-size: 15px; font-weight: bold; text-decoration: none; }
table.your-bids td.c5 .first-line a:hover,
table.your-bids td.c6 .first-line a:hover,
table.your-bids td.c8 .first-line a:hover{ text-decoration: underline; }
table.your-bids td.c5 .details,
table.your-bids td.c6 .details,
table.your-bids td.c8 .details{ margin: 0 0 5px; }
table.your-bids td.c5 .details ul li,
table.your-bids td.c6 .details ul li,
table.your-bids td.c8 .details ul li{ float: left; font-size: 12px; margin: 0 10px 0 0; }
table.your-bids td.c5 .third-line,
table.your-bids td.c6 .third-line,
table.your-bids td.c8 .third-line{ font-size: 11px; color: #666666; }
table.your-bids td.c5 .third-line a,
table.your-bids td.c6 .third-line a,
table.your-bids td.c8 .third-line a{ margin: 0 5px 0 0; }
.wrapper-img-100-68 {}

table.your-bids td.c4 { width: 100px; padding: 15px 10px; }
table.your-bids td.c6 { padding: 15px 0 15px 10px; width: 701px; }

h2 span.font-16 { font-size: 16px; }

table.your-bids td.c7 { width: 43px; padding: 20px 5px 0; vertical-align: top; }
table.your-bids td.c8 { width: 638px; padding-left: 10px; }

table.your-bids td.c7 span { width: 43px; height: 30px; margin: 0 auto; background: top left no-repeat url(/images/icons-message.png); display: block; }
table.your-bids td.c7 span.unread { background-position: 0 -4px; }
table.your-bids td.c7 span.read { background-position: 0 -44px; }
table.your-bids td.c7 span.replied { background-position: 0 -85px; }

/* contractor message request =================================================================================*/
.sidebar-250 table.info{ width: 235px; margin: 20px 0 0 10px; border: solid 1px #ccc; }
.sidebar-250 table.info th { font-size: 16px; vertical-align: middle; font-weight: bold; vertical-align: middle; padding: 10px; background: #f1f1f1; border-bottom: solid 1px #ccc; } 
.sidebar-250 table.info th a{ font-size: 11px; line-height: 14px; }

.sidebar-250 table.info td { padding: 2px 0; vertical-align: middle; }
.sidebar-250 table.info tr.r1 td.c1 { padding: 15px 5px 5px 10px;}
.sidebar-250 table.info tr.r1 td.c2 { padding: 15px 15px 5px 5px; color: #c01d1d; font-weight: bold;}

.sidebar-250 table.info th.c1 { font-size: 14px; width: 105px; padding: 0 5px 0 10px; font-weight: bold; }
.sidebar-250 table.info td.c1 { font-size: 12px; width: 105px; padding: 3px 5px 5px 10px; font-weight: bold; }

.sidebar-250 table.info th.c2 { font-size: 11px; padding: 0 15px 0 5px; font-weight: bold; }
.sidebar-250 table.info td.c2 { font-size: 12px; padding: 3px 15px 5px 5px; font-weight: normal; }

.sidebar-250 table.info tr.r2 td.c1 { padding-bottom: 15px;}
.sidebar-250 table.info tr.r2 td.c2 { padding-bottom: 15px; }

.sidebar-250 .wrapper-photo-preview { padding: 5px 0 0 5px; }
.sidebar-250 .photo-preview { height: 40px; width: 70px; border: solid 3px #ccc; float: left; margin: 0 0 4px 4px; }

.content-475 .single-block{ padding: 0 0 10px;}
.content-475 .single-block .b-border p{ padding: 0; font-weight: bold; }
.content-475 .single-block h3 { font-size: 16px; }

.content-475 .create-bid { border: solid 10px #ccc; padding: 25px 25px 5px; width: 405px;}
.content-475 .create-bid h1 { border-bottom: solid 1px #ccc; margin: 0 0 15px; padding: 0 0 10px; }
.content-475 .create-bid label { margin: 0 0 5px; float: left; }
.content-475 .create-bid .input { width: 390px; }
.content-475 .create-bid .input:focus { border: solid 1px #222; }
.content-475 .create-bid table { margin: 0 0 10px; }
.content-475 .create-bid table td { vertical-align: middle; padding: 0 10px 0 0; }
.content-475 .create-bid table td .input { width: 70px;  }
.content-475 .create-bid table td .lebel { display: inline; }
.content-475 .create-bid table td select { width: 100px; }
.content-475 .create-bid .button-red { margin: 0 0 20px; }
.content-475 .create-bid .grey { font-weight: normal; }

/* My Projects Active/Past =================================================================================*/
table.projects th.c6 { padding: 5px 15px; width: 530px; }
table.projects td.c6{ padding:15px 10px; width:102px;  }
table.projects td.c7{ padding:15px 10px; width:417px; }
table.projects td.c7 a{ color: #000; text-decoration: underline; }
table.projects td.c7 a:hover{ text-decoration: none; }
table.projects td.c7 ul.sub-nav { margin: 5px 0 0; }
table.projects td.c7 ul.sub-nav li{ float: left; margin: 0 10px 0 0; }
table.projects td.c7 ul.sub-nav li a{ color:#009BDD; font-size: 11px; line-height: 16px; font-weight: bold; }
table.projects td.c7 ul.sub-nav li a.delete{ color: #9b9b9b; }

.pager { margin-bottom: 10px; }
a.link-projects { margin: 0px 0 0 15px; font-size: 11px; line-height: 24px; font-weight: bold; float: left; }

table.projects th.c8,
table.projects td.c8 { width: 120px; padding: 5px 20px; text-align: center; vertical-align: middle; font-weight: bold; }

/* Post a bid ==============================================================================================*/
.popup-wide { padding: 10px 10px 5px; width: 700px; }
.popup-narrow .main,
.popup-wide .main { float: left; width:420px; }
.popup-narrow p,
.popup-wide p { font-size: 13px; line-height: 17px; padding: 0 0 20px; }
.popup-narrow h1,
.popup-wide h1 { border-bottom: solid 1px #ccc; margin: 0 0 15px; padding: 0 0 10px; }
.popup-narrow h2,
.popup-wide h2 { font-size: 22px; margin: 0 0 5px; padding: 0px; color: #000; }
.popup-narrow h3,
.popup-wide h3 { font-size: 16px; margin: 0px; padding: 0px; color: #000; }
.popup-narrow label,
.popup-wide label { margin: 0 0 5px; float: left; }
.popup-narrow .input,
.popup-wide .input { width: 390px; }
.popup-narrow .input:focus,
.popup-wide .input:focus { border: solid 1px #222; }
.popup-narrow table,
.popup-wide table { margin: 0 0 10px; }
.popup-narrow table td,
.popup-wide table td { vertical-align: middle; padding: 0 10px 0 0; }
.popup-narrow table td.c1,
.popup-wide table td.c1 { vertical-align: top; padding-top: 7px; }
.popup-narrow table td.c1 label,
.popup-wide table td.c1 label{ font-size: 11px; font-weight: normal; float: right; margin: 1px 0 0px 5px; }
.popup-narrow table td.c1 .check,
.popup-wide table td.c1 .check { float: left; }
.popup-narrow table td .input,
.popup-wide table td .input { width: 70px;  }
.popup-narrow table td label,
.popup-wide table td label { display: inline; }
.popup-narrow table td select,
.popup-wide table td select { width: 100px; }
.popup-narrow table td.c3 select,
.popup-wide table td.c3 select { width: 230px; margin: 0 0 2px; }
.popup-narrow .button,
.popup-wide .button { margin: 0 0 20px; }
.popup-narrow .grey,
.popup-wide .grey { font-weight: normal; }
.popup-narrow a.button,
.popup-wide a.button { float: left; }
.popup-narrow .note p,
.popup-wide .note p { font-size:11px; padding: 0 0 10px;}
.popup-narrow .button-green,
.popup-wide .button-green{ height: 41px; line-height: 41x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal;
							background: #289d00 top left repeat-x url(images/bg-btn-green-lg.gif); font-size: 17px; color: #fff; padding: 0 20px; 
							margin: 0 auto; text-decoration: none; text-shadow: 1px 1px 1px #000; float: left; }
.popup-narrow .button-green:active ,
.popup-wide .button-green:active { background: #007500; }


.popup-wide table.info { border: solid 1px #ccc; border-top: none; width: 250px; float: right; }
.popup-wide table.info th { font-size: 16px; vertical-align: middle; font-weight: bold; vertical-align: middle; padding: 10px;
	background: #f1f1f1; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; } 
.popup-wide table.info th a{ font-size: 11px; line-height: 14px; }
.popup-wide table.info td { padding: 2px 0; vertical-align: middle; }
.popup-wide table.info tr.r1 td.c1 { padding: 15px 5px 5px 10px;}
.popup-wide table.info tr.r1 td.c2 { padding: 15px 15px 5px 5px; color: #c01d1d; font-weight: bold;}
.popup-wide table.info th.c1 { font-size: 14px; width: 105px; padding: 0 5px 0 10px; font-weight: bold; }
.popup-wide table.info td.c1 { font-size: 12px; width: 105px; padding: 3px 5px 5px 10px; font-weight: bold; }
.popup-wide table.info th.c2 { font-size: 11px; padding: 0 15px 0 5px; font-weight: bold; }
.popup-wide table.info td.c2 { font-size: 12px; padding: 3px 15px 5px 5px; font-weight: normal; }
.popup-wide table.info tr.r2 td.c1 { padding-bottom: 15px;}
.popup-wide table.info tr.r2 td.c2 { padding-bottom: 15px; }
.popup-wide .agreement { padding: 5px 0px; float: left; }

.popup-narrow { width: 430px; padding: 10px 10px 5px; }
.popup-narrow table.info { border: solid 1px #ccc; border-top: none; width: 250px; float: right; }
.popup-narrow table.info th { font-size: 16px; vertical-align: middle; font-weight: bold; vertical-align: middle; padding: 10px;
	background: #f1f1f1; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; } 
.popup-narrow table.info th a{ font-size: 11px; line-height: 14px; }
.popup-narrow table.info td { padding: 2px 0; vertical-align: middle; }
.popup-narrow table.info tr.r1 td.c1 { padding: 15px 5px 5px 10px;}
.popup-narrow table.info tr.r1 td.c2 { padding: 15px 15px 5px 5px; color: #c01d1d; font-weight: bold;}
.popup-narrow table.info th.c1 { font-size: 14px; width: 105px; padding: 0 5px 0 10px; font-weight: bold; }
.popup-narrow table.info td.c1 { font-size: 12px; width: 105px; padding: 3px 5px 5px 10px; font-weight: bold; }
.popup-narrow table.info th.c2 { font-size: 11px; padding: 0 15px 0 5px; font-weight: bold; }
.popup-narrow table.info td.c2 { font-size: 12px; padding: 3px 15px 5px 5px; font-weight: normal; }
.popup-narrow table.info tr.r2 td.c1 { padding-bottom: 15px;}
.popup-narrow table.info tr.r2 td.c2 { padding-bottom: 15px; }
.popup-narrow .agreement { padding: 5px 0px; float: left; }

/* Tour Page =================================================================================*/
.tour-page {}
.tour-page-head { border-bottom: solid 1px #ccc; padding: 0 0 10px; margin: 0 0 30px; }
.tour-page-head h4 { float: left; margin: 5px 0 0; }
.tour-page-head ul { float: left; margin: 0 0 0 20px; height: 33px; }
.tour-page-head ul li { float: left; height: 31px; line-height: 31px; margin: 0 5px 0 0; }
.tour-page-head ul li a { display: block; font-size: 14px; height: 31px; line-height: 31px; color: #6a6a6a; background: top left repeat-x url(/images/bg-btn-tour-g.gif); 
text-decoration: none; padding: 0 20px; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: solid 1px #bfbfbf; width: 82px; text-align: center; }
.tour-page-head ul li a:hover { color: #333; border: solid 1px #999; }
.tour-page-head ul li a.selected { color: #fff; background: top left repeat-x url(/images/bg-btn-tour-b.gif); border: solid 1px #00478b; }
.tour-page-head ul li a.selected:hover {color: #fff; border: solid 1px #00478b;}
.tour-page-body {}
.tour-page-body .main-info { padding: 23px 0 5px 165px; background: top left no-repeat url(/images/bg-tour.png); min-height: 120px; }
.tour-page-body .main-info h1 { font-size: 28px; line-height: 30px; margin: 0 0 10px; }
.tour-page-body .main-info p { color: #5f5f5f; font-size: 15px; line-height: 24px; width: 450px; }

.tour-page-body h2 { font-size: 20px; line-height: 22px; color: #000; margin: 40px 0 0; }
.tour-page-body h3 { color: #5f5f5f; font-size: 15px; line-height: 24px; font-weight: normal; margin: 0 0 10px; padding: 0; }

.tour-page-body .col { width: 444px; float: left; padding: 0 15px 10px 0; }
.tour-page-body .col .wrapper-img { margin: 0 0 10px 0;}
.tour-page-body .col p { color: #747474; }

/* -------------------------------------------------------------------------- */
/* Signup page */
/* -------------------------------------------------------------------------- */

div.signup-page { }
div.signup-page div.full-page-block { padding-top: 12px; }
div.signup-page h1 { margin-bottom: 12px; }
div.signup-page p { margin-bottom: 12px; }


/* Footer =================================================================================*/
#wrapperfooter { height: 100px; width: 100%; position: absolute; bottom: 0; }
.footer { margin: 0 auto; width: 950px; height: 90px; padding-top: 10px; }
.footer ul{ float: left; }
.footer ul li { float: left; font-size: 10px; color: #1f220d; font-weight: bold; line-height: 12px; margin: 0 7px 10px 0px; } 
.footer ul li a{ font-size: 10px; color: #1f220d; font-weight: bold; line-height: 12px; text-decoration: underline; } 
.footer ul li a:hover{ text-decoration: none; }
.footer p { float: left; color: #1f220d; font-size: 10px; line-height: 20px; margin: 0px; padding: 0; }
.footer p.doejo { float: right; }
.footer p.doejo a{ font-weight: bold; font-style: italic; font-size: 13px; font-family: 'ArcherPro', Georgia, "Times New Roman", Times, serif; color: #000000; text-decoration: none; color: #555; } 
.footer p.doejo a:hover{ color: #222; }

/* -------------------------------------------------------------------------- */
/* Additional */
/* -------------------------------------------------------------------------- */

div.error { padding: 8px 0px; color: #EB2929; font-size: 13px; font-weight: bold; }
.field-error { color: #ff0000; font-size: 12px; font-weight: bold; padding: 4px 0px; }
span.required { color: #ff0000; }


div.flash_message { font-size: 13px; padding: 12px; font-weight: bold; background: #FFF6AC; border: 2px solid #F7E559; margin-bottom: 8px; }
div.flash_error { background: #FFEFED; border: 2px solid #EA3E29; color: #EA3E29; }
div.flash_success { background: #C3FFAC; border: 2px solid #8AF759; }

div.line-loading {
	font-size: 13px; background: url('/images/ajax-loader-small.gif') no-repeat scroll 0px 4px;
	padding: 4px;
	padding-left: 20px;
	color: #777;
	margin-top: 8px;
}

div.settings-tabs {
	background: #f2f2f2;
	border: 1px solid #dadada;
	padding: 6px;
	margin: 8px 0px;
}

div.pages-index {
	width: 180px;
	margin-right: 20px;
	margin-top: 6px;
	float: left;
}

div.pages-index h3 { padding: 4px 6px; margin-bottom: 4px; }
div.pages-index a.page-link {
	padding: 4px 6px;
	display: block; color: #333;
	text-decoration: none;
	font-size: 13px;
}

div.pages-index a.page-link:hover { background: #eee; }
div.pages-index a.page-link-selected { background: #ddd; }

ul.feat-list { list-style: disc; margin: 0 0 0 20px; }
ul.feat-list li { font-size: 13px; line-height: 16px; margin-bottom: 8px; }

div.settings-tabs ul { }
div.settings-tabs ul li { float: left; margin-right: 8px; }
div.settings-tabs ul li a { color: #2254ad; padding: 3px; font-size: 13px; text-decoration: none; font-weight: bold; }
div.settings-tabs ul li a:hover { text-decoration: underline; }
div.settings-tabs ul li a.selected { color: #333; font-weight: bold; text-decoration: underline; }

table.billing-table { }
table.billing-table td { padding: 4px 4px; }

table.company { margin: 8px 0px; }
table.company td { padding: 4px; padding-top: 0px; }
table.company td.c1 { vertical-align: middle; }

table.billing { font-size: 13px; width: 400px; border: 1px solid #ccc; }
table.billing td { padding: 5px; }
table.billing td.label { width: 100px; text-align: right; background: #eee; }

table.portfolio-images { }
table.portfolio-images td { padding: 4px; }
table.portfolio-images td div.placeholder { border: 6px solid #ddd; width: 160px; height: 115px; background: #fff; }
table.portfolio-images td div.placeholder div.upload { display: none; }
table.portfolio-images td div.placeholder:hover { border-color: #aaa; }
table.portfolio-images td div.placeholder div.locked { width: 160px; height: 115px; position: absolute; text-align: center; background: #fff url('/static/no-bg.jpg'); }
table.portfolio-images td div.placeholder div.locked p { vertical-align: middle; padding-top: 50px; font-size: 13px; color: #555; }
table.portfolio-images td div.placeholder div.data { width: 160px; height: 115px; position: absolute; text-align: center; }
table.portfolio-images td div.placeholder div.data .input { font-size: 11px; display: inline; margin-top: 40px; }
table.portfolio-images td div.placeholder div.image { width: 160px; height: 115px; position: absolute; display: none; }
table.portfolio-images td div.placeholder div.image img { width: 160px; height: 115px; position: absolute; }
table.portfolio-images td div.placeholder div.image div.delete { cursor: pointer; display: none; position: absolute; padding: 2px 4px; font-size: 12px; background: #D51515; color: #fff; }
table.portfolio-images td div.placeholder div.image div.delete:hover { background: #EC3838; }
table.portfolio-images td div.placeholder div.loading { display: none; width: 160px; height: 115px; background: #fff url('/images/ajax-img.gif') no-repeat center center; position: absolute; }

table.notifications { width: 400px; }
table.notifications td { padding: 8px; vertical-align: top; }
table.notifications td label { margin-bottom: 0px; }
table.notifications td.checkbox { width: 8px; padding: 8px 0px; }
table.notifications td p.description { font-size: 12px; color: #888; }
table.notifications tr { border-bottom: 1px solid #ddd; }

table.invoices { width: 600px; font-size: 13px; background: #fff; }
table.invoices th { font-weight: bold; background: #eee; padding: 6px; }
table.invoices td { padding: 6px; }
table.invoices tr { border-bottom: 1px solid #ddd; }
table.invoices span.ok { color: #009527; font-weight: bold; }
table.invoices span.fail { color: #E31917; font-weight: bold; }


/* ------------------------------------------------------------------ */
/* Carousel */
/* ------------------------------------------------------------------ */

.infiniteCarousel {
  position: relative;
}

.infiniteCarousel .wrapper {
	width: 566px;
	height: 349px;
	/* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  position: absolute;
  top: 0;
  margin: 0px;
  padding: 0px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
	display:block;
	float:left;
	width: 566px;
	height: 349px;
}

.infiniteCarousel ul li a img {
  display:block;
}

/* ------------------------------------------------------------------ */

div.certificate { float: left; margin-right: 12px; }
div.certificate img { border: 1px solid #ccc; }
div.certificate div.not-approved {
	padding: 4px;
	padding-left: 16px;
	font-size: 12px; color: #777; background: url('/images/icons/37.png') no-repeat scroll 0px 6px;
}

div.certificate div.approved {
	padding: 4px;
	padding-left: 16px;
	font-size: 12px; color: #138E14; background: url('/images/icons/02.png') no-repeat scroll 0px 6px;
}

/* ------------------------------------------------------------------ */
/* Dashboard */
/* ------------------------------------------------------------------ */

div.dashboard-links { margin-top: 8px; float: left; }
div.dashboard-links ul { padding: 12px; }
div.dashboard-links ul li { padding: 6px; }
div.dashboard-links ul li a { font-size: 14px; color: #000; font-weight: bold; }
div.dashboard-links ul li a:hover { background: #2254AD; color: #fff; }
div.dashboard-links ul li p.description { color: #777; font-size: 12px; }

div.dashboard-stats { margin-top: 25px; margin-left: 40px; float: left; width: 500px; }
div.dashboard-stats ul { padding: 12px; }
div.dashboard-stats ul li { padding: 6px; }
div.dashboard-stats h4 { font-size: 16px; margin: 0px; margin-bottom: 6px; border-bottom: 1px dotted #ccc; }
div.dashboard-stats h4 a.small-link { font-size: 12px; font-weight: normal; }
div.dashboard-stats p { padding: 4px 0px; }

div.dashboard-history { margin-top: 20px; }
div.dashboard-history p.item { font-size: 13px; padding: 2px 0px; }
div.dashboard-history p.item span.time { color: #777; font-size: 12px; }

/* ------------------------------------------------------------------ */
/* Bid Details */
/* ------------------------------------------------------------------ */

table.bid-details { width: 100%; font-size: 13px; margin-bottom: 8px; }
table.bid-details td { padding: 4px; vertical-align: top; }
table.bid-details td.label { width: 100px; text-align: right; color: #444; font-weight: bold; }

div.bid-comments { font-size: 13px; }
div.bid-comments div.comment { border-top: 1px dotted #ccc; padding: 8px 0px; }
div.bid-comments div.comment div.author { }
div.bid-comments div.comment div.author span.time { font-size: 12px; color: #666; }
div.bid-comments div.comment div.message { line-height: 150%; padding-top: 8px; }

/* ------------------------------------------------------------------ */
/* Work Dashboard */
/* ------------------------------------------------------------------ */

div.work-dashboard { }
div.work-dashboard div.item { padding: 8px; border-bottom: 1px dotted #ccc; }
div.work-dashboard div.item h2 { font-size: 15px; color: #000; }
div.work-dashboard div.item img.avatar { margin-right: 8px; float: left; padding: 1px; border: 1px solid #ccc; }
div.work-dashboard div.item a.name { text-decoration: none; float: left; color: #333; font-weight: bold; font-size: 13px;}

/* ------------------------------------------------------------------ */
/* Work Menu */
/* ------------------------------------------------------------------ */

div.work-menu { background: #eee; border: 1px solid #ccc; }
div.work-menu a { font-size: 13px; font-weight: bold; padding: 3px 5px; }

/* ------------------------------------------------------------------ */
/* Work Message */
/* ------------------------------------------------------------------ */

div.work-messages { }
div.work-messages div.links { padding: 8px 0px; border-bottom: 1px solid #ccc; }
div.work-messages div.links a { font-size: 13px; color: #000; padding: 4px; }
div.work-messages div.item { border-bottom: 1px dotted #ccc; font-size: 13px; padding: 12px; }
div.work-messages div.item:hover { background: #fff; }
div.work-messages div.item a { font-size: 15px; color: #000; text-decoration: none; font-weight: bold; padding: 4px 0px; }
div.work-messages div.item a:hover { text-decoration: underline; }
div.work-messages div.item div.update { padding: 2px 0px; font-size: 12px; color: #777; }

div.work-message { padding: 10px 0px; }
div.work-message div.head { border-bottom: 1px solid #ccc; padding: 8px 0px; }
div.work-message div.head div.subject { font-weight: bold; font-size: 18px; }
div.work-message div.head div.from { padding: 4px 0px; }
div.work-message div.head div.from p span.label { padding-right: 8px; color: #777; }
div.work-message div.message { line-height: 150%; padding: 8px 0px; border-bottom: 1px solid #ccc; }
div.work-message div.message p { line-height: 160%; }
div.work-message div.reply-form { padding: 4px 0px; margin-top: 8px; }
div.work-message div.comment { margin-top: 8px; border-bottom: 1px dotted #ccc; }
div.work-message div.comment div.head { padding: 0px; margin: 0px; border: 0px none; }
div.work-message div.comment div.head p.author { font-weight: bold; padding: 0px; margin: 0px; padding-top: 0px; }
div.work-message div.comment div.head p.time { font-size: 12px; color: #777; padding-top: 0px; }
div.work-message div.comment div.body { padding: 4px 0px; margin-left: 40px; padding-top: 4px; }
div.work-message div.comment div.body p { line-height: 150%; }

/* ------------------------------------------------------------------ */
/* Work Files */
/* ------------------------------------------------------------------ */

div.work-files { font-size: 13px; }
div.work-files div.links { padding: 8px 0px; border-bottom: 1px solid #ccc; }
div.work-files div.links a { font-size: 13px; color: #000; padding: 4px; }
div.work-files table { width: 100%; margin-top: 8px; }
div.work-files table td { padding: 8px 0px; vertical-align: top; }
div.work-files table td.icon { width: 40px; text-align: right; padding-right: 4px; }
div.work-files table tr { border-bottom: 1px dotted #ccc; }
div.work-files table tr:hover { background: #fff; }
div.work-files div.item { padding: 4px; padding-top: 0px; }
div.work-files div.item a { font-size: 15px; color: #000; font-weight: bold; text-decoration: none; }
div.work-files div.item a:hover { text-decoration: underline; }
div.work-files div.item span.description { color: #555; font-size: 13px; }
div.work-files div.item p.info { color: #999; font-size: 12px; }

span.description { font-size: 12px; color: #666; }


#site-announcement { padding: 10px; background: #F2F2F2; border-bottom: 1px solid #aaa; font-size: 13px; font-family: Arial; font-weight: bold; text-align: center; }


/************************************************/
/******************** Clears ********************/
/************************************************/
.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; margin: 0px; padding: 0px; width: 100%; }
.page:after,
.header:after,
.main-menu:after,
.top-menu:after,
.homeowners-box:after,
.contractors-box:after,
.featured-contractors-listing:after,
.footer:after,
.constractor:after,
.company:after,
.info:after,
.main:after,
.filter-menu:after,
.full-page-block:after,
.register-page:after,
.sidebar .company-info:after,
.details:after,
.single-project-post-bid-block:after,
.single-project .single-project-head:after,
.get-started-block .feat:after,
.users-projects .head:after,
.users-projects .single-users-project:after,
.profile-main .table-top:after,
.profile-main .profile-head:after,
.message-details:after,
.contractor-register:after,
.contractor-register table td.c2:after,
.post-project-info:after,
.proj-type:after,
.post-project-details:after,
.wrapper-post-project-details .head:after,
.post-project-details .wrapper-photos:after,
.submit-project:after,
.wrapper-photo-preview:after,
.popup-wide:after,
.popup-narrow:after,
.clearer:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.clearer {zoom:1;}