/* search box front page */
#logo_title {
    background-color: white;
    padding: 15px 0px;
    text-align: center;
}

#search_form {
    background-color: #EBEBEB;
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    margin: 10px auto;
    padding: 5px 0px;
    text-align: center;
    overflow: auto;
}

#search_form form {
    margin: 0px auto;
    width: 590px;
}

#search_form p {
    float: left;
    text-align: left;
    width: 250px;
}

#search_form input {
    margin-bottom: 2px;
    padding: 4px 10px;
    /*width: 230px;*/
    width: 206px;
    color: #3F3B3B;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

#search_form label {
    /*font-size : 95%;*/
    font-size: 12px;
	position : relative;
    left: 2px;
    bottom: 1px;
    text-align: left;
}

#search_form .submit {
    float: left;
    width: 90px;
}

#search_form .submit input {
    color: #000000;
    background-color: #C7DF8B;
    /*font-size: 1.4em;*/
	font-size: 17px;
    font-weight: bold;
    height: 30px;
    padding: 2px;
    
	margin-top: 12px;
	/*position: relative;
    top: 11px;*/
    width: 90px;
}
/* search box front page */

/* explanation of chiefmall */
#explanation {
	clear: both;
    font-size: 14px;
    text-align: center;
}

#explanation p {
    margin: 0px auto 0px;
    text-align: left;
    width: 740px;
}
/* explanation of chiefmall */

/* examples on the front page and recent */
#examples , 
.recent {
    clear: both;
    margin-top: 15px;
    text-align: center;
}

#examples span, 
.recent span {
    display: block;
    font-size: 14px;
    margin: 0px auto;
    text-align: left;
    width: 720px;
	background: url(/img/zoom.png) no-repeat;
	padding: 1px 0px 0px 22px;
}

.recent span {
    background: url(/img/world.png) no-repeat;
}

#examples div, 
.recent div {
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    margin: 5px auto;
    overflow: auto;
	width: 740px;
	overflow: hidden;   /* opera */
}

.recent div {
    border-bottom: none;
    padding-top: 15px;
}

.recent ul {
    padding: 0px 10px;
}

#examples ul {
    float: left;
    font-size: 13px;
    padding: 5px 30px;
    text-align: left;
}

#examples li {
    list-style-type: none;
    margin: 3px 0px;
	/*width: 186px; /* opera, firefox linux requires width to be specified */
}

#examples a {
    text-decoration: none;
}

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

.recent li {
    /*height: 72px;*/
    line-height: 72px;
    display: block;
    float: left;
    text-align: center;
    width: 120px;
}

.recent li img {
    vertical-align: middle;
}

/*.recent li a {
    display: block;
}*/
/* examples on the front page and recent companies */

/* job posting form */
.handle {
    background-color: #EBEBEB;
    border : 1px solid #C0C0C0;
    border-top : 1px solid #EBEBEB;
    width: 130px;
    height: 25px;
    line-height: 25px;
    position: relative;
    top: -11px;
    left: 530px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    font-size: 13px;
	clear: both;
}

.handle sup {
    color: red;
	font-size: 11px;
	font-weight: bold;
}

.handle a {
	background: url(/img/arrow_right_grey.png) no-repeat;
	padding: 1px 0px 0px 22px;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

#job_posting {
    margin : 0px auto 15px auto;
    overflow: auto;
    text-align: left;
}

#job_explanation {
	float: left;
	background-color: #EBEBEB;
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    width: 470px; /*462px;*/
    position: relative;
    top: 25px;
    left: 1px;
    font-size: 13px;
}

#job_explanation p.explanation {
	text-align: center;
    background-color: #FFFFFF;
	padding: 7px;
	line-height: 18px;
	margin: 15px 13px;
}

/* ie */
#job_explanation .errors {
	margin: 15px 13px;
}

#posting {
	float: left;
    width: 380px /*388px;*/
}

#posting p {
	margin: 15px 0px;
}

#posting fieldset.box {
	margin: 0px;
	border-left : 1px solid #C0C0C0;
    padding: 15px 0px 5px 25px /*22px;*/
}

#posting input, #posting textarea {
	/*width: 340px;*/
	width: 316px;
}

#posting textarea {
	height: 100px;
}

#posting .checkbox {
	width: 18px
}

#posting .submit {
    width: 140px;
	height: 35px;
    /*width: 336px;
    height: 30px;*/
}

#ajax_load .success {
	background-color: #FFCE6F;
	border-bottom: 1px solid #FFA800;
	border-top: 1px solid #FFA800;
	font-size: 13px;
	line-height: 18px;
	margin: 10px auto 25px;
	padding: 7px 7px 7px 13px;
	width: 430px;
}

#ajax_load .success p {
	margin: 10px 0px;
}

/* job posting form */

/* search results */
/* search form */
#search_form_small {
    margin : 10px 0px;
    overflow: auto;
}

#search_form_small h1 {
    float: left;
    position: relative;
    top: 5px;
}

#search_form_small #search_form {
    width : 615px;
    float: right;
	margin: 0px;
}
/* search form */

/* stats - paging */
.stats {
    background-color : #EBEBEB;
    clear : both;
    font-size : 12px;
    width: 850px;
    border-bottom : 1px solid #C0C0C0;
    border-top : 1px solid #C0C0C0;
    margin: 0px auto;
    height: 20px;
    line-height: 20px;
}

.stats span {
    margin-left : 5px;
    margin-right : 5px;
}

.stats .paging strong, .stats .paging a {
    margin-left : 1.3px;
    margin-right : 1.3px;
}

.stats .paging {
    font-weight : bold;
    float: left;
}

.stats .count {
    float: right;
}
/* stats - paging */

/* results */
#results {
    margin: 15px 0px;
    overflow: auto;
	color: #3F3B3B;
	font-size: 13px;
	position: relative;
}

#results .row {
    clear : both;
}

* html #results .row {
	height: 30px;	/* ie6 needs some height */
}

#results .col {
	float: left;
	overflow: hidden;
	width: 170px;
}

#results .result {
	text-align: center;
	padding: 5px;
}

#results .result li {
	list-style: none;
}

#results .result .company_icon {
	height: 72px;
    line-height: 71px;
    margin-bottom: 10px;
    
    /*
    height: 79px;
    line-height: 79px;*/
}

.company_icon a {
    display: block;
}

/*.result .company_icon a {
	display: block;
}*/

#results .result img {
    /*margin-bottom: 4px;*/
    vertical-align: middle;
}

/*#results .result .phone a {
    color : /*#4C6F22;*/ /*#000000;
    text-decoration : none;
	font-weight: bold;
}*/

#results .result .city {
    font-style : italic;
}

.result .phone a {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

#no_result .suggestions {
	list-style: circle;
	line-height: 20px;
	margin-left: 30px;
}
/* results */
/* search results */

/* login bar */
.login_bar {
	padding-top: 5px;
	padding-right: -5px;
    text-align: right;
}

.login_bar a {
    margin-left : 5px;
    margin-right : 5px;
}

.login_bar a {
	padding: 1px 0px 0px 22px;
}

.login_bar .account {
	background: url(/img/house.png) no-repeat;
}

.login_bar .join {
	font-size: 14px;
    background: url(/img/arrow_right.png) no-repeat;
}

.login_bar .sign_in {
	padding: 0px;
}

.login_bar .your_site {
	background: url(/img/eye.png) no-repeat;
}

.login_bar .sign_out {
	background: url(/img/lock_open.png) no-repeat;
}

.login_bar a.logo {
	float: left;
	margin-top: -10px;
	height: 45px; /* ie */
}
/* login bar */

/************* content - account - layout of other pages - overrides of the defaults *************/

/* account */
/* account tabs */
.account_logo {
    margin: -10px 0px 5px 0px;
}

.tabs {
    float: right;
    margin-top: 5px;
	margin-bottom: -1px;
	font-size: 12px;
}

.tabs li {
    float: left;
    height: 30px;
    line-height: 30px;
    list-style-type: none;
    margin-right: 6px;
    text-align: center;
    width: 76px;
    border-top: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    color: #0000CC;
	position: relative;
}

/* ie */
.tabs li a {
	display: block;
	height: 30px;
}

.tabs li:hover, .tabs a:hover  /* ie */ { 
    cursor: pointer;
    background-color: #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    color: #000000;
}

.tabs li.selected_tab {
    background-color: #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
}

.tabs li a {
    text-decoration: none;
    color: inherit;
}

.tabs li.selected_tab a {
    color: #000000;
}

.tabs img.premium {
    position: absolute;
	top: -13px;
	right: -15px;
}

.tabs sup {
	color: red;
}
/* account  tabs */

/* todo list */
li.todo {
	list-style: none;
    font-size: 13px;
    height: 23px;
	line-height: 23px;
	padding-left: 30px;
	background: url(/img/cross.png) no-repeat;
}
/* todo list */

.delete {
	position: absolute;
	top: 0px;
	right: 2px;
}
/* account */

/* join */
ul.steps {
	margin-left: 10px;
/*	margin-left: 25px;*/
}

.steps img {
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.steps li {
	list-style: none;
	list-style-position: outside;
	padding-left: 25px;
	/*padding-left: 2px; /* ie  */
}

.steps li a{
	font-weight: normal;
	color: #AFAFAF;
	text-decoration: none;
}

.steps li.selected a {
	font-weight: bold;
	color: #000000;
}

.steps li.selected {
	font-weight: bold;
	background: url(/img/arrow_right.png) no-repeat;
	/*list-style-image: url(/img/arrow_right.png);*/
}

.steps li.checked {
	background: url(/img/tick.png) no-repeat;
	/*list-style-image: url(/img/tick.png);*/
}

#join input.submit {
	width: 120px;
}

#join  textarea {
	width: 62%;
	height: 150px;
}

.summary .logo_preview {
	margin-top: 25px;
	border-bottom: none;
}
/* join */

/* footer */
.footer {
    clear : both;
    /*font-family : verdana;*/
    /*font-size : 11px;*/
	font-size: 12px;
    line-height : 150%;
    margin : 25px auto 0px auto;
    padding-top : 15px;
    padding-bottom: 5px;
    text-align : center;
    border-top: 1px solid #C0C0C0;
}

.footer a {
    /*margin : 0px 2px;*/
	margin: 0px 5px;
    text-decoration : none;
}

.footer a:hover {
    text-decoration : underline;
}

.footer .copyright {
    /*font-size : smaller;*/
    margin-top : 5px;
}

.footer .info {
	background: url(/img/information.png) no-repeat;
	padding: 1px 0px 0px 22px;
}
/* footer */

/* generic */
.summary .contact img, .content .contact img, 
.content .update_listing img {
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.summary #map_canvas {
	padding: 0px;
	border: 0px none;
	height: 200px;
	overflow: hidden;
}

.summary #map_canvas div {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	overflow: visible;
}

.content .header {
	margin-top: 10px;
	z-index: 1;
}
/* generic */

/* user pages */
.summary_locations {
    position: relative;
}

#more_locations_handle {
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-align: right;
    width: 42px;
}

#account_summary #more_locations_handle {
    text-align: left;
    left: 0px;
}

.more_locations {
    display: none;
}

.contact img.mini_img {
	position: relative;
	top: 0px
}

#webpage .header {
	margin-top: /*-5px;*/-25px;
} 

#webpage .header h2 {
    width: 400px;
}

.title h2 a {
	text-decoration: none;
	color: #000000;
}

/* some hackery here */
#on_my_site {
    position: relative;
}

#on_my_site h2, #on_my_site h3{
    position: relative;
    top: 10px
}

#webpage_tabs .tabs li:hover {
    border-bottom: 1px solid #C0C0C0;
}

#login_bar_site {
    margin-bottom: -21px;
}
/* ie */
#webpage_tabs .tabs a:hover { 
    border: none;
}

#webpage_tabs ul.tabs {
	margin-top: -1px;
	position: relative;
	z-index: 2;
}

#webpage_tabs ul.tabs li {
    border: 1px solid #C0C0C0;
    border-top: 1px solid #EBEBEB;
}

/* ie */
#webpage_tabs img {
	position: relative;
	top: 3px;
}

.summary .web_links {
	border-bottom: none;
}

.description {
	font-size: 13px;
	line-height: 19px;
}

h4 .paging {
	position: absolute;
	right: 7px;
	top: 0px;  /* ie */
}

h4 .paging  a {
    text-decoration: none;
}

h4 .paging  a:hover {
    text-decoration: underline;
}

div.portfolio {
/*    overflow: auto;
    margin-bottom: 0px;*/
}

.portfolio h4 {
	margin-bottom: 15px;
}

.portfolio  div.mini_photo {
	float: left;
    min-height: 183px;
	margin: 5px;
	padding: 0px;
	text-align: center;
	width: /*183px;*/ 179px;
	position: relative;
    overflow: hidden;
}

.portfolio div img {
	background: #AAAAAA none repeat scroll 0% 50%;
	border: 7px solid #EBEBEB;
	padding: 1px;
	margin: 0px;
}

.portfolio a:hover img {
	border: 7px solid #C0C0C0;
}

.portfolio div.photo {
    text-align: center;
}

.portfolio div.photo_paging {
    margin-top: 15px;
    text-align: center;
    height: 25px;
}

.leave_review input.submit {
    width: 120px;
}

.portfolio .paging .nav {
    position: absolute;
    right: 4px;
    top: 0px;
}

.portfolio .paging .pages a {
    margin: 0px 1px;
}

.portfolio .paging .pages {
    font-weight: normal;
}

.portfolio .paging .nav .current_page {
    text-decoration: underline;
    font-weight: bold;
}

.portfolio h4.paging {
    font-size: 13px;
}

.portfolio .paging a {
    text-decoration: none;
}

.portfolio .paging a:hover {
    text-decoration: underline;
}

.portfolio .caption {
    margin-top: 20px;
/*    padding: 0px 15px;*/
}

#webpage .portfolio .caption {
/*    padding: 0px 15px;*/
    text-align: left;
}

.portfolio .mini_caption {
/*    padding: 0px 5px;*/
}

.portfolio .edit_caption {
    text-decoration: none;
    color: #000000;
    font-style: italic;
}

.portfolio .caption .errors {
    padding: 3px 7px;
    margin: 0px 0px 15px;
}

.portfolio .caption textarea {
    width: 500px;
    height: 66px;
    overflow: auto;
    color: #3F3B3B;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 4px 0px 4px 10px;
    font-style: italic;
}

.portfolio .save_caption {
    margin-top: 10px;
}

.portfolio .save_caption a {
    font-weight: bold;
}

.portfolio .back_bottom {
    font-size: 13px;
    margin-top: 15px;
}

#my_portfolio {
    position: relative;
}
/* user pages */

/* generic pages */
#generic div.categories {
    margin: 7px 0px 0px 0px;
    padding: 0px;
    font-weight: normal;
	line-height: 25px;
}

#generic .categories h3 {
	font-weight: normal;
}

/* generic pages */

/* sign in */
#resend_password .submit {
	width: 220px;
}
/* sign in */

/* contact */
#summary_contact h3 {
	font-size: 13px;
}

#contact textarea {
	width: 65%;
}

#contact .submit {
	width: 150px;
}

#contact .required {
	display: block;
	margin-top: 2px;
	font-style: italic;
	font-size: 13px;
	width: 65%;
}
/* contact */

/* There should be a standard layout for terms and faq
      everything in the content which is not a box or an explanation */
/* terms */
#terms {
	float: right;
}

#terms li {
	margin: 10px 20px;
}

#terms ol li {
	list-style: decimal inside;
}

#terms ul li {
	list-style: circle inside;
}

#terms h3, #terms h4, #terms h5, #terms p, #terms ol, #terms ul, 
#faq h3, #faq h4, #faq p {
	margin: 15px 0px;
	line-height: 17px;
}

#faq h4 {
	font-size: 14px;
}

#terms_summary {
	position: fixed;
}
	
#terms_summary li {
	list-style: none;
	line-height: 20px;
	margin-left: 5px;
}

#terms_summary ul {
	margin: 5px 0px;
}

#faq ul {
	margin: 0px 20px;
	font-size: 14px;
}

#faq li {
	line-height: 22px;
	list-style: circle;
}

#terms_summary h3 a {
	color: #000000;
	text-decoration: none;
}
/* terms */

/* faq */
#faq {
	float: right;
}

#faq p {
	font-size: 14px;
	line-height: 20px;
	padding: 0px 5px;
}

#faq_summary a {
	font-weight: bold;
	font-size: 11px;
	line-height: 20px;
	text-decoration: none;
}

#faq_summary a:hover {
	text-decoration: underline;
}
/* faq */
#summary_about h3 {
	font-size: 13px;
}

#about div {
	margin: 0;
	padding: 0;
}

#about img {
	top: 0px;
}

#about .intro {
	margin: 5px 0px 35px 0px;
}

#about .bio {
	margin: 20px 0px;
	overflow: auto;
}

#about .headshot {
	float: left;
	margin-right: 10px;
}

#about .acknowledgement {
	margin-top: 35px;
}
/* about */

a.phone_link {
	text-decoration: none;
	color: #000000;
}

a.phone_link:hover {
	color : #000000;
    /*color : #0000CC;*/
	text-decoration: none;
}

/* search views switching */
.view_change a {
    float: right;
    padding-left: 22px;
    margin: /*-5px*/ 0px 3px 3px 0px;
    text-decoration: none;
}

.view_change a:hover {
    text-decoration: underline;    
}

.view_change .list {
    background: url(/img/application_view_list.png) no-repeat;
}

.view_change .grid {
    background: url(/img/application_view_icons.png) no-repeat;
}
/* search views switching  */

/* list view */
#results_list {
    /*margin: 10px 5px;*/
    margin: 20px 5px 10px 5px;
}

#results_list .result {
    clear: both;
    margin: 10px 0px;
    height: 84px;
    border-bottom: 1px solid #C0C0C0;
}

#results_list .result:last-child {
    border-bottom: none;    
}

#results_list .company_icon {
    height: 72px;
    float: left;
    width: 72px;
    line-height: 71px;
    text-align: center;
}

#results_list .company_icon img {
    vertical-align: middle;
}

#results_list .information {
    height: 69px;
    float: left;
    width: 550px;
    margin: 3px 0px 3px 30px;
    position: relative;
	overflow: hidden;
}

#results_list .expertise, 
#results_list .company_name, 
#results_list .category_name {
    font-weight: bold;
}

#results_list .category_name {
    margin-top: 5px;
}

#results_list .expertise,
#results_list .expertise_user {
    position: absolute;
    bottom: 0px;
}

#results_list .expertise_user,
#results_list .city {
    font-style: italic;
}

#results_list .information ul {
    list-style: none;
}

#results_list .contact {
    float: left;
    height: 72px;
    position: relative;
    width: 184px;
}

#results_list .phone {
    position: absolute;
    top: 0px;
    right: 0px;
}

#results_list .contact .link {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

#results_list .portfolio {
    display: block;
    margin-bottom: 3px;
}

#results_list .website {
    display: block;
}

#results_list p a {
    text-decoration: none;
}

#results_list p a:hover {
    text-decoration: underline;
}
/* list view */

/* star members */
.star_verified {
	position: absolute;
	top: -6px;
	left: -6px;
/*	top: -8px;
	left: -10px;*/
} 

/* it's impossible in ie <= 6 due to a bug with float left and position relative
     it would be easier if a table was used instead of div and float left with uls */
.star_verified_grid {
	position: absolute;
	top: -5px;
	left: 38px;
/*	top: -7px;
	left: 33px;*/
}

.company_icon {
	position: relative;
}
/* star members */

/* webpage licenses */
.summary .license p.verified {
	background: url(/img/tick.png) no-repeat right;
}

.summary .license .expires {
    font-style: italic;
}
/* webpage licenses */

/* account licenses summary */
.license_account .verified, li.verified {
	background: url(/img/tick.png) no-repeat right;
	padding-right: 20px;
}

.license_account .pending, li.pending {
	background: url(/img/exclamation.png) no-repeat right;	
	padding-right: 20px;
}

.license_account .expired, li.expired {
	background: url(/img/error.png) no-repeat right;	
	padding-right: 20px;
}

#add_handle {
	display: block;
	margin-top: 15px;
	margin-left: 5px;
	background: url(/img/pencil_add.png) no-repeat left;
	padding-left: 20px;	
}

#get_verified .box li {
	margin: 0px;
	padding: 5px 0px;
}
/* account licenses summary */

/* account home */
#account_home ul.box, #account_locations ul.box {
    margin: 20px 0px;
}
/* account home */

/* account locations */
.locations {
    background-color: #EBEBEB;
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    padding: 7px 13px;
    margin: 10px 0px 0px;
    width: 100%;
}

.locations td.action {
    text-align: right;
    padding: 2px 0px;
}
/* account locations */

/* related contractors */
div.personel {
    width: 350px;
    float: left;
    margin-top: 0px;
}

div.related {
    width: 200px;
    float: right;
    margin-top: 0px;
    border: 1px solid #FFA800;
}

.related h4 {
    background: #FFCE6F;
    border-top: none;
}

.related p {
    width: 190px;
    overflow: hidden;
    white-space: nowrap;
}   
/* end related contractors */

.next_prev {
    float: right;
    right: 500px;
    font-weight: bold;
    position: relative;
    top: -62px;
    right: 0px;
/*    right: 621px;*/
}

.next_prev a {
    text-decoration: none;
}

.next_prev a:hover {
    text-decoration: underline;
}

/*
.recent li a {
    /*float: left;*//*
    display: block;
    width: 120px;
    height: 72px;
}*/

/* account sub tabs */
.content .subtab {
    margin: 0px;
    padding: 0px;
}

.subtab h2 {
    display: inline;
}

.subtab a:hover {
    text-decoration: underline;
}

.subtab a.selected {
    color: #000000;
}

.subtab a.selected {
    text-decoration: none;
}
/* account sub tabs */

/* account successul updates  */
.content .success {
    background-color: #FFCE6F;
    border: 1px solid #FFA800;
    margin: 20px 0;
    padding: 7px 13px;
    position: absolute;
    top: 109px;
    right: 28px;
}
/* account successul updates  */

/* company logo */
a.company_logo {
    display: block;
}

.company_logo img {
    background: #AAAAAA;
    border: 4px solid #EBEBEB;
    padding: 1px;
}

/* it does not work in ie6 for unknown reason once again... */
a.company_logo:hover img {
    border: 4px solid #C0C0C0;
}
/* company logo */

/* next result */
.next_result {
    position: absolute;
    bottom: 45px;
    right: 20px;
    font-weight: bold;
}
/* next result */

/* account upload */
.upload_form {
    background: #EBEBEB;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0px 15px;
}

.upload_form label {
    padding-left: 20px;
    background: url(/img/lightning.png) no-repeat;
}

.upload_form #loading {
    position: absolute;
    left: 200px;
    top: 6px;
}

.upload_form input {
    margin-top: 3px;
    width: 225px;
}
/* account upload */