/*****************~ Start of 'toptasks' product ~*****************/

/* Initial styling improvements for all displays with a small viewport */
@media (max-width: 1000px) {
	html { -webkit-text-size-adjust: none; }

	/* Fluid layout */
	#pagewrapper { padding: 0; width: auto; }

	/* Tidy the top banner */
	#toputilnav ul { padding: 0; white-space: normal; }
	#toputilnav ul li a { line-height: 1.8em; white-space: nowrap; }
	#topbanner { background-image: none; padding: 0; text-align: center; }


	/* Hide the second level drop-down menus */
	#secondlevel ul.nav li.nav:hover > ul.menu { display: none !important; }
	#secondlevel ul.nav li.nav > span.more { display: none !important; }
	#secondlevel ul.nav li.nav:nth-last-child(2) > a { border-right: 0; }

	/* Tidy the footer */
	#footer #bottomutilnav { margin-bottom: 1em; }
	#footer #iconlinks { position: static; }
	#copyright, #powered { font-size: .9em; }

	/* Tidy the content */
	#bodytext, #headingtext, #introtext, .newsflash, .widgetspace { margin-left: 1em; margin-right: 1em; width: auto; }
	#related .container > h2 { margin-left: .75em; }

	/* Home */
	#heropanel { width: 60%; }
	#newspanel { margin-left: 1%; }
	#homechildren { padding-left: 1em; padding-right: 1em; }
	.morelinks .mltitle { margin-left: .8em; }

	/* Landing */
	#landing .item { width: 27.8%; }
	#landing.twocolumns .item { width: 44.6%; }

	/*  A to Z */
	ul#atoz{ padding-left:5px; padding-right:5px;}

	/* Smart FAQs */
	#askquestion #smfaqkeyword { width: 55%; }

	/* Profiler Template */
	#councillorcalendar{ margin-top:15px;}

	/*Polls */
	#polltablewrap {width: 100%;}

	/*Related image*/
    #topbanner {background-image: none !important;}

    /*toplogo*/
    .ImageSwap{background:url("../images/toplogo2.png"); width:320px; height:51px;}
    .BlockLink{width:320px; height:51px;}

    /*Home landing box*/
    #topsix .topsixarticle {width:45.5%;}

    #toplevelsearch {margin-top:6px;}

    fieldset {
		min-width: 0 !important;
    }


}
@media (max-width: 900px) { #heropanel { width: 55%; } }
@media (max-width: 800px)
{
	#heropanel { width: 53%; }

   	/*Add Petitions Page */
	#addpetitionform #textfields label, #addpetitionform #mediauploader label{ padding-left:0; text-align:left; }

	/*search*/
	#toplevelsearch {margin-top:0px;}

	/*tabs*/
	#newspanel .tabs li{width:100% !important; border-bottom:none;}
	#newspanel .tabs > li {background-image: none !important;}

	/*Home landing box*/
    #topsix .topsixarticle {width:95%;}

	.BlockLink{width:320px; height:51px;margin-left:auto; margin-right:auto;}
}

@media (max-width: 800px) { #heropanel { width: 53%; } }

/*
	Tablets:
	Tiding overall appearance
*/
@media (max-width: 800px) {
	#contentlinks { text-align: center; }
	#centrecolumn { overflow-x: auto; }


	/* Slide Navigation */
	.replacedbyslidenavigation { display: none; }
	#slidenavigation { bottom: 0; display: block; left: -200px; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 200px; visibility: hidden; z-index: 9999; }
	#slidenavigation + #pagewrapper { width: 100% }
	#slidenavigation.expanded { left: 0; visibility: visible; }
	#slidenavigation ul { list-style: none; padding: 0; }
	#slidenavigation ul li { padding: 0; }
	#slidenavigation ul li.more ~ li, #slidenavigation ul li.more.expanded { display: none; }
	#slidenavigation ul li.more.expanded ~ li { animation: slideNavigationHighlight 1.4s; display: list-item; -webkit-animation: slideNavigationHighlight 1.4s; }
	#slidenavigation ul li a, #slidenavigation ul li span { display: block; padding: 8px 12px; }
	#slidenavigation ul li span { background: url('../images/slidenavigationpointer.png') no-repeat right center; font-weight: bold; }
	#slidenavigation ul li.title { text-decoration: none; }

	/* Slide Navigation - Breadcrumb */
	#slidenavigation ul.breadcrumb li:not(.title) { list-style: decimal inside; }

	/* Slide Navigation Toggle */
	#mobmenu {height:20px; width:20px; float:left; margin-top:0.8em; background: url('../images/slidenavigationtoggle.png') no-repeat; cursor: pointer; }
	#slidenavigationtoggle #toplevelsearch {text-align:center;}
	#slidenavigationtoggle { display: block; height: 38px; padding:0.4em; }
	#slidenavigationtoggle.expanded, #slidenavigation.expanded + #pagewrapper { margin-left: 200px; width: 100%; }


	/* Slide Navigation Transition */
	#slidenavigation { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; }
	#slidenavigationtoggle, #pagewrapper { transition: margin-left 1s; -moz-transition: margin-left 1s; -webkit-transition: margin-left 1s; }
	/* Top Level Search */
	#toplevel { text-align: center; }
	#toplevelsearch { float: none; }
	#topbanner { background-image: none; padding: 0; text-align: center; }

	/* Form Inputs */
	.icmvvstext, .icmvstext, .icmvspassword, .icmvsselect, .icmvstextarea, .icmvsfile, .icmstext, .icmspassword, .icmsselect, .icmstextarea,
	.icmsfile, .icmtext, .icmpassword, .icmselect, .icmtextarea, .icmfile, .icmltext, .icmlpassword, .icmlselect, .icmltextarea, .icmlfile {
		width: 99%; }

	/* Left Navigation */
	#leftcolumn { display: none; }

	#newspanel { height: auto; margin: 0 1em 1em; width: auto; }
	#related .container > ul {margin: 5px 10px 0;}
	#contentlinks {margin: 0 10px 20px;}

	/* Related Images */
	#relatedimages { width:auto !important; overflow-x:auto; margin-right:10px !important; }

    /* Home */
	#heropanel { margin-bottom: 1em; width: 100%; }
	#heropanel .panelinner .panelbodycontent { width: auto; }
	#newspanel { height: auto; margin: 0 0 1em 0; display: block; float: none; width: auto; width:100%;}
    #newspanel .tabs > li { margin-bottom: 1px; float: none; display: block;}
    #newspanel .tabs a, #newspanel .tabs div { text-align: center; display: block; float: none;}
	#newspanel .tabs a, #newspanel .tabs div { margin-bottom: 0; }
    #newspanel .content > li.selected { border: 1px solid #EAEAEA; border-top:none; padding:2%; position: static; }
	#homechildren .item { width: 48.4%; }
	#homechildren .item .topsixchild { padding: 0 .5em; clear:both; }
	#homechildren .item .topsixchild a { display: block; padding: .4em 0 .4em 12px; }
	#homechildren .item .topsixchild span.rightborder { display: none; }
	#homechildren .item .topsixchild span.square { display: inline-block; }

    #moretab{ width:14.8%;}


	/* Register Form */
	#registerform p.extralabel, #changepassword p.extralabel { clear:left;	margin-left:205px; padding-top:10px;}
	.icmformleft fieldset fieldset.icmvertical label, .icmformleft fieldset fieldset.icmhorizontal label{ width: 30em;}

	/* Media Library */
	#medialib .container{width:50%;}

	/* Smart FAQs */
	#askquestion #smfaqkeyword { width:50%; }
	/* Landing */
	#landing .item { width: 41% !important; }

	/* Home & Landing */
	.morelinks > ul.more { line-height: 1.5em; }
	.morelinks > ul.more li { display: inline-block; width: 48%; vertical-align: top; }
	.morelinks > ul.more li a { display: block; padding: .4em 0 .4em 12px; }
	.morelinks > ul.more li .leftborder { display: none; }

	#homechildren .item .topsixchild li .square,
	#homechildren .item .topsixchild li,
	.morelinks > ul.more li .square {display: block; clear:both;}

	#homechildren .item .topsixchild li{ clear:both !important; }

	#homechildren .item .topsixchild li .square,
	#homechildren .item .topsixchild li a{display: inline-block !important;}

	/*Home Tabs*/
    #newspanel .tabs > li {width:100%; border-left:none;}

	/* Find my nearest template */
	.findmynearest .section,
	.findmynearest .fullwidth dl {
		width: 100%;
		box-sizing: border-box;
	}

	.findmynearest .section.fullwidth {
		width: 100%;
	}

	.findmynearest .fullwidth dl {
		margin: 7px 0;
		word-wrap: break-word;
	}

	#nlpglocationmap {
		margin: 0 auto;
	}

	.findmynearestinline .fmncontent,
	#newspanel .findmynearestinline .fmncontent {
		width: 100%;
	}

	.findmynearestinline .fmntabs li,
	#newspanel .findmynearestinline .fmntabs li {
		width: 31%;
	}
}


/*
	Mobiles:
	Makes the navigation single column
	Removes the second navigation from showing
	Improves the overall look; fluid elements and tidier breadcrumbs
*/
@media (max-width: 580px)
{
	.icmformleft input, .icmformleft textarea, .icmformright input, .icmformleft select, .icmformright select, .icmformright textarea, .icmformleft .icmbutton-surround, .icmformright .icmbutton-surround, .icmformleft .icmbutton, .icmformright .icmbutton
	{
		display:block;
	}
	.icmformleft input[type='radio'], .icmformleft input[type='checkbox']
	{
		display:inline-block;
	}
    .icmformleft label, .icmformright label
    {
        width:auto !important;
    }
}


@media (max-width: 480px)
{
	.icmformleft label, .icmformright label, .icmformleft input, .icmformleft textarea, .icmformright input, .icmformleft select, .icmformright select, .icmformright textarea, .icmformleft .icmbutton-surround, .icmformright .icmbutton-surround, .icmformleft .icmbutton, .icmformright .icmbutton
	{
		max-width:268px !important;
	}

	#toplevelnav ul li { display: block; }
	#toplevelnav ul li a, #toplevelnav ul li span { border-radius: 0; }
	#secondlevel { display: none; }
	#breadcrumb { background: none; line-height: 1.8em; }
	#breadcrumb ol { padding-bottom: 0; }
	#breadcrumb ol li { white-space: nowrap; }

	/* Full width body images with no floating */
	#bodytext img { height: auto; margin: 1em 0; max-width: 100%; }

	#bodytext #relatedimages #mainimage .img a img, #bodytext #relatedimages #relatedthumbs .img .thumbnailbox img
	{
	    margin:0px !important;
	}

	/* Related images */
	#relatedimages { width: 100% !important; overflow-x:hidden; }
	#relatedimages > #mainimage,
	#relatedimages > #mainimage,
	#relatedimages > #relatedthumbnails  { width:246px; margin:auto !important;}
	#relatedimages > #mainimage img { max-width:inherit !important; margin:1em auto;}
	#relatedthumbnails .img img{  margin-top:0 !important;}
	#mainimage img{ margin:1em auto !important; display:block; }
	#relatedthumbnails{ margin-bottom:1em; }

	/* Home */
	#heropanel { height: 220px; margin: 54px 0; overflow: visible; }
	#heropanel .previous, #heropanel .next { margin-top: -12px; }
	#heropanel .panelinner >h1 { margin-top: -54px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	#heropanel .panelinner .panelbodycontent { display: none; }
	#heropanel.js #tabs { display: none; }
	#heropanel.js .previous, #heropanel.js .next { background-color: #000; background-position: center 7px; border-right: 1px solid #222; bottom: -39px; height: 39px; left: 0; opacity: .65 !important; right: 50%; top: auto; width: auto; }
	#heropanel.js .previous:hover, #heropanel.js .next:hover { background-color: #222; }
	#heropanel.js .next { background-position: center -33px; border-left: 1px solid #666; border-right: 0; left: 50%; right: 0; }
	#homechildren .item { display: block; width: auto; }

	/* Landing */
	#landing .item { display: block; width: auto !important; }

		/* Landing */
	#landing .item { display: block; width: auto !important; }

	/* Classified page */
	.mobspan{ display:block;	margin-top:5px; }

	form#loginform label, form#changepassword label, form#registerform label{
		text-align:left;
		padding-left:0;
	}

	/* Register Form */
	#registerform p.extralabel, #changepassword p.extralabel{ clear:left;margin-left:0; padding-top:10px;}
	#registerform .captcha span{ display:block;}

	#registerform.icmform fieldset li{	width: 30em;}
	.icmformleft fieldset fieldset.icmvertical label, .icmformleft fieldset fieldset.icmhorizontal label{width: 30em;}

	/* Form Location Picker Map  */
	.icmlocationmap {width: 100% !important;}

	/* Media Library */
	#medialib .container{width:100%;}

	/* Site Search */
	#restrictions .row div { width:100%;}
	#searchform .labelandfield{padding-bottom:5px;}

	/* Smart FAQs */
	#askquestion{ overflow-x:scroll; }
	#askquestion div{ width:120%; }

	/*Add Petitions Page */
	#addpetitionform #textfields label, #addpetitionform #mediauploader label{ padding-left:0; text-align:left; }

	/* Download Fix */
	.download .pairwrap{  margin:0;}
	.download .pairwrap div{  margin:1em 0 1em 0; width:100%;}

	/* Contact List */
    #contactlist .pairwrap{ margin:0; border:none;}
    #contactlist .pairwrap div.odd, #contactlist .pairwrap div.even { width:100% !important; display:block !important; margin: 0.5em 0 0em 0; padding-bottom:0.5em;    border-bottom: solid 1px #e9e9e9;}
	#contactlist .img{ float:none !important; margin-bottom:10px; display:block; }

    /* Login */
    #registersection p.leftlabel{ padding-left:0 !important; }

   	/* Login Fixes */
    .remind span.extralabel { margin-left:0 !important;}
    .registersection p.leftlabel, .captcha .leftlabel{padding-left:0 !important; margin-left:0!important; text-align:left !important;}
    .registersection span.extralabel{padding-left:0 !important; margin-left:0!important; text-align:left;}
    .captcha span{margin-left:0 !important; margin-top:3px;}
    #subscriptions{ min-width:500px;}

    /* Sitemap Overrides */
     #sitemap{ overflow-x:auto;}
     #sitemap ul{ min-width:400px; }

    /* Profiler Template */
	#councillorcalendar{ width:100%; overflow-x:auto; margin-top:15px;}
	#councillorcalendar #councillorrhs .header,
	#councillorcalendar #councillorrhs .current{ width:230px;}

    /*Home landing box*/
    #topsix .topsixarticle {width:90%;}

	/* Localisation inline */
	.localistationrow{width:100%; display:block;}
	.localistationrow > div{width:100%;float: none;	padding:0;display: block;	}
	.localistationrow > div:first-child{padding-left:0;}

	/* Table overflow */
	.tableoverflow {
		overflow-x: visible;
		overflow-y: visible;
	}
}
@media (max-width: 420px) {
	/* Home */
	#heropanel { height: 200px; }

	/* Home & Landing */
	.morelinks > ul.more li { display: block; width: auto; }

	/* Find my nearest search button responsive fix */
	.findmynearest .topsearch .btntext {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

}
@media (max-width: 365px) {
	/* Top Level Search */
	#toplevelsearch input#q { width: 140px; }

	/* reCATPCHA */
	#recaptcha_table { transform: scale(.875,.875); transform-origin: 0% 0%; -webkit-transform: scale(.875,.875); -webkit-transform-origin: 0% 0%; }

	/* Home */
	#heropanel { height: 180px; }

	/* Calendar */
	#cal{width:100%; overflow-x:auto !important;}

	/*Polls */
	#poll td.answer {width: 75px;}

}
@media (max-width: 320px) {
	/* Home */
	#heropanel { height: 150px; }
}

/*****************~ End of 'toptasks' product ~*****************/




/*****************~ End of 'toptasks' product ~*****************/


/*****************~ End of 'toptasks' product ~*****************/


/*****************~ End of 'toptasks' product ~*****************/


/*****************~ End of 'toptasks' product ~*****************/


/*****************~ Start of 'toptasks' product ~*****************/

/*****************~ Start of 'toptasks' product ~*****************/
/*****************~ Start of 'toptasks' product ~*****************/

/* Initial styling improvements for all displays with a small viewport */
@media (max-width: 1000px) {
	html { -webkit-text-size-adjust: none; }

	/* Fluid layout */
	#pagewrapper { padding: 0; width: auto; }

	/* Tidy the top banner */
	#toputilnav ul { padding: 0; white-space: normal; }
	#toputilnav ul li a { line-height: 1.8em; white-space: nowrap; }
	#topbanner { background-image: none; padding: 0; text-align: center; }


	/* Hide the second level drop-down menus */
	#secondlevel ul.nav li.nav:hover > ul.menu { display: none !important; }
	#secondlevel ul.nav li.nav > span.more { display: none !important; }
	#secondlevel ul.nav li.nav:nth-last-child(2) > a { border-right: 0; }

	/* Tidy the footer */
	#footer #bottomutilnav { margin-bottom: 1em; }
	#footer #iconlinks { position: static; }
	#copyright, #powered { font-size: .9em; }

	/* Tidy the content */
	#bodytext, #headingtext, #introtext, .newsflash, .widgetspace { margin-left: 1em; margin-right: 1em; width: auto; }
	#related .container > h2 { margin-left: .75em; }

	/* Home */
	#heropanel { width: 60%; }
	#newspanel { margin-left: 1%; }
	#homechildren { padding-left: 1em; padding-right: 1em; }
	.morelinks .mltitle { margin-left: .8em; }

	/* Landing */
	#landing .item { width: 27.8%; }
	#landing.twocolumns .item { width: 44.6%; }

	/*  A to Z */
	ul#atoz{ padding-left:5px; padding-right:5px;}

	/* Smart FAQs */
	#askquestion #smfaqkeyword { width: 55%; }

	/* Profiler Template */
	#councillorcalendar{ margin-top:15px;}

	/*Polls */
	#polltablewrap {width: 100%;}

	/*Related image*/
    #topbanner {background-image: none !important;}
}
@media (max-width: 900px) { #heropanel { width: 55%; } }
@media (max-width: 800px)
{
	#heropanel { width: 53%; }

   	/*Add Petitions Page */
	#addpetitionform #textfields label, #addpetitionform #mediauploader label{ padding-left:0; text-align:left; }
}

@media (max-width: 800px) { #heropanel { width: 53%; } }

/*
	Tablets:
	Tiding overall appearance
*/
@media (max-width: 800px) {
	#contentlinks { text-align: center; }
	#centrecolumn { overflow-x: auto; }


	/* Slide Navigation */
	.replacedbyslidenavigation { display: none; }
	#slidenavigation { bottom: 0; display: block; left: -200px; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 200px; visibility: hidden; z-index: 9999; }
	#slidenavigation + #pagewrapper { width: 100% }
	#slidenavigation.expanded { left: 0; visibility: visible; }
	#slidenavigation ul { list-style: none; padding: 0; }
	#slidenavigation ul li { padding: 0; }
	#slidenavigation ul li.more ~ li, #slidenavigation ul li.more.expanded { display: none; }
	#slidenavigation ul li.more.expanded ~ li { animation: slideNavigationHighlight 1.4s; display: list-item; -webkit-animation: slideNavigationHighlight 1.4s; }
	#slidenavigation ul li a, #slidenavigation ul li span { display: block; padding: 8px 12px; }
	#slidenavigation ul li span { background: url('../images/slidenavigationpointer.png') no-repeat right center; font-weight: bold; }
	#slidenavigation ul li.title { text-decoration: none; }

	/* Slide Navigation - Breadcrumb */
	#slidenavigation ul.breadcrumb li:not(.title) { list-style: decimal inside; }

	/* Slide Navigation Toggle */
	#mobmenu {height:20px; width:20px; float:left; margin-top:0.8em; background: url('../images/slidenavigationtoggle.png') no-repeat; cursor: pointer; }
	#slidenavigationtoggle #toplevelsearch {text-align:center;}
	#slidenavigationtoggle { display: block; height: 38px; padding:0.4em; }
	#slidenavigationtoggle.expanded, #slidenavigation.expanded + #pagewrapper { margin-left: 200px; width: 100%; }


	/* Slide Navigation Transition */
	#slidenavigation { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; }
	#slidenavigationtoggle, #pagewrapper { transition: margin-left 1s; -moz-transition: margin-left 1s; -webkit-transition: margin-left 1s; }
	/* Top Level Search */
	#toplevel { text-align: center; }
	#toplevelsearch { float: none; }
	#topbanner { background-image: none; padding: 0; text-align: center; }

	/* Form Inputs */
	.icmvvstext, .icmvstext, .icmvspassword, .icmvsselect, .icmvstextarea, .icmvsfile, .icmstext, .icmspassword, .icmsselect, .icmstextarea,
	.icmsfile, .icmtext, .icmpassword, .icmselect, .icmtextarea, .icmfile, .icmltext, .icmlpassword, .icmlselect, .icmltextarea, .icmlfile {
		width: 99%; }

	/* Left Navigation */
	#leftcolumn { display: none; }

	#newspanel { height: auto; margin: 0 1em 1em; width: auto; }
	#related .container > ul {margin: 5px 10px 0;}
	#contentlinks {margin: 0 10px 20px;}

	/* Related Images */
	#relatedimages { width:auto !important; overflow-x:auto; margin-right:10px !important; }

    /* Home */
	#heropanel { margin-bottom: 1em; width: 100%; }
	#heropanel .panelinner .panelbodycontent { width: auto; }
	#newspanel { height: auto; margin: 0 0 1em 0; display: block; float: none; width: auto; width:100%;}
    #newspanel .tabs > li { margin-bottom: 1px; float: none; display: block;}
    #newspanel .tabs a, #newspanel .tabs div { text-align: center; display: block; float: none;}
	#newspanel .tabs a, #newspanel .tabs div { margin-bottom: 0; }
    #newspanel .content > li.selected { border: 1px solid #EAEAEA; border-top:none; padding:2%; position: static; }
	#homechildren .item { width: 48.4%; }
	#homechildren .item .topsixchild { padding: 0 .5em; clear:both; }
	#homechildren .item .topsixchild a { display: block; padding: .4em 0 .4em 12px; }
	#homechildren .item .topsixchild span.rightborder { display: none; }
	#homechildren .item .topsixchild span.square { display: inline-block; }

    #moretab{ width:14.8%;}


	/* Register Form */
	#registerform p.extralabel, #changepassword p.extralabel { clear:left;	margin-left:205px; padding-top:10px;}
	.icmformleft fieldset fieldset.icmvertical label, .icmformleft fieldset fieldset.icmhorizontal label{ width: 30em;}

	/* Media Library */
	#medialib .container{width:50%;}

	/* Smart FAQs */
	#askquestion #smfaqkeyword { width:50%; }
	/* Landing */
	#landing .item { width: 41% !important; }

	/* Home & Landing */
	.morelinks > ul.more { line-height: 1.5em; }
	.morelinks > ul.more li { display: inline-block; width: 48%; vertical-align: top; }
	.morelinks > ul.more li a { display: block; padding: .4em 0 .4em 12px; }
	.morelinks > ul.more li .leftborder { display: none; }

	#homechildren .item .topsixchild li .square,
	#homechildren .item .topsixchild li,
	.morelinks > ul.more li .square {display: block; clear:both;}

	#homechildren .item .topsixchild li{ clear:both !important; }

	#homechildren .item .topsixchild li .square,
	#homechildren .item .topsixchild li a{display: inline-block !important;}
}

/*
	Mobiles:
	Makes the navigation single column
	Removes the second navigation from showing
	Improves the overall look; fluid elements and tidier breadcrumbs
*/
@media (max-width: 480px) {
	#toplevelnav ul li { display: block; }
	#toplevelnav ul li a, #toplevelnav ul li span { border-radius: 0; }
	#secondlevel { display: none; }
	#breadcrumb { background: none; line-height: 1.8em; }
	#breadcrumb ol { padding-bottom: 0; }
	#breadcrumb ol li { white-space: nowrap; }

	/* Full width body images with no floating */
	#bodytext img { height: auto; margin: 1em 0; max-width: 100%; }

	#bodytext #relatedimages #mainimage .img a img, #bodytext #relatedimages #relatedthumbs .img .thumbnailbox img
	{
	    margin:0px !important;
	}

	/* Related images */
	#relatedimages { width: 100% !important; overflow-x:hidden; }
	#relatedimages > #mainimage,
	#relatedimages > #mainimage,
	#relatedimages > #relatedthumbnails  { width:246px; margin:auto !important;}
	#relatedimages > #mainimage img { max-width:inherit !important; margin:1em auto;}
	#relatedthumbnails .img img{  margin-top:0 !important;}
	#mainimage img{ margin:1em auto !important; display:block; }
	#relatedthumbnails{ margin-bottom:1em; }

	/* Home */
	#heropanel { height: 220px; margin: 54px 0; overflow: visible; }
	#heropanel .previous, #heropanel .next { margin-top: -12px; }
	#heropanel .panelinner >h1 { margin-top: -54px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	#heropanel .panelinner .panelbodycontent { display: none; }
	#heropanel.js #tabs { display: none; }
	#heropanel.js .previous, #heropanel.js .next { background-color: #000; background-position: center 7px; border-right: 1px solid #222; bottom: -39px; height: 39px; left: 0; opacity: .65 !important; right: 50%; top: auto; width: auto; }
	#heropanel.js .previous:hover, #heropanel.js .next:hover { background-color: #222; }
	#heropanel.js .next { background-position: center -33px; border-left: 1px solid #666; border-right: 0; left: 50%; right: 0; }
	#homechildren .item { display: block; width: auto; }
	#heropanel #stop, #heropanel #replay { display: none; }

	/* Landing */
	#landing .item { display: block; width: auto !important; }

		/* Landing */
	#landing .item { display: block; width: auto !important; }

	/* Classified page */
	.mobspan{ display:block;	margin-top:5px; }

	form#loginform label, form#changepassword label, form#registerform label{
		text-align:left;
		padding-left:0;
	}

	/* Register Form */
	#registerform p.extralabel, #changepassword p.extralabel{ clear:left;margin-left:0; padding-top:10px;}
	#registerform .captcha span{ display:block;}

	#registerform.icmform fieldset li{	width: 30em;}
	.icmformleft fieldset fieldset.icmvertical label, .icmformleft fieldset fieldset.icmhorizontal label{width: 30em;}

	/* Form Location Picker Map  */
	.icmlocationmap {width: 100% !important;}

	/* Media Library */
	#medialib .container{width:100%;}

	/* Site Search */
	#restrictions .row div { width:100%;}
	#searchform .labelandfield{padding-bottom:5px;}

	/* Smart FAQs */
	#askquestion{ overflow-x:scroll; }
	#askquestion div{ width:120%; }

	/*Add Petitions Page */
	#addpetitionform #textfields label, #addpetitionform #mediauploader label{ padding-left:0; text-align:left; }

	/* Download Fix */
	.download .pairwrap{  margin:0;}
	.download .pairwrap div{  margin:1em 0 1em 0; width:100%;}

	/* Contact List */
    #contactlist .pairwrap{ margin:0; border:none;}
    #contactlist .pairwrap div.odd, #contactlist .pairwrap div.even { width:100% !important; display:block !important; margin: 0.5em 0 0em 0; padding-bottom:0.5em;    border-bottom: solid 1px #e9e9e9;}
	#contactlist .img{ float:none !important; margin-bottom:10px; display:block; }

    /* Login */
    #registersection p.leftlabel{ padding-left:0 !important; }

   	/* Login Fixes */
    .remind span.extralabel { margin-left:0 !important;}
    .registersection p.leftlabel, .captcha .leftlabel{padding-left:0 !important; margin-left:0!important; text-align:left !important;}
    .registersection span.extralabel{padding-left:0 !important; margin-left:0!important; text-align:left;}
    .captcha span{margin-left:0 !important; margin-top:3px;}
    #subscriptions{ min-width:500px;}

    /* Sitemap Overrides */
     #sitemap{ overflow-x:auto;}
     #sitemap ul{ min-width:400px; }

    /* Profiler Template */
	#councillorcalendar{ width:100%; overflow-x:auto; margin-top:15px;}
	#councillorcalendar #councillorrhs .header,
	#councillorcalendar #councillorrhs .current{ width:230px;}




}
@media (max-width: 420px) {
	/* Home */
	#heropanel { height: 200px; }

	/* Home & Landing */
	.morelinks > ul.more li { display: block; width: auto; }



}
@media (max-width: 365px) {
	/* Top Level Search */
	#toplevelsearch input#q { width: 140px; }

	/* reCATPCHA */
	#recaptcha_table { transform: scale(.875,.875); transform-origin: 0% 0%; -webkit-transform: scale(.875,.875); -webkit-transform-origin: 0% 0%; }

	/* Home */
	#heropanel { height: 180px; }

	/* Calendar */
	#cal{width:100%; overflow-x:auto !important;}

	/*Polls */
	#poll td.answer {width: 75px;}

}
@media (max-width: 320px) {
	/* Home */
	#heropanel { height: 150px; }
}

/*****************~ End of 'toptasks' product ~*****************/



/*****************~ End of 'toptasks' product ~*****************/


/*****************~ End of 'toptasks' product ~*****************/


/*****************~ End of 'toptasks' product ~*****************/


/*****************~ End of 'toptasks' product ~*****************/


/*****************~ End of 'toptasks' product ~*****************/


/*****************~ End of 'toptasks' product ~*****************/


/*****************~ End of 'toptasks' product ~*****************/


/*****************~ End of 'toptasks' product ~*****************/


/*****************~ End of 'toptasks' product ~*****************/


/*****************~ End of 'toptasks' product ~*****************/


/*****************~ End of 'toptasks' product ~*****************/


/*****************~ End of 'toptasks' product ~*****************/


/*****************~ Start of 'toptasks' product ~*****************/
/*****************~ Start of 'toptasks' product ~*****************/

/* Initial styling improvements for all displays with a small viewport */
@media (max-width: 1000px) {
	html { -webkit-text-size-adjust: none; }

	/* Fluid layout */
	#pagewrapper { padding: 0; width: auto; }

	/* Tidy the top banner */
	#toputilnav ul { padding: 0; white-space: normal; }
	#toputilnav ul li a { line-height: 1.8em; white-space: nowrap; }
	#topbanner { background-image: none; padding: 0; text-align: center; }


	/* Hide the second level drop-down menus */
	#secondlevel ul.nav li.nav:hover > ul.menu { display: none !important; }
	#secondlevel ul.nav li.nav > span.more { display: none !important; }
	#secondlevel ul.nav li.nav:nth-last-child(2) > a { border-right: 0; }

	/* Tidy the footer */
	#footer #bottomutilnav { margin-bottom: 1em; }
	#footer #iconlinks { position: static; }
	#copyright, #powered { font-size: .9em; }

	/* Tidy the content */
	#bodytext, #headingtext, #introtext, .newsflash, .widgetspace { margin-left: 1em; margin-right: 1em; width: auto; }
	#related .container > h2 { margin-left: .75em; }

	/* Home */
	#heropanel { width: 60%; }
	#newspanel { margin-left: 1%; }
	#homechildren { padding-left: 1em; padding-right: 1em; }
	.morelinks .mltitle { margin-left: .8em; }

	/* Landing */
	#landing .item { width: 27.8%; }
	#landing.twocolumns .item { width: 44.6%; }

	/*  A to Z */
	ul#atoz{ padding-left:5px; padding-right:5px;}

	/* Smart FAQs */
	#askquestion #smfaqkeyword { width: 55%; }

	/* Profiler Template */
	#councillorcalendar{ margin-top:15px;}

	/*Polls */
	#polltablewrap {width: 100%;}

	/*Related image*/
    #topbanner {background-image: none !important;}

}
@media (max-width: 900px) { #heropanel { width: 55%; } }
@media (max-width: 800px)
{
	#heropanel { width: 53%; }

   	/*Add Petitions Page */
	#addpetitionform #textfields label, #addpetitionform #mediauploader label{ padding-left:0; text-align:left; }
}

@media (max-width: 800px) { #heropanel { width: 53%; } }

/*
	Tablets:
	Tiding overall appearance
*/
@media (max-width: 800px) {
	#contentlinks { text-align: center; }
	#centrecolumn { overflow-x: auto; }


	/* Slide Navigation */
	.replacedbyslidenavigation { display: none; }
	#slidenavigation { bottom: 0; display: block; left: -200px; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 200px; visibility: hidden; z-index: 9999; }
	#slidenavigation + #pagewrapper { width: 100% }
	#slidenavigation.expanded { left: 0; visibility: visible; }
	#slidenavigation ul { list-style: none; padding: 0; }
	#slidenavigation ul li { padding: 0; }
	#slidenavigation ul li.more ~ li, #slidenavigation ul li.more.expanded { display: none; }
	#slidenavigation ul li.more.expanded ~ li { animation: slideNavigationHighlight 1.4s; display: list-item; -webkit-animation: slideNavigationHighlight 1.4s; }
	#slidenavigation ul li a, #slidenavigation ul li span { display: block; padding: 8px 12px; }
	#slidenavigation ul li span { background: url('../images/slidenavigationpointer.png') no-repeat right center; font-weight: bold; }
	#slidenavigation ul li.title { text-decoration: none; }

	/* Slide Navigation - Breadcrumb */
	#slidenavigation ul.breadcrumb li:not(.title) { list-style: decimal inside; }

	/* Slide Navigation Toggle */
	#mobmenu {height:20px; width:20px; float:left; margin-top:0.8em; background: url('../images/slidenavigationtoggle.png') no-repeat; cursor: pointer; }
	#slidenavigationtoggle #toplevelsearch {text-align:center;}
	#slidenavigationtoggle { display: block; height: 38px; padding:0.4em; }
	#slidenavigationtoggle.expanded, #slidenavigation.expanded + #pagewrapper { margin-left: 200px; width: 100%; }


	/* Slide Navigation Transition */
	#slidenavigation { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; }
	#slidenavigationtoggle, #pagewrapper { transition: margin-left 1s; -moz-transition: margin-left 1s; -webkit-transition: margin-left 1s; }
	/* Top Level Search */
	#toplevel { text-align: center; }
	#toplevelsearch {float: none;margin-left: 20px;}
	#topbanner { background-image: none; padding: 0; text-align: center; }

	/* Form Inputs */
	.icmvvstext, .icmvstext, .icmvspassword, .icmvsselect, .icmvstextarea, .icmvsfile, .icmstext, .icmspassword, .icmsselect, .icmstextarea,
	.icmsfile, .icmtext, .icmpassword, .icmselect, .icmtextarea, .icmfile, .icmltext, .icmlpassword, .icmlselect, .icmltextarea, .icmlfile {
		width: 99%; }

	/* Left Navigation */
	#leftcolumn { display: none; }

	#newspanel { height: auto; margin: 0 1em 1em; width: auto; }
	#related .container > ul {margin: 5px 10px 0;}
	#contentlinks {margin: 0 10px 20px;}

	/* Related Images */
	#relatedimages { width:auto !important; overflow-x:auto; margin-right:10px !important; }

    /* Home */
	#heropanel { margin-bottom: 1em; width: 100%; }
	#heropanel .panelinner .panelbodycontent { width: auto; }
	#newspanel { height: auto; margin: 0 0 1em 0; display: block; float: none; width: auto; width:100%;}
    #newspanel .tabs > li { margin-bottom: 1px; float: none; display: block;}
    #newspanel .tabs a, #newspanel .tabs div { text-align: center; display: block; float: none;}
	#newspanel .tabs a, #newspanel .tabs div { margin-bottom: 0; }
    #newspanel .content > li.selected { border: 1px solid #EAEAEA; border-top:none; padding:2%; position: static; }
	#homechildren .item { width: 48.4%; }
	#homechildren .item .topsixchild { padding: 0 .5em; clear:both; }
	#homechildren .item .topsixchild a { display: block; padding: .4em 0 .4em 12px; }
	#homechildren .item .topsixchild span.rightborder { display: none; }
	#homechildren .item .topsixchild span.square { display: inline-block; }

    #moretab{ width:14.8%;}


	/* Register Form */
	#registerform p.extralabel, #changepassword p.extralabel { clear:left;	margin-left:205px; padding-top:10px;}
	.icmformleft fieldset fieldset.icmvertical label, .icmformleft fieldset fieldset.icmhorizontal label{ width: 30em;}

	/* Media Library */
	#medialib .container{width:50%;}

	/* Smart FAQs */
	#askquestion #smfaqkeyword { width:50%; }
	/* Landing */
	#landing .item { width: 41% !important; }

	/* Home & Landing */
	.morelinks > ul.more { line-height: 1.5em; }
	.morelinks > ul.more li { display: inline-block; width: 48%; vertical-align: top; }
	.morelinks > ul.more li a { display: block; padding: .4em 0 .4em 12px; }
	.morelinks > ul.more li .leftborder { display: none; }

	#homechildren .item .topsixchild li .square,
	#homechildren .item .topsixchild li,
	.morelinks > ul.more li .square {display: block; clear:both;}

	#homechildren .item .topsixchild li{ clear:both !important; }

	#homechildren .item .topsixchild li .square,
	#homechildren .item .topsixchild li a{display: inline-block !important;}

	/*Home Tabs*/
    #newspanel .tabs > li {width:100%; border-left:none;}

}


/*
	Mobiles:
	Makes the navigation single column
	Removes the second navigation from showing
	Improves the overall look; fluid elements and tidier breadcrumbs
*/
@media (max-width: 480px) {
	#toplevelnav ul li { display: block; }
	#toplevelnav ul li a, #toplevelnav ul li span { border-radius: 0; }
	#secondlevel { display: none; }
	#breadcrumb { background: none; line-height: 1.8em; }
	#breadcrumb ol { padding-bottom: 0; }
	#breadcrumb ol li { white-space: nowrap; }

	/* Full width body images with no floating */
	#bodytext img { height: auto; margin: 1em 0; max-width: 100%; }

	#bodytext #relatedimages #mainimage .img a img, #bodytext #relatedimages #relatedthumbs .img .thumbnailbox img
	{
	    margin:0px !important;
	}

	/* Related images */
	#relatedimages { width: 100% !important; overflow-x:hidden; }
	#relatedimages > #mainimage,
	#relatedimages > #mainimage,
	#relatedimages > #relatedthumbnails  { width:246px; margin:auto !important;}
	#relatedimages > #mainimage img { max-width:inherit !important; margin:1em auto;}
	#relatedthumbnails .img img{  margin-top:0 !important;}
	#mainimage img{ margin:1em auto !important; display:block; }
	#relatedthumbnails{ margin-bottom:1em; }



	/* Responsive recaptcha */
	#recaptcha_image { width:auto !important; max-width: 100%; height: auto !important}
	#recaptcha_image img { width:100% ;}
	#recaptcha_response_field { width: 100% !important; max-width: 302px; }

	.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th{
		float: left;
	}
	#recaptcha_area tr{
		height: auto !important;
	}
	.recaptcha_image_cell{
		width: 100% !important;
		max-width: 300px;
	}
	.recaptcha_image_cell img{
		height: auto !important;
	}

	/* Home */
	#heropanel { height: 220px; margin: 54px 0; overflow: visible; }
	#heropanel .previous, #heropanel .next { margin-top: -12px; }
	#heropanel .panelinner >h1 { margin-top: -54px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	#heropanel .panelinner .panelbodycontent { display: none; }
	#heropanel.js #tabs { display: none; }
	#heropanel.js .previous, #heropanel.js .next { background-color: #000; background-position: center 7px; border-right: 1px solid #222; bottom: -39px; height: 39px; left: 0; opacity: .65 !important; right: 50%; top: auto; width: auto; }
	#heropanel.js .previous:hover, #heropanel.js .next:hover { background-color: #222; }
	#heropanel.js .next { background-position: center -33px; border-left: 1px solid #666; border-right: 0; left: 50%; right: 0; }
	#homechildren .item { display: block; width: auto; }

	/* Landing */
	#landing .item { display: block; width: auto !important; }

		/* Landing */
	#landing .item { display: block; width: auto !important; }

	/* Classified page */
	.mobspan{ display:block;	margin-top:5px; }

	form#loginform label, form#changepassword label, form#registerform label{
		text-align:left;
		padding-left:0;
	}

	/* Register Form */
	#registerform p.extralabel, #changepassword p.extralabel{ clear:left;margin-left:0; padding-top:10px;}
	#registerform .captcha span{ display:block;}

	#registerform.icmform fieldset li{	width: 30em;}
	.icmformleft fieldset fieldset.icmvertical label, .icmformleft fieldset fieldset.icmhorizontal label{width: 30em;}

	/* Form Location Picker Map  */
	.icmlocationmap {width: 100% !important;}

	/* Media Library */
	#medialib .container{width:100%;}

	/* Site Search */
	#restrictions .row div { width:100%;}
	#searchform .labelandfield{padding-bottom:5px;}

	/* Smart FAQs */
	#askquestion{ overflow-x:scroll; }
	#askquestion div{ width:120%; }

	/*Add Petitions Page */
	#addpetitionform #textfields label, #addpetitionform #mediauploader label{ padding-left:0; text-align:left; }

	/* Download Fix */
	.download .pairwrap{  margin:0;}
	.download .pairwrap div{  margin:1em 0 1em 0; width:100%;}

	/* Contact List */
    #contactlist .pairwrap{ margin:0; border:none;}
    #contactlist .pairwrap div.odd, #contactlist .pairwrap div.even { width:100% !important; display:block !important; margin: 0.5em 0 0em 0; padding-bottom:0.5em;    border-bottom: solid 1px #e9e9e9;}
	#contactlist .img{ float:none !important; margin-bottom:10px; display:block; }

    /* Login */
    #registersection p.leftlabel{ padding-left:0 !important; }

   	/* Login Fixes */
    .remind span.extralabel { margin-left:0 !important;}
    .registersection p.leftlabel, .captcha .leftlabel{padding-left:0 !important; margin-left:0!important; text-align:left !important;}
    .registersection span.extralabel{padding-left:0 !important; margin-left:0!important; text-align:left;}
    .captcha span{margin-left:0 !important; margin-top:3px;}
    #subscriptions{ min-width:500px;}

    /* Sitemap Overrides */
     #sitemap{ overflow-x:auto;}
     #sitemap ul{ min-width:400px; }

    /* Profiler Template */
	#councillorcalendar{ width:100%; overflow-x:auto; margin-top:15px;}
	#councillorcalendar #councillorrhs .header,
	#councillorcalendar #councillorrhs .current{ width:230px;}




}
@media (max-width: 420px) {
	/* Home */
	#heropanel { height: 200px; }

	/* Home & Landing */
	.morelinks > ul.more li { display: block; width: auto; }

	/* Find my nearest search button responsive fix */
	.findmynearest .topsearch .btntext {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

}
@media (max-width: 365px) {
	/* Top Level Search */
	#toplevelsearch input#q { width: 140px; }

	/* reCATPCHA */
	#recaptcha_table { transform: scale(.875,.875); transform-origin: 0% 0%; -webkit-transform: scale(.875,.875); -webkit-transform-origin: 0% 0%; }

	/* Home */
	#heropanel { height: 180px; }

	/* Calendar */
	#cal{width:100%; overflow-x:auto !important;}

	/*Polls */
	#poll td.answer {width: 75px;}

}
@media (max-width: 320px) {
	/* Home */
	#heropanel { height: 150px; }
}

/*****************~ End of 'toptasks' product ~*****************/




/*****************~ End of 'toptasks' product ~*****************/


/*****************~ End of 'toptasks' product ~*****************/


/*****************~ End of 'toptasks' product ~*****************/


/*****************~ End of 'toptasks' product ~*****************/


/*****************~ Start of 'toptasks' product ~*****************/

/*****************~ Start of 'toptasks' product ~*****************/
/*****************~ Start of 'toptasks' product ~*****************/

/* Initial styling improvements for all displays with a small viewport */
@media (max-width: 1000px) {
	html { -webkit-text-size-adjust: none; }

	/* Fluid layout */
	#pagewrapper { padding: 0; width: auto; }

	/* Tidy the top banner */
	#toputilnav ul { padding: 0; white-space: normal; }
	#toputilnav ul li a { line-height: 1.8em; white-space: nowrap; }
	#topbanner { background-image: none; padding: 0; text-align: center; }


	/* Hide the second level drop-down menus */
	#secondlevel ul.nav li.nav:hover > ul.menu { display: none !important; }
	#secondlevel ul.nav li.nav > span.more { display: none !important; }
	#secondlevel ul.nav li.nav:nth-last-child(2) > a { border-right: 0; }

	/* Tidy the footer */
	#footer #bottomutilnav { margin-bottom: 1em; }
	#footer #iconlinks { position: static; }
	#copyright, #powered { font-size: .9em; }

	/* Tidy the content */
	#bodytext, #headingtext, #introtext, .newsflash, .widgetspace { margin-left: 1em; margin-right: 1em; width: auto; }
	#related .container > h2 { margin-left: .75em; }

	/* Home */
	#heropanel { width: 60%; }
	#newspanel { margin-left: 1%; }
	#homechildren { padding-left: 1em; padding-right: 1em; }
	.morelinks .mltitle { margin-left: .8em; }

	/* Landing */
	#landing .item { width: 27.8%; }
	#landing.twocolumns .item { width: 44.6%; }

	/*  A to Z */
	ul#atoz{ padding-left:5px; padding-right:5px;}

	/* Smart FAQs */
	#askquestion #smfaqkeyword { width: 55%; }

	/* Profiler Template */
	#councillorcalendar{ margin-top:15px;}

	/*Polls */
	#polltablewrap {width: 100%;}

	/*Related image*/
    #topbanner {background-image: none !important;}
}
@media (max-width: 900px) { #heropanel { width: 55%; } }
@media (max-width: 800px)
{
	#heropanel { width: 53%; }

   	/*Add Petitions Page */
	#addpetitionform #textfields label, #addpetitionform #mediauploader label{ padding-left:0; text-align:left; }
}

@media (max-width: 800px) { #heropanel { width: 53%; } }

/*
	Tablets:
	Tiding overall appearance
*/
@media (max-width: 800px) {
	#contentlinks { text-align: center; }
	#centrecolumn { overflow-x: auto; }


	/* Slide Navigation */
	.replacedbyslidenavigation { display: none; }
	#slidenavigation { bottom: 0; display: block; left: -200px; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 200px; visibility: hidden; z-index: 9999; }
	#slidenavigation + #pagewrapper { width: 100% }
	#slidenavigation.expanded { left: 0; visibility: visible; }
	#slidenavigation ul { list-style: none; padding: 0; }
	#slidenavigation ul li { padding: 0; }
	#slidenavigation ul li.more ~ li, #slidenavigation ul li.more.expanded { display: none; }
	#slidenavigation ul li.more.expanded ~ li { animation: slideNavigationHighlight 1.4s; display: list-item; -webkit-animation: slideNavigationHighlight 1.4s; }
	#slidenavigation ul li a, #slidenavigation ul li span { display: block; padding: 8px 12px; }
	#slidenavigation ul li span { background: url('../images/slidenavigationpointer.png') no-repeat right center; font-weight: bold; }
	#slidenavigation ul li.title { text-decoration: none; }

	/* Slide Navigation - Breadcrumb */
	#slidenavigation ul.breadcrumb li:not(.title) { list-style: decimal inside; }

	/* Slide Navigation Toggle */
	#mobmenu {height:20px;width:20px;float:left;margin-top:0.8em;background: url('../images/slidenavigationtoggle.png') no-repeat;cursor: pointer;z-index: 999;}
	#slidenavigationtoggle #toplevelsearch {text-align:center;}
	#slidenavigationtoggle { display: block; height: 38px; padding:0.4em; }
	#slidenavigationtoggle.expanded, #slidenavigation.expanded + #pagewrapper { margin-left: 200px; width: 100%; }


	/* Slide Navigation Transition */
	#slidenavigation { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; }
	#slidenavigationtoggle, #pagewrapper { transition: margin-left 1s; -moz-transition: margin-left 1s; -webkit-transition: margin-left 1s; }
	/* Top Level Search */
	#toplevel { text-align: center; }
	#toplevelsearch { float: none; }
	#topbanner { background-image: none; padding: 0; text-align: center; }
	.rsbtn { margin-right: .5em; }

	/* Form Inputs */
	.icmvvstext, .icmvstext, .icmvspassword, .icmvsselect, .icmvstextarea, .icmvsfile, .icmstext, .icmspassword, .icmsselect, .icmstextarea,
	.icmsfile, .icmtext, .icmpassword, .icmselect, .icmtextarea, .icmfile, .icmltext, .icmlpassword, .icmlselect, .icmltextarea, .icmlfile {
		width: 99%; max-width:30em; }

	/* Left Navigation */
	#leftcolumn { display: none; }

	#newspanel { height: auto; margin: 0 1em 1em; width: auto; }
	#related .container > ul {margin: 5px 10px 0;}
	#contentlinks {margin: 0 10px 20px;}

	/* Related Images */
	#relatedimages { width:auto !important; overflow-x:auto; margin-right:10px !important; }

    /* Home */
	#heropanel { margin-bottom: 1em; width: 100%; }
	#heropanel .panelinner .panelbodycontent { width: auto; }
	#newspanel { height: auto; margin: 0 0 1em 0; display: block; float: none; width: auto; width:100%;}
    #newspanel .tabs > li { margin-bottom: 1px; float: none; display: block;}
    #newspanel .tabs a, #newspanel .tabs div { text-align: center; display: block; float: none;}
	#newspanel .tabs a, #newspanel .tabs div { margin-bottom: 0; }
    #newspanel .content > li.selected { border: 1px solid #EAEAEA; border-top:none; padding:2%; position: static; }
	#homechildren .item { width: 48.4%; }
	#homechildren .item .topsixchild { padding: 0 .5em; clear:both; }
	#homechildren .item .topsixchild a { display: block; padding: .4em 0 .4em 12px; }
	#homechildren .item .topsixchild span.rightborder { display: none; }
	#homechildren .item .topsixchild span.square { display: inline-block; }

    #moretab{ width:14.8%;}


	/* Register Form */
	#registerform p.extralabel, #changepassword p.extralabel { clear:left;	margin-left:205px; padding-top:10px;}
	.icmformleft fieldset fieldset.icmvertical label, .icmformleft fieldset fieldset.icmhorizontal label{ width: 30em;}

	/* Media Library */
	#medialib .container{width:50%;}

	/* Smart FAQs */
	#askquestion #smfaqkeyword { width:50%; }
	/* Landing */
	#landing .item { width: 41% !important; }

	/* Home & Landing */
	.morelinks > ul.more { line-height: 1.5em; }
	.morelinks > ul.more li { display: inline-block; width: 48%; vertical-align: top; }
	.morelinks > ul.more li a { display: block; padding: .4em 0 .4em 12px; }
	.morelinks > ul.more li .leftborder { display: none; }

	#homechildren .item .topsixchild li .square,
	#homechildren .item .topsixchild li,
	.morelinks > ul.more li .square {display: block; clear:both;}

	#homechildren .item .topsixchild li{ clear:both !important; }

	#homechildren .item .topsixchild li .square,
	#homechildren .item .topsixchild li a{display: inline-block !important;}
}

/*
	Mobiles:
	Makes the navigation single column
	Removes the second navigation from showing
	Improves the overall look; fluid elements and tidier breadcrumbs
*/
@media (max-width: 480px) {
	#toplevelsearch fieldset { padding: 0 !important; width: auto; }
	#toplevelnav ul li { display: block; }
	#toplevelnav ul li a, #toplevelnav ul li span { border-radius: 0; }
	#secondlevel { display: none; }
	#breadcrumb { background: none; line-height: 1.8em; }
	#breadcrumb ol { padding-bottom: 0; }
	#breadcrumb ol li { white-space: nowrap; }

	/* Full width body images with no floating */
	#bodytext img { height: auto; margin: 1em 0; max-width: 100%; }

	#bodytext #relatedimages #mainimage .img a img, #bodytext #relatedimages #relatedthumbs .img .thumbnailbox img
	{
	    margin:0px !important;
	}

	/* Related images */
	#relatedimages { width: 100% !important; overflow-x:hidden; }
	#relatedimages > #mainimage,
	#relatedimages > #mainimage,
	#relatedimages > #relatedthumbnails  { width:246px; margin:auto !important;}
	#relatedimages > #mainimage img { max-width:inherit !important; margin:1em auto;}
	#relatedthumbnails .img img{  margin-top:0 !important;}
	#mainimage img{ margin:1em auto !important; display:block; }
	#relatedthumbnails{ margin-bottom:1em; }

	/* Home */
	#heropanel { height: 220px; margin: 54px 0; overflow: visible; }
	#heropanel .previous, #heropanel .next { margin-top: -12px; }
	#heropanel .panelinner >h1 { margin-top: -54px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	#heropanel .panelinner .panelbodycontent { display: none; }
	#heropanel.js #tabs { display: none; }
	#heropanel.js .previous, #heropanel.js .next { background-color: #000; background-position: center 7px; border-right: 1px solid #222; bottom: -39px; height: 39px; left: 0; opacity: .65 !important; right: 50%; top: auto; width: auto; }
	#heropanel.js .previous:hover, #heropanel.js .next:hover { background-color: #222; }
	#heropanel.js .next { background-position: center -33px; border-left: 1px solid #666; border-right: 0; left: 50%; right: 0; }
	#homechildren .item { display: block; width: auto; }

	/* Landing */
	#landing .item { display: block; width: auto !important; }

		/* Landing */
	#landing .item { display: block; width: auto !important; }

	/* Classified page */
	.mobspan{ display:block;	margin-top:5px; }

	form#loginform label, form#changepassword label, form#registerform label{
		text-align:left;
		padding-left:0;
	}

	/* Register Form */
	#registerform p.extralabel, #changepassword p.extralabel{ clear:left;margin-left:0; padding-top:10px;}
	#registerform .captcha span{ display:block;}

	#registerform.icmform fieldset li{	width: 30em;}
	.icmformleft fieldset fieldset.icmvertical label, .icmformleft fieldset fieldset.icmhorizontal label{width: 30em;}

	/* Form Location Picker Map  */
	.icmlocationmap {width: 100% !important;}

	/* Media Library */
	#medialib .container{width:100%;}

	/* Site Search */
	#restrictions .row div { width:100%;}
	#searchform .labelandfield{padding-bottom:5px;}

	/* Smart FAQs */
	#askquestion{ overflow-x:scroll; }
	#askquestion div{ width:120%; }

	/*Add Petitions Page */
	#addpetitionform #textfields label, #addpetitionform #mediauploader label{ padding-left:0; text-align:left; }

	/* Download Fix */
	.download .pairwrap{  margin:0;}
	.download .pairwrap div{  margin:1em 0 1em 0; width:100%;}

	/* Contact List */
    #contactlist .pairwrap{margin:0; border:none;}
    #contactlist .pairwrap div.odd, #contactlist .pairwrap div.even { width:100% !important; display:block !important; margin: 0.5em 0 0em 0; padding-bottom:0.5em;    border-bottom: solid 1px #e9e9e9;}
	#contactlist .img{ float:none !important; margin-bottom:10px; display:block; }

    /* Login */
    #registersection p.leftlabel{ padding-left:0 !important; }

   	/* Login Fixes */
    .remind span.extralabel { margin-left:0 !important;}
    .registersection p.leftlabel, .captcha .leftlabel{padding-left:0 !important; margin-left:0!important; text-align:left !important;}
    .registersection span.extralabel{padding-left:0 !important; margin-left:0!important; text-align:left;}
    .captcha span{margin-left:0 !important; margin-top:3px;}
    #subscriptions{ min-width:500px;}

    /* Sitemap Overrides */
     #sitemap{ overflow-x:auto;}
     #sitemap ul{ min-width:400px; }

    /* Profiler Template */
	#councillorcalendar{ width:100%; overflow-x:auto; margin-top:15px;}
	#councillorcalendar #councillorrhs .header,
	#councillorcalendar #councillorrhs .current{ width:230px;}
}
@media (max-width: 420px) {
	/* Home */
	#heropanel { height: 200px; }

	/* Home & Landing */
	.morelinks > ul.more li { display: block; width: auto; }



}
@media (max-width: 365px) {
	/* Top Level Search */
	#toplevelsearch input#q { width: 140px; }

	/* reCATPCHA */
	#recaptcha_table { transform: scale(.875,.875); transform-origin: 0% 0%; -webkit-transform: scale(.875,.875); -webkit-transform-origin: 0% 0%; }

	/* Home */
	#heropanel { height: 180px; }

	/* Calendar */
	#cal{width:100%; overflow-x:auto !important;}

	/*Polls */
	#poll td.answer {width: 75px;}

}
@media (max-width: 320px) {
	/* Home */
	#heropanel { height: 150px; }
}