/* 
   Malborough Village Website v1.0 Styles 

border: 1px solid #CCCCCC;
*/
.PrintTitle {display:none;}
body {font-family:'Trebuchet MS',arial,helvetica,sans-serif;background:#f6fbf8 url('images/bg.jpg') top left repeat-x;color:#000000;margin:0;}
a, a:link, a:visited {text-decoration:none;color:#000000;font-weight:bold;outline:none;}
a:hover {text-decoration:underline;outline:none;}
div.clearall {clear:both;}
img {border:0;}
#foundation {width:1000px;margin:0 auto 0 auto;}
#slab {position:relative;font-size:14px;padding:0;}
#td-spacer {display:none;}
#head {position:relative;height:252px;background: #FFFFFF url('images/green-head-3.jpg') left top no-repeat;margin-top:0;} /* images/green-head-3.jpg or images/green-head-snow.jpg*/
.pageview {padding:0 5px 5px 5px;}
.pageview h1 {margin-top:5px;margin-bottom:5px;}
#footer {width:990px;margin:5px auto 10px auto; background-color:#88BA9E;color:#000000;padding:5px;font-size:10px;}

/* Main Menu */
#mainmenu {background:url('images/menu/bottom.png') bottom left no-repeat;padding:0 0 26px 0;margin:-1px 0 10px 0;}
#mainmenu ul {list-style-type:none;padding:0;margin:0 0 0 1px;width:202px;}
#mainmenu li {display:block; height:32px; background:url('images/menu/menu-hover.png') repeat 0 0;}
#mainmenu li a {display:block;position:relative;font-size:15px;font-weight:bold;padding:6px 0 6px 5px;}
#mainmenu a:link, #mainmenu a:visited {color:#000000;text-decoration: none;}

.menu_list {width: 203px;}
.menu_headless {padding: 5px 10px;cursor: pointer;position: relative;margin:1px; font-weight:bold;background: #88B89E;}
.menu_headless {background:url('images/menu/menu-hover.png') repeat 0 0;}
.menu_head {width:182px;padding: 5px 10px;cursor:pointer;position:relative;margin:1px;font-weight:bold;background:url('images/menu/menu-hover.png') repeat 0 0;}
.twistie {display:inline-block;float:right;height:16px;width:16px;background: url('images/menu/left.png') 0 3px no-repeat;}
.menu_body {display:none;}
.menu_body a {
  display:block;
  color:#006699;
  background:#EFEFEF url('images/menu/menu-hover.png') repeat 0 0;
  padding:3px 0 3px 20px;
  font-size:12px;
  line-height:18px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover {
  color: #000000;
  text-decoration:underline;
}

.iconsplitter {position:relative;float:left;width:5px;height:100px;}

.sponsorsbox {font-size:0.6em;width:230px;margin:0 auto 0 auto;}
.sponsorsbox img {margin-bottom:5px;}
.sponsorsbox .title {font-size:7px;width:55px;margin:0 auto 3px auto;}

/* right-side image icons*/
.specials {position:relative;margin-bottom:5px;}
.specials:hover {text-decoration:none;}
.star {position:relative; width:100px; height:100px; float:left; background: url('shared/specials.png') top left no-repeat; font-size:1.4em; padding:25px 0 0 0; text-align:center;}
.specials .text {position:relative; width:120px;float:right; padding:10px 5px 5px 0;}
.iconmenu {position:relative;margin-bottom:5px;}
.icon1 {position:relative;width:228px;height:111px;background: url('images/box01.png') top left no-repeat;}
.icon2 {position:relative;width:228px;height:111px;background: url('images/box02.png') top left no-repeat;}
.icon3 {position:relative;width:228px;height:111px;background: url('images/box03.png') top left no-repeat;}
.iconmenu .words {padding:10px 20px 0 0;font-size:18px;font-weight:bold;text-align:right;color:#FFFFFF;}

/* Page image management */
img.left {display:block;float:left;}
img.right {display:block;float:right;}
img.thumbnail {margin:3px;border:1px solid #000000;}
.gallery{position:relative; clear:both;padding:5px;margin:5px;}
.gallerythumb {position:relative;width:60px;height:60px;overflow:hidden;padding:2px;border: 1px solid #CCCCCC;margin:5px;float:left;}

/*businessdirectory*/
#accordian-frame{display:block;width:460px;}
.ui-helper-reset {font-size:12px;}
.directoryitem {width:100%;border:1px solid #737173;margin-bottom:5px;padding:5px;}
.directoryitem .dirimage {width:80px;height:100%;float:left;margin:3px;}
.directoryitem .vendor {font-weight:bold;width:200px;float:left;}
.directoryitem .sector {float:right;margin-right:10px;color:#859F3A;width:100px;text-align:right;}
.directoryitem .tel {clear:both;width:150px;float:left;}
.directoryitem .address {float:right;}
.phone {color: #000000;font-weight:bold;}
.addresswide {width:220px;}
.addressnarrow {width:140px;}
.address {font-size:0.8em;text-align:right;}
.directoryitem .email {clear:both;}
.directoryitem .website {clear:both;}
.directoryitem .desc {clear:both;}
.enhanced {background-color: #88ba9e;color:#FFFFFF;}
.enhanced .sector {color:#F5E201;}
.enhanced a, .enhanced a:visited {color:#FFFFFF;}
.standard a, .standard a:visited {color:#000000;}

#directoryoptions  {position:relative;width:110px;float:right;}

/* News stuff */
.articleitem {position:relative; width:90%; clear:both; margin-bottom:10px;}
.articleitem h3 {margin:0;}
.articleitem p {margin-top:0;}
.articleitem .byline {margin:0; font-size:0.7em; font-style:italic;}
.articleitem .more {float:right;}

/* RSS */
#rss {position:relative;float:right;margin-left:5px;}
#rss a {text-decoration:none;}

#calendarbutton{position:relative;width:100px;float:right;}
#calendarbutton a {text-decoration:none;}

/*Other organisations */
.otheritem {width:450px;border:1px solid #737173;margin-bottom:5px;padding:5px;}
.otheritem .vendor {font-weight:bold;}

/* PopOut Support */
#morefeaturesarea {height:100px;border-bottom:0px solid #88BA9F;overflow:hidden;background-color:#88BA9F;}
#container {width:960px;margin:0 auto;}
a.contact {float:right; height: 20px; width: 350px; display: block; text-indent: -9999px; background: url('images/popout/cap-h.gif') no-repeat 0 0;}

/*#print, #advertising, #terms,#sitemap, #admin {margin:5px 20px 0 20px;float:left;}
#print a {display:block;height:91px;width:114px;background: transparent url('images/popout/print.gif') 0px -95px no-repeat;}
#advertising a {display:block;height:91px;width:114px;background: transparent url('images/popout/adverts.gif') 0px -95px no-repeat;}
#terms a {display:block;height:91px;width:114px;background: transparent url('images/popout/terms.gif') 0px -95px no-repeat;}
#sitemap a {display:block;height:91px;width:114px;background: transparent url('images/popout/sitemap.gif') 0px -95px no-repeat;}
#admin a {display:block;height:91px;width:114px;background: transparent url('images/popout/admin.gif') 0px -95px no-repeat;}
#print a:hover, #advertising a:hover,#terms a:hover,#sitemap a:hover,#admin a:hover {background-position:0px -4px;}*/
.mfbutton {float:right;margin:20px;}

/* Bookmarks */
.bookmarkholder {width: 460px;height:23px;margin-left:auto;margin-right:auto;padding-left:5px;padding-top:2px;font-size:0.6em;}
.bookmark { float: left; } 
.bookmark ul { background: none; border: none; } 
.bookmark li { padding: 0px 5px; }

/****** Widgets Section ********************************
*  Support for the News & Event headlines              *
********************************************************/
#hotness {}
.newshotness, .eventsshotness {background:#FFFFFF;position:relative; width:46%; float:left; margin:0 15px 15px 0; padding:0; border:1px solid #FFFFFF;box-shadow:2px 2px 2px #333333; border-radius:3px;}
.newshotness span.title, .eventsshotness span.title {position:relative; display:block; text-align:center; background:#88BA9E; color:#000000; border-bottom:1px solid #FFFFFF;}
.news_summary, .events_summary {margin:10px; font-size:0.8em; list-style:none; padding-left:55px; text-indent:-55px;}
.news_summary a, , .events_summary a {font-weight:normal;}
.newsicon {position:absolute; display:block; height:48px; width:53px; top:-15px; left:-10px; z-index:2; background:url('images/news.png') no-repeat 0 0;}
.calendaricon {position:absolute; display:block; height:48px; width:51px; top:-15px; left:-10px; z-index:2; background:url('images/calendar.png') no-repeat 0 0;}
/****** END OF Widgets Section *************************/

/****** JQuery Tools Section ***************************
*  Support for the various tools we're using goes here *
********************************************************/
#tabs{border:0;padding:0;}
#tabs p {margin-top:5px;margin-bottom:5px;}

div.tooltip {
	background-color:#000;
	outline:1px solid #669;
	border:2px solid #fff;
	padding:10px 15px;
	width:300px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;
	z-index:5;

	/* outline radius for mozilla/firefox only */
	outline-radius:4px;
	-moz-outline-radius:4px;
	-webkit-outline-radius:4px;
}

#tooltip {
	background-color:#88BA9E;
	padding:5px;
	font-size:11px;
}

/* User Polls */
.userpoll {text-align:center;padding:0 10px 10px 10px;margin:10px 10px 5px 0;}
.userpoll h3 {margin:0;padding:0;}
#pollthanks {display:none;}

/* Awesome style buttons */
.awesome, .awesome:visited {
	background: #222 url(http://zurb.com/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
button.awesome {border:0;}
.awesome:hover {background-color: #111; color: #fff;}
.awesome:active {top: 1px; }
.small.awesome, .small.awesome:visited {font-size: 10px;}
.awesome, .awesome:visited {font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.green.awesome, .green.awesome:visited {background-color: #88BA9E; }
.green.awesome:hover {background-color: #5C8176; }

/****** END OF JQuery Tools Section *******************/

/* UI Customisations */
.ui-tabs .ui-tabs-panel {padding: 0 5px 5px 5px;}
.ui-tabs-panel h2 {margin-top:2px;margin-bottom:10px;}
.ui-tabs-panel {font-size:14px;}

/****** FG Tools Section **********************************
*  Support for the various FG tools we're using goes here *
***********************************************************/
.fg-menu-container {font-size:12px;}
.hidden {position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
.fg-button {font-size:12px; clear:left; margin:4px; padding:5px 10px; text-decoration:none !important; cursor:pointer; position:relative; text-align:center;  } /*zoom:1;*/
.fg-button .ui-icon {position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button {float:left;}
button.fg-button {width:auto; overflow:visible; } /* removes extra button width in IE */

a#flat {color: #FFFFFF;}
a#flat.fg-menu-open {color: #000000;}

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.fg-button.ui-state-loading .ui-icon { background: url('images/menu/spinner_bar.gif') no-repeat 0 0; }

/****** END OF FG Tools Section *******************/

/* BBC Weather scrape tool */
h2.weather {margin: 5px 0 5px 0;}
p.lighter {margin: 0 0 5px 0;font-size:0.8em;}
.times {width:100%;font-size:0.9em;}
.time {width:110px;margin-right:3px;position:relative;float:left;}
.time h3 {margin:0;}
.time ul {list-style-image:none;margin:0;padding:0;list-style-image:none;list-style-position:outside;list-style: none;}
.time ul li {line-height:1.3;margin:0;padding:0;list-style-image:none;list-style: none;}

/* Tide scrape tool */
.HWLWTable {float:left;margin-right:20px;}
.HWLWTableHeaderCell {font-size:0.9em;}
.HWLWTableHWLWCellPrintFriendly, .HWLWTableCellPrintFriendly {font-size:0.8em;}
.blq-hide {display:none;}
.colour-red{color:red;font-size:0.9em;}

/*forcast formatting*/
p.smaller {font-size:0.7em; margin-top:0.7em; margin-bottom:0.7em;}
table.forecast { margin-left:auto; margin-right:auto;}
.day-forecast {font-size:12px}
tr.hour td,th {border-bottom:1px solid #CFCFCF;padding:0;}
.hum, .pres, .vis {text-align:left;display:block;clear:left;}
.textwrapper, .temp, .wind, .humpresvis {padding:0 10px 0 10px;}