/* CSS Document codeculture ltd */
/*@import url("http://www.aylesburyvaledc.gov.uk/style/size0.css");
@import url("http://www.aylesburyvaledc.gov.uk/style/layout.css");	*/
@import url("http://www.aylesburyvaledc.gov.uk/style/typo.css");	
@import url("http://www.aylesburyvaledc.gov.uk/style/banner.css");
@import url("http://www.aylesburyvaledc.gov.uk/style/tags.css");
@import url("http://www.aylesburyvaledc.gov.uk/style/modules/classic.css");
@import url("http://www.aylesburyvaledc.gov.uk/style/modules/bubbletitles.css");
@import url("http://www.aylesburyvaledc.gov.uk/style/modules/yahooSearch.css");
@import url("http://www.aylesburyvaledc.gov.uk/style/modules/tableSorter.css");
@import url("http://www.aylesburyvaledc.gov.uk/style/Petitions.css");
/* --- navigation styles --- */
#accessbar { width: auto; height: 1px; position: relative; padding: 0; margin: 0;}
#accessbar li { position: absolute; display: block; margin: 0; padding: 0; height: 1px; }
#accessbar a { height: 1px; display: block; text-indent: -9999px; text-decoration: none; }
/* topNav */

.topNav { 
	padding-left:14%; 
	display:block;
	clear:both;	
}
.accessNav { float:left; width:61%; background-color:#FFFFFF; margin-top:6px; }
.accessNav p { font-size:.75em; padding:0 0 0 0; white-space:nowrap;}
.printMe { display:none; }
.quickSearch { float:right; display:block; background-color:#FFFFFF; }
.quickSearch p {
	float:left;
	background:url(../graphics/navigation/quicksearchLeft.gif) no-repeat left top;
	margin:0 0 0 0;
	padding:0 0 0 9px;
}
.quickSearch span {
	float:left;
	display:block;
	background:url(../graphics/navigation/quicksearchRight.gif) no-repeat right top;
	padding: 4px 12px 2px 3px;
	font-weight:bold;
}
.quickSearch label { color:#FFFFFF; }
.quickSearch .searchField {}


/* top tabs */
#otherTabs {
	float:left;
	font-size:81.5%;
	line-height:normal;
	margin-top:92px;
	margin-left:190px;
}
	
	#otherTabs ul {
		list-style-type: none;
		margin:0;
		margin-left: 5px;
		padding:0;
	}
	
	#otherTabs li {
		display:inline;
		margin:0;
		padding:0;
	}
	
	#otherTabs a {
		float:left;
		background:url(../graphics/navigation/tab-left_slammed.png) no-repeat left top;
		margin:0;
		margin-right: 5px;
		padding:0 0 0 9px;
		text-decoration:none;
		color:#000000;
		border-bottom-style: none;
	}
	
	#otherTabs a span{
		float:left;
		display:block;
		background:url(../graphics/navigation/tabsRights_slammed.png) no-repeat right top;
		padding: 4px 12px 2px 3px;
		font-weight:bold;
		color:#000000;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#otherTabs a span {float:none;}
/* End IE5-Mac hack */

	#otherTabs a:hover span {
		color: black;
		
	}

	#otherTabs #current a{ /*Selected Tab style*/
		background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
	}

	#otherTabs #current a span{ /*Selected Tab style*/
		background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
		color: black;
	}

	#otherTabs a:hover{ 
		background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
		text-decoration:underline;
	}

	#otherTabs a:hover span{ /*onMouseover style*/
		background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
	}
	
#crumb { 
	display:block; 
	clear:both;
	margin-bottom:2px;
	padding-left:175px;
}
	#crumb p { 
		background-color:#FFFFFF;
		border:1px solid #859ee0;
		padding:.5em 10px .4em 13px;
		line-height:normal;
		font-weight:bold;
		color:#222;
		text-transform:capitalize;
	}
	#crumb span { color:#7a7a7a;}
	




/* main navigation */


#leftMenus {
	background: transparent;
	margin-top:-5px;
}
/*#leftMenus div.container { position:absolute; top:138px;}*/
	#leftMenus div.shadow {
		background-image: url(../graphics/navigation/main/menuShadowL.gif);
		background-repeat: repeat-y;
		background-position: left;
		width:176px;
		margin-bottom:1em;
	}
	#leftMenus div.shadow div.module div,
	#leftMenus div.shadow div.module p.menuTitle,
	#leftMenus div.shadow div.module p.menuSub  {
		width:176px;
	}
	#leftMenus p.homeLink,
	#leftMenus div.shadow div.module p.menuTitle a,
	#leftMenus div.shadow div.module p.menuSub a {
		margin:0 0 0 0;
		display:block;
	}
	
	#leftMenus	a {
			text-decoration: none;
			font-weight: bold;
			border-bottom: 1px dotted #407298;
			background-color: #fff;
		}
		
		#leftMenus .module.social .moduleTitle { background-image:none!important;}
		#leftMenus .module.social a { background-color:transparent; border:none; display:inline; float:left;}
		
	#leftMenus	a:hover{
			background-color: #f2f9fd;
			text-decoration: underline;
		}	
		


	#leftMenus a:hover,
	#leftMenus div.shadow div.module p.menuSub a:hover,
	#leftMenus div.shadow div.module p.menuTitle a:hover { text-decoration:underline;}
	#leftMenus p.homeLink { padding:0 0 0 0; font-size:.88em; }
	#leftMenus p.homeLink a {
		padding-top:.6em;
		padding-bottom:.6em;
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#leftMenus p.homeLink a.active,
	#leftMenus div.shadow div.module p.menuTitle a.active,
	#leftMenus div.shadow div.module p.menuSub a.active { text-decoration:none; }
	

	
	#leftMenus div.shadow div.module p { 
		line-height:normal; 
		font-size:.88em; 
		font-weight:bold;
	}
	#leftMenus div.shadow div.module p.menuTitle a,
	#leftMenus div.shadow div.module p.menuSub a {
		color:#FFFFFF;
		background-repeat: no-repeat;
		background-position: left top;	
		text-decoration:none;
		padding-top:.7em;
		padding-bottom:.6em;
		border-bottom:none;
	}
	#leftMenus div.shadow div.module p.menuSub a {
		background-position: -5px top;	
	}
	#leftMenus p.homeLink a,
	#leftMenus div.shadow div.module p.menuTitle a {
		width:146px;
		padding-left:30px;
		padding-top:.7em;
		padding-bottom:.5em;
	}
	#leftMenus div.shadow div.module p.menuSub a {
		width:auto;
		padding-left:26px;
		padding-top:.6em;
		padding-bottom:.4em;
	}
	#leftMenus p.homeLink a,
	#leftMenus div.shadow div.module p.menuSub a { color:#FFFFFF; display:block; border-bottom:none;!important }
	#leftMenus div.shadow div.module {
		background-repeat: no-repeat;
		background-position: right bottom;
		padding-bottom: 15px;
	}
	
	
	/* ask it */
	#leftMenus .module.askIt { width:170px; float:right}
	#leftMenus .module.askIt {
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		border:2px solid #ccc;
		margin-bottom:1em;
	}
	#leftMenus .module.askIt .moduleTitle {
		background: #b7ceee; /* Old browsers */
		background: -moz-linear-gradient(top, #b7ceee 0%, #739cda 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7ceee), color-stop(100%,#739cda)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #b7ceee 0%,#739cda 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #b7ceee 0%,#739cda 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #b7ceee 0%,#739cda 100%); /* IE10+ */
		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7ceee', endColorstr='#739cda',GradientType=0 ); */
		background: linear-gradient(top, #b7ceee 0%,#739cda 100%); /* W3C */
	}
		#leftMenus .module.askIt .moduleTitle p {
			padding-top: 0.6em;
			padding-right: 0pt;
			padding-bottom: 0.4em;
			padding-left: 26px;
			color:#FFF;
			font-weight:bold;
			background-image: url(../graphics/home/askIt.gif);
			background-repeat: no-repeat;
			background-position: left top;
		}
	#leftMenus .module.askIt .moduleContent { padding:.5em;}
	#leftMenus .module.askIt .moduleContent p input { margin-bottom:.3em; }
	#leftMenus .module.askIt .moduleContent p.button { float:right; margin-bottom:1em}
	
	
	
/* commented in as its global */
#leftMenus p.homeLink a {
	background: transparent url(../graphics/sections/a0b4e7/activeTab-a0b4e7.gif) no-repeat center top;	
}
#leftMenus p.homeLink a:hover,
#leftMenus p.homeLink a.active {
	background: transparent url(../graphics/sections/a0b4e7/activeTab-a0b4e7-over.gif) no-repeat center top;	
}


	#leftMenus div.shadow div.module p.menuSub,
	#leftMenus div.module ul,
	#leftMenus div.module .filler {
		margin:0 0 0 3px; 
		padding:0 0 0 0; 
		list-style-type: none;
		border-top:none;
		text-align:left;
	}
	#leftMenus div.shadow div.module p.menuSub,
	#leftMenus div.module ul,
	#leftMenus div.module .filler { 
		width:169px;
	}
	#leftMenus div.shadow div.module div.filler { padding:0 0 0 0; height:115px; width:169px;}
	#leftMenus div.module ul li {
		margin:0 0 0 0;
		padding:0 0 0 0;
		font-weight:bold;
		text-align:left;
		list-style-type: none;
		font-size:.813em;
		line-height:1.4em;
	}
		#leftMenus div.module ul li a:active, 
		#leftMenus div.module ul li a:focus { 
				background-color: #000000;
				color: #FFFFFF;
				text-decoration:underline;
		}
	#leftMenus div.module ul li a {
		background-image: url(../graphics/navigation/bullet.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding:4px 3px 4px 26px;
		display:block;
		color:#333333;
		text-decoration:none;
	}
	#leftMenus div.module ul li a:hover {
		background-image: url(../graphics/navigation/bullet-over.gif);
		background-repeat: no-repeat;
		background-position: left top;
		color:#000000;
		text-decoration:underline;
	}
	#leftMenus div.module ul li.active a,
	#leftMenus div.module ul li.active a:hover {
		background-image: url(../graphics/navigation/bullet-over.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding:4px 3px 6px 26px;
		display:block;
		color:#333333;
		text-decoration:none;
		border-bottom-style:solid;
	}


#address { display:block; margin-left:2px; margin-bottom:1em; }
	#address p.menuTitle a {
		display:block;
		background-image: url(../graphics/navigation/contactTab.gif);
		background-repeat: no-repeat;
		background-position: center top;
		padding:.6em 0 .4em 26px;
		text-decoration:none;
		color:#000000;
		border-bottom-style: none;
		width:147px;
	}
	#address p.menuTitle a:hover {
		display:block;
		background-image: url(../graphics/navigation/contactTabOver.gif);
		text-decoration:underline;
	}
	#address div { 
		border:1px solid #869ace;
		width:151px;
		padding:10px;
	}
	#address address { font-size:.7em; margin-bottom:1em;}
	#address table { font-size:.85em;}
	#address table th { font-weight:bold; padding-right:1em; }
	



#rightColumn { padding-bottom:1em; position:relative; padding-top:1px;}
	.ads .adModule { 
		border:1px solid #CABFB5;
		display:block;
		margin-bottom:2px;
		position:relative;
	}
	#rightColumn .adModule img { 
		border:1px solid #FFFFFF;
		float:left; 
		display:block; 
		width:69px; 
		height:69px;
	}
	#rightColumn .adModule p { 
		float:left; 
		display:block; 
		width:111px; 
		margin:0 0 0 0;
		padding:1px 2px 1px 5px;
		font-size:.69em;
	}
	#rightColumn .adModule p a { 
		display:block;
		margin-top:.2em;
		margin-bottom:.3em;
	}


	
	
/* content */

#print {
	font-size:81.5%;
	line-height:normal;
	margin:0 -.3em 0 0;
}
	
	#print a {
		float:left;
		background:url(../graphics/navigation/printLeftTab.gif) no-repeat left top;
		margin:0;
		margin-right: 5px;
		padding:0 0 0 9px;
		color:#000000;
		text-decoration:none;
		color:#000000;
		border-bottom-style: none;
	}
	#print a:hover { text-decoration:underline;}
	#print a span{
		float:left;
		display:block;
		background:url(../graphics/navigation/printRightTab.gif) no-repeat right top;
		padding: .5em 12px .3em 3px;
		font-weight:bold;
		color:#000000;
	}
	
/* home page promoTabs */
.IndexSection { clear:both; background-image:none; }
.leftPromo { width:33%; float:left; }
.middlePromo { width:33%; float:left; }
.rightPromo { width:32%; float:right; }

.IndexSection { padding:0 0 0 0; margin:0 0 0 0;}
.IndexSection .menu { padding:0 5px 0 5px;}

#contents .IndexSection .module { margin-bottom:.8em;}
#rightColumn .module { margin-bottom:.5em;}

/* with extra subtitle option p.menuTitle */
#contents .IndexSection p.menuTitle,
#rightColumn p.menuTitle { 
	margin:0 0 0 0;
	padding:0 0 0 0;
	clear:both;
	line-height:normal;
}
		#contents .IndexSection p.menuTitle { 
			width:100%;	
		}
		#rightColumn p.menuTitle,
		#rightColumn p.moduleTitle { 
			width:192px;
		}

	.IndexSection p.menuTitle a,
	#rightColumn p.menuTitle a {
		float:left;
		margin:0;
		margin-right: 2%;
		padding:0 0 0 2%;
		text-decoration:none;
		color:#000000;
		border-bottom-style: none;
		background-repeat: no-repeat;
		background-position: left top;
		width:98%;
	}

	
	.IndexSection p.menuTitle a span,
	#rightColumn p.menuTitle a span {
		display:block;
		padding: 8px 12px 6px 3px;
		font-weight:bold;
		color:#000000;
		background-repeat: no-repeat;
		background-position: right top;
	}

/* right column form stuff */
#rightColumn .promo.form { display:none; }


	
	
/* blue bg tabs */
/* left */
	.IndexSection p.menuTitle a,
	#rightColumn .eventPromo p.menuTitle a {
		background-image: url(../graphics/navigation/promoMenuTabL.gif);
	}
	
/* right */	
	.IndexSection p.menuTitle a span,
	#rightColumn p.menuTitle a span {
		background-image: url(../graphics/navigation/promoMenuTabR.gif);
	}
	

	.IndexSection p.menuTitle a span span,
	.IndexSection p.menuTitle a:hover span span,
	#rightColumn p.menuTitle a span span,
	#rightColumn p.menuTitle a:hover span span {
		background-repeat: no-repeat;	
		background-position: -2px -7px;
		padding:0px 0px 0px 24px;
	}
	.IndexSection p.menuTitle a span span,
	#rightColumn  p.menuTitle a span span {	
		background-image: url(../graphics/navigation/bullet.gif);
	}
	.IndexSection p.menuTitle a:hover span span,
	#rightColumn  p.menuTitle a:hover span span { 
		background-image: url(../graphics/navigation/bullet-over.gif);
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
	.IndexSection p.menuTitle a span {float:none;}
/* End IE5-Mac hack */

	.IndexSection p.menuTitle a:hover span,
	#rightColumn  p.menuTitle a:hover span,
	#rightColumn  p.moduleTitle span {
		color: black;
	}
	.IndexSection p.menuTitle a:hover,
	#rightColumn p.menuTitle a:hover { 
		background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
		text-decoration:underline;
	}
	.IndexSection p.menuTitle a:hover span,
	#rightColumn p.menuTitle a:hover span { /*onMouseover style*/
		background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
	}



/* back to centre home menus */
.promoList,
.promoList div {
	background-image: url(../graphics/navigation/promoListBgL.gif);
}
	.promoList {
		background-repeat: no-repeat;
		background-position: left top;
		clear:both;
		margin:0 0 0 0;
		padding:0 0 0 1px;
		border-top:1px solid #869ace;
	}
	.promoList div {
		background-repeat: no-repeat;
		background-position: right top;
		margin:0 0 0 0;
		padding:0 1px 0 0;
	}
	#contents .promoList ul {	
		width:100%;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	#contents .promoList li { 
		width:96%;
		font-size:.7em;
		margin:0 0 0 0;
		padding:0 2% 0 2%;
		font-weight:bold;
		text-align:left;
		list-style-type: none;
		line-height:1.2em;
	}
	#contents .promoList ul li a {
		background-image: url(../graphics/navigation/bullet.gif);
		background-repeat: no-repeat;
		background-position: left -3px;
		padding:4px 3px 4px 26px;
		display:block;
		text-decoration:none;
		border-bottom:1px solid #e9e9e9;
	}
	#contents .promoList ul li a:hover {
		background-image: url(../graphics/navigation/bullet-over.gif);
		background-repeat: no-repeat;
		background-position: left -3px;
		text-decoration:underline;
	}
	
/*  inline unorder lists in middle column */

#contents ul.pages {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}
#contents ul.atoz { font-size: 1.5em; }
#contents ul.atoz li { display:inline; margin:0 0 0 0; text-transform:uppercase; padding:0 0 0 0;}
#contents ul.pages .here a { color: #333333; }

/* search in middle column */
#contents .searchOptions {
	/*background-color:#106C58;*/
	border:1px solid #869ACE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom:1em;
	padding:1em;
	color:#000000;
	width:auto;
	overflow:hidden;
}
#contents .searchOptions p { color:#000000; padding-bottom:1em;}
#contents .searchOptions .searchTitle p {
	margin-bottom: 0em;
	padding-bottom:.5em;
	font-size: 1.35em;
	font-weight:bold;
}

#contents .searchOptions .radioSet { display:block; float:left; width:48%;}
#contents .searchOptions .fieldPair { display:block; float:left; width:48%;}
#contents .searchOptions .quickSearch { display:block; clear:both;}



#contents .searchOptions .radioSet label { margin-right:1em; white-space:nowrap;}
#contents .searchOptions .radioSet input { margin-right:.5em;}

#contents .searchOptions .fieldPair p.label { display:none;}



#contents .searchOptions .fieldPair p.field select.categories {
    width: 90%; /* Or whatever width you want. */
}
#contents .searchOptions .fieldPair p.field select.categories.expand {
    width: auto;
}

#msSearch select.categories { width:170px; overflow:visible}
#msSearch select.categories.expand {
    width: auto;
	overflow:visible
}


/* atrget to avoid conflict with header search */


#contents .page .searchOptions .quickSearch { float:left; clear:both; width:100%; /*background-color:#ff6600;*/ overflow: visible;}
#contents .page .searchOptions .quickSearch p {  padding:0 0 0 0; margin:0 0 0 0; }
#contents .page .searchOptions .quickSearch p,
#contents .page .searchOptions .quickSearch span { background:none; }
#contents .page .searchOptions .quickSearch label { font-weight:bold; color:#000; line-height:34px; }
#contents .page .searchOptions .quickSearch .buttonWrap input { padding:.1em .3em; font-size:1em;}
#contents .page .searchOptions .quickSearch .searchField { font-size:1em; border:1px solid #418F7E; padding:.3em; width:200px;  border:1px solid #869ACE; }

#contents .page .searchOptions .quickSearc .search-left,
#contents .page .searchOptions .quickSearc .search-right { display:none;}


#contents .page .searchOptions .quickSearch label,
#contents .page .searchOptions .quickSearch span.search_wrapper,
#contents .page .searchOptions .quickSearch .buttonWrap { display:block; float:left; }

#contents .page .searchOptions .quickSearch label { width:auto; margin-right:5px;}
#contents .page .searchOptions .quickSearch span.search_wrapper { }






/* page by page navigation */
#contents .module.pagination { margin-bottom:1em;}
#contents .module.pagination .moduleContent { text-align:center; padding:1em 0 0 0;}
#contents .module.pagination ul{list-style:none; margin:0 0 0 0; padding:0 0 0 0}
#contents .module.pagination ul li{background-image:none; display:inline; font-weight:bold}
#contents .module.pagination ul li.previous, 
#contents .module.pagination ul li.next{font-weight:normal}
#contents .module.pagination ul .previous span{background:url(../graphics/default/arrow_prev-off.gif) no-repeat left 50%}
#contents .module.pagination ul .previous a{background:url(../graphics/default/arrow_prev-on.gif) no-repeat left 50%}
#contents .module.pagination ul .next span{background:url(../graphics/default/arrow_next-off.gif) no-repeat right 50%}
#contents .module.pagination ul .next a{background:url(../graphics/default/arrow_next-on.gif) no-repeat right 50%}
#contents .module.pagination ul .previous a, 
#contents .module.pagination ul .previous span{padding-left:20px}
#contents .module.pagination ul .next a, 
#contents .module.pagination ul .next span { padding-right:20px }










/* petitions skinning the default - see import above */
#pageColumn .module { 
	margin-bottom:2em;
}
#contents #pageColumn .imgcapright img { width:200px;}
#contents .page .descriptionText p { margin-bottom:0; padding-top:.5em; padding-bottom:1em; color:#666666; font-weight:bold;}
#pageColumn .moduleTitle {background-image:none!important;}
 #pageColumn .moduleTitle p  { 
	margin-bottom: .3em;
	color: #222222;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 0.3em;
	font-size: 1.35em;
	font-weight:bold;
}
#pageColumn .promo.hovered a,
#pageColumn .promo:hover a  {
	text-decoration:underline;
}
.promoContent .clearPromo {
	border-bottom:1px dotted #CCCCCC;
	width:99%;
	height:1px;
	clear:both;
	margin:5px 0 10px 0;
}
.promoTitle p { 
	margin:0 0 .3em 0;
	padding:0 0 0 0;
	font-size:1.168em;
}
#pageColumn p.labelPair { display:block; clear:both; margin-bottom:1em; width:auto; overflow:hidden;}
#pageColumn p span.timeLabel,
#pageColumn p span.timeValue { color:#999999; font-weight:bold;}
#pageColumn p span.timeLabel,
#pageColumn p span.timeValue { display:block; float:left; width:25%;}
#pageColumn .module.petitionNavigation ul li { 
	 width:30%;
	 color:#FFF;
	 font-weight:normal;
}
#pageColumn .module.petitionNavigation ul li a { color:#FFF; background-color:transparent; font-size:1.3em; }
#pageColumn .module.petitionNavigation ul li.petitionCurrent {
	background-color:#006B58;
	border: 1px solid #094E3F;
}
#pageColumn .module.petitionNavigation ul li.petitionPast {
	background-color:#E46F57;
	border: 1px solid #BC3C24;
}
#pageColumn .module.petitionNavigation ul li.petitionSearch {
	background-color:#FAB84E;
	border: 1px solid #D77221;
}
#pageColumn .module.petitionNavigation ul li.hovered,
#pageColumn .module.petitionNavigation ul li:hover,
#pageColumn .module.petitionGlossary ul li.hovered,
#pageColumn .module.petitionGlossary ul li:hover{
	cursor: hand;
	cursor: pointer;
}
#pageColumn .module.petitionNavigation ul li.hovered a,
#pageColumn .module.petitionNavigation ul li:hover a,
#pageColumn .module.petitionGlossary ul li.hovered a,
#pageColumn .module.petitionGlossary ul li:hover a  {
	text-decoration:underline;
}
#pageColumn .searchOptions {
	background-color:#FFFFFF;
	border:1px solid #095040;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom:1em;
	padding:1em;
	color:#FFF;
}
.page .searchOptions p { color:#FFF;}
.searchOptions .searchTitle p {
	margin-bottom: 0em;
	padding-bottom:.5em;
	font-size: 1.35em;
	font-weight:bold;
}
.radioSet { display:block; float:left; width:48%;}
.fieldPair { display:block; float:left; width:48%;}
#pageColumn .quickSearch { display:block; clear:both;}
.radioSet label { margin-right:1em;}
.radioSet input { margin-right:.5em;}
.page .fieldPair p.label { display:none;}
.page .fieldPair p.field select.categories { width:90%;}
#contents .page .quickSearch label { font-weight:bold;}
#contents .page .quickSearch .searchField { font-size:1em; border:1px solid #418F7E; padding:.3em; width:50%; }
#pageColumn .classicTables caption { 
	margin-bottom: .3em;
	color: #222222;
	padding-bottom: 0.3em;
	font-size: 1.35em;
	font-weight:bold;
	border-bottom:none;
}
#pageColumn .classicTables caption span.small { font-size:.75em; font-weight:normal;}
#pageColumn .classicTables caption span.small span { font-style:italic; font-weight:bold;}
#contents .page .pageTable caption { border:none;line-height:normal;}
#contents .pageTable caption span.note { font-size:75%; font-weight:normal; }
#contents .page .pageTable th,
#contents .page .pageTable td { vertical-align:top; padding:.3em; }
#contents table.pageTable img { margin:0 0 0 0; vertical-align:sub; }
#contents .page .formPage .clear { border:none; margin:0 0 0 0; height:0;}
#contents .page #pageColumn  fieldset { padding-top:1em; }
#contents .page #pageColumn  fieldset legend {font-size:1em;
	margin-bottom: .5em;
	color: #222222;
	padding-bottom:.3em;
	width:100%;
}
#contents .page fieldset p { font-size:1.1em; margin-bottom:0;}
#pageColumn .fieldGroup { margin-bottom:2em;}
#pageColumn .fieldGroupTitle { }
#pageColumn .fieldGroupTitle p {
	font-size:1.25em;
	margin-bottom: 1.06em;
	color: #222222;
	padding-bottom:.3em;
	border-bottom:1px solid #CCCCCC;
}
#pageColumn .module.login p { display:block; clear:both;}
#pageColumn .module.login .fieldPair {  display:block; clear:both; width:100%; }
#pageColumn .module.login .fieldPair p { display:block; clear:none; float:left; }
#pageColumn .module.login .fieldPair p.label,
#content .page #pageColumn .module.login .fieldPair p.field { display:block; float:left;}
#pageColumn .module.login .fieldPair p.label {
	width:150px;
	margin-right:10px;}
#pageColumn .module.login .fieldPair p.field { width:58%; }
#pageColumn .module.login .fieldPair p.field input.formField { width:100%; }
#pageColumn .otherLinks,
.page #featuresColumn .otherLinks { 
	position: inherit;
	top: 0;
	right: 0;
	display: block;
	float: none;
	clear: both;
}
#pageColumn .otherLinks,
.page #featuresColumn .otherLinks li { font-weight:normal;}
.otherLinks a { padding:0 0 0 0; display:inline;}
#pageColumn .instructions,
#pageColumn .disclaimer {
	padding:1em 1em 0 1em;
	border:1px dotted #cccccc;
	margin:1em 0 1em 0;
}
#pageColumn .instructions p,
#pageColumn .disclaimer p { padding-bottom:1em;}
#rightColumn .atoz tbody td  {
	font-size: 90%;
	font-weight:normal;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	height : 100%;
	text-decoration: none;
	margin:0px;
	border:1px solid #FFFFFF;
}
#rightColumn .atoz th { background-color:#ffffff; color:#8C827B; border-bottom:1px solid #cccccc; }
#rightColumn .atoz td { padding:0px; text-align: center; font-size:90%; width:auto; background-image:none; }
#rightColumn .atoz td { padding:0px; text-align: center; font-size:100%; width:14%; }
#rightColumn .atoz p { text-align:center; padding:0px; margin-bottom:2px; }
#rightColumn .validation { 
	background-image: url(../graphics/petitionsManager/forumPromoArrowTop.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color:#D64D7A; 
	padding:20px 10px 10px 10px; 
	margin-top:1em; 
	margin-bottom:1em; 
	color:#FFFFFF; 
	display:block;
}
#rightColumn .success { 
	background-image: url(../graphics/petitionsManager/forumPromoArrowTop.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color:#63B163;
	padding:20px 10px 10px 10px; 
	margin-top:1em; 
	margin-bottom:1em; 
	color:#FFFFFF; 
	display:block;
}
#rightColumn fieldset .fieldMembers .errorBlock { margin-top:.5em;}
#rightColumn .fieldError {
	display:block;
	width:16px;
	height:16px;
	background-repeat: no-repeat;
	background-position: center center;
	float:left;
	margin:0 5px 0 0;
	background-image: url(../graphics/petitionsManager/cross.gif);
}
#rightColumn .fieldValidate {  display:block; float:left;}
#rightColumn .otherLinks li { font-weight:normal;}
#rightColumn .validation { border:none;}
#rightColumn .validation p { color:#FFF; font-weight:normal; }
#rightColumn .validation p strong {
	margin-bottom: 0.5em;
	display: inline-block;
	font-weight:bold;
}
#rightColumn .validation:before { display:none;}
#rightColumn  .errorBlock { clear:both; width:170px; font-weight:normal;  }
#rightColumn  .errorBlock p {color:#F00; }
#rightColumn .fieldError {
	clear:none;
}
#rightColumn .fieldValidate { width:149px; display:block; float:left;}
#rightColumn .fieldPair { display:block; clear:both; margin-bottom:.5em; width:170px; }
#rightColumn .fieldPair p.label,
#rightColumn .fieldPair p.value { width:auto; display:block; clear:both;}
#rightColumn .fieldPair p.label { font-weight:bold;}
#rightColumn input.formField,
#rightColumn select.formField,
#rightColumn textarea.formField { 
	color:#0000CC; 
	font-weight:normal; 
	margin:0 0 1em 0;
	width:165px;
}
#rightColumn p input.button { width:170px;}
/* petitions end */












/* labelled pair field sets 2010 */
#contents .page .actionButton { display:block; float:right; padding:.3em 1em; margin-right:.5em; margin-left:.5em; background-color:#fdf4d4; border:1px solid #9a845f; }

#contents .page .actionButton.hovered,
#contents .page .actionButton:hover {
	cursor: hand;
	cursor: pointer;
	border-style:inset;
}

#contents .page .actionButton.hovered a,
#contents .page .actionButton:hover a { text-decoration:underline;}


#contents .page .actionButton p { padding:0;  line-height:normal;}
#contents .page .actionButton p a { background-color:transparent; color:#000000; font-weight:bold;}
#contents .page .recruitMaster .module .moduleTitle { 
	background:none;
	border-bottom: 1px solid #cccccc;
	margin-bottom:1em;
	width: 99%;
}
#contents .page .module  { margin-bottom:1em; }
#contents .page .recruitMaster .module .moduleTitle { background:none; 	border-bottom:1px solid #cccccc; margin-bottom: 1.06em}
#contents .page .recruitMaster .module .moduleTitle p,
#contents .page .recruitMaster .module .moduleTitle p { font-size:1.2em; font-weight:normal; background:none; padding-bottom:0; }

#contents .page .recruitMaster .pageTable caption {  padding-bottom:.3em; font-weight:normal; font-size:1.2em;}
#contents .page .recruitMaster .pageTable caption span { font-weight:normal; font-size:.6em; display:block; clear:both; line-height:normal;}
#contents .page .recruitMaster .pageTable tfoot { font-weight:normal; font-size:.9em;   line-height:normal;}

#contents .module.fieldValues.labelSet p.mainItemLabel { width:99%;}
#contents .module.labelSet p.mainItemLabel span { display:block; float:left; margin-bottom:1em;}
#contents .module.labelSet p.mainItemLabel span.label { color:#000000; font-weight:bold; width:30%; padding-right:2%; padding-left:0%;  /*background-color:#FFCC33;*/}
#contents .module.labelSet p.mainItemLabel span.value { width:56%; white-space:normal; }


/* CSS Document for google map iframe embed */
#contents .page .recruitMaster .module.googleMap iframe { width:99%; height:350px; border:1px solid #CCCCCC; border-style:solid; margin-bottom:1em; }
/* override for to column layout*/
#contents .module.googleMap small { display:none; }
#contents .module.googleMap p { display:none; }
#contents .page .recruitMaster .module.googleMap .moduleTitle {border-bottom:none; margin-bottom:0; }
#contents .page .recruitMaster .module.googleMap .moduleTitle p {  /*color: #666666;*/ margin-bottom:.3em; padding-bottom:0; display:block; }





/* new forms */






/* form validation */
#contents .page .module.formPage .validation { border:none;}

#contents .page .module.formPage .validation p,
#contents .page .module.formPage .success p { color: #FFFFFF; padding-bottom:0; }




#contents .page .recruitMaster .clear { border-bottom:none; margin:0 0 0 0; height:0; }

#contents .page #contents .page .module.formPage  fieldset { padding-top:1em; }
#contents .page #contents .page .module.formPage  fieldset legend {
	font-size:1.25em;
	margin-bottom: 1.06em;
	color: #222222;
	padding-bottom:.3em;
	width:100%;
}
#contents .page fieldset p { font-size:1.1em; margin-bottom:0;}


#contents .page .module.formPage .fieldGroup { margin-bottom:2em;}
#contents .page .module.formPage .fieldGroupTitle { }
#contents .page .module.formPage .fieldGroupTitle p {
	font-size:1.2em; 
	padding-bottom:.3em; 
	font-weight:normal;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:1em;
}


/* in page forms */
#contents .page .module.formPage textarea.formFieldMultiLine:hover, 
#contents .page .module.formPage textarea.formFieldMultiLine:focus, 
#contents .page .module.formPage input.formField:hover, 
#contents .page .module.formPage input.formField:focus,
#contents .page .module.formPage select.formField:hover, 
#contents .page .module.formPage select.formField:focus,
#contents .page .module.formPage textarea.formField:hover, 
#contents .page .module.formPage textarea.formField:focus,
#contents .page .module.formPage input.formField.error:hover,
#contents .page .module.formPage input.formField.error:focus,
#contents .page .module.formPage select.formField.error:hover, 
#contents .page .module.formPage select.formField.error:focus,
#contents .page .module.formPage textarea.formField.error:hover, 
#contents .page .module.formPage textarea.formField.error:focus  {
	background-color: #cff6fb;
}



#contents .page .module.formPage .fieldGroup { /*background-color:#f8f8f8; margin-bottom:1.5em;*/}
#contents .page .module.formPage .fieldGroupTitle { /*background-color:#666;*/}
#contents .page .module.formPage .fieldGroupTitle p {/*padding:0 0 .5em 0; font-weight:bold; font-size:1.2em;  19.5px */ }

#contents .page .module.formPage .field.date .fieldMembers  .fieldItems { width:auto }
#contents .page .module.formPage fieldset .fieldMembers p { display:block; float:left; margin-right:1em;  }

#contents .page .module.formPage fieldset .fieldMembers p label { font-size:1.2em; }
span.labelTip { display:block; font-size:75%;}
.fieldMembers { }
/* dimensions of leabl and field widths */
#contents .page .module.formPage .fieldMembers .label { 
	width:150px;
	margin-right:10px;
}


/*#contents .page .module.formPage .fieldMembers .fieldGroup { 
	width:500px;
}*/
/* standard field widths with matching filed note width */
#contents .page .module.formPage .fieldMembers input.formField,
#contents .page .module.formPage .fieldMembers select.formField,
#contents .page .module.formPage .fieldMembers textarea.formField { 
	width:58%;
}

#contents .page .module.formPage .fieldMembers input.formField.autoWidth,
#contents .page .module.formPage .fieldMembers select.formField.autoWidth,
#contents .page .module.formPage .fieldMembers textarea.formField.autoWidth { width:auto;}



#contents .page .module.formPage span.asterix,
#contents .page .module.formPage .fieldMembers span.asterix,
#contents .page .module.formPage .fieldMembers span.required { color:#FF0000; }


#contents .page .module.formPage .fieldMembers span.fieldCorrect { 
	background-image: url(../graphics/default/tick.gif);	
	display: block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	margin-left:5px;
}
#contents .page .module.formPage .fieldMembers .fieldError {
	
}
#contents .page .module.formPage .fieldHelpButton {
	background-image: url(../graphics/default/fieldHelp.gif);
}
/* this part is important to get icons and fields lining up - take care with the top padding */

#contents .page .module.formPage input.formField, 
#contents .page .module.formPage textarea.formField, 
#contents .page .module.formPage select.formField {

	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

#contents .page .module.formPage .fieldMembers .label p { padding-top:.3em; font-weight:normal; }
#contents .page .module.formPage .field.populated .formInput { color:#0000CC;  }
/* validation styles */
#contents .page .module.formPage .validation { 
	background-image: url(../graphics/default/forumPromoArrowTop.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color:#D64D7A; 
	padding:20px 10px 10px 10px; 
	margin-top:1em; 
	margin-bottom:1em; 
	color:#FFFFFF; 
	display:block;
	}
#contents .page .module.formPage .success { 
	background-image: url(../graphics/default/forumPromoArrowTop.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color:#63B163;
	padding:20px 10px 10px 10px; 
	margin-top:1em; 
	margin-bottom:1em; 
	color:#FFFFFF; 
	display:block;
}

#contents .page .module.formPage .validation strong,
#contents .page .module.formPage .success strong { font-size:150%; margin-bottom:.5em; display:inline-block;}

#contents .page .module.formPage .fieldGroup.login .validation {
	width:auto;
}

/* safari hack */
body:first-of-type #contents .page .module.formPage .validation {
	padding:1em 0 1em 1em;
	margin-top:2em;
	
}
#contents .page .module.formPage .validation p,
#contents .page .module.formPage .success p { color: #FFFFFF; }




/* filed row padding and margins */

#contents .page .module.formPage .field { 
	padding:0 0 .3em 0; 
	margin-bottom:0;
}
#contents .page .module.formPage .field p { padding-bottom:0;}
#contents .page .module.formPage .field { display:inline-block; width:100%;}
#contents .page .module.formPage .fieldMembers {  }

/* labels */
#contents .page .module.formPage .fieldMembers .label { 
	display:block; 
	float:left; 
	padding:0 0 0 0;
}
#contents .page .module.formPage .fieldMembers .label,
#contents .page .module.formPage .fieldMembers .label label { font-weight:normal; }
/**/


#contents .page .module.formPage .fieldMembers .fieldItems { 
	display:block; 
	float:left; 
	padding:0 0 0 0;
	width:300px;
}


#contents .page .module.formPage .fieldMembers .fieldItems .formInput { clear:both; display:block; width:550px; vertical-align:top; margin-bottom:1em; }
#contents .page .module.formPage .fieldMembers .fieldItems .formInput li { width:350px;}

#contents .page .module.formPage input.formField,
#contents .page .module.formPage select.formField,
#contents .page .module.formPage textarea.formField{ 
	border: 1px solid #000000; 
	color:#0000CC; 
	font-weight:normal; 
	margin:0 0 0 0;
	padding:5px;
}




#contents .page .module.formPage input.formField.correct,
#contents .page .module.formPage select.formField.correct,
#contents .page .module.formPage textarea.formField.correct { border:1px solid #66cc66;  color:#0000CC; }
#contents .page .module.formPage input.formField.error,
#contents .page .module.formPage select.formField.error,
#contents .page .module.formPage textarea.formField.error {  border:1px dotted #FF0000; color:#990000; color: #0000cc; }




/* error message  block under the field */
#contents .page .module.formPage  .errorBlock { clear:both; margin-bottom:1em; width:auto; overflow:hidden; }

#contents .page .module.formPage fieldset .fieldMembers .errorBlock { margin-top:.5em;}
#contents .page .module.formPage  .fieldError {
	display:block;
	width:16px;
	height:16px;
	background-repeat: no-repeat;
	background-position: center center;
	float:left;
	margin:0 5px 0 0;
	background-image: url(../graphics/default/cross.gif);
}
#contents .page .module.formPage  .fieldValidate {
	float:left;
	display:block;
	width:auto;
}

/* buttons */
/*#contents .page .module.formPage input.button {
	width:0 !important;
	overflow:visible;
	padding:2px 4px 2px 4px;
	border:1px solid #000000;
	color:#333333;
	font-weight:bold;
	font-family:arial, helvetica, sans-serif;
	margin-right:1em;
	background-image: url(../graphics/petitionsManager/buttonBg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-left:5px;
}

#contents .page .module.formPage input.button[class] {
	width:auto !important;
}*/





/* override the global field widths so system filed widths can be set in admin */
#contents .page .module.formPage .fieldMembers input.formField.autoWidth,
#contents .page .module.formPage .fieldMembers select.formField.autoWidth,
#contents .page .module.formPage .fieldMembers textarea.formField.autoWidth { 
	width:auto;
}



#contents .page .module.formPage  .column { display:block; float:left; width:45%; margin:1em 4% 1em 0;}
#contents .page .module.formPage  fieldset {  margin-top:1em; /*clear:both;*/ }
#contents .page .module.formPage  fieldset legend { 
	/*font-weight:bold;
	margin: 0;
	padding-bottom:0;*/
	/*font-size: 1.3em;
	padding:1em;*/

}
#contents .page .module.formPage  .checkBoxes fieldset input { margin-right:1em;}
#contents .page .module.formPage  .checkBoxes p {margin-bottom:1em; padding-bottom:0; display:block; clear:both; font-size: 0.85em;}
#contents .page .module.formPage  .checkBoxes .column p { padding-bottom:.5em; width:auto; overflow:hidden;}
#contents .page .module.formPage  .checkBoxes label { font-weight:normal; }
#contents .page .module.formPage  .checkBoxes label,
#contents .page .module.formPage  .checkBoxes input { float:left;}
#contents .page .module.formPage  .checkBoxes label { width:80%; margin-top:.3em;}
#contents .page .module.formPage  .checkBoxes input { }


#contents .page .module.formPage .instructions {/* background-color:#F60;*/}
#contents .page .module.formPage .disclaimer {
	/*background-color:#9F9;*/
}






/* right column modules without linked titles */
#rightColumn p.moduleTitle {
	background-repeat: no-repeat;
	background-position: center top;
	width:168px;
	font-weight:bold;
	color:#000000;
	clear:both;
}
	#rightColumn .pollPromo p.moduleTitle {
		background-image: url(../graphics/navigation/greeTab.gif);
		padding: 8px 12px 6px 12px;
	}
	
	#rightColumn .eventCalendarPromo p.moduleTitle,
	#rightColumn .miniShoppingBasket p.moduleTitle,
	#rightColumn .recruitSide p.moduleTitle{
		background-image: url(../graphics/navigation/blueTab.gif);
		padding: 4px 12px 3px 12px;
	}


/* right column menus and components */
#rightColumn .box { 
	clear:both;
	width:190px;
	border:1px solid #cabfb5;
}


		#rightColumn .eventPromo .box,
		#rightColumn .eventCalendarPromo .box { 
			border:1px solid #869ACE;
		}
		#rightColumn .pollPromo .box { 
			border-top:1px solid #6a855d;
		}
	.eventPromo img { 
		width:188px;
		margin:1px;
	}
	.specialImg a  { border-style:none; }
	.miniShoppingBasket .promoContent,
	.eventCalendarPromo .promoContent,
	.eventPromo .promoContent,
	.pollPromo .promoContent,
	#rightColumn .recruitSide .promoContent{ 
		padding:.5em; 
		font-size:.813em;
	}
	
	
	#rightColumn div.module .eventPromo .promoContent {  font-weight:normal;}
	
	
	#rightColumn .promoContent p a { 
		display:block;
		margin-bottom:.3em;
	}
		#rightColumn .promoContent .otherLinks p a { 
			display:inline;
			margin-bottom:.3em;
		}
		#rightColumn .promoContent li.pdf {
			background-image: url(../graphics/default/pdf-small.gif);
			background-repeat: no-repeat;
			background-position: left top;
			padding-left: 20px;
		}
	
	
/* polls */
	#rightColumn .pollPromo table { width:100%; margin-bottom:1em; }
		#rightColumn .pollPromo table caption { padding-bottom:.3em; font-size:.85em; }
		#rightColumn .pollPromo table td.label { font-weight:bold; }
		#rightColumn .pollPromo table td.choice { width:30px;}
		#rightColumn .pollPromo table td { border-bottom:1px solid #e9e9e9; padding:.3em;}
		#rightColumn .pollPromo table td.result div { 
			display:inline; 
			float:left; 
			margin:-10px 0 5px 0; 
			border-bottom:1px solid #000000; 
			border-right:1px solid #666666;
			height:.85em;
		}
	
	
/* recruitmaster side column menu */
#rightColumn .recruitSide .promoContent ul,
#rightColumn .recruitSide .promoContent li { list-style:none; margin:0 0 0 0;}
#rightColumn .recruitSide .promoContent li { margin-bottom:1px; display:block; width:174px; clear:both;}
#rightColumn .recruitSide .promoContent li a { display:block; }
#rightColumn .recruitSide span.UIicon,
#rightColumn .recruitSide span.UIitem { display:block; float:left;}
#rightColumn .recruitSide span.UIitem { width:145px; line-height:normal; padding-top:5px;}
#rightColumn .recruitSide span.UIicon {
	width:24px;
	height:24px;
	margin-right:5px;
	background-image: url(../graphics/default/help-menu-icons.gif);
	background-repeat: no-repeat;
}

#rightColumn .recruitSide li.profile span.UIicon {	background-position: left -96px;}
#rightColumn .recruitSide li.alerts span.UIicon { background-position: left -240px;}
#rightColumn .recruitSide li.saved span.UIicon {  background-position: left -264px;}
#rightColumn .recruitSide li.completed span.UIicon { background-position: left top;}

#rightColumn .recruitSide li.hovered ,
#rightColumn .recruitSide li:hover { 
	cursor: hand;
	cursor: pointer;
}
#rightColumn .recruitSide li.hovered a,
#rightColumn .recruitSide li:hover a { text-decoration:underline;}


	
	
	


#footer a img { margin:0 .5em 0 0; padding:0 0 0 0; line-height:normal; display:block; float:left;}
#footer a:active, #footer a:focus { 
	background-color: #f4f4f4;
	color: #000000;
} 
	#footer span.pipe { margin-right:.3em; margin-left:.3em;}	
	.footerNav { 
		clear:both;
		padding:.4em 1% .3em 1%;
		border-top:1px solid #859ee0;
		background-color:#eaeaea;
		font-size:.885em;
		margin-bottom:.3em;
	}
	.footerNav .topLink {
		display:block;
		float:right
	}
	.footerNav .topLink a {	
		background-image: url(../graphics/default/upArrow.gif);
		background-repeat: no-repeat;
		background-position: left 3px;
		padding-left:13px;
	}
	.footerNav .topLink a:hover {	
		background-image: url(../graphics/default/upArrowOver.gif);
		background-repeat: no-repeat;
		background-position: left 3px;
		padding-left:13px;
	}
	.footerNav a { 
		background:transparent;
		text-decoration:none;
		border-bottom-style:none;
	}
	.footerNav a:hover,
	.legal a:hover { text-decoration:underline;}
	.legal {
		clear:both;
		padding:.4em 1% .3em 1%;
		background-image: url(../graphics/default/dot.gif);
		background-repeat: repeat-x;
		background-position: top;
		font-size:.885em;
		margin-bottom:.3em;
	}
	.legal a { 
		border-bottom-style:none;
	} 
	.syndicate { clear:both; margin-bottom:.3em;}
	.syndicate img { margin-right:1em;}
	.badges { 
		clear:both;
		margin-bottom:1em;
	}
/* --------------- */








/* global tweaks */
.promo .promoImage a,
#footer a  {
	border:none;
}



