/* 

LEAFKEY
MAIN STYLE SHEET
by Anna Taylor for Axis 80 Interactive

	CONTENTS ----------
	
	   1.RESET
	   2.BODY
	   3.DEFAULT STYLING
	   4.HEADINGS
	   5.LINKS
	   6.LAYOUT
	   7.BRANDING/MASTHEAD/NAVIGATION
       8.GLOBAL ELEMENTS
	   9.SITEINFO/FOOTER
       10.HOME
       11.JOB LISTINGS
       12.ECO EXPERTS

 */
 
/* 1.RESET by Eric Meyer
---------------------------------------------------------------------- */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background-color: #ffffff;
	background-image:url('/images/bg-main.gif');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom left;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


 
 /* 2.BODY
---------------------------------------------------------------------- */
html, body { margin: 0; padding: 0; height: 100%; min-height: 100%; }
body { background-color: #FFFFFF; font: normal 12px/18px Arial, Helvetica, sans-serif; color: #666666; text-align: center; }
 
 
 
 /* 3.DEFAULT STYLING
---------------------------------------------------------------------- */
ul { margin: 0 0 0 20px; padding: 0 0 0 5px; }
li { margin: 15px 0; padding: 0; line-height: 12px; }
p { margin: 10px 0; }
 
 
 
 /* 4.HEADINGS
---------------------------------------------------------------------- */
h1 { color: #bed73d; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 28px; font-weight: normal; padding: 0 0 10px 0; }
h2 { font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 18px; color: #84c5c6; font-weight: bold; border-bottom: 1px dotted #84c5c6; border-top: 1px dotted #84c5c6; padding: 5px 0; margin: 15px 0 5px 0; }
 
 
 
 /* 5.LINKS
---------------------------------------------------------------------- */
a:link, a:active, a:visited { color: #3da32f; text-decoration: underline; }
a:hover { color: #3da32f; text-decoration: none; }

 
 
 /* 6.LAYOUT
---------------------------------------------------------------------- */
#container { margin-left: auto; margin-right: auto; width: 804px; text-align: left; }
#mini-search-zip { width: 804px; height: 77px; }
#mini-search-state { width: 804px; height: 77px; }
#mini-search-box { background-color: #84c5c6; }
#mini-search-content { padding: 0 10px; color: #d6feff; font-weight: bold; }
#content { padding: 40px 0; }

 
 
 /* 7.BRANDING/MASTHEAD/NAVIGATION
---------------------------------------------------------------------- */
#branding-home { width: 804px; background: url(../images/branding-home-v3.gif) no-repeat top center; height: 304px; }
#branding { width: 804px; height: 154px; text-align: left;  }
#login-nav { width: auto; height: 24px; background-color: #F6851B; float: right; text-align: center; color: #ffffff; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 15px; }
#login-nav img { vertical-align: middle; }
#login-nav a:link, #login-nav a:active, #login-nav a:visited { color: #ffffff; font-weight: bold; text-decoration: none; }
#login-nav a:hover { color: #ffff10; font-weight: bold; text-decoration: none; }
#navigation { float: right; width: 394px; padding: 50px 0 0 0; }
.nav-text-masthead { font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 18px; color: #84c5c6; display: block; text-align: right; font-weight: normal; }
.nav-text-masthead a:link, .nav-text-masthead a:active, .nav-text-masthead a:visited { font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 18px; color: #84c5c6; text-decoration: none; font-weight: normal; }
.nav-text-masthead a:hover { font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 18px; color: #daedee; text-decoration: underline; font-weight: normal; }

 
 
 /* 8.GLOBAL ELEMENTS
---------------------------------------------------------------------- */
.floatleft { float: left; }
.floatright { float: right; }
.clearer { display: block; clear: both; height: 0; overflow: hidden; }
.submit { vertical-align: middle; *vertical-align: text-bottom; }
.input-box { 
font-family: Arial, Helvetica, sans-serif;  
background: transparent url(../images/input-box-home.gif) no-repeat scroll 0 0;  
border: none;  
font-size: 12px;  
color: #444444;  
padding: 4px;  
width: 142px;  }  
.input { width: 150px; margin-left: 5px;  } 

.inline-form fieldset { border: 1px dotted #84c5c6; padding: 0 20px 20px 20px; margin: 20px 0; }
.inline-form legend { font-size: 16px; font-weight: bold; color: #84c5c6; background-color: #FFFFFF; }
.form-top-padding { display: block; height: 20px; }
.inline-form label { font-weight: bold; padding-right: 5px; color: #666666; text-transform: uppercase; }
.inline-form-input { margin-right: 20px; padding: 2px 5px; background-image: none; border: none; background-color: #daedee; }
.inline-form-button { border-top: 1px solid #98c908; background-image: none;  background-color: #3da32f; color: #FFFFFF; font-weight: bold; font-size: 11px; text-transform: uppercase; padding: 2px; } 


 
 /* 9.SITEINFO/FOOTER
---------------------------------------------------------------------- */
#footer { width: 804px; text-align: center; padding: 20px 0 0 0; }
.nav-text-footer { color: #84c5c6; display: block; }
.nav-text-footer a:link, .nav-text-footer a:active, .nav-text-footer a:visited { color: #84c5c6; text-transform: uppercase; text-decoration: underline; font-weight: bold; }
.nav-text-footer a:hover { color: #84c5c6; text-transform: uppercase; text-decoration: none; font-weight: bold; }
.copyright { display: block; color: #afafaf; padding: 10px 0 20px 0; font-weight: bold; text-align: center; }
.copyright a:link, .copyright a:active, .copyright a:visited { color: #afafaf; text-decoration: underline; text-transform: none; }
.copyright a:hover { color: #b7ffb4; text-decoration: none; text-transform: none; }


 
 /* 10.HOME
---------------------------------------------------------------------- */

/* Search boxes */
#search-wrapper { width: 804px; }
.rbroundbox { background-color: #84c5c6; margin: 0 10px; float: right; color: #d6feff; font-size: 15px; font-weight: bold; }
.rbtop div  { background: url(../images/simple_top_left.gif) no-repeat top left; }
.rbtop      { background: url(../images/simple_top_right.gif) no-repeat top right; }
.rbbot div  { background: url(../images/simple_bottom_left.gif) no-repeat bottom left; }
.rbbot      { background: url(../images/simple_bottom_right.gif) no-repeat bottom right; }

.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.rbcontent  { margin: 0 14px; }
.rbroundbox { width: 375px; }

#content-wrapper-home { width: 804px; padding: 40px 0; }

/* Tweets*/
#tweets-column { width: 250px; float: left; border-right: 1px dotted #bed73d; padding-right: 14px; }
#tweets-column h3{
    border-top: 2px solid #E2BBAA;
    color: #7C7C7C;
    font-size: 21px;
    font-weight: normal;
    margin: 10px 0;
    padding: 12px 0;
}
.tweet-wrapper { border-bottom: 1px dotted #84c5c6; padding: 10px 0; margin: 0 0 10px 0; text-align: justify; }
.tweet-date { background-color: #98c908; color: #ffffff; padding: 2px 5px; font-weight: bold; }
.tweet-see-more { text-align: center; font-size: 13px;  }
.tweet-see-more a { font-weight: bold }
.tweet-see-more-bullet { color: #98c908; font-weight: bold; font-size: 14px }
.tweet-footer { padding: 4px 0; margin: 0 0 20px 0; }

/* Facebook */
.facebook {
	margin: 20px 0;
	text-align: center;
}

/* Jobs */
#jobs-column { width: 250px; float: left; padding: 0 12px; }
#jobs-column h3{
    border-top: 2px solid #E2BBAA;
    color: #7C7C7C;
    font-size: 21px;
    font-weight: normal;
    margin: 10px 0;
    padding: 12px 0;
}
.jobs-wrapper { display: block; border-bottom: 1px dotted #84c5c6; padding: 10px 0; margin: 0 0 10px 0; }
.jobs-wrapper a:link, .jobs-wrapper a:active, .jobs-wrapper a:visited { color: #3da32f; text-decoration: underline; font-weight: bold; }
.jobs-wrapper a:hover { color: #3da32f; text-decoration: none; font-weight: bold; }
.jobs-bottom-links { display: block; vertical-align: middle; }
.jobs-bottom-links a:link, .jobs-bottom-links a:active, .jobs-bottom-links a:visited { color: #98c908; text-transform: uppercase; text-decoration: underline; font-weight: bold; }
.jobs-bottom-links a:hover { color: #98c908; text-transform: uppercase; text-decoration: none; font-weight: bold; }

#verified-column {  width: 250px; float: left; border-left: 1px dotted #bed73d; padding-left: 14px; }
#verified-column p { text-align:justify; }
#verified-column p img { float: left; margin-right: 7px; }

.ads-container-home { width: 250px; height: 250px; padding: 12px 0 12px 0; }

.ads-container-home-annaold { width: 250px; height: 252px; background: url(../images/bg-advertising.gif) no-repeat; padding: 26px 0 8px 0; }


 
 /* 11.JOB LISTINGS
---------------------------------------------------------------------- */
/* List */
#job-listings-container { border-top: 1px dotted #84c5c6; margin-top: 15px; float: left; }
.job-listing-wrapper { display: block; padding: 2px 0; border-bottom: 1px dotted #84c5c6; float: left; }
.job-listing-wrapper a:link, .job-listing-wrapper a:active, .job-listing-wrapper a:visited { display: block; background-color: #ffffff; padding: 10px 0 10px 10px; color: #333333; text-decoration: none; float: left; }
.job-listing-wrapper a:hover { display: block; background-color: #ebebeb; padding: 10px 0 10px 10px; color: #333333; text-decoration: none; float: left; }
.job-listing-new { display: block; width: 54px;  float: left; }

/*  Old
.job-listing-title { display: block; width: 245px; font-weight: bold; float: left; }
.job-listing-location { display: block; width: 245px; font-weight: bold; float: left; }
.job-listing-company { display: block; width: 250px; font-weight: bold; float: left; }
*/

.job-listing-title-newstyle { font-size: 16px; font-weight: bold; text-transform: uppercase }
.job-listing-info-fields { font-size: 14px }

/* Detail */
.post-date { background-color: #c1c1c1; color: #ffffff; padding: 2px 5px; font-weight: bold; }


 
 /* 12.ECO EXPERTS
---------------------------------------------------------------------- */
/* Categories */
.eco-column { width: 240px; padding: 10px; margin: 0 4px; text-align: left; float: left; }
.category-wrapper { width: 240px; border-bottom: 1px dotted #84c5c6; float: left; }
.category-wrapper img { vertical-align: middle; text-decoration: none; float: left; }
.category-wrapper a:link, .eco-column a:active, .eco-column a:visited { display: block; width: 224px; text-decoration: none; font-weight: bold; float: left; }
.category-wrapper a:hover { display: block; width: 224px; text-decoration: underline; color: #bed73d; font-weight: bold; float: left;  }

/* Search Results */
.search-header { display: block; width: 256px; padding: 5px; margin: 20px 2px 0 0; float: left; background-color: #8c8d90; color: #FFFFFF; font-weight: bold; }
.search-item { width: 804px; border-bottom: 1px dotted #84c5c6; padding: 2px 0; float: left; }
.search-item a:link, .search-item a:active, .search-item a:visited { display: block; background-color: #ffffff;  color: #333333; text-decoration: none; float: left; }
.search-item a:hover { display: block; background-color: #ebebeb; color: #333333; text-decoration: none; float: left; }
.search-result-column { display: block; width: 256px; padding: 5px; margin-right: 2px; float: left; }

/* Profiles */
.profile-name-address-container { float: left; padding: 10px 0px 0px 0px }
.profile-contactinfo-container { float: left; padding: 13px 0 0 240px;  }
.profile-name { font-size: 16px; font-weight: bold; text-transform: uppercase }
.profile-address { font-size: 16px; font-weight: normal }
.profile-contactinfo {  }
.profile-description { font-size: 14px; font-weight: normal; margin: 18px 0 0 0 }
.profile-verified { font-size: 14px; margin: 18px 0 0 0 }

/*  LOG IN / SIGN UP
---------------------------------------------------------------------- */
.forgot-password-text { font-size: 15px; }

/**
 * Stuff added by Travis
 */
 
.form-error {
	color: #a80000;
	font-weight: bold;
}

div.busy {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../images/icon_busy.gif");
	visibility: hidden;
}

#home-statesearch-busy {
	width: 16px;
	height: 16px;
	visibility: hidden;
}

/**
 * Tables
 */

table {
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 16px 0;
}

table thead th {
	background-color: #8c8d90;
	color: #fff;
	padding: 5px;
	border-right: 2px #fff solid;
}

table tbody td {
	border-bottom: 1px #84c5c6 dotted;
	padding: 7px 5px;
}

/**
 * Pagers
 */

div.pager {
	margin: 0 0 16px 0;
	font-weight: bold;
}

div.pager-first {
	float: left;
	width: 10%;	
}

div.pager-prev {
	float: left;
	width: 10%;
}

div.pager-pages {
	float: left;
	width: 60%;
	text-align: center;
}

div.pager-next {
	float: left;
	width: 10%;
	text-align: right;
}

div.pager-last {
	float: left;
	width: 10%;
	text-align: right;
}

div.pager-end {
	clear: left;
}

#minisearch {}

#minisearch-tabs {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#minisearch-tabs li {
	float: left;
	margin: 0;
}

#minisearch-tabs a {
	display: block;
	text-indent: -9999px;
	outline: 0;
}

#minisearch-tab-radius {
	background-image: url("../images/tab-mini-search-zip-off.gif");
	width: 145px;
	height: 36px;
}

#minisearch-tab-radius.active {
	background-image: url("../images/tab-mini-search-zip-on.gif");
}

#minisearch-tab-state {
	background-image: url("../images/tab-mini-search-state-off.gif");
	width: 184px;
	height: 36px;
}

#minisearch-tab-state.active {
	background-image: url("../images/tab-mini-search-state-on.gif");
}

#minisearch-tabs-after {
	clear: left;
}

#minisearch form {
	background-image: url("../images/minisearch_form_bg.gif");
	width: 794px;
	height: 37px;
	margin: 0;
	color: #d6feff;
	font-weight: bold;
	padding: 7px 0 0 10px;
}

#minisearch button {
	border: 0;
	padding: 0;
	background-image: url("../images/btn-go.gif");
	width: 35px;
	height: 26px;
	text-indent: -9999px;
	outline: 0;
	cursor: pointer;
}

#minisearch-radius-zip {
	font-family: Arial, Helvetica, sans-serif;
	background: transparent url("../images/input-box-home.gif") no-repeat scroll 0 0;  
	border: 0;  
	font-size: 12px;  
	color: #444;  
	padding: 4px;  
	width: 110px;
}

#minisearch-radius-category {
	font-size: 12px;
}

#minisearch div.busy {
	background-image: url("../images/home_search_busy.gif");
}


div.alert {
	border: 1px #c00 solid;
	padding: 15px;
	color: #c00;
	font-weight: bold;
}

div.alert *:first-child {
	margin-top: 0;
}

div.alert *:last-child {
	margin-bottom: 0;
}

/**
 * Forms
 */

.field {
	margin: 0 0 12px 0;	
}

.field label {
	display: block;
	width: 200px;
	float: left;
}

textarea#description {
	width: 400px;
	height: 100px;
}

#listingform-disclaimer {
	background-color: #dedede;
	padding: 8px;
	color: #000;
}

#listingform-disclaimer-prefix {
	color: #c00;
	font-weight: bold;
}