/* 
	Worthing Dot Gov Dot UK

	(c)2003-2008 WBC

	Version 3.3

	October 2009

	September 2008 - Fixing under navigation bug
	January 2009 - Navigation revised to be less clunky and glitchy on Internet Explorer
	March 2009 (3.0.3.3) - A to Z styles moved into style_az.asp and removed defunct navigation styles
	July 2009 (3.1) - Major tidy up
*/
	/* Basic Includes */

	@import url(basic.css);
	@import url(/styles/rsrc/spectre_forms.css);
	@import url(/lib/jquery.rating.css);

	/* A to Z Things */

	.az-img{
	border:0;
	}

	/* Under Bar */

	#house-icon{
	margin:0.65em 0.65em 0 9.5em;
	float:left;
	vertical-align:text-top;
	border:0;
	position:relative;
	}

	/* Inner/Content Customisations */

		
	#contact-service-name-content{
	font-weight:bold;
	color:#555;
	padding:5px 0;
	}

	#contact-service-address-content{
	font-size:9pt;
	font-weight:bold;
	padding:5px 0 5px;
	}
	
	#contact-service-tel-content{
	font-weight:bold;
	font-size:11pt;
	}
	
	#contact-service-email-content{
	font-weight:bold;
	font-size:9pt;
	margin-left:-2.6em;
	padding-left:1em;
	}
	
		#contact-service-email-content a{
	/*	background-color:#fff;
		background-image:none !important;*/
		padding:6px 2.6em !important;
		}
	
	#contact-service-full-content{
	margin:10px 24px 10px;
	
	}
	
		#contact-service-full-content a{
		margin-left:-2em;
		text-align:center;
		}



	/* Navigation 3.0.3 - Updated to be less clunky on Internet Explorer */

	
	
	
	


		
		
		
		
		
		
		
		#navigation-parent li{
		margin-left:1em;
		margin-right:1em;
		font-weight:bold;
		color:#fff;
		background:#AA223D url(/styles/rsrc/nu_nav_pcs.png) no-repeat center left !important;
		}
		
				#navigation-parent li a{
				background: #fff url(/styles/rsrc/nu_nav_ps.png) no-repeat center left !important;
				padding-left:20px !important;
				font-weight:normal;
				font-size:9pt;
				color:#666;
				}
				
					#navigation-parent li a:hover, #navigation-parent li a:active, #navigation-parent li a:focus{					
					background: #d1d1d1 url(/styles/rsrc/nu_nav_psh.png) no-repeat center left !important;
					}
					
		#navigation-child li{
		margin-right:1em;
		}
					
			#navigation-child li a{
			background: url(/styles/rsrc/nu_nav_cs.png) top left no-repeat #fff !important;
			padding-left:2.6em !important;
			font-size:10pt;
			}
						
				#navigation-child li a:hover{
				background-image: url(/styles/rsrc/nu_nav_csh.png) !important;	
				}			

	/* Site Content */

	#site-Content h3{
	margin-top:1em;
	}
	
	#content-Header{
	overflow:hidden;
	padding-bottom:5px;
	}

	#content-Header h2{
	font-size:16pt; color: #000;
	}

	#pageBottom{
	margin-top:1em;
	padding-bottom:1em;
	font-size:9pt !important;
	text-align:right;
	font-weight:bold;
	clear:both;
	}

	.feint{
	color:#aaa;
	}

		.content-header-field, .content-header-data{
		float:left;
		width:100px;
		font-weight:bold;
		font-size:8pt !important;
		}
		
		.content-header-field img{
		vertical-align:middle;
		}
	
		#rating-form{
		font-size:8pt !important;
		font-weight:bold;
		}

			#rating-form{ /* only amendment needed for Firefox 3/Gecko 1.9. Hurrah */
			min-width:180px;
			}
			
		#content-header-date-rating{
		float:left;
		width:200px;
		}

		#content-header-contact-putty{
		float:right;
		width:auto;
		cursor:help;
		}

			#content-header-contacts{
			clear:left;
			}
			
		#content-header-date-modified, #contact-header-contacts-email{
		clear:left;
		}


	/* Section Introductions */

		.section-intro{
		overflow:auto;
		}

		.section-intro img{
		float:right;
		margin:1em 0 0 1em;
		}

	/* Youth Leisure Information Strips */

		.youth-leisure-info-strip, .youth-leisure-info-strip-nobg{
		width:94%; /* IE6 Compatible */
		margin:0;
		padding-bottom:1em;
		overflow:hidden;
		}

		.youth-leisure-info-strip{
		background: url(/styles/alilyforthespectre/youth-leisure-strip-bg.png) left repeat-y;
		}

		.youth-leisure-info-strip-image{
		float:left;
		width:150px;
		}
		
		.youth-leisure-info-strip-info{
		margin-left:160px !important;
		padding:5px;
		}

		.youth-leisure-info-strip-info p{
		margin: 0 !important;
		}

	/* Youth Leisure Activities */


		.youth-activity{
		overflow:hidden;
		}

			.activity-title{
			font-style:italic;
			padding:0.25em;
			color:#fff !important;
			background:#AA223D;
			}

	/* Help and FAQs Section */

		.gadget-preview{
		float:right;
		margin-top:1em;
		margin-left:1em;
		border:1px solid #454545;
		overflow:hidden;
		background:white;
		}

		.gadget-preview img{
		padding:0.5em;
		}

		.gadget-preview-tagline{
		margin:0;
		background-color:#454545;
		color:#fff;
		padding:0.25em;
		font-weight:bold;
		}

	/* Social Bookmarking and Emailing and Commenting*/

	.roundrect-container{
	background:#f7f7f7;
	-moz-border-radius:12px !important; /* force these on compatible browsers over basic borders */
	-webkit-border-radius:12px !important;
	border-radius:12px !important;
	margin-bottom:0.5em;
	border:1px solid #ddd;
	}
	
		.help-link{
		border:0;
		}

		.roundrect-style{
		padding:10px 10px 0 10px;
		}
		
		 .roundrect-style p, #content-feedback p{
		font-size:9pt !important;
		line-height:1.5em;
		margin-top:0;
		}
		
		#content-feedback-form{
		margin-bottom:0;
		}

    		#content-feedback-form div, .roundrect-form fieldset div{
   		    overflow:hidden;
		    margin-top:2px;
		    }

    		    .roundrect-form fieldset{
    		    border-width:1px 0 0 0; border-style:solid; border-color:#ccc; margin:0.5em 0 0 0; padding:0.5em;
    		    }

					.roundrect-form  fieldset legend{
					font-weight:bold; font-size:11pt; color:#AA223D; padding: 0 5px !important;
					}

			#content-feedback-form div label, .roundrect-form fieldset div label{
			float:left; padding:2px; font-weight:bold; cursor:help; font-size:9pt; width:23%
			}

			.roundrect-form fieldset div input, #content-feedback-form div input{
			font-size:11pt; font-family: Monaco, Lucida Console, Courier, monospace;	padding:2px; width:73% !important; position:relative;
			}

			#content-feedback-form div button{
			position:relative; left:23.5%;
			}			

			#content-feedback-textarea, .roundrect-form fieldset div textarea{	
			font-size:11pt;	font-family: Monaco, Lucida Console, Courier, monospace; padding:2px; position:relative; width:73% !important;
			}
			
				#emailMessage{
				left:0;	width:96% !important;
				}

		#share-zone, #content-feedback{	
		overflow:hidden;
		padding:10px 10px 0 10px;
		}

			#share-zone{
			margin-top:5px;
			padding-top:0.5em;
			}

				#share-zone h3, #content-feedback h3, .roundrect-style h3{
				margin:0 0 0.5em 0;
				font-size:12pt !important;
				font-weight:bold !important;
				}

				#share-zone h3{
				padding-top:0.5em;
				}

				#share-zone-help{
				font-weight:bold;
				}

				#share-zone-tools{
				width:auto;
				overflow:hidden;
				display:block;
				padding-bottom:1em;
				}

					.share-tool{
					float:left;
					width:18%;
					font-size:9pt !important;
					}
					
						.share-tool a{
						outline:none; text-decoration:none;
						}
						
						.share-tool a:hover{
						text-decoration:underline;
						}
						
						.share-tool a:focus{
						background-color:#000;
						color:#fff;
						}
						
						
					
						.share-email,.share-delicious,.share-facebook,.share-magnolia,.share-newsvine,.share-bebo,.share-twitter,.share-google{
						padding-left:22px;
						padding-bottom:1px;
						}

						.share-email{
						background:transparent url(/styles/alilyforthespectre/social-icons/email.gif) no-repeat scroll left top;
						}

						.share-facebook{
						background:transparent url(/styles/alilyforthespectre/social-icons/facebook.gif) no-repeat scroll left top;
						}

						.share-twitter{
						background:transparent url(/styles/alilyforthespectre/social-icons/twitter.gif) no-repeat scroll left top;
						}		

						.share-bebo{
						background:transparent url(/styles/alilyforthespectre/social-icons/bebo.gif) no-repeat scroll left top;
						}	
						
						.share-google{
						background:transparent url(/styles/alilyforthespectre/social-icons/google.gif) no-repeat scroll left top;
						}						
						

				#share-zone-help-text{
				display:none;
				}

					#share-zone-help-text p{
					font-weight:normal;
					font-size:9pt !important;
					}

				#close-share-help{
				font-size:10pt;
				font-weight:bold;
				}


			.feedback-row { 
				overflow:hidden; 
				/* border-radius:12px;border:1px solid #DDD; 
				background-color:#f7f7f7;*/
				
				border-bottom:1px dotted #DDD;
			}
			.feedback-row a{
				text-decoration:none;
				font-size:11pt;
				font-weight:bold;
			}
			
			.feedback-row a:hover, .feedback-row a:active, .feedback-row a:focus { text-decoration:underline;	}			
			
			.feedback-row-left { 
				float:left; 
				
				background:#f7f7f7 url(/styles/rsrc/social-icons/email.gif) no-repeat; 
				background-position: 5px 10px;
				padding:0 1em 0 2em;
				margin:3px; 
				width:35%;
			}
			.feedback-row-right { 
				float:left; 
				background:url(/styles/rsrc/exclamation.png) no-repeat; 
				border-left:1px dotted #ccc; 
				background-position: 5px 10px;
				padding:0 2em 0 2.5em;
				margin:3px; 
				width:48%;
			}
			.feedback-row-left > p, .feedback-row-right > p { margin:0.5em 0; }
			
			
			p.small { font-size:9pt !important; }
			p.b { font-weight: bold; }
			p.col-dk-grey { color: #202023 !important; }

	/* Events Page */

		#events-navigator{
		margin: 0px; list-style-type: none; padding: 0px;
		}

		#events-navigator li{
		margin-bottom:5px;
		font-size:115%;
		}

		#events-navigator li a{
		padding:0.25em;
		display:block;
		text-decoration:none;
		text-align:center;

		font-weight:bold;

		border:2px #eee outset;
		}

		.ev-1, .ev-1:visited{
		background-color:#a42a50;
		color:#fff;
		}

		.ev-2, .ev-2:visited{
		color:#fff;
		background-color:#d5652b;
		}

		.ev-3, .ev-3:visited{
		background-color:#f6d330;
		color:#444;
		}

		.ev-4, .ev-4:visited{
		background-color:#758e35;
		color:#fff;
		}		

		.ev-5, .ev-5:visited{
		background-color:#0382c7;
		color:#fff;
		}

		.ev-6, .ev-6:visited{
		background-color:#821dac;
		color:#fff;
		}

	/* T4 SM Templates */
	
		.t4-template-photo-gallery > a { margin: 0 10px 10px 0; }
			.t4-template-photo-gallery > a > img { border: 0; }