/*****************~ 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 0 0 6px; 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; }
	#copyright, #powered { font-size: .9em; }

	/* Tidy the content */
	#bodytext, #headingtext, #introtext, .newsflash, .widgetspace, .intro, .textblock { 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;} 
    
    .BlockLink {margin-left:auto; margin-right:auto;}
    
    #topbanner { background-image: none; padding: 0; text-align: center; }
    
    #slidenavigation {
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	}
	
	#slidenavigation.expanded {
		left: 0;
		visibility: visible;
    }
    #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 ul {
		list-style: none;
		padding: 0;
	}
	#slidenavigation ul li.title {
		text-decoration: none;
	}
	#slidenavigation ul li {
		padding: 0;
	}
	#slidenavigation ul li span {
		background: url('../images/slidenavigationpointer.png') no-repeat right center;
		font-weight: bold;
	}
	#slidenavigation ul li span {
		display: block;
		padding: 8px 12px;
	}
	#slidenavigation ul li a, #slidenavigation ul li span {
		display: block;
		padding: 8px 12px;
	}
	#slidenavigation ul li.title span {
		background: #222;
		color: #DDD;	
	}
}
@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; }
	
	#toplogo img{margin-top:0px;}
	#toplevelnav, #secondlevel{display:none;}
	
	
	.browseAloud{margin-top:40px;}
	
	#topbanner{padding:44px 0 0 0px;}
	
	/*toplogo*/
    /*.ImageSwap{background:url("../images/toplogo2.png") no-repeat; width:45px; height:88px; background-size: 100% 100%;}
    .BlockLink{margin-left:auto; margin-right:auto; height:auto;}*/
    #toplogo a img
    {
    	width:132%;
    }
	
}

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

/*
	Tablets:
	Tiding overall appearance
*/
@media (max-width: 800px) {
	#contentlinks { text-align: center; }
	#centrecolumn { overflow-x: auto; }
	#pagewrapper {
		padding: 48px 0 0 0;
	}
	#jPanelMenu-menu {
		background: #444;
		color: #AAA;
	}
	#jPanelMenu-menu ul li a, #jPanelMenu-menu ul li span {
		color: #EEE;
		display: block;
		padding: 8px 0 8px 8px;
	}
	#jPanelMenu-menu ul {
		background: #444;
		list-style: none;
		padding: 48px 0 0 0;
		margin: 0;
		visibility: visible !important; /* Override desktop hover menus */
	}
	#jPanelMenu-menu ul.nav {
		padding: 0 0 0 1.5em;
		background: #333;
		-moz-box-shadow: inset 0px 0px 2px 0px #000;
		-webkit-box-shadow: inset 0px 0px 2px 0px #000;
		box-shadow: inset 0px 0px 2px 0px #000;
	}
	#jPanelMenu-menu ul.nav ul {
		padding: 0 0 0 1.5em;
		background: #333;
	}
	#jPanelMenu-menu ul li {
		padding: 0;
	}
	#jPanelMenu-menu ul li.active-tab span {
		color: #FFF;
		font-weight: bold;
	}

	/* Slide Navigation Toggle */
	#mobmenu {height:20px; width:20px; float:left; margin:0.8em 0 0 0.5em; background: url('../images/slidenavigationtoggle.png') no-repeat; cursor: pointer; }
	#slidenavigationtoggle #toplevelsearch {text-align:center;}
	#slidenavigationtoggle {
		display: block;
		height: 38px;
		padding: 0.4em;
		position: fixed;
		z-index: 10;
		width: 100%;
		top: 0;
		background: #DDD;
		-moz-box-shadow: 0 0 5px 1px #888;
		-webkit-box-shadow: 0 0 5px 1px #888;
		box-shadow: 0 0 5px 1px #888;
	}
	#slidenavigationtoggle.expanded, #slidenavigation.expanded + #pagewrapper { margin-left: 200px; width: 100%; }

	/* Top Level Search */
	#toplevel { text-align: center; }
	#toplevelsearch { float: none; }
	
	/* 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, #related .container.poll > fieldset {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 { background: 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% !important; border-left:none;}	
    
	
}


/*forum form*/
@media (max-width: 580px) {
    .foruminput
    {
        clear:left;
    }
    #addthread .label
    {
        padding: 0.5em 0.5em;
        text-align: left;
    }
    #forumgo
    {
        padding: 0.5em 0em 0.5em 2.5em;
    }
    
        /*toplogo*/
    /*.ImageSwap{width:34px; height:66px;}*/
    #toplogo a img
    {
    	width:538px;
    }
    
    #topbanner
    {
    	width:100%;
    }
    
    #topbanner #toplogo {
		margin-top: -4em;
	}
    
}
@media (max-width: 390px) 
{
    .foruminput input, .foruminput textarea
    {
        width:20em !important;
    }
    #forumspace
    {
        display:none;
    }
    #forumgo
    {
        padding: 0.5em 0em 0.5em 0.5em;
        clear:left;
    }
    /*toplogo*/
    /*.ImageSwap{width:34px; height:66px;}*/
    
    
}
/*end forum form*/

/*
	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:auto !important; margin:1em auto;}
	#relatedthumbnails .img img{  margin-top:0 !important;}
	#mainimage img{ margin:1em auto !important; display:block; }	
	#relatedthumbnails{ margin-bottom:1em; }


	
	/* reCATPCHA */
	#recaptcha_area .tablewrapper { overflow: hidden; }
	#recaptcha_table.recaptcha_theme_clean { position: relative; transform: none; -webkit-transform: none; }
    #recaptcha_table.recaptcha_theme_clean tbody { display: block; padding: .25em; width: 30em; }
	#recaptcha_table.recaptcha_theme_clean td { display: block; padding: 0 !important; }
	#recaptcha_table.recaptcha_theme_clean #recaptcha_image { margin: 0 !important; max-width: 230px; width: 100% !important; }
	#recaptcha_table.recaptcha_theme_clean #recaptcha_image img { height: auto !important; width: 100% !important; }
	#recaptcha_table.recaptcha_theme_clean .recaptcha_image_cell + td { position: absolute; right: .25em; top: .25em; }
	#recaptcha_table.recaptcha_theme_clean .recaptcha_input_area { padding: 0 !important; }
	#recaptcha_table.recaptcha_theme_clean .recaptcha_input_area #recaptcha_response_field { margin: 0; max-width: 248px; width: 100% !important; }
	#recaptcha_table.recaptcha_theme_clean #recaptcha_logo, #recaptcha_table.recaptcha_theme_clean #recaptcha_tagline { display: none; }

	.recaptchatable{ width:33em; } 
	.icmltext, .icmlpassword, .icmlselect, .icmltextarea, .icmlfile	{ width:30em; }
	
	/* 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{ widows:100%; 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;}


    #footer #iconlinks { position: static; }
	
}
@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 ~*****************/