/**
 * Woodland Trust OUR WOODS STYLES
 */
 
/* Main Content */

div.pageContentAreaMain h1.woodName {
	position: relative;
	margin: 0 0 0.5em 0;
}
div.pageContentAreaMain h2.woodTagline{
	margin: 0 0 0.5em 0;
	font-size: 1.2em;
	font-weight: normal;
	position: relative;
}
div.pageContentAreaMain a.moreAboutThisWood {
	background: transparent url(images/box-arrow-right.gif) left 0.1em no-repeat;	
	padding: 0 0 0 20px;
	margin: 0 0 0.5em 0;	
	float: right;
}

/* Image */

div.creditedImage {
	text-align: center;
	padding-top: 15px;
	background: transparent url(images/image-large-back.gif) no-repeat;
	width: 369px;
	
	min-height: 200px;
}
* html div.creditedImage {
	height: 200px;
}
div.creditedImage a {
	margin: 0 auto;
}
div.creditedImage a img {
	border: solid 1px #fff;
}
div.creditedImage p {
	font-style: italic;
}
div.woodPictureLinks {
	width: 366px;
	border-bottom: solid 1px #ccc;
	margin-bottom: 1px;	
	padding-bottom: 10px;
}
div.woodPictureLinks a.viewLink, div.woodPictureLinks a.manageLink {
	background: transparent url(images/box-arrow-right.gif) left 0.1em no-repeat;	
	padding: 0 0 0 15px;
	margin: 0 10px 0 0;
	float: left;	
}
div.woodPictureLinks a.uploadLink {
	background: transparent url(images/box-arrow-up.gif) left 0.1em no-repeat;	
	padding: 0 0 0 15px;
	float: right;	
}

/* Seasonal Activities */

ul.seasonalActivities {
	clear: both;
	margin: 0;
	padding: 5px 10px !important;
	width: 346px;
	background: #dcdcdc url(images/seasonactivities-base.gif) bottom no-repeat;
}
ul.seasonalActivities li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.seasonalActivities li span.activityTitle {
	color: #006704;
	font-weight: bold;
}

/* About This Wood Panel */

div.aboutThisWoodPanel {
	position: relative;
}

/* Small Wood Maps */
div.maps
{
	float: left;
	clear: both;
	
	width: 100%;
	padding: 10px 0px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

div.maps div.map
{
	float: left;	
}

div.leftmap
{
	margin-right: 75px;
}

/* A to Z */
 
div.azSelectorPanel ul  {
	list-style: none;
	margin: 1.0em 0;
	padding: 0;
}
div.azSelectorPanel li {
	list-style: none;
	margin: 0 2px;
	display: inline;	
}
div.azSelectorPanel li a {
	padding: 2px 4px;
	background: #ededed;	
}
div.azSelectorPanel li a:hover {
	padding: 2px 4px;
	background: #ccc;
	text-decoration: none;	
}

/* Wood Lists */
div.woodList
{
	padding-bottom: 10px;
}

div.woodList table th {
	font-size:140%;
	font-weight:normal;
	color: #006600;
	width: 24%;
	padding: 0 5px 10px 0;
	border-bottom: solid 1px #ccc;
}
div.woodList table td {
	padding: 8px 5px 0 0;
	vertical-align: top;
}
div.woodList table th a{
	color:#006600 !important;
}

div.woodList input
{
	margin-right: 10px;
}

/* Search */

table.searchTable
{
	margin: 10px 0px;
	width: 100%;
}
table.searchTable th,
table.searchTable td
{
	vertical-align: top;
}
table.SearchResults
{
	margin: 0px;
	width:100%
}
div.SearchResultsDiv
{
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom: solid 1px #ccc !important;
}


div.resultsMessage
{
	font-weight: bold;
}

div.noResultsMessage
{
	font-weight: bold;
	color: red;
}

/* Right Column */
* html body div.pageContentAreaRight div.panel div.wrapper h2,
* html body div.pageContentAreaRight div.panel div.wrapper div
{
	height: 1%;
}


div.pageContentAreaRight h2 {
	font-size: 1.2em;
	color: #000;
	padding-bottom: 3px;
	border-bottom: solid 1px #ccc;
}
div.pageContentAreaRight h3 {
	font-size: 1.2em;
	margin: 0;
}
div.pageContentAreaRight div.top h3 {
	color: #fff;
	font-size: 1.2em;
	margin: 0 0 10px 0;
}
div.pageContentAreaRight h2.woodName {
	font-size: 1.0em;
	margin: 0;
	padding-bottom: 3px;
	border-bottom: solid 1px #ccc;
}
div.pageContentAreaRight div.map {
	margin: 0 0 10px 0;
}
div.pageContentAreaRight ul {
	padding: 0;
	margin: 0;
}
div.pageContentAreaRight ul li {
	background: transparent url(images/box-arrow-right.gif) left 0.1em no-repeat;	
	padding: 0 0 0 20px;
	margin: 0 0 0.5em 0;	
	list-style: none;
}
div.pageContentAreaRight ul li.parent-expanded {
	background: transparent url(images/box-minus.gif) left 0.1em no-repeat;	
	padding: 0 0 0 20px;
	margin: 0 0 0.5em 0;	
	list-style: none;
}
div.pageContentAreaRight ul li.parent-collapsed {
	background: transparent url(images/box-plus.gif) left 0.1em no-repeat;	
	padding: 0 0 0 20px;
	margin: 0 0 0.5em 0;	
	list-style: none;
}
div.pageContentAreaRight ul li.child {
	background: transparent url(images/box-arrow-right.gif) 10px 0.1em no-repeat;	
	padding: 0 0 0 30px;
	margin: 0 0 0.5em 0;	
	list-style: none;
}
div.pageContentAreaRight dl dt {
	font-weight: bold;
}


/* Right Column Features Panel */

div.pageContentAreaRight div.woodFeaturesPanel {
	border-top: solid 1px #ccc;
	padding: 3px 0;
}
div.pageContentAreaRight div.woodFeaturesPanel h2 {
	font-size: 1.0em;
	color: #ccc;
	border: 0;	
}
div.pageContentAreaRight div.woodFeaturesPanel h3 {
	font-size: 1.0em;
	color: #000;
	font-weight: bold;
}
div.pageContentAreaRight div.woodFeaturesPanel ul
{

}
div.pageContentAreaRight div.woodFeaturesPanel ul li {
	background: none;
	margin: 0 5px 0 0;
	padding: 0;
	display: inline;
/*	float:left;*/
	

}
div.pageContentAreaRight div.woodFeaturesPanel ul li div.featureText {
	display: none;
}


/* Wood details panel */
div.woodDetailsPanel dl
{
	margin-bottom: 0;
}
div.woodDetailsPanel dl dt,
div.woodFeaturesPanel dl dt
{
	margin: 0;
	padding: 0;
}
div.woodDetailsPanel dl dd,
div.woodFeaturesPanel dl dd
{
	margin: 0;
	padding: 0;
}
div.woodDetailsPanel dl dd ul,
div.woodFeaturesPanel dl dd ul
{
	margin: 0;
	padding: 0;
}
div.woodDetailsPanel dl dd ul li,
div.woodFeaturesPanel dl dd ul li
{
	background: none;
	margin: 0;
	padding: 0;
}
div.woodFeaturesPanelMultiple h3,
div.woodFeaturesPanelMultiple dl
{
	margin: 0;
}
div.woodDetailsPanel p.designationList
{
	margin: none;
	font-weight: bold;
}

/* Tree Search */


/* Woods or trees under threat */

div.pageContentAreaMain div.threatDetails h1.threatTitle {
	margin: 0 0 0.5em 0;
}
div.pageContentAreaMain div.threatDetails h2 {
	font-size: 110%;
	color: #006600;		
}
div.pageContentAreaMain div.threatDetails div.map {
	margin-bottom: 0.5em;	
}
div.threatDetails dl.threatDetailsSummary {
	width: 100%;
	clear: both;
}
dl.threatDetailsSummary
{
	width: 100%;
}
div.threatDetails dl.threatDetailsSummary dt
{
	width: 45%;
	display: block;
	float: left;
	background: #FFFFCC;
	font-weight: bold;
	color: #006600;
	margin: 1px 0;
	padding: 3px 7px;
}
div.threatDetails dl.threatDetailsSummary dd
{
	width: 45%;
	display: block;
	float: left;
	background: #FFC;
	color: #060;
	margin: 1px 0;
	padding: 3px 7px;
}
div.pageContentAreaRight div.threatDetails div.lost {
	background: red;
	padding: 5px 10px 5px 20px;
	border-bottom: solid 1px #000;
}
div.pageContentAreaRight div.threatDetails h1, div.pageContentAreaRight div.threatDetails h2 {
	font-size: 110%;
	color: #006600;	
}

/* Picture upload */

/*div.pageContentAreaMain table {
	width: 300px;
}*/


table.pictureUpload
{
	width: 100%;
}
table.pictureUpload th
{
	width: 45%;
	vertical-align:top;
}
table.pictureUpload td textarea
{
	width:100%;
	height:100px
}
table.pictureUpload td select
{

}

/* Email update */

div.emailNotificationPanel input.button
{
	display: block;
}



/* Blogs */

div.blogText
{
	font-style: italic;
	border-bottom: 1px solid #CCC;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
div.blogEntryInfo
{
	font-size: 80%;
	color: #888;
}
div.controlContainer
{	
	margin-bottom:10px;	
}
div.controlContainer textarea
{
	width: 350px;
	height:100px;
}
div.controlContainer input
{
	display: block;
}
div.blogUploadPanel a
{
	background: transparent url(images/box-arrow-left.gif) left 0.1em no-repeat;	
	padding: 0 0 0 20px;
	margin: 0 0 0.5em 0;	
}

div.blogUploadPanel
{
	margin-bottom: 10px;
}

div.pageContentAreaMain div.DataIndicator
{
	border-top: 1px solid #CCC;
	margin : 0;
	padding-top:10px;
}

.searchTable h2
{
	font-size: 150%;
	font-weight: normal;
}

.searchbuttonsarea
{
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #ccc;
	margin-bottom: 10px;
}

h5
{
	font-weight:bold;
	margin-bottom: 5px;
}

div.dedicationslist 
{
	margin: 0;
	padding:0;
}

div.dedicationslist div.contentPlaceholder
{
	float:left;
	width: 100%;
}

div.dedicationitem
{
	border-bottom: solid 1px #ccc;
	float: left;
	width:100%;
}

DIV.buynowbutton
{
	float:right;
	vertical-align: top;
	border-right: #6c6787 1px solid;
	padding-right: 3px;
	border-top: #6c6787 1px solid;
	display: block;
	padding-left: 0px;
	background: url(images/button-back.gif) #ff9b38 repeat-x;
	padding-bottom: 3px;
	margin-left: 5px;
	border-left: #6c6787 1px solid;
	padding-top: 3px;
	border-bottom: #6c6787 1px solid;
}

DIV.buynowbutton A
{
	padding-right: 18px;
	padding-left: 5px;
	font-size: 0.9em;
	background: url(images/button-arrow.gif) no-repeat right 50%;
	padding-bottom: 0px;
	color: #000;
	padding-top: 0px;
}

div.dedicationstockpanel
{
	padding-bottom:8px
}

div.dedicationstocklevel
{
	float:left;
	padding-top:5px;
	font-weight:bold;
}

div.uppercontent h1
{
	margin: 0 0 0.5em 0;
}

DIV.wrapper div.thinclearer
{
}

div.woodPictureLinks div.leftLink
{
	float: left;
}

div.woodPictureLinks div.rightLink
{
	float: right;
}

div.woodPictureLinks div.selectedLink
{
	border: #6c6787 1px solid;
}

div.largeImageBack
{
	float: right;
}

div.largeImageDiv h1
{
	float: left;
}

div.largeImageDiv div.creditedImage
{
	background-image: none;
	padding-top: 10px;
	padding-bottom: 0px;
	width: auto;
	text-align: left;
}

div.largeImageDiv div.creditedImage p
{
	margin-bottom: 0;
	padding-left: 0;
	text-align:left;
}

div.largeImageFooter
{
	padding-bottom:10px;
}

DIV.pageContentArea ul.managementPlanList 
{
	padding : 0;
	margin-top : 20px;
	margin-bottom: 0;
	margin-left:0;
	margin-right:0;
	
}

ul.managementPlanList li
{
	LIST-STYLE-TYPE: none;
	border-top : solid 1px #ccc;
	margin: 0;
	padding-top: 14px;
	padding-bottom: 15px;
	padding-left: 0px;
}

ul.managementPlanList li div.linkImage
{
	float:left;
	margin-right: 10px;
	margin-bottom: 5px;
	padding-top:3px;
}

ul.managementPlanList li p
{
	margin-top: 0px;
	margin-bottom : 5px;
}

ul.managementPlanList li p.managementPlanTitle
{
	font-size: 120%;
}

ul.managementPlanList li p.description
{
	font-style : italic;
}

.ApprovalPanelFieldName
{
	font-weight: bold;
	vertical-align: top;
}

.ApprovalPanelControlTable
{
	white-space: nowrap;
}