/* OVERRIDE
========================================================== */
	body.magenta #mainColDiv {
		color: #333; font-size: 12px; line-height: 15px; margin-top: 20px;
	}

	body.magenta #mainColDiv h2 {
		color: #088F8F; border-bottom: 1px solid #088F8F; margin-bottom: 15px; width: auto; font-size: 20px; font-weight: 900; padding-left: 0;
	}

.flashdata {
	border: 1px solid #088F8F; background-color: #e5e3c8; padding: 10px 30px; margin: 10px 0;
	background: transparent url(../images/icon_accept.gif) 7px 10px no-repeat;
}

.flasherror {
	background-image: url(../images/icon_alert.gif); border-color: #990000;
}

	.flashdata ul {
		margin: 0 0 5px 0; padding-left: 25px; font-weight: 400;
	}
	
	
/* PAGE ELEMENTs
========================================================== */
	dl#search_results {
		padding-left: 60px;
	}

	dl#search_results dt {
		margin: 15px 0 0 0;
	}
	
	dl#search_results dd {
		margin-left: 0;
	}
	
	#rightColDiv .buttons {
		margin-top: 20px;
	}
	
	#rightColDiv .buttons_profile {
		margin-top: 40px;
	}
	
	#rightColDiv .buttons a:hover {
		background-position: -211px 0;
	}
	
		#rightColDiv .buttons ul {
			margin: 0; padding: 0;
		}

		#rightColDiv .buttons li {
			list-style: none; margin-bottom: 6px;
		}
		
		#button_profile {
			display: block; width: 0; height: 0; padding: 71px 0 0 211px; overflow: hidden;
			background: transparent url(../images/sprite_button_profile.gif) 0 0 no-repeat;
		}

		#button_record {
			display: block; width: 0; height: 0; padding: 71px 0 0 211px; overflow: hidden;
			background: transparent url(../images/sprite_button_record.gif) 0 0 no-repeat;
		}
		
		#button_edit {
			display: block; width: 0; height: 0; padding: 71px 0 0 211px; overflow: hidden;
			background: transparent url(../images/sprite_button_edit.gif) 0 0 no-repeat;
		}
		
		#button_search {
			display: block; width: 0; height: 0; padding: 90px 0 0 211px; overflow: hidden;
			background: transparent url(../images/sprite_button_search.gif) 0 0 no-repeat;
		}
		
		#button_register {
			display: block; width: 0; height: 0; padding: 90px 0 0 211px; overflow: hidden;
			background: transparent url(../images/sprite_button_register.gif) 0 0 no-repeat;
		}
		
		#button_login {
			display: block; width: 0; height: 0; padding: 80px 0 0 211px; overflow: hidden;
			background: transparent url(../images/sprite_button_login.gif) 0 0 no-repeat;
		}

		#button_map {
			display: block; width: 0; height: 0; padding: 90px 0 0 211px; overflow: hidden;
			background: transparent url(../images/sprite_button_map.gif) 0 0 no-repeat;
		}
		
		
	
/* FORM ELEMENTs
========================================================== */
	
	form {
		padding: 0 10px; margin: 10px 0;
	}
	
	input, textarea {
		font-family: "Trebuchet MS","Myriad Pro",Arial,sans-serif;
	}
	
	fieldset {
		display: block; border: 0; padding: 10px 0; margin: 0 0 20px 0;
	}
	
	fieldset.focus {
		background-color: #EEEEEE;
	}
	
	legend {
		display: none;
	}
	
	#mainContent fieldset h2 {
		width: auto; padding: 3px 0 3px 2px; font-size: 20px; font-weight: 900; margin-bottom: 15px;
		color: #088F8F; border-bottom: 1px solid #088F8F;
	}
	
	.asterisk {
		color: #a31559;
	}
	
	.input_box {
		position: relative; margin-bottom: 10px; display: inline; float: left; width: 100%; z-index: auto;
	}
	
	.input_box_addr {
		margin-bottom: 3px;
	}
	
	#mainColDiv .input_box p {
		padding: 4px 0 4px 40px;
	}
	
	.input_box label {
		line-height: 18px; display: inline; float: left; padding: 4px 0px 4px 50px; width: 155px; margin-right: 10px;
	}
	
		.input_box label em {
			color: #666;
		}
	
	.input_box .input_group label {
		clear: both; padding: 4px 0; width: 220px; margin: 0;
	}
	
		.input_box .input_group label .label {
			float: left; display: inline; width: 190px;
		}
		
		.input_box .input_group label .input {
			display: inline; float: left; width: 30px;
		}

	.input_box .input_group,
	.input_box input[type=text], 
	.input_box textarea, 
	.input_box select {
		display: inline; float: left; width: 220px; margin-right: 10px; font-size: 12px;
	}

	.input_box input,
	.input_box textarea {
		border: 1px solid #DDDDDD; padding: 3px 4px; line-height: 18px; background: #fff url(../images/bg_form_input.gif) 0 0 repeat-x;
	}

	.input_box input[type=text],
	.input_box select {
		height: 18px;
	}
	
	.input_box select {
		margin: 3px 0;
	}

	.input_box input[disabled] {
		color: #999; background-color: #EFEFEF; background-image: none;
	}
	
	
	fieldset.focus .input_box input,
	fieldset.focus .input_box textarea {
		border-color: #AAAAAA;
	}
	
	.input_box textarea {
		height: 75px;
	}
	
	.input_box input.decimal {
		width: 50px;
	}
	
	.input_box span.unit {
		line-height: 18px; display: inline; float: left; padding: 4px 0 4px 4px; width: 100px;
	}
	
	.input_box .instructions {
		font-style: italic;
	}
	
	.input_box label.error {
		display: inline; float: right; margin-right: 15px; width: 0; height: 0; padding: 19px 0 0 20px; overflow: hidden;
		background: transparent url(../images/icon_alert.gif) 4px 4px no-repeat; font-weight: 400;
		position: relative; z-index: 0;
		position: absolute; margin-right: 0; right: 15px; top: 0; float: none; display: block;
	}
	
	.input_box .tooltip {
		display: inline; float: left; margin: 5px 0 5px 215px; width: 230px; font-style: italic;
		position: relative; z-index: 1000;
	}
	
		form.js .input_box .tooltip {
			display: block; float: none; margin: 0; font-style: normal;
			position: absolute; top: -1px; left: 465px; width: 290px; padding-bottom: 10px;
			background: transparent url(../images/bg_tooltip.png) bottom left no-repeat;
			z-index: 1; overflow: visible;
		}
		
		form.js .input_box .tooltip .inner {
			display: block; background: transparent url(../images/bg_tooltip_inner.png) top left no-repeat; padding: 10px 10px 0 25px;
		}
		
		form.js a.btn_tooltip {
			position: absolute; left: 450px; top: 4px; cursor: pointer;
			display: block; width: 0; height: 0; padding: 16px 0 0 16px; background: transparent url(../images/icon_info.gif) 0 0 no-repeat;
		}
		
	.input_box label.checked {
		background-image: url(../images/icon_accept.gif);
		background-image: none;
	}

	.fieldset_button {
		overflow: hidden;
	}
	
		.input_box_tandc {
			display: inline; float: left; width: 330px; padding-top: 10px;
		}
		
		.input_box_button {
			display: inline; float: right; width: 100px; text-align: right; margin-right: 60px;
		}
		
			.input_box_tandc label {
				float: none; display: inline; margin-right: 0;
			}
		
			.input_box_tandc label.error{
				top: 8px; margin-right: 0;
			}
		
			.input_box_button button {
				border: 1px solid #AAAAAA; padding: 10px; background-color: #EEEEEE;
				text-transform: uppercase; font-weight: 900; font-size: 13px; cursor: pointer;
			}
			
			.input_box_button button:hover {
				border: 1px solid #088F8F;
			}
			
			.input_box_button button.disabled,
			.input_box_button button.disabled:hover {
				cursor: default; border: 1px solid #AAAAAA;
			}
	
	
	.captcha {
		display: inline; float: left; margin: 10px 0 0 215px;
	}
	
	#grant_form .input_box_button,
	#search_form .input_box_button {
		float: left; margin-left: 213px; text-align: left; width: 230px;
	}
	
/* TREE PROFILE
========================================================== */
#tree_profile {
	display: block; overflow: hidden; width: 100%;
}

	#tree_profile .photo {
		display: inline; float: left; width: 150px; margin: 0 20px 20px 0; text-align: center;
	}
	
		#tree_profile .photo img {
 			margin-bottom: 5px; border: 1px solid #EEEEEE;
 		}
	
	#tree_profile .profile,
	#tree_profile .details {
		display: inline; float: right; width: 350px;
	}
	
	#tree_profile .details {
		margin-top: 15px; padding-top: 15px; border-top: 1px solid #EEEEEE;
	}
	
		#tree_profile .profile dl,
		#tree_profile .details dl {
			width: 100%; overflow: hidden; margin: 0; padding: 0;
		}
		
			#tree_profile .profile dt,
			#tree_profile .details dt {
				padding: 4px 0; margin: 0 10px 5px 0; display: inline; float: left; width: 90px; clear: both;
			}
		
			#tree_profile .profile dd,
			#tree_profile .details dd {
				padding: 4px 2px; margin: 0 0 5px 0; display: inline; float: right; width: 246px;
				background-color: #efefef;
			}

	#tree_profile .actions {
		display: inline; float: left; width: 150px; margin: 0 22px 20px 0;
	}
	
		#tree_profile .actions ul {
			margin: 0; padding: 0;
		}
		
		#tree_profile .actions li {
			margin: 0 0 0 20px; padding: 0;
		}
		

/* MAP
========================================================== */

/*
	#rightColDiv {
		margin-top: 20px;
	}

*/
	.infoWindow {
		display: block; width: 374px; height: 375px; position: relative; overflow: hidden;
	}

		#mainColDiv .infoWindow h3 {
			height: 29px; line-height: 19px; margin: 0; padding: 0; width: auto;
			text-align: center; border-bottom: 1px solid #eee; font-weight: 900;
		}
	
		#mainColDiv .infoWindow p,
		#mainColDiv .infoWindow h4 {
			width: auto; padding: 0; margin: 0 0 10px 0;
		}
		
		.infoWindow img {
			width: 150px;
		}
		
		.infoWindow dl {
			margin: 0 0 20px 0;
		}
		
			.infoWindow dt {
				font-weight: 900; font-size: 1.1em; margin-top: 10px;
			}
			
			.infoWindow dt.first {
				margin-top: 0;
			}
			
			.infoWindow dd {
				margin-left: 20px;
			}
		
	#mapLegend {
		margin-top: 20px;
	}
	
		#mapLegend form {
			padding: 0; margin: 0 15px 0 0;
		}
		
			#mapLegend fieldset {
				margin: 0; padding: 0;
			}
			
				#mapLegend td {
					margin-bottom: 5px; padding: 0; font-size: 11px; color: #333333;
				}
			
					#mapLegend td img {
						vertical-align: middle; margin: 0;
					}

.panes {
	position: relative; overflow: auto; width: 342px; height: 284px; padding: 15px;
	border:1px solid #eee; border-top: 0;

}

	.panes .left {
		display: inline; float: left; width: 150px;
	}
	
	.panes .right {
		display: inline; float: right; width: 178px;
	}
	
	.panes .clear {
		clear: both;
	}
	
/* root element for tabs  */
.tabs {
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	width: 372px;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}

/* single tab */
.tabs li {
	display: inline;
	float:left;	 
	text-indent:0;
	padding:0;
	width: 186px;
	margin:0 !important;
	list-style-image:none !important; 
	text-align: center;
}

/* link inside the tab. uses a background image */
.tabs a { 
	outline: none;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	background-color: #eee;
}

.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	color:#000;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	cursor:default !important; 
	color:#000 !important; font-weight: 900;
	background-color: #fff;
}