/************************************************************
/*
/*	iphone.css for Dams to Darnley - Country Park
/*	built by Ian Burrett @ East Renfrewshire Council.
/*
/*
/*************************************************************/
/*	body & no padding + margins	*/
*, body { margin: 0; padding: 0; }
body { background: #fff; color: #222; text-align: center;  font: normal 0.9em/1.1em "Arial", verdana, geneva, sans-serif;  }

/*	misc tags	*/
a, a:link, a:visited {background: transparent; color: #009bba;}
a:hover {background: transparent; color: #5A8306;}
a:active {background: transparent; color: #009bba;}
.clear {clear: both;}
img {border: none;}

#container { margin: 0px auto; width: 320px; background: #fff; color: #222;}

/*	page container		*/
#page { width: 310px; text-align: left; padding: 0 5px;}

/*		header		*/
#header { height: 145px; border-bottom: 2px solid #d8e0cf; background: transparent; color: #111;position: relative; }
#header h1 { float: left; width: auto; font-size: 1px; line-height: 2px; background: transparent; color: #fff; }
#header .logo { clear: both; float: left; width: auto; margin: 12px 0 0; }
#header #searchbox { float: left; width: 99%; lext-align: center; margin: 0; height: 60px;}

/*		CSS text resizer	*/
#cssresize { display: none;}

/*	todays date	*/
#todaysdate { position: relative; top: 5px; right: 5px; font-size: 0.8em; padding: 2px 5px; text-align: right;}

/*	search form*/
#searchform { position: relative; top: 10px; right: 5px; height: 30px; text-align: right;}
#ajaxSearch_form { padding: 2px 5px 0 0; }
#ajaxSearch_input { border: 1px solid #888; font-size: 0.85em; padding: 3px 5px;}

/*	top nav	*/
#topnav { margin: 0; padding: 0; width: 300px; min-height: 150px; height: 100%;}
#topnav ul { list-style-type: none; margin: 0;  padding: 0;  }
#topnav li { width: 295px; padding: 0;  text-align: center; height: 25px; line-height: 18px; background: #9fb388; color: #fff; border: 1px solid #fff; border-top: none; border-bottom: none;margin: 1px 3px; }
#topnav li#news { border-right: 1px solid #fff; }

#topnav li.active { background: #009bba; color: #fff;}

#topnav li a { display: block; text-decoration: none; font-size: 13px; height: 18px;  line-height: 18px; background: transparent; color: #fff; padding: 2px 5px;}
#topnav li a:hover { background: #656f5a; color: #fff; } 

/*	content container	*/
#content { clear: both; margin: 0px; min-height: 300px;}
#mainfeaturebox { height: 155px; border-bottom: 2px solid #9fb388; }

/*	left main home page box	*/
#mainleftbox { float: left; width: 96%; height: 145px; border: 1px solid #9eb287; background: transparent; color: #404040; text-align: left; }
#mainleftbox h2 { background: transparent; color: #9eb287; font-size: 1.5em; line-height: 1.6em; padding: 0 0 0 10px;}
#mainleftbox #welcomeblurb { height: 160px; margin: -5px 0 0 ; text-align: left; padding: 10px 5px 10px 10px; }
#welcomeblurb h3 { background: transparent; color: #009bba; font-size: 1.15em; line-height: 1.2em; padding: 0 0 5px 0; margin: 0 5px 5px 0; border-bottom: 1px solid #009bba;}
#welcomeblurb p { font-size: 0.8em;  padding: 0 0 5px;}

/*	rightmain home page box	*/
#mainrightbox { margin: 20px 0 0 ; float: left; width:  96%; height: 191px; background: transparent url(../img/fox_thistle.jpg) top left no-repeat; color: #333; }
#mainrightbox img {width: 100%;}
#mainrightbox .slideInfoZone  { background: #9fb388; color: #111;  }
#mainrightbox .slideInfoZone h2 {font-size: 15px; text-align: right; font-weight: bold;}
#mainrightbox .slideInfoZone p {font-size: 12px;  text-align: right; color: #111; background: transparent;}

/*	second content box home page	*/
#secondfeaturebox { margin: 5px 0 0; padding: 10px 0 45px; background: transparent url(../img/foxy_footer.gif) bottom left no-repeat; color: #444; height: 100%; min-height: 150px; }
.features { float: left;  width: 98%; 
	background: transparent; 
	color: #444; 
	min-height: 5em; 
	border-left: 6px solid #dce5d4; 
	margin: 0 .1em 0.5em 0; 
	padding: 0  0.2em 0.5em 0.5em; 
}
.features img { float: right; width: 50px; height: 50px; border: 1px solid #404040;  margin: 0.3em 0.3em 0.3em 0.6em ; }
.features h3 { background: transparent; color: #009bba; padding: 4px 0 2px; font-size: .9em; line-height: 1.2em; text-align: left;}
.features p { font-size: 0.8em;  padding: 0 0 5px; text-align: left;}
.features ul {padding: 0 0 5px 25px;; list-style-type: circle;}
.features li { font-size: 0.8em;  padding: 0 0 0.2em;  margin: 0.2em 0.1em 0.5em;text-align: left;}
.features .right  {float: right; padding: 2px; width: auto;}
.features .center  {text-align: center; padding: 2px; width: auto;}


/* gateway pages and beyond*/
#contentarea { border: 1px dotted white; text-align: left; }

/* left navigation area	*/
#leftnav { margin: 0 1px 3px;  }
#leftnav ul { list-style-type: none;  font-size: 0.8em;  }
#leftnav li { background: transparent url(../img/ln_bluebullet.jpg) center left no-repeat; color: #666; border: 1px solid white; border-bottom: 6px solid #ccebf0; margin: 0 13px 0 0;  padding: 5px 5px 5px 10px;  }
#leftnav li.active { background: #009bba url(../img/ln_bluebullet_act.jpg) center left no-repeat; color: #fff; }
#leftnav li a { text-decoration: none; background: transparent; color: #009bba; }
#leftnav li a:hover { text-decoration: underline; } 
#leftnav li.active a { text-decoration: none; background: #009bba; color: #fff; }
#leftnav li.active a:hover { text-decoration: underline; } 

/*		contenttext		*/
#contenttext { float: left; width: 300px; min-height: 350px; height: 100%; padding: 0 0 35px; background: transparent; color: #444; font-size: 0.8em; border: 1px solid white;}
img.mainpic { float: right; width: 200px; padding: 0 0 12px; margin: 0 0 10px 15px; border-bottom: 2px solid #dce5d4; }
#contenttext h2 { background: transparent; color: #9eb287; font-size: 2.1em; line-height: 1.3em; padding: 0 5px; margin: 10px 0; }
#contenttext h3 { background: transparent; color: #009bba; font-size: 1.5em; line-height: 1.2em; padding: 0 5px 10px;}
#contenttext h4 { background: transparent; color: #009bba; font-size: 1.25em; line-height: 1.2em; padding: 0 5px 10px;}
#contenttext p { padding: 0 5px 10px; }
#contenttext ul, #contenttext ol { padding: 0 0 10px; margin: 0 0 10px 35px;}
#contenttext li {padding: 2px 0 5px 5px; }
#contenttext .right {float: right; padding: 2px; width: auto;}
.rightimg  {padding: 2px 5px; width: 75%;}

/*		table		*/
#contenttext table { margin: 10px; margin-bottom: 15px; font-size: 1em; padding: 5px;}
#contenttext caption, .simpletable caption { margin: 5px; background: #f3f9ee; color: #555; text-align: right; font-size: 0.95em; padding: 3px 5px;}
tr.header	{ background-color: #555; color: #fff; border: 1px solid #cdcdcd;}
tr.odd { background-color: #e5eadf; color: #222; border: 1px solid #ddd;}
tr.even { background-color: #b9e4ec; color: #222; border: 1px solid #ddd;}
td,th { padding: 3px 5px;}

/*		blockquote		*/
blockquote { margin: 0 20px 10px; background: #e5eadf; color: #111; border: 1px solid #ddd; padding: 20px;}

/*	site map lists		*/
#contenttext ul.LSM_0 { float: left; width: 80%; border: 1px solid #888; padding: 2em; margin: 0 1em 3em 1.5em; list-style-type: none;}
#contenttext .LSM_0 li { padding: .2em .5em; margin: .1em; width: 90%;}
#contenttext ul.LSM_1 { padding: 2px; margin: .5em 0 1em ; border: 1px solid #bbb; list-style-type: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#contenttext .LSM_1 li { padding: .2em .5em; margin: .1em; }
#contenttext .LSM_2 { display: none;}
.LSM_currentPage { background: #fff; color: #9fb388;}

/*	news items*/
#contenttext .newsitem { border: 1px solid #9fb388; border-left: 6px solid #9fb388; margin: 0 0 10px; padding: 5px 5px 10px; background: transparent; color: #333;}
#contenttext .newstitle { float: left; width: auto; background: #9fb388; color: #fff; font-size: 1.2em;  font-weight: bold; padding: 2px 5px 4px;}
#contenttext .newsdate {float: right; width: 120px;  background: #ccebf0; color: #009bba; font-size: 1em;  text-align: center; padding: 1px 5px; border: 1px solid #009bba; border-right: 1px solid #009bba;}
#contenttext .newssummary {clear: both; padding: 10px 5px 15px;  background: #fff; color: #333;}
#contenttext .newslink { padding: 2px 10px 5px; margin: 4px 0 0; border: 1px solid #009bba;  background: #fff; color: #333;}

/*	events items*/
#contenttext .eventsitem { border: 1px solid #9fb388; border-left: 6px solid #9fb388; float: left; width: 45%; margin: 0 10px 10px 0; padding: 5px 5px 10px; background: transparent; color: #333;}
#contenttext .eventstitle { background: #9fb388; color: #fff; font-size: 1.2em;  font-weight: bold; padding: 2px 5px 4px;}
#contenttext .eventsdate {background: #ccebf0; color: #009bba; font-size: 1em;  text-align: center; padding: 1px 5px; border: 1px solid #009bba; border-right: 1px solid #009bba;}
#contenttext .eventssummary {clear: both; padding: 10px 5px 15px;  background: #fff; color: #333;}
#contenttext .eventssummary .icons {float: left; width: auto; padding: 0 0.5em 0.2em 0.1em;}
#contenttext .eventslink { padding: 2px 10px 5px; margin: 4px 0 0; border: 1px solid #009bba;  background: #fff; color: #333;}



/*	contact us form	*/
fieldset { float: left; width: 75%; background: transparent; color: #333; border: none;}
.formfield { clear: both; margin: 2px 5px 5px; padding: 2px; border: 1px solid #ddd; display: block; min-height: 20px; overflow: auto;}
.formbuttons { clear: both; margin: 2px 5px; padding: 2px 5px; background: #ddd; color: #333;}
.formbuttons .right {float: right; width: auto; padding: 2px 5px;}
.formfield label  {float: left; width: 35%; height: 100%; font-weight: bold;  text-align: right; margin-right: 10px; background: #dce5d4; color: #111; padding: 3px 5px;}
.formfield .userfield, .formfield input.userfield, .formfield textarea.userfield, .formfield select.userfield{float: left; width: 60%; text-align: left;}

/*	search results classes	*/
#ajaxSearch_form { color: #444; background: transparent; width: auto;}
#ajaxSearch_input { width: auto; display: inline; height: 17px; border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; background: #fff; margin: 0 3px 0 0; padding: 3px 0 0; vertical-align: top; }
#ajaxSearch_submit { display: inline; height: 22px; line-height: 22px; }
#ajaxSearch_output { border: 1px solid #444; padding: 10px; background: #fff; display: block; height: auto; vertical-align: top; }
.ajaxSearch_paging {  }
.AS_ajax_result { color: #444; margin-bottom: 3px; }
.AS_ajax_resultLink { text-decoration: underline; }
.AS_ajax_resultDescription{ color: #555; }
.AS_ajax_more { color: #555; }

/*	results loop	*/
.ajaxSearch_resultsInfo { margin: 0 10px 5px; border-bottom: 1px solid #9fb388; font-weight: bold; } 	/*	top results phrase	*/
.ajaxSearch_paging {float: right; width: auto; padding: 3px 5px 5px; margin: 0 5px; } 	/*	pagination block	*/
#ajaxSearch_resultListContainer { margin: 0 5px; border-bottom: 1px solid #9fb388;} 	/*	results container	*/
.ajaxSearch_result, .ajaxSearch_resultsIntroFailure { clear: both; width: 85%; border: 1px solid #dce5d4; border-left: 6px solid #dce5d4; margin: 0 0 2px; padding: 4px 5px; margin: 0 0 10px;}
.ajaxSearch_resultLink {padding: 3px 5px; font-weight: bold;}
.ajaxSearch_highlight {border: 1px solid #dce5d4; font-size: 1.1em; background: #dce5d4; color: #111; padding: 1px 2px;}
.ajaxSearch_resultDescription {padding: 3px 5px; font-size: 0.95em;}
.ajaxSearch_extract {font-size: 0.9em; line-height: 0.9em; padding: 3px 0; margin: 0 0 -10px;}

/*	footer	*/
#footer { margin: 0 auto;margin-bottom: 10px; padding: 3px 0; width: 300px; height: 40px;  font-size: 0.8em;  background: transparent; color: #404040;  border: 1px solid #dce5d4;}
#footer #copy { float: right; width: 35%; margin: 0 0 0 15px; } 
#footer #ftrlinks { float: left; width: 98%; text-align: left; margin: 0 15px 0 0;}
#ftrlinks ul { list-style: none; }
#ftrlinks li { float: left; width: auto; padding: 0 5px; }


/*	Boundaries Map	*/
#parkboundaries ul {position: relative; top: 0; left: 0; height: 389px; width: 400px; padding: 0; list-style: none; background: transparent url(../img/countryparkboundaries.jpg) top left no-repeat; color: #b7c6a6; }

/*	Interactive Map	*/
#woodlands1 a { font-size: 3px; background: transparent; color: #67a026; text-decoration: none;}
#woodlands1 a { position: absolute; z-index: 24; top: 135px; left: 300px; height: 33px; width: 44px; background: transparent url(../img/woodlands1.gif) top left no-repeat; color: #67a026; }
#woodlands1 a:hover { background: transparent url(../img/woodlands1hover.gif) top left no-repeat; color: #67a026; cursor: help;} 
#woodlands1 span { display: none; }
#woodlands1 a:hover span { display: block; position: absolute; top: 60px; right: 0px; width: 300px; height: 150px; padding: 10px; border: 2px solid #111;  	background:#ccc; color:#222; text-align: left; font-size: 12px; 	z-index: 25; cursor: help; -moz-border-radius: 5px;-webkit-border-radius: 5px; }