.intro.light .container .content .widget p {
    color: #333;
}

.intro .container .content ul.altpurple li a{
  	background-color: #983d83;
    color: white;
   border-style:    solid;   
  	border-width:    3px;
  	border-color:    #983d83;
}

.intro .container .content ul.altpurple li a:hover{
 	background-color: #863673;
   border-style:    solid;   
  	border-width:    3px;
  	border-color:    #863673;
}

.intro .container .content ul.altlight li a{
  	background-color: #efefe9;
    color: #333;
    border-style:    solid;   
  	border-width:    3px;
  	border-color:    #efefe9;
}

.intro .container .content ul.altlight li a:hover{
  	background-color: #e3e3d9;
      border-style:    solid;   
  border-width:    3px;
  border-color:    #e3e3d9;
}

 
.altcontenttoptasks.content h1 {
  	z-index: 0; 
  	position: relative;
  	margin-left: 0;
  	margin-right: 0;
  	padding-left: 0;
}

.altcontenttoptasks.content .AltHeroDescription {
  	margin-left: 0;
  	margin-right: 0;
}


 
.light h1 {
   	color: white;  
 }
 

.whiteout {
 
 	 width: 100%;
	 height:100%;
	 position:absolute;
	 top: 0px;
	 z-index:0;
	 margin-left:0px;
	 margin-right:auto;
	 background-image:url(/SiteElements/images/ieblur.png);
  	 background-repeat: no-repeat;
   	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}

 

.intro .container .content.altcontentlinks {  
  	padding-top: 20px !important; 
  	margin-bottom: 30px; 
  	float: left;  
}

.intro .container .content.altcontenttoptasks {
  	padding-bottom: 0em;
  	width: 100%;
  	position: relative;
}

#cscMessage { 
  width: 68%;
}

#cscMessage .panel.cscmessage ul li { margin-top: 0px}


#cscMessage .panel.cscmessage p{ margin-top: 0px}
 
.content .panel.cscmessage ul li a{   display: inline !important; min-height: 1em !important;}
 
.altlandingMid { 
  	margin-left: auto; 
  	margin-right: auto;  
  	border-top: 3px solid #983d83; 
  	width: 70%; 
  	margin-top: 50px;
  
  	
}

.altlandingMid h3 {
  	font-size: 2em;  
  	margin-top: -10px; 
  	line-height: 0.5; 
  	text-align: center;

}

.altlandingMid h3 span {  
  	background-color: #fff; 
  	padding: 0 10px;
}

.altlandingMid p { 
  	text-align: center; 
  	color: #333; 
    font-size: 1.8em;
}

/* GW 07/11/2016 Commented out so that mid page content has a white background instead of 'stone' */
/*.content {
    background-color: #efefe9;
}*/

.altcontenttoptasks { 
    width: 100% !important; 
}

.altcontenttoptasks ul { 
  	width: 68%; 
  	float: left;  
  	margin-top: 5px !important; 
  	position: relative; 
  	clear: both;  
}

.altcontenttoptasks ul li {
	padding: 2px 10px;
}

.altcontenttoptasks #card {
  	float: right;
  	margin-top: 22px;
  	height: 100% !important;
  	z-index: 0 !important;
  	width: 26%;
  	margin-bottom: 30px;
}

.intro .container .content ul.altLandItem {
  width: 100%;
}

 /*figuring out card styling*/
 

.intro .container .altcontenttoptasks .content {
  padding-top:  0px;
  padding-right:  0px;
  padding-bottom:  0px;
  padding-left:  0px;
}


.intro .container .altcontenttoptasks .widget .content {
	width: 100%;
}

.altcontenttoptasks .widget .menu label  { 
  	padding: 15px 
 }

.altcontenttoptasks .content input[type=text], .altcontenttoptasks .content input[type=email], .altcontenttoptasks .content input[type=password], .altcontenttoptasks .content textarea {
    margin: .5em 15px;
  
}

.intro .container .altcontenttoptasks .widget .content p {
    margin-right: 0%; padding: 0px !important;
}

.intro .container .altcontenttoptasks .widget .content #card_CountyCouncillors p {
    margin-right: 0%; 
  	padding: 0px !important;
}

.altcontenttoptasks #card .location__label {
  	width: 90%;
}

.altcontenttoptasks #card .location__textInput {
  	width: 60%;
}

.altlandingMid img {
    max-width: 100%; 
    }


.altmiddle.topTasks .container { padding: 0 0; }
 /*wrap widget*/

body div#wrap-rlw.rlw-root .rlw-body {
  	padding-bottom: 20px;
}

#wrap-rlw {
  	min-width: 220px !important;
}
 

/*GW 24/11/2016 Reduced padding under mid-page top task boxes*/
.topTasks.altmiddle ul li {
  margin-bottom: 15px; 
} 


.topTasks.altmiddle .container { padding: 0;}


@media only screen and (max-width: 760px){

  .altcontenttoptasks .toolbar ul li{
    padding: 2px 10px !important;
  }
  
}
/*** alt landing layout mobile ***/


@media only screen and (max-width: 1024px){
  
    .altlandingMid { 
      margin-left: auto; 
      margin-right: auto;  
      border-top: 3px solid #983d83; 
      width: 70%; 
      margin-top: 80px;
  }
    .altlandingMid h3 {
      font-size: 2em;  
      margin-top: -20px; 
      line-height: 1.2em; 
      text-align: center;
  }

}

@media only screen and (max-width: 975px) and (min-width: 760px){

  .altcontenttoptasks { 
     width: 100%; 
  }

  .altcontenttoptasks ul li { 
     width: 55%; 
     float: left;
  }

  .altcontenttoptasks #card { 
     float: right;  
     height: 0px;
  }

  .intro .container .content ul.altLandItem {
    width: %;
    padding-top: 0;
    margin-top: 0;
  }


  .altcontenttoptasks #card {
    width: 200px;
  }

  .altcontenttoptasks #card .widget .content {
    width: 200px;
  }


  .intro .container .content.altcontenttoptasks {  
    padding-bottom: 0em;  
    width: 90% !important;
  }

}


@media only screen and (max-width: 759px){
	 
  
   body div#wrap-rlw.rlw-root .rlw-body {
    padding-bottom: 0px; 
  }

#wrap-rlw {
   margin-bottom: -40px !important;
}
  
  .content { 
    background-color: #fff; 
    width: 100%;
  }

  
.topTasks.altmiddle { width: 100%;}

  .topTasks.altmiddle ul li{ 
    margin-left: auto; 
    margin-right: auto; 
    padding: 20px !important;

  }

  .altlanding #spydusfloatlanding.nospydus{
    position: relative; 
    top: -5px; 
    left: 15px; 
    float: right;  
    padding-left: 5px;
    height: 20px; 
    width: 90px;
  } 

  .altcontenttoptasks ul {       	
    float: none; 
    width: 90%;
    padding: 0;
    max-width: 100%; 
    margin: 0;
  }  

  /* 06/2017 prevent overlay of toptask links: */
  .altLandTopTask {
    z-index: 99;
  }

  .altcontenttoptasks #card {
    float: none !important;
    margin-top: 10px;
    max-width: 100%;
    width: 90%;
    margin-left: auto;
    margin-right: auto
    padding: 0;
    display: inline-block;
    height: 100% !important;
  }

  .altcontenttoptasks #card .widget { 
    padding: 0;
    margin-left: auto; 
    margin-right: auto;
    width: 100%;
  }

  .intro .container .content h1 {
    z-index: 1; 
    top: 30px;
    color: black;
    border-bottom: 0px !important;
    padding-left: 0;
  }

  .whiteout { 
    z-index: 1; 
    height:33%;  
    width: 100%;   
  }

  .altlanding #spydusfloatlanding {
    position: relative; 
    top: -5px; 
    left: 25px; 
    float: right;  
    background: white; 
    padding-left: 5px;
    height: 20px;
  }

  .altlanding #spydusfloatlanding .icon.actions {
    left: -10px; 
    top: -55px;
    box-sizing: border-box;
    margin-top: 38px;
  }

  .altlanding #spydusfloatlanding .icon.save {
    left: -7px; 
    top: -55px;
    box-sizing: border-box;
    margin-top: 38px;
  }
  
  .altlanding #spydusfloatlanding .icon.actions > a {
    left: 5px !important; 
  }

  .altlanding #spydusfloatlanding .icon.save > a {
    left: 5px !important; 
  }

  .altlanding {
     width: 90%;
     border-top: 2px solid #983d83; 
  }

  .altLandItem li a { 
     background-color: #efefe9 ; 
     color: #333 ;
  }

  .altLandItem li a:hover {
     background-color: #e3e3d9; 
     color: #333 ;
      }


  .altcontentlinks {  
        padding: 20px 0 20px 20px; 
        margin: 0;
      }

     .altcontenttoptasks {
        width: 90% !important;
     }

     .intro .container .content.altcontenttoptasks {
        padding-right: 0px; 
        padding: 20px 0 0 0; 
        margin: 0 0 0 auto; 

      }

     .intro .container .content.altcontenttoptasks #card .widget {
       float: none; 
      }

      .altcontenttoptasks .altlight li a{
        background-color: #efefe9 ;
        color: #333;
      }

     .intro .container .content.altcontentlinks {	 
          width: 90%; 
          margin-left: auto;
          margin-right: auto;
      }
  .intro .container .content ul.altLandTopTask{
     margin-top: 30px !important;
     padding-top: 0px;
  }
  
    

 
 

  .AltHeroDescription { 
     padding-top: 10px; 
     width: 95%;
  }

  .altlandingMid {
     margin-top: 30px; 
     padding-bottom: 30px;
  }

  .altlandingMid h3 {
     font-size: 1.75em;   
     width: 60%;
     line-height: 1.1em; 
     margin-left: auto;
     margin-right: auto;
  }

  .altlandingMid h3 span {  
     background-color: #fff; 
     display: block; 
  }

div ul.twoTopTasks  {  
    width: 100%;
  }
 
/*
@media only screen and (max-width: 480px) and (min-width: 320px) {
  	.altlanding #spydusfloatlanding .icon.save > a {
    	left: -5px !important; 
  }
}
*/
@media screen and (max-width: 568px) and (min-width: 480px){
	
   .intro .container .content h1 {
        z-index: 1; 
        top: 30px; 
         border-bottom: 0px !important;
    }
 	
 }


@media screen and (max-width: 480px){

  .whiteout { 
           z-index: 1;  
  }

  .altlandingMid { 
           width: 80%;  
  }



  .content h1 {
      font-size: 2.2em; 
      width: 90%;
  }
  .whiteout {
       height: 25%;
     }
  
 }
  .topTasks.altmiddle {
    /* background-color: #fff !important;*/
  }

  .intro .container .altcontenttoptasks .widget .content .card_location_based_content p {
    padding:0px !important;
}