/* @override 
	http://trees.brightneighbor.com/css/trees.styles.css
*/

html,html body {height:100%;}

body { 
	color: #000; 
	letter-spacing: 0.3px;
	background-color: #7d7872;
	background-image: url(/images/dirt.gif);
}

body#events ol.simple 
{
	margin: 0;
	list-style: none;
}
body#events ol.simple li.tree
{
	padding-left: 24px;
	background: url(/images/nature/tree_16.png) no-repeat 0;
}
ol.simple p {
	margin: 0;
}
ol.simple li
{
	margin: 0 0 2px 0;
}

span.type {
	text-transform: lowercase;
	font-weight: bold;
}
#wrapper {height:100%;min-height: 100%;overflow: auto;}
div#account {
	padding: 0;
	width: 960px;
	margin-bottom: 10px;
}

.pop-trigger {
	text-decoration: underline;
	cursor: pointer;
}
div#account p 
{
	font-size: 14px;
	margin: 0 auto;
	display: inline;
	line-height: normal;
	background:url(../rgba.php?name=blue&a=10) repeat;	
	background: rgba(93,186,213,.1);
	padding: 5px;
	float: left;
	color: #635d56;
}
	div#account form div.field_line { clear: none; float: left; width: 50%; }
		div#account form div.field_line label.remember { display: inline; }
	div#account input#days { margin-left: 10px; }
	div#account input.text { font: normal 12px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; margin: 0; padding: 6px; width: 85%; }
	div#account label { font-weight: 700; }

div.container {
	width: 940px;
	overflow: auto;
	
	text-align: center;
	margin: 0 auto;
}

div#page
{

	text-align: left;
	padding: 15px 10px 40px 10px;
	background:url(../rgba.php?name=white&a=30) repeat;
	background: rgba(255,255,255,.3);
}

div#header {
float: left;
width: 30%;
padding-left: 2%;
margin-top: -5px;
padding-bottom: 10px;
}
div#footer {
	background:url(../rgba.php?name=black&a=10) repeat;
	background: rgba(0,0,0,.1) repeat-x 0 -40px;
}
div#page:after,div#footer:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}



#main
{
	background: #fff url(/images/noise-tile.gif) repeat 0 -30px;}

#sign-in-pop span.signin-method {
position: absolute;
bottom: 10px;	
left: 10px;
color: #345c99;
	text-decoration: underline;
	font-size: 12px;
	cursor: pointer;
}
.content p, .content ul li, .content ol li, form label, #footer div.container div.col ul li a, legend, .awesome
{
	font: 13px/1.4em proxima-nova-1, proxima-nova-2, sans-serif;
	
}
body#about .content p
{
		font: 15px/1.7em proxima-nova-1, proxima-nova-2, sans-serif;
color: #625c55;	clear: both;
	
}
#add-tree div.col.address p, #add-tree div.col.address label {
	clear: both;
	color: #484f50;
}
#add-tree div.col.address p
{
	margin-bottom: 10px;
}
#owner_type li {
	line-height: 20px;
}

form#signupForm {
	float: left;
	width: 95%;
	padding-left: 5%;
}

span.field_line select {
	font: 14px/normal "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 4px 0;
	width: auto;

}


#add-tree div.col.half.first fieldset div.double-up span.field_line select
{
width: 80%;
	font-size: 16px;
}

#nav ul
{
	float: right;
}
#nav ul li {
	float: left;
	display: block;
	margin: 0 10px 0 0;
	font-size: 28px;
		font-weight: 400;
	color: #554b0c;
	background: url(/images/nature/apple_16.ng) no-repeat right;
	padding-right: 26px;
}

.content form#add-tree fieldset h3 {
	clear: both;
	float: left;
	width: 100%;
	margin: 10px 0 4px 0;
	font-size: 14px;
	color: #573b15;
}
#nav ul li a
{
	
		text-decoration: none;
	color: #625c55;
}

#page div.content div.tree {
	float: left;
	width: 60%
}
#nav ul li a:hover
 {
	color: #59b573;
	cursor: pointer;
}

#footer div.container div.col ul li a {
	text-shadow: #4b4642 -1px 1px 0;
}

/* @group Forms */

#signinForm input.text {
	font-size: 16px;

}

#signinForm .submit {
	clear: both;
	float: left;
	display: block;
}

.trees-grid li.tree {
float: left;
width: 100px;
height: 175px;
text-align: center;
	border-bottom: 2px solid #e9f0f4;
	margin: 0 10px 10px 0;
}


.content form div.flag .field_line.cxbx {
	float: left;
	clear: both;
padding: 0;
	width: 100%;
}
.content form div.flag .field_line.cxbx label {
	cursor: pointer;
	float: left;
	width: 80%;
	clear: none;
	display: inline;
}
.content form div.flag .field_line.cxbx input
{
display: inline;
float: left;
clear: none;
margin: 5px 5px 2px 0;

}


form span.field_line {
		clear: left;
		color: #939393;
		float: left;
		width: 100%;
		padding-bottom: 5px;
}

#add-tree fieldset div.double-up div {
	float: left;
	width: 40%;
	clear: none;
}

select#owner_type {
	font-size: 12px;
}
		
		form span.field_line label
		{
	display: block;
	float: left;
	width: 100%;
	line-height: normal;
	margin: 0 0 2px 0;

}

#profile div.give_me_tree span.field_line label {
	width: 94%;
	float: right;
}
#profile div.give_me_tree span.field_line input
{
	width: 5%;
}

#add-tree div.col fieldset div.read_carbon input
{
	float: left;
	display: inline;
	width: 8%;

	
}
#add-tree div.col fieldset div.read_carbon label {
	float: left;
	clear: none;
	display: inline;
	width: 90%;
}

#add-tree fieldset div.flag span.field_line label {
	margin-bottom: 8px;
	display: none;
		line-height: 25px;

}

#add-tree fieldset div.flag span.field_line span.field_line.cxbx label {
	margin-bottom: 0;
	display: inline;
}



 input.text.datetime:hover,
input.hasDatepicker:hover
{
	opacity: 1;
	cursor: pointer;}
	label {
	display: block; clear: both; margin-top: 4px;
	color: #333;
	font-size: 14px;
}

	label input { vertical-align: middle; }
	
input.text,input.datetime
{ margin: 4px 0;
border: 1px solid #ccc;
vertical-align: middle;
outline: none;
	font: 16px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	padding: 4px !important;
	color: #554b0c;
}
input.text:focus,input.datetime:focus
{
	border: 1px solid #2398af;
}
form#add-tree {
float: left;
width: 100%;	margin: 0;

}




#trees #signupForm div.button-holder, 
#trees #signinForm div.button-holder,
#signinForm div.button-holder {
	margin-top: 10px;
	clear: both;
	padding-top: 10px;
	border-top: 2px solid #e9f0f4;
	padding-bottom: 0;
	border-bottom: 0;
	text-align: left;
}

#trees div.button-holder {
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: 2px solid #e9f0f4;
}

div#map_thumb_div {
	float: left;
	clear: none;
	width: 45%;
}

#add-tree div.col ul#latlonggeo{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 45%;
}

#page div.content form div#owner_fields {
margin-left: 4%;
margin-top: 10px;
width: 96%;
float: left;
}
#page div.content form div#owner_fields div
{
	padding-bottom: 0;
}
/* @end */

ul#new-trees {
margin: 0;
padding: 1px;
list-style: none;
float: left;
width: 100%;
}

ul#new-trees li
{
float: left;	
margin: 1px;
	opacity: .5;
	padding: 10px;
	border: 1px solid #ccccc1;
	clear: none;
	width: 210px;
	-webkit-border-radius: 10px;
	background: #fefefe url(/images/nature/tree_32.png) no-repeat right bottom;
}
ol.simple a
{
	color: #2c994b;
}
ol.simple a:hover
{
	color: #458f5a;
}
ul.simple {
	list-style: none;
	margin: 0;
}

ul#new-trees li.x-small
{
	background: rgba(248,107,48,.2) url(/images/nature/tree_16.png) no-repeat right bottom;
}

ul#new-trees li.small
{
	background: rgba(248,107,48,.2) url(/images/nature/tree_16.png) no-repeat right bottom;
}

ul#new-trees li.medium
{
	background: rgba(215,255,92,.2) url(/images/nature/tree_24.png) no-repeat right bottom;
}

ul#new-trees li.large
{
	background: rgba(215,255,92,.2) url(/images/nature/tree_24.png) no-repeat right bottom;
}

ul#new-trees li.x-large{
	background: #fefefe url(/images/nature/tree_32.png) no-repeat right bottom;
}




#new-trees li.add-tree {
	color: #ccc;
	height: 50px;
}

.pop-form h3 {
	color: #b8d20e;
	text-decoration: none;
	font-size: 28px;
	padding-bottom: 10px;
	font-weight: bold;
}

form div.flag {
	float: left;
	width: 100%;
	clear: both;
}

form div.flagged_date {
	display: none;
}

input#submit.button {
	
}

div#footer .container {
	bottom: 0;
	padding: 10px;


-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
}

#footer div.container div.col ul li a {
		font-size: 12px;
		line-height: 1.7em;
	color: #e9e6d4;
}



div#footer p#copyright {
	color: #e9e6d4;
	font-weight: 900;
	font-size: 16px;
}

#footer div.col {
float: left;
width: 25%;
	text-align: left;
}
div#messages{
	font-size: 18px;
float: left;
width: 300px;
position: absolute;
top: 20px;
right: 20px;
z-index: 99;
clear: both;

margin: 0 2px 4px 0;
}
div#messages p
{
	padding: 10px;
	-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
div#messages .success p
{	
	background:url(../rgba.php?name=blue&a=10) repeat;	
	background: rgba(93,186,213,.8);
	
	border-right: 1px solid #5892a2;
	border-bottom: 1px solid #5892a2;
	color: #f3fcff;
}
#page div.content div.error {
font-size: 14px;
float: left;
clear: both;
	background: #ffe4d8;
	color: red;
	padding: 4px;
	border-right: 1px solid #ffb59b;
	border-bottom: 1px solid #ffb59b;
	margin: 0 2px 4px 0;
}

#page div.content h4 {
	clear: both;
	float: left;
	width: 100%;
}

#page div.content div.notice, h3.error {
	margin: 0 2px 20px 0;
padding: 0;
overflow: hidden;
border-bottom: 1px solid #ffe09b;

	background: #fdefc6;
	color: #62421c;
	border-right: 1px solid #ffe09b;

}

p.nada {
padding: 4px 6px;
margin: 0;
line-height: normal;
	background: #fcf8ec;
	color: #62421c;
}


h3.error {
	display: block;
	clear: both;
font-weight: 400;
	padding: 6px 10px;
	margin: 0;
}

#page div.content div.notice p,
#page div.content div.error p
{
	margin: 0;
	font-size: 16px;
	float: left;
	width: auto;
	display: inline;
		padding: 4px;

	
}

ul#new-trees li.tree.hover
{
opacity: 1;
}

ul.trees-grid.simple #flickr_badge_uber_wrapper
{
}
#flickr_badge_uber_wrapper {
	margin: 0;
display: block;
float: left;
width: 100%;

}
.flickr_badge_image a {
	float: left;

}


 ul.trees-grid.simple div#flickr_badge_image1.flickr_badge_image
 {


margin: 10px 0 0 0;
text-align: center;
}


/* By default, we tilt all our images -2 degrees */
ul.trees-grid .flickr_badge_image a {
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg); 
	height: 75px;
	width: 75px;
	margin: 0 auto;
	text-align: center;
	display: block;
	float: none;}

ul.trees-grid li.tree h3 
{
	margin: 0;
	float: left;
	width: 100%;
}
ul.trees-grid li.tree h3 a.title {
float: left;	
width: 100%;
padding: 0;
line-height: normal;
margin: 0 0 0 0;
text-align: center;
color: #59b572;
	text-transform: lowercase;
	font-variant: small-caps;
}

ul#all-trees.trees-grid li.tree h3 a.title {
	color: #df774f;
}

h3.hood {
	color: #615c55;
	font-weight: 400;
}



ul.trees-grid li.tree h4
{
		margin: 4px 0 0 0;
		font-size: 12px;
		font-weight: 400;
		text-align: center;
	color: #857e74;
}
 
/* Rotate all even images 2 degrees */
ul.trees-grid li:nth-child(even) .flickr_badge_image a {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg); }
 
/* Don't rotate every third image, but offset its position */
ul.trees-grid li:nth-child(3n) .flickr_badge_image a {
	-webkit-transform: none;
	-moz-transform: none;
	position: relative;
	top: -5px; }
 
/* Rotate every fifth image by 5 degrees and offset it */
ul.trees-grid li:nth-child(5n) .flickr_badge_image a {
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	position: relative;
	right: 5px; }
 
/* Keep default rotate for every eighth, but offset it */
ul.trees-grid li:nth-child(8n) .flickr_badge_image a {
	position: relative;
	top: 8px;
	right: 5px; }
 
/* Keep default rotate for every eleventh, but offset it */
ul.trees-grid li:nth-child(11n) .flickr_badge_image a {
	position: relative;
	top: 3px;
	left: -5px; }
 

	ul.trees-grid.simple .flickr_badge_image a:hover {
		-webkit-transform: scale(1.25);
		-moz-transform: scale(1.25);
		position: relative;
		z-index: 5;
			-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);}
 
	ul.trees-grid.simple .flickr_badge_image a:after { content: attr(title); }
 
/* Add drop shadows and smooth out the transition (Safari only) */
ul.trees-grid.simple .flickr_badge_image a {
	-webkit-transition: -webkit-transform .15s linear;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
		padding: 2px;
	border: solid 1px #ddd;}
 


/* basic */

#basic-modal-content {display:none;}
#simplemodal-overlay {background-color: #000; cursor:wait;}
#simplemodal-container { color:#bbb; background-color: #fff; border: 4px solid #3f3f3f; border-top: 0; border-left: 0;padding:10px;
	font-size: 12px;
}
#simplemodal-container a.modalCloseImg {background:url(/images/closed_box_alt.png) no-repeat; width:32px; height:32px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}

#profile div.button-holder {
	clear: both;
}
#simplemodal-container #basic-modal-content {padding:8px;}

input.text.datetime,
input.hasDatepicker {
	width: 200px;
	opacity: .8;
	background: #fff url(/images/icons/mini/calendar.gif) no-repeat 190px;
}

form#add-tree div.col.address
{
	background:url(../rgba.php?name=turquoise&a=20) repeat;	
	background: rgba(97,193,206,.2);
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
padding: 1%;
width: 48%;
}

form#add-tree div.col.half
{
	width: 50%;
}
form#add-tree div.col.two-thirds
{
width: 60%;
}
div.col.two-thirds
{
width:66%;
float: right;
}
.content div.col
{
	clear: none;
}
.content div.col.first
{
	clear: both;
}

form#add-tree div.col.address
{

	float: right;
}

form#add-tree div.col.first
{
	clear: both;
}

#add-tree div.col.address fieldset {
	float: left;
	width: 55%;
}
#add-tree div.col.address fieldset input.text
{
	width: 90%;
}


span.field_line p.default {
	font-size: 16px;
	padding: 7px 0;
	float: left;
	display: block;
	margin: 0;
	color: #554b0c;
}

#add-tree fieldset div.zip {
	float: left;
	width: 40%;
}

#add-tree-button p.next {
	margin: 4px auto;
	padding: 4px;
	line-height: normal;
	color: #ec9444;
	background-color: #f8ffe1;
	width: 650px;
	font-weight: bold;
}



div#map_it {
clear: both;
padding: 0;
}

div.content h1 {
		margin: 0 0 10px 0;
	float: left;
	display: block;
	width: 100%;
	padding: 0;
	font-weight: bold;
		color: #59b573;
line-height: normal;
	font-size: 36px;
}
#add-tree div.state
{
	float: left;
	clear: none;
	width: 20%;
}
#add-tree div.city {
	width: 70%;
	float: left;
}
div.col.half
{
	float: left;
	width: 45%;
}

div#account p a,div#account p span {
	color: #59b572;
	font-weight: bold;
}

div.interstitial {
	float: left;
	width: 10%;
	text-align: center;
	height: 300px;
	vertical-align: middle;
	line-height: 300px;
	background: url(/images/or.gif) no-repeat 50%;
}
div.interstitial span
{
	display: none;
}
#page div.content {
	float: left;
	overflow: hidden;
	width: 96%;	
	background:url(../rgba.php?name=white&a=50) repeat;
	background-color: rgba(255,255,255,.5);
padding: 20px 2%;
}

#sign-in-pop div.signin-panel {
	padding-bottom: 20px;
}
	
	
	
/* tree form */	
	
#add-tree fieldset {
	border: none;
	width: 100%;
	float: left;
	margin: 0;
	font-size: 22px;
	padding:0;
}

#page div.content div.col.third {
	float: left;
	width: 32%;

}

div#nav {
	float: right;
	width: 60%;
}
#page div.content div.col.third.first
{
	margin-right: 2%;

}
#page div.content div.col.third.last
{
	margin-left: 2%;

}


#add-tree fieldset ul#owner_type {
float: left;
margin: 0;	
list-style: none;
padding: 0;
}

#owner_type li label
{
	display: inline;
	line-height: 25px;
	margin: 0;
	vertical-align: middle;
	padding: 0;
	cursor: pointer;
}
.content #owner_type li input
{
margin:  3px 5px 2px 0;

vertical-align: middle;
float: left;
width:auto;
padding: 0;

	padding: 0;
}



span.field_line span.desc {
	display: block;
	font-size: 12px;
	font-style: italic;
}

#add-tree div.col.address fieldset div.address span.field_line span.desc {
	color: #97b1b5;
}

div.col.address h2 {
	color: #5db9c8;
	
}
.content #map_thumb_div h2
{
	margin: 0;
	padding: 0;
	
}
.content #map_thumb_div p
{
	font-size: 14px;
	clear: both;
	float: left;
	margin: 4px 0;
	width: 100%;
}

form#add-tree a#submit {
	font-size: 150%;
	font-weight: normal;
	font-style: normal;
}

#add-tree fieldset legend, .content h2 {
	margin: 0 0 15px 0;
	float: left;
	display: block;
	width: 100%;
	padding: 0;
	font-weight: bold;
		color: #79c48e;

	font-size: 22px;
}

.messagebox.mtag {
	float: right;
	width: 36%;
	clear: none;
	margin-top: 1em;
}
.messagebox.mtag h3
{
	margin: 0 0 .2em 0;
	font-weight: bold;
}
.messagebox.mtag p
{
	margin: 0 0 .2em 0;
	font-size: 1.2em;
}
.messagebox.mtag .mtag.wrapper {

}

#page div.content div.tree p {
	clear: both;
	float: left;
	margin: 0;
	display: block;
	width: 100%;
	line-height: 1.8em;
}
.messagebox.mtag .mtag.wrapper input
{
	border: solid 1px #ddd;
	border-left: solid 2px #ddd;
	border-top: solid 2px #ddd;	
	font-size: 14px;
	cursor: pointer;
padding: 4px;
	padding-left: 30px;
	background:  #fff url(/images/flickr.gif) no-repeat 8px 50%;

float: left;	margin: 0;
}
/* awesome buttons thanks to Zurb! */
/* http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba */
button {
background: #222 url(/images/overlay-button.png) repeat-x 0 0;
padding: 5px 15px 6px;
color: #fff !important;
font-size: 13px;
font-weight: bold;
line-height: 1;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
cursor: pointer;
overflow: visible;
width: auto;
border: 0;
}

	button::-moz-focus-inner { border: 0; padding: 0; }
	
.awesome, .awesome:visited {
background: #222 url(/images/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: 400;
line-height: 1;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;

border-bottom: 1px solid #656565;
cursor: pointer;

}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 13px; padding: ; }
	.awesome, .awesome:visited,	.medium.awesome, .medium.awesome:visited 		{ font-size: 15px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 18px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #eb8830; }
	.orange.awesome:hover							{ background-color: #e8740d; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }