/* 
	Name: Eastleigh Borough Council
	Date: October 2009 
	Description: Widget styling
	Version: 1.0 
	Author: Pete Luffman
	Author URI: http://www.merchantmarketinggroup.com 
*/  

/*********************************************** 
			Global Widget Styling
***********************************************/

#columns.loading {
	background: url(../../../../images/template/load.gif) no-repeat center;
	}
#columns .column {
	font-size: 1em;
    float: left;
    width: 320px;
	min-height: 400px;
	height: auto !important; 
	height: 400px;
	padding: 0;
	}
	.widget {
	    padding: 0px 0px 0px 0px;
	    margin: -10px 0 0 0;
	    background: none;
	    position: relative;
	    top:inherit;
	    left:inherit;
		}
		.widget .widget-head {
		    overflow: hidden;
		    min-height: 2.1em;
		    line-height: 2.1em;
		    color:#FFF;
		    padding: 20px 10px 0.3em 10px;
		    background: url(../../../../images/template/widget.png) no-repeat;
			}
		.widget .widget-head h2 {
		    padding: 0 10px;
		    font-size: 1.6em;
		    font-weight: bold;
		    display: block;
		    background-color: #2E7846;
		    color: #FFF;
			}
		.widget .widget-content {
		    background: #FFF;
		    padding: 10px 20px 26px 20px;
		    overflow: hidden;
		    background: url(../../../../images/template/widget.png) no-repeat left bottom;
			}
			.widget .widget-content h3 { font-size: 1.5em; }
			.widget .widget-content ul { font-size: 1.2em; }
			.widget .widget-content .floatRight { margin-right: -10px; }

.hasSideCol .widget { margin: 0 0 15px 0; }			
.hasSideCol .widget .widget-head { background-image: url(../../../../images/template/widget-sidecol.png);  padding: 0.6em 10px 0.3em; }
	.hasSideCol .widget .widget-head h2 { padding: 0; }

.hasSideCol .widget .widget-content { background-image: url(../../../../images/template/widget-sidecol.png); padding: 10px 10px 10px; }

#columns #MainMenu ul { margin: -10px 0;}

	
/*********************************************** 
				Widget Colors
***********************************************/

/* Orange */
.color-orange .widget-head { background-position: -320px 0!important; }
.color-orange .widget-head h2 { background-color: #ea8224; }
.color-orange .widget-content { background-position: -320px bottom!important; color: #000; }
.color-orange .widget-content a { color: #2E7846; }
.color-orange .widget-content .readMore a,
.color-orange .widget-content .linkList li { background-position: 0 -696px; }

/* Lime green */
.color-limegreen .widget-content { background-position: -640px bottom!important; color: #FFF; }
.color-limegreen .widget-content a { color: #2E7846; }
.color-limegreen .widget-content .readMore a,
.color-limegreen .widget-content .linkList li { background-position: 0 -896px; }

/* Green */
.color-green .widget-content { background-position: -960px bottom!important; color: #FFF; }
.color-green .widget-content a { color: #ffd204; }
.color-green .widget-content .readMore a,
.color-green .widget-content .linkList li { background-position: 0 -796px; }

/* 
    Internal
*****************/

/* Orange */
.hasSideCol .color-orange .widget-head { background-position: -210px 0!important; }
.hasSideCol .color-orange .widget-content { background-position: -210px bottom!important;}

/* Lime green */
.hasSideCol .color-limegreen .widget-content { background-position: -420px bottom!important; color: #FFF; }

/* Green */
.hasSideCol .color-green .widget-content { background-position: -630px bottom!important; color: #FFF; }
		
/*********************************************** 
			Individual Widget Styling
***********************************************/


.widget .widget-content .readMore { font-size: 1.4em }

/* Main Menu  */

	.widget#MainMenu .widget-head { background-position: -1280px 0!important; }
	.widget#MainMenu .widget-head h2 { background-color: transparent; }
	.widget#MainMenu .widget-content { background-position: -1280px bottom!important; color: #FFF; }
	
/* Contact us  */

	.widget#Contact address { border-top: 2px dotted #ea8224; padding-top: 1em; }
	
	
/* Whats In My Area  */

	.areaSearch input.formField { width: 190px; }
	.areaSearch h3 { padding-top: 1em; color:#fff; border-bottom: 2px dotted #FFF;  }
		.areaSearch .readMore { padding: 0.5em 0; }
		
		.areaSearch .searchOptions { color: #2E7846; font-size: 1.1em; display: block; padding: 0.3em 0 0 0; }
		
	.widget#WhatsatmyProperty .widget-footer {
		border-top: 1px solid #42975A;
		background: url(../../../../images/template/widget-footer.png) no-repeat left bottom;
		margin: 1em -10px -10px -10px;
		padding: 0.8em 10px;
		}
		.widget#WhatsatmyProperty .widget-footer p {padding: 0;}
		.widget#WhatsatmyProperty .widget-footer a {color: #FFD204; font-weight: bold; font-size: 1.2em;}
	
/* Events calendar */
	
	.widget#UpcomingEvents .widget-content {
		padding: 0px 10px 16px;
		}
		.widget#UpcomingEvents .widget-content div {
			background: #7BB68B;
			padding: 0 0 5px 0;
			border-bottom: 1px solid #42975A;
			}
		.widget#UpcomingEvents table {
			width: 280px;
			font-size: 1.3em;
			color: #4D4D4D;
			text-align: center;
			margin: 0 auto;
			}
		.widget#UpcomingEvents table a {
			text-decoration:none;
			}
		.widget#UpcomingEvents table th,
		.widget#UpcomingEvents table td {
			height: 35px;
			vertical-align: middle;
			text-align: center;
			background:  url(../../../../images/template/calendar-tile.gif) 0 0 no-repeat;
			}
		.widget#UpcomingEvents table th { background-position: -120px 0; color: #FFF; width: 40px !important;}
		.widget#UpcomingEvents table .otherMonth { background-position: -80px 0; color:#2E7846; }
		.widget#UpcomingEvents table .event { }
		.widget#UpcomingEvents table .event a { 
		    display:block; 
		    width:100%; 
		    height:35px; 
		    line-height:35px;
		    background:  url(../../../../images/template/calendar-tile.gif) -40px 0 no-repeat;
		    }
		.widget#UpcomingEvents table .today { background-position: -160px 0; color:#FFF; }
		.widget#UpcomingEvents table .todayevent { background-position: -200px 0; }
		
		.widget#UpcomingEvents table .calTitle { 
			border-bottom: 1px solid #42975A; 
			margin: 0 -10px 5px -10px; 
			width: 300px!important; 
			position: relative;
			} 
			.widget#UpcomingEvents table .calTitle td { background: #55a16a; color: #FFF; line-height: normal; }
			.widget#UpcomingEvents table .calTitle .nextPrev { 
				color: #FFF;
				} 
		.widget#UpcomingEvents .widget-content .widget-footer {
			background: none;
			padding: 0.5em 10px;
			border: none;
			}
		.widget#UpcomingEvents .widget-content .widget-footer .readMore { padding: 0; }
			
/* Weather */
		
	.widget ul#weather { padding: 0;	 font-size: 1em;}
		.widget ul#weather li {
		    font-size:1.1em;
		    text-align:center;
			width:90px;
			float:left;
			display: block;
			position: relative;
			background: none;
			padding: 0;
			line-height: normal;
			}
		.widget ul#weather li.middle {  margin: 0 2px; }

/* News */

	.widget ul#news { font-size: 1em; padding:0; margin:0 0 1em; border-bottom: 1px solid #E6E6E6;}
		.widget ul#news li { 
			padding: 0.5em 0; 
			background: none; 
			border-top: 1px solid #E6E6E6;
			line-height: normal;
			}
		.widget ul#news li h3 { font-size: 1.2em; }
		.widget ul#news li img { width: 60px; margin-bottom: 0;  }
		.widget ul#news li p { padding: 0; line-height: 1.3em; }
		
		.widget ul#news li.first img { width: 125px; }
		.widget ul#news li.first h3 { font-size: 1.5em;  }
		
		/* Localisation */
		.widget ul#news .local {
			background: #78BF76;
			margin: -10px -10px 1.5em -10px;
			padding: 10px;
			color: #FFF;
			}
		.widget .local h3, 
		.widget .local a {color: #2E7846; }
		.widget .local h4 { padding: 0 0 0.3em 0;}
		.widget .local ul { border: none;}
		.widget .local ul li { border-top: 1px solid #2E7846;}	
		.widget .local img { border: 1px solid #FFF }
		.widget .local .first img { width: 60px; height:45px;}
	
	.hasSideCol .widget ul li.first h3 { font-size: 1.2em;  }

/* Events */	
		
	.widget .widget-content .eventList { padding: 0 0 1em 0; font-size: 1em; }
		.widget .widget-content .eventList li {  
			border-bottom: 1px solid #E6E6E6; 
			padding: 0.5em 0; 
			background: none;
			}
			.widget .widget-content .eventList li p { padding: 0; }
				.widget .widget-content .eventList li .date { font-size: 1.1em; font-weight: bold;}
				.widget .widget-content .eventList li .title { font-weight: bold;}
				
	/* Localisation */
	.widget#Events .local {
		background: #78BF76;
		margin: -10px -10px 1.5em -10px;
		padding: 10px;
		color: #FFF;
		}
	.widget#Events .local h3, 
	.widget#Events .local a {color: #2E7846; }
	.widget#Events .local ul { border: none;}
	.widget#Events .local ul li {  border-bottom: 1px solid #2E7846; }
	
/* Events map */

.widget #map { margin:-10px }	

/* Newsletter */
	
	.widget#Signuptoournewsletter .form {
		width: 190px;
		float: left;
		}
		.widget#Signuptoournewsletter img { margin: 0 10px; }
		.widget#Signuptoournewsletter .form label { display: none;	}

/* A to Z */

	.widget#AtoZofServices dt {
		font-size: 1.3em;
		padding-bottom: 0.6em;
		}
	.widget#AtoZofServices ul {
		padding: 0;
		font-size: 1.4em;
		font-weight: bold;
		}
		.widget#AtoZofServices ul li {
			padding: 0;
			background: #FFF;
			width: 19px;
			height: 19px;
			display: block;
			float: left;
			margin: 0 1px 2px 1px;
			}
			.widget#AtoZofServices ul li a {
				width: 19px;
				height: 19px;
				display: block;
				text-align: center;
				color: #2E7846;
				text-decoration:none;
				}

/* Flash Slideshow */
	
	.widget #flash {
		margin: -10px;
		width: 300px;
		}
		.widget #flash noscript {
			padding: 10px;
			display: block;
			font-size: 1.2em;
			}