/*
		Home campaign box
	*/
	
	div#campaigns-container{
	background-color: black;
	opacity: 0.9;
	color:white;  
	}
	
	ul#campaigns{
	  list-style-type: none;
	  display: block;
	}
		

	div.cp-details a.cp-img, div.cp-details a.cp-img-wide {
	  display: block;
	}
	
	a.cp-img img, a.cp-img-wide img {
	  width: 374px;
	  height: 220px;
	  display: block;
	}
	
	#campaign-nav{
	  padding-bottom: 15px !important;
	}
	
	#campaign-nav, #campaign-nav a {
	   background-color: black;
	   color:#ffffff;
	   font-weight:bold;
	   opacity: 0.9;
	   width:358px;
	   padding: 2px 8px;
	   text-decoration:none;
	   text-align:center;
	   margin-bottom:10px;
	}
	
	#campaign-nav a:hover {
	   color:#B94035;
	}
	
	#campaign-nav a.hover, #campaign-nav a.hover:hover{
	  background: url(../../../webrefresh/imgs/campaign-btn-bg.jpg) repeat scroll 0 0 transparent;
	  color: white;
	}
	

	/*
		Campaign with text on right
	*/
	div.cp-text{
	  background-color: black;
	  height: 150px;
	  color: white;
	  padding: 0px 10px 0pt 10px;
	  opacity: 0.9;
	  width:354px;	  
	}
	div.cp-text span{
	  font-family: Arial,Helvetica,sans-serif;
	  font-size: 18px; /* prev 16px */
	  position: relative;
	  top: 7px; /* prev 8px */
	  
	}
	div.cp-text p{
	  color:#E0E0E0;
	  font-family:Arial,Helvetica,sans-serif;
	  font-size:13px;
	  line-height:1.4em;
	  margin:11px 0pt 7px;	  
	}
	div.cp-text ul{
	  font-family: Arial,Helvetica,sans-serif;
	  font-size:14px;
	  padding-top:10px;	  
	}
	div.cp-text ul li{
	  color: #FCB827;
	  margin: 3px 0;
	  list-style-type: none;
	}
	div.cp-text ul li a{
	  color: #FCB827;
	  text-decoration: none;
	}
	div.cp-text ul li a:hover{
	  color: #FCB827 !important;
	  text-decoration: underline;
	}


	
	/*
		Campaign with text at bottom
	*/
	div.cp-text-wide{
	  background-color: black;
	  width: 540px;
	  height: 42px;
	  color: white;
	  padding: 0 10px;
	  opacity: 0.9;
	}
	div.cp-text-wide span{
	  font-family: Arial,Helvetica,sans-serif;
	  font-size: 18px;
	  float: left;
	  display: block;
	  padding: 9px 10px 0 0;
	}
	div.cp-text-wide ul{
	  list-style-type: none;
	  padding-top: 13px;
	}
	div.cp-text-wide li{
	  float: left;
	  margin-right: 9px;
	  color: #FCB827;
	}
	div.cp-text-wide ul li a{
	  color: #FCB827;
	  padding-left: 5px;
	  text-decoration: none;
	}
	div.cp-text-wide ul li a:hover{
	  color: #FCB827 !important;
	  text-decoration: underline;
	}



	/*
		Campaign Buttons
	*/

	ul#buttons{
	  list-style-type: none;
	  padding-top: 3px;
	}
	ul#buttons li{
	  display: inline;
	}
	ul#buttons a{
	  display: block;
	  float: left;
	  width: 60px;
 	  margin-right: 4px;
	  color: white;
	  text-decoration: none;  
	  background-repeat: no-repeat;
	  background-position: 9px 6px;
	  border: 1px solid black;
	  font-family:Arial,Helvetica,sans-serif;
	  font-size:13px;
	  padding:4px 0 4px 22px;
	}
	
	
	/* if there is no first "hidden" campaign then the buttons start at 0, if there is a hidden campaign the buttons start at 1
		below buttons 0 and 3 have the same style */
	a#butt0{
	  background-color: #000000;
	  background-image: url(http://www.bolton.gov.uk/Style%20Library/Bolton/Website/imgs/home/hp-campaign-blackarrow.gif);
	}

	a#butt1{
	  background-color: #007DB7;
	  background-image: url(http://www.bolton.gov.uk/Style%20Library/Bolton/Website/imgs/home/hp-campaign-bluearrow.gif);
	}
	a#butt2{
  	  margin-right: 0 !important;
	  background-color: #B94035;
	  background-image: url(http://www.bolton.gov.uk/Style%20Library/Bolton/Website/imgs/home/hp-campaign-redarrow.gif);
	}
	a#butt3{
      margin-left: 4px;
	  margin-right: 0 !important;
	  background-color: #000000;
	  background-image: url(http://www.bolton.gov.uk/Style%20Library/Bolton/Website/imgs/home/hp-campaign-blackarrow.gif);
	}
	
	ul#buttons a.hover{
      background-color: #ffffff !important;
	  background-image: url(http://www.bolton.gov.uk/Style%20Library/Bolton/Website/imgs/home/hp-campaign-whitearrow.gif) !important;
	  color: black;
	}
	
ul#buttons a:hover{
      background-color: #ffffff !important;
	  background-image: url(http://www.bolton.gov.uk/Style%20Library/Bolton/Website/imgs/home/hp-campaign-whitearrow.gif) !important;
	  color: black;
	}







	/*
		Winter Service Status box
	*/
	
	
div.section {
background-color:#EBEBEB;
padding:9px;
margin: 0px !important;
}
	
	
div.gritting {
background-color:#FFFFFF;
font-size:0.9em;
padding:4px;
margin-top:0px;
}

div.gritting .header {
background-color:#DFDFDF;
margin-bottom:4px;
}

div.gritting .header .left {

color:#666666;
}

div.gritting .header .right {

color:#335F86;
}

div.gritting .left {
float:left;
padding:4px;
width:78px;
}

div.gritting .right {
float:left;
padding:4px;
width:170px;
}

div.gritting .body.severity1, div.gritting .body.severity2 {
background-color:#B64033;
}

div.gritting .body.severity3, div.gritting .body.severity4 {
background-color:#F78320;
}

div.gritting .body.severity5, div.gritting .body.severity6 {
background-color:#009E54;
}

div.gritting .body .left {
color:#FFFFFF;
font-size:1em;
font-weight:bold;
padding-bottom:10px;
padding-top:7px;
text-align:center;
}

div.gritting .body .left span {
display:block;
}

div.gritting .body .right {
background-color:#F5F5F5;
padding:7px;
width:206px;
min-height:48px;
}

.grittingLinks {
padding-top:8px;
}


.grittingInfo {
float:left;
margin-left:0px;
font-size: 0.9em;
}

.grittingTerms {
float:right;
font-size: 0.9em;
}




	/*
		Ascx control styles	
	*/
	
	div.contentBox ul{
	  list-style-type: none;
	}
	div.contentBox li{
	  margin: 2px 0;
	}
	div.contentBox li img {
	  position: relative;
	  top: 3px;
	  margin-right: 2px;
	}



	/*
		Do it online
	*/
	div.dio{
	  height: 50px;
	  border-bottom: 1px dotted #CECECE;
	}
	div.last{
	  border: 0;
	}
	div.dio p{
	  margin: 1px 0;
	}
	div.dio p.bold{
	  font-weight: bold;
	  padding-top: 8px;
	}	
	

	
	/*
		Popular pages/files
	*/
	div#popular-pages-files{
	  border-bottom: 8px solid black;
	  padding-top: 6px;
	  width:100%;
	}
	div#popular-pages-files a{
	  height:27px;
	  width: 92px;
	  display: block;
	  float: left;
	}
	div#popular-pages-files a:focus{
	  outline: none;
	}
	a.popularPagesTabOn{
	  background: url(/Style%20Library/Bolton/Website/imgs/home/popularPages-b.gif) no-repeat;
	  margin-left: 4px;
	}
	a.popularPagesTabOff{
	  background: url(/Style%20Library/Bolton/Website/imgs/home/popularPages.gif) no-repeat;
	  margin-left: 4px;
	}

	a.popularFilesTabOn{
	  background: url(/Style%20Library/Bolton/Website/imgs/home/popularFiles-b.gif) no-repeat;
	}
	a.popularFilesTabOff{
	  background: url(/Style%20Library/Bolton/Website/imgs/home/popularFiles.gif) no-repeat;
	}

	
	div#popularPages, div#popularFiles{

	}
	div#popularPages li, div#popularFiles li{
	  margin: 4px 0;
	}
	

	
	/*
		Popular what's on/calendar
	*/
	
	#whatsOnCalendarContainer{
	  padding: 5px 0 12px;
	}
	div#popular-whatson-calendar{
	  border-bottom: 8px solid black;
	  padding-top: 6px;
	  width: 100%; /* for ff3 (I think) */
	}
	
	.popular-whatson-text{
	  color: #444444;
	}

	div#popular-whatson-calendar a{
	  height:27px;
	  width: 92px;
	  display: block;
	  float: left;
	}
	div#popular-whatson-calendar a:focus{
	  outline: none;
	}
	a.popularWhatsOnTabOn{
	  background: url(/Style%20Library/Bolton/Website/imgs/home/whatson_On.gif) no-repeat;
	  margin-left: 4px;
	}
	a.popularWhatsOnTabOff{
	  background: url(/Style%20Library/Bolton/Website/imgs/home/whatson_Off.gif) no-repeat;
	  margin-left: 4px;
	}

	a.popularCalendarTabOn{
	  background: url(/Style%20Library/Bolton/Website/imgs/home/calendar_On.gif) no-repeat;
	}
	a.popularCalendarTabOff{
	  background: url(/Style%20Library/Bolton/Website/imgs/home/calendar_Off.gif) no-repeat;
	}
	div#popularWhatsOn li{
	  margin: 4px 0;
	}
	
	
	/*
		Events
	*/
    table.eventsCalendar a{
	  text-decoration: none !important;
	  color:black !important;
	}
    div.eventsResultPanel{
	  font-size: 0.8em;
      overflow: auto;
      line-height: 1.6em;
      margin-top: 10px;
    }
    div.eventsResultPanel a{
      background: url(/style%20library/bolton/website/imgs/icon_arrow.gif) no-repeat 0pt 7px;
      display: block;
      margin: 4px 0pt;
	}
	div#moreEvents{
		padding-top: 12px;
	}
	div#moreEvents a:hover{
	  background-color: #DCDCDC;
	}
	
	
	
	/* Emergencies image */
	
	.emergencies{
      margin-top: 12px;
	}
		
		
	/* Weather */

div.weatherContentBox{
margin: 0px 0px 0pt 7px;}

#w2forecastholder {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin-top:13px !important;
padding:6px;
position:relative;
text-align:left;
width:256px !important;
}

#w2forecastheader {
background-color:#000000 !important;
margin:0px;
padding:9px;
text-align:left;
display:none;
}


#w2locationnameheader {
background-color:#000000 !important;
color:#FFFFFF !important;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
margin:0px;
padding:2px 2px 2px 0px;
}


#w2forecastbottom {
background-color:#FFFFFF;
background-position:right bottom;
background-repeat:no-repeat;
font-size:11px;
margin:0px;
padding:6px 9px 2px 2px;
text-align:left;
display:none;
}

	
	
	/* Blue box notification */
	div.shadedblue{
	  background-color:#007BB5;
	  color:#FFFFFF;
	  float:left;
	  padding:5px;
	  width:275px;
	  margin-bottom: 10px;
	}
	/* remove the style below when the shadedblue box has been removed
	div#hp-content2 {
	  top: -14px !important;
	} */