﻿.tableoverflow { overflow-x: auto; }
select { background: white; }

@media (max-width: 978px)
{
	html { -webkit-text-size-adjust: none; }
	iframe { max-width: 100%; }
	img { max-width: 100%; }
	
	/* Fluid layout */
	#toputilnav_container, #toplevel_container, #homechildren_container, #morelinks_container, .footercontainer,
	.footercontainerpartners, #newsflash, #breadcrumb_container {
		width: 100%;
	}
	
	/* Margin */
	.alert_boxout, #breadcrumb_container #breadcrumb, #footer_container, #maincolumnwrapper, #secondlevel_container {
		margin-left: 10px;
		margin-right: 10px;
		width: auto;
	}
	
	/* Footer */
	.footercontainerpartners {
		text-align: center;
	}
	.footercontainerpartners .partner {
		padding-right: 2em;
	}
		#toplevelsearch {
		float: none;
		display: inline-block;
		width: 100%;
	}
		#search_container
	{
		width: auto;
		}
		
		
		.leaderboard{
display: none;
}	
	
		
.stay {
    float: right;
    width: auto;
}
}

@media (max-width: 850px) 
{
	/* Top level */
	

	#toplevelsearch {
		float: none;
		display: inline-block;
		width: 100%;
	}
	#toplevelsearch #search_container {
		width: auto;
		padding: 10px;
	}
	#toplevelsearch #search_form_container .btntext {
		border-left: 1px solid #f89940;
		margin: 0 !important;
		position: absolute;
		right: 0;
		top: 0;
	}
	#toplevelsearch #search_form_container .gsc-input {
		padding: 0 !important;
	}
	#toplevelsearch #search_form_container .gsc-clear-button {
		display: none;
	}
	#toplevelsearch #search_form_container table {
		margin-top: 20px;
	}
	#toplevelsearch .search_services_links {
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	#toplogo {
		float: left;
		text-align: center;
		width: 50%;
	}
	
	.stay
	{
		 width: auto;
		 float: right;
		}
	
	/* Footer */
	.footercontainerpartners .partner {
		height: 40px;
	}
	
	/* Home template */
	.widgetContainer3 #ddlProblemDetailDij {
		width: 94% !important;
	}
	
	/* Landing template */
	#landing .item {
		width: 27.8% !important;
	}
}

@media (max-width: 800px)
{
	/* Home Template */
	#secondlevel.home {
		padding-bottom: 0;
	}
	#secondlevel #main_tabs, #secondlevel #whats_on_tabs {
		display: block;
		float: none;
		width: auto;
	}
	#secondlevel #main_tabs {
		margin-right: 0;
		overflow: hidden;
		padding-bottom: 3em;
	}
	#secondlevel #main_tabs .maintabcontent {
		width: 96%;
	}
	#secondlevel #whats_on_tabs {
		background: #6E6D72;
		clear: both;
		margin: 0 -10px;
		text-align: center;
	}
	#secondlevel #whats_on_tabs .maintabcontent {
		display: none !important;
	}
	#secondlevel #whats_on_tabs .tab {
		border-bottom: 0;
	}
	#secondlevel #whats_on_tabs .tab a {
		background: transparent;
		color: white;
		font-size: 1.5em;
		padding: 12px 0;
	}
	#secondlevel #whats_on_tabs .tab a:hover {
		text-decoration: underline;
	}
}

@media (max-width: 740px)
{
	/* Forms */
	.icmformleft fieldset fieldset.icmbuttongroup ol {
		margin: 0;
	}
}

/* Small tablet */
@media (max-width: 680px) 
{
	/* Top utilities */
	#toputilnav ul li {
		line-height: 40px;
	}
	#toputilnav ul li ~ li {
		margin-left: 2.6em;
	}
	#toputilnav ul li a {
		font-size: 1em;
	}
	
	/* 'Also See', 'Contact' and 'Stay Connected' blocks */
	#also_see, #contact a, #centrecolumn ~ .connected {
		float: none;
		margin: 1em 0;
		width: auto;
	}
	#also_see ul li, .relatedblock ul li {
		margin: 1em 0;
	}
	#centrecolumn ~ .connected {
		border: 0;
		padding: 0;
	}
	#centrecolumn ~ .connected label {
		display: block;
	}
	
	/* Home & Landing template */
	#children .item, .morelinks ul li {
		width: 49.4% !important;
	}
	
	/* Landing template */
	#landing .item {
		width: 42% !important;
	}
	
	
	
	

}

@media (max-width: 600px)
{
	/* Forms */
	.icmform {
		margin: 0;
	}
	.icmform input[type=password], .icmform input[type=text], .icmform select, .icmform textarea {
		box-sizing: border-box;
		width: 99%;
	}
	
	/* Footer */
	.footercontainerpartners .partner {
		height: 30px;
	}
	
	
	.stay {
    background-color: #fff;
    border: 4px solid #f7943f;
    float: right;
    margin: 10px 20px 0;
    overflow: hidden;
    position: relative !important;


	#toplogo {
		float: left;
		text-align: center;
		
	}
	
}

	.stay{
		
				display:none;
}
/* Mobile */
@media (max-width: 480px) 
{
	.mobileonly {
		display: block;
	}
	
	/* Top utilities */
	#toplevelsearch .search_services_links {
		display: none;
	}
	
	#toputilnav {
		height: 38px;
	}
	#toputilnav ul {
		background: #6E6D72;
		display: none;
		padding: .5em;
		position: absolute;
		right: 0;
		top: 88px;
	}
	#toputilnav ul li {
		display: block;
		margin: 0 !important;
	}
	#toputilnav ul li:first-child {
		display: none;
		margin: 0 !important;
	}
	#toputilnav ul li a {
		padding: .5em 1em;
	}
	#toputilnav ul li a:hover {
		text-decoration: underline;
	}
	
	#toputilnav #toggletoputil {
		cursor: pointer;
		float: right;
		margin: .75em;
	}
	#toputilnav #toggletoputil.open + ul {
		display: block;
	}
	
	/* A to Z */
	#toplevel .atoz.mobileonly {
		margin-top: 10px;
		text-align: right;
	}
	
	/* Breadcrumb */
	#breadcrumb_container {
		display: none;
	}
	
	/* Forms */
	.icmform [type=button], .icmform [type=reset], .icmform [type=submit] {
		display: block;
		width: 99%;
	}
	
	/* Footer */
	.footer_slider {
		margin: 0 14%;
	}
	#feedback_container_background_wrapper, .footercontainerpartners, .footersocial, .gtranslate {
		display: none;
	}
	
	/* Home template */
	#homefeaturepicture {
		margin: -12px -10px 0;
	}
	
	#secondlevel.home {
		background: transparent;
		padding: 0;
	}
	#secondlevel.home #secondlevel_container {
		margin: 0;
	}
	
	#secondlevel #main_tabs {
		padding: 0;
	}
	#secondlevel #main_tabs .maintabcontent {
		background: transparent !important;
		display: none;
		height: auto;
		min-height: 0;
		padding-bottom: 0;
		padding-top: 0;
	}
	#secondlevel #main_tabs .maintabcontent > a {
		display: none;
	}
	#secondlevel #main_tabs .maintabcontent .home_links_container, #secondlevel #main_tabs .maintabcontent .wheres_my_nearest,
	#secondlevel #main_tabs .maintabcontent .wheres_my_nearest * {
		background: transparent;
		color: #333;
		height: auto;
		min-height: 0;
		overflow: inital;
	}
	#secondlevel #main_tabs .maintabcontent .home_links_right, #secondlevel #main_tabs .maintabcontent .wheres_my_nearest {
		clear: both;
		display: block;
		float: none;
		margin-top: 1em;
		width: auto;
	}
	#secondlevel #main_tabs .tab {
		clear: both;
		display: block;
		width: auto;
	}
	#secondlevel .widgetContainer2 input[type=text], #secondlevel .widgetContainer2 select,  #secondlevel .widgetContainer3 select {
		border: 1px solid #AAA;
		width: 96% !important;
		background: url("http://gossweb.nottinghamcity.gov.uk/www/ncc7/NCC/toptasks/images/postcode_go.png") no-repeat;
	}
	#secondlevel .widgetContainer2 input[type=text] {
		width: 82% !important;
	}
	
	#secondlevel #whats_on_tabs {
		background-color: #58575B;
	}
	#secondlevel #whats_on_tabs .tab {
		width: 31.5%;
	}
	#secondlevel #whats_on_tabs .tab ~ .tab {
		border-left: 2px solid white;
	}
	#secondlevel #whats_on_tabs .tab a:hover {
		text-decoration: none;
	}
	
	/* Home blocks & related blocks */
	#also_see, #contact, .morelinks, .morelinkslanding, .relatedblock {
		border: 0 !important;
		margin: 0 -10px !important;
		padding: 0 !important;
	}
	#also_see h2, #children .item a.blue_category, .morelinks h2, .morelinkslanding h2, .relatedblock h2, #secondlevel #main_tabs .tab a {
		background: #58575B;
		border-radius: 0;
		color: white;
		cursor: pointer;
		filter: none;
		float: none;
		font-size: 16px;
		height: auto;
		margin-bottom: 2px;
		margin-top: 0;
		padding-right: 3.2em;
		position: relative;
	}
	#also_see h2:after, #children .item a.blue_category:after, .morelinks h2:after, .morelinkslanding h2:after, .relatedblock h2:after,
	#secondlevel #main_tabs .tab a:after {
		content: "";
		display: block;
		background: url('../images/relatedblockopen.png') no-repeat center;
		position: absolute;
		top: 0;
		bottom: 0;
		right: .8em;
		width: 32px;
	}
	.relatedblock:last-child h2 {
		margin-bottom: 0;
	}
	#also_see ul, #children .item .topsixchild, #children .item .viewall, .morelinks ul, .morelinkslanding ul, .relatedblock ul {
		display: none;
		margin: 0;
		overflow: hidden;
		padding: 0;
		transition: max-height .4s;
	}
	
	#also_see.open h2, #children .item.open a.blue_category, .morelinks.open h2, .morelinkslanding.open h2, .relatedblock.open h2, #secondlevel #main_tabs .tab.open {
		margin-bottom: .6em;
	}
	#also_see.open h2:after, #children .item.open a.blue_category:after, .morelinks.open h2:after, .morelinkslanding.open h2:after, .relatedblock.open h2:after,
	#secondlevel #main_tabs .tab.open a:after {
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}
	#also_see.open ul, #children .item.open .topsixchild, #children .item.open .viewall, .morelinks.open ul, .morelinkslanding.open ul, .relatedblock.open ul,
	#secondlevel #main_tabs .tab.open + .maintabcontent {
		display: block;
	}
	
	/* Home & Landing children */
	#children {
		padding: 0 !important;
		margin: 0 -10px;
	}
	#children .item {
		display: block !important;
		width: auto !important;
	}
	#children .item a.blue_category > img, #children .item a.blue_category > span {
		display: inline-block;
		vertical-align: middle;
	}
	#children .item a.blue_category > img {
		margin-right: .3em;
	}
	#children .item a.blue_category > span {
		padding-right: 3em;
		white-space: normal;
	}
	#homechildren_container {
		border-bottom: 0;
	}
	
	/* Home children and morelinks */
	#children .item a.blue_category, .morelinks h2, .morelinkslanding h2, #secondlevel #main_tabs .tab a {
		clear: both;
		display: block;
		overflow: hidden;
		padding: 12px 3.2em 12px 12px;
		text-align: left;
		white-space: nowrap;
	}
	#children .item .topsixchild a, #children .viewall a, .morelinks a, .morelinkslanding a {
		float: none;
		margin: 1em 0;
		width: auto;
	}
	#children .item .topsixchild a, #children .viewall a, .morelinks ul li, .morelinkslanding li {
		display: block !important;
		margin: 1em 0;
		padding-left: 30px;
		width: auto !important;
	}
	#children .item .topsixchild a:first-child ~ a {
		margin-top: 0;
	}
	.morelinks .moreservices {
		margin: 0;
	}
	
	/* Landing template */
	#landing .item {
		clear: both;
		display: block !important;
		width: auto !important;
	}

.stayimage
				{
	display: inline;
    float: left;
    margin-top: 6px;
    text-align: center;
    width: 50%;
					
					}

					}

/* Mobile */
@media (max-width: 420px) 
{
	/* Home template */
	#secondlevel .widgetContainer2 input[type=text] {
		width: 79% !important;
	}
}

.stay{
				
				width: auto;
		
    
				}
				
.stayimage
				{
	display: inline;
    float: left;
    margin-top: 6px;
    margin-left: 10px;
    text-align: center;
    width: 45%;
					
					}

					}


/* Mobile */
@media (max-width: 380px) 
{
	/* Content */
	.limage, .rimage, span.positionleft, span.positionright, img.positionleft, img.positionright {
		display: block;
		float: none;
		margin: .5em 0 0;
		text-align: center;
	}
	
	/* Home template */
	#secondlevel .widgetContainer2 input[type=text] {
		width: 73% !important;
	}
	
	
#toplogo {
    float: left;
    text-align: center;
    width: 100%;
}
	
}

#children > h1 {
font-size: 180%;
  padding: 8px;
}

.home_children_bottom_border {
    border-bottom: 1px solid #A2C63A;
     padding-bottom: 0px;
   
}

.blue_category > h2 {
color: #fff;
}
.stay{width: auto;}



}

@media (max-width: 370px) 
{
.leaderboard{
display: none;
}	

}



/* Mobile */
@media (max-width: 320px) 
{
					.stayimage
				{
	display: inline;
    float: left;
    margin-top: 6px;
    text-align: center;
    width: 100%;
					
					}
					
.leaderboard{
display: none;
}	
					


/* Mobile */
@media (max-width: 380px) 
{
					.stayimage
				{
	display: inline;
    float: left;
    margin-top: 6px;
    text-align: center;
    width: 100%;
					
					}

.leaderboard{
display: none;
}	
		
}




