/*---------------- mobile ----------------*/
html,
body 
{
	/*width: 39em!important;*/
	/*font-size: 100%!important;*/
	height: auto!important;
}

.PageWidthAbsolute 
{ 
	width: 95%;
	margin: 5px auto 0 auto!important;
	border: 3px solid #fff; 
	background: #fff;
	min-width: 190px;
}

#usability-outer 
{
	/*display: none;*/
	position: relative;
	left: -9999em;
	top: -9999em;
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
	color: #fff!important;
}

#header-outer 
{
	width: 100%;
	padding-top: 0;
	text-align: left;
}

#header-outer div.clear 
{
	height: 0;
	clear: both;
	display: block;
}

#header-inner 
{
	width: 100%;
	height: auto!important;
	min-height: 3em;
	padding: 8px 0 0;
	position: relative;
}

#logo-outer 
{
	width: auto;
	margin: 2px 5px 0 10px;
	float: none;
}

#logo-inner 
{
	overflow: visible;
}

#header-outer img 
{
	width: 100%;
	min-width: 130px;
	max-width: 250px;
}

#search-panel-outer 
{
	width: auto;
	float: left;
	padding: 10px 0;
    margin-left: 10px;
}


#search-panel-outer input#search-keywords,
#search-panel-outer input.SearchKeywords,
#search-panel-outer input#search-submit
{
	float: left;
    width: auto;
}

#search-form-outer .oDataFormElement {
    position: relative;
}

#search-panel-outer input#search-submit {
    position: absolute;
    right: 0;
}



#hdr-links-outer {
    padding: 10px 0 10px 5px;
    float: left;
    width: auto;
}

#hdr-links-outer a {
    width: auto;
    padding: 6px 6px 0;
}

div#top-nav a#quick-links 
{
    color: #fff;
    display: block;
    float: none;
    font-size: 1em;
    height: auto; /*20px;*/
    margin: 0;
    padding: 10px 3px;
    position: relative;
    text-align: center;
    z-index: 2;
    width: auto!important;
}

div#top-nav a#quick-links:hover 
{
	text-decoration: none;
}

div#top-nav 
{
	clear: both;
    float: none;
    margin: 1px 0 0!important; /*needs to be important to override google search page*/
    width: auto;
}

div#top-nav ul 
{
	background: none repeat scroll 0 0 #4D5257;
    display: none;
    /*height: 0;*/
    /*overflow: hidden;*/   
    float: none;
    padding: 3px 7px;
    /*position: absolute;*/
    right: 0em;
    top: 0em;
    width: auto;
    z-index: 1;
    border: 1px solid #aaa;
}

div#top-nav.show 
{
	width: 100%;
}

div#top-nav.show ul
{
	display: block;
}

div#top-nav ul li 
{
	float: none;
	padding: 3px 0;
}

div#top-nav li.hover div.top-nav-panel-outer,
div#top-nav li:hover div.top-nav-panel-outer,
div#top-nav li div.top-nav-panel-outer 
{
	display: none!important;
}

div#top-nav ul li.hover div.top-nav-panel-outer, 
div#top-nav ul li:hover div.top-nav-panel-outer 
{
	display: none;
}


div#top-nav ul li.hover a,
div#top-nav ul li:hover a 
{
	background: #333 none;
}

div#top-nav ul li a 
{
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #AAAAAA;
    color: #FFFFFF;
    font-size: 1.2em;
    height: auto;
    margin: 0;
    padding: 0 0 5px;
    width: 100%!important;
}

div#top-nav ul li a br 
{
	display: none;	
}

#banner-outer 
{
	background: none #fff;
	width: 100%;
}

#banner-inner 
{
	padding: 0;
	height: auto!important;
	/*overflow: hidden;*/
}


#banner-inner h2 {
	margin: 0;
}

#banner-inner a.banner 
{
	margin: 3px 0 0;
	width: 100%;
	display: none;
	/*overflow: hidden;*/
}
 
#banner-inner a.selected 
{
	display: block;
	position: relative;
	width: 100%!important;
	/*overflow: hidden;*/
}



#banner-inner a.banner img 
{
	width: 120%;
}

#banner-inner div#banner-text-outer 
{
	margin: 5px;
	position: relative;
	top: 0;
	right: 0;
	float: none;
	display: block;
	
}



#banner-inner div#banner-text-outer div.selected 
{
	display: block;
	padding: 0;
	width: 100%;
	float: none;
	font-size: 1em;
	background: none!important;
	border: none!important;
}  

div#banner-text-outer a,
div#banner-text-outer h2 a 
{
	color: #000!important;
}


#banner-inner div#banner-text-outer div 
{
	display: none;
}

#banner-inner div#banner-text-outer a.readmore 
{
	background: none;
	padding: 0;
	height: auto;
	float: none;
	margin: 0;
}

#banner1_pnl_DefaultBanners > img {
    width: 100%;
}

#main-outer 
{
	background: none #fff!important;
	width: 100%;
	margin-top: 0;
}


#main-inner 
{
	width: 100%;
	background: none!important;
	padding-top: 0;
}


.float-left,
.fl 
{
	float: none!important;
}

/* footer styles */

#footer-outer {
    background: none;
    padding-top: 0;
    width: auto;
   	margin-bottom: 0;

}

#footer-inner 
{
	background: none #4D5257;
}

div#footer-alpha-inner ul#footer-top-tasks 
{
	height: auto;
}

div#footer-alpha-inner ul#footer-top-tasks li
{
	float: none;

}

div#footer-alpha-inner ul#footer-top-tasks li a 
{
	background: none;
	width: auto;
	height: auto;
}

#footer-inner div * 
{
	text-align: left!important;
	display: block;
	padding: 5px;
}

div#footer-inner div.footer-links 
{
	padding: 0;
}

div#footer-inner div.footer-links a
{
	padding: 0;
	margin: 0;
}


/*---- landing and cms pages --------*/

body.landing-page h1#skiplinks,
#page-inner a.section-heading,
h1#skiplinks
{
	margin: 3px 0 0;
}

#left-nav {
    float: none!important;
    margin: 0 0 1em 0!important;
    padding: 0!important;
    width: 100%!important;
    background: none!important;
    border-bottom: 1px solid #ddd;
    min-height: 1px!important;
}

#left-outer {
    background: none!important;
    margin-left: 0;
    padding: 0;
    width: 100%;
}

ul#navigation li.path:first-child > a{
    background-color: #DDDDDD!important;
    background-position: 5px 50%!important;
    margin: 0 0 5px 0!important;
    padding: 10px 5px 5px 20px!important;
    width: 100%;
}

.ContentEditor { width: 90%!important; padding: 0 10px; }


body.homepage #content-outer, 
body.landing-page #content-outer,
#content-outer {
    float: none;
    padding: 0;
    width: 100%;
}

body.homepage div.top-tasks, body.landing-page div.top-tasks {
    width: 100%;
    padding: 10px 0;
}


div.top-tasks ul.services-list > li,
ul.services-list > li,
div.top-tasks.two-cols ul.services-list > li {
    width: 95%;
    min-height: 1em;
    padding: 10px;
}

ul#navigation li.current
{
	/*background: url("../Images/mobile_expand_nav-icon.gif") left -29px no-repeat!important;
	margin: 0 0 0 5px!important;
	padding-left: 20px!important;*/
	background: none;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 1.8em;
	text-align: center;
}



ul#navigation li.sibling 
{
	display: none;
}

ul#navigation li.child {
    background: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 100% !important;
}

ul#navigation li.child a {
    border-top: 1px solid #AAAAAA;
    color: #666666 !important;
    padding: 5px 0 !important;
}
ul#navigation li.child a:hover{
    background-color: #dedede;
}


#section-title-outer 
{
	border: none;
	margin: 0;
	padding: 8px;
}

div#breadcrumb-outer
{
	display: none!important;
}

li.hideChildNavLink,
div.hideChildNavLink
{
	display: none;
}

#left-outer li a.nav-expander
{
    background: none repeat scroll 0 0 #DEDEDE;
    border: 1px solid #AAAAAA;
    color: #555555;
    display: block;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1em;
    margin: 6px 0;
    padding: 10px 0;
    text-decoration: none;
    width: auto;
}

#left-outer li.expanded a.nav-expander
{
	background-position: right 0px!important;
} 

#left-inner {
    padding-right: 0;
}

div.oAssetInline,
div.oAssetInline * 
{
	width: 90%!important;
	height: auto!important;
	float: none;
}

div#sm-following {
    display: none;
}


/*-------- custom style sheet mobile styles ----------*/

div.element-panel-alpha-outer,
div.element-panel-beta-outer,
div.element-panel-gamma-outer 
{
	float: none!important;
	margin: 0 0 3px 0;
	border: none;
	height: auto!important;
	width: 100%!important;
	position: relative;

}

div.element-panel-alpha-header-outer h2,
div.element-panel-beta-header-outer h2,
div.element-panel-gamma-header-outer h2
{
	background: url("../Images/mobile_expand-icon.png") right top no-repeat;
	cursor: pointer;
    padding-right: 1em;
}

h2.expanded,
div.expanded h2 
{
	background-position: right -136px;
	text-decoration: none;
}


div.lgnl,
ul.lgnl, 
div#landing-page-options-panel div.lgnl{
    width: 100%;
}

div#tasks-panel div.homepage {
	height: auto;
}

div#top-tasks 
{
	margin-left: 0;
	width: 90%;
}

div#top-tasks ul#headings h3 
{
	float: none;
	width: 95%;
}

div#top-tasks ul#headings li 
{
	height: auto;
	background: none!important;
	padding: 0;

}

div#top-tasks ul#headings li div.top-task 
{
	top: 0;
	left: 0!important;
	background: none!important;
	width: 100%;
	position: relative;
	height: auto;
	display: block;
}

div#top-tasks ul#headings li div li 
{
	float: none;
	width: 100%!important;
	background: none!important;
	height: auto!important;
}

div#top-tasks ul#headings li div li div 
{
    position: relative;
    top: 0;
    width: auto;
}

div#top-tasks ul#headings li li div a 
{
	background: #fff;
	height: auto;
	padding: 0;
}

div#top-tasks ul#headings li li div p 
{
	height: auto;
	background: none;
}

div#top-tasks ul#headings span.link,
div#top-tasks ul#headings span.strap-line {
	height: auto!important;

}

div#top-tasks ul#headings div.top-task a.top-task-more-info
{
	margin: 0 0 15px;
	width: 100%;
	float: none;
	border-bottom: 1px solid #ddd;
	background: none;
}

div#top-tasks ul#headings li:hover div.top-task, 
div#top-tasks ul#headings li.hover div.top-task {
    left: 45%;
}

div.find-more-info {
    width: auto;
}

ul.lgnl 
{
	width: 95%;
}

ul.lgnl li h3 
{
	float: none;
}

.element-panel-alpha-header-outer,
.element-panel-beta-header-outer,
.element-panel-gamma-header-outer 
{
	height: auto!important;
}

.element-panel-alpha-inner .hidden,
.element-panel-beta-inner .hidden,
.element-panel-gamma-inner .hidden {
    position: absolute;
    left: -9999em;
}
.element-panel-alpha-inner .expanded,
.element-panel-beta-inner .expanded,
.element-panel-gamma-inner .expanded
{
    position: relative;
    left: 0;
}

body.homepage .element-panel-alpha-body-content-inner, 
body.landing-page .element-panel-alpha-body-content-inner {
    padding: 10px 0;
    width: auto;
}

div#whats-happening-panel .readmore
{
	float: none;
}

div#whats-happening-panel ul 
{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}

div#whats-happening-panel ul li 
{
	padding: 1em 0;
}

div#whats-happening-panel .element-panel-alpha-body-content-inner > div {
    float: none;
    width: 94%;
    border-bottom: 1px solid #aaa;
    border-left: none;
    margin-bottom: 1em;

}

div#whats-on-panel #whats-on-control-container {
    height: auto;
    width: auto;
}


div#whats-on-panel #whats-on-control-container li {
    clear: both;
}

div#whats-on-panel div.whats-on-scroller {
    display: none;
}

div#whats-on-panel a.imageLink {
    float: right;
}

div#whats-on-panel p.whats-on-date 
{
	margin: 0;
	float: none;
}

div#news-stories li.newsItems {
    margin-bottom: 1em;
    padding: 0 0 0 2em;
}


div#contact-councillor-panel div.element-panel-alpha-header-inner,
div#contact-councillor-panel  
{
	background: none;
	height: auto;
}


div#councilor-links ul > li {
    width: auto;

}

div#links {
	display: none;
   
}



/*----- landing pages -----*/

div.landing-page {
    height: auto;
    /*overflow: hidden;*/
    padding: 3px 0!important;
}


div#page-intro 
{
	display: none;
}


div#banner-inner-content {
    width: 100%;
}

form#findlibraby {
	margin-bottom: 1em;	
}

.indent {
    margin-left: 3em;
}

div#whats-on-panel .readmore, 
body#festivalsevents div#search-events-panel form, 
body#libraries div#find-book-panel form {
	float: none;	
}

/*- councillors -*/
body#councillors div#landing-page-options-panel div.lgnl {
    width: auto;
}


/*- edu learning -*/
body#educationlearning div#key-information-panel ul.services-list li {
    min-height: 1em;
}

/*--- libraries ----*/
body#libraries div#landing-page-options-panel {
    background: none;
}

/*-- bsf ---*/
body#bsf div.top-tasks {
    width: auto;
}


/*-- a-to-z*/
div#AtoZResults,
div#AtoZResults.full-width {
    clear: both;
    width: auto;
}

div#lettersContainer {
    margin: 10px 0;
}

div#lettersContainer li {
    margin-right: 13px!important;
}

div.AtoZSidePanels {
    width: auto;
    float: none;
}



/*--------- content editor mobile styles -------------*/


h2.element-panel-alpha-header, 
h2.element-panel-beta-header, 
h2.element-panel-gamma-header {
    cursor: pointer;
}

h2.element-panel-alpha-header a:link, h2.element-panel-alpha-header a:visited,
h2.element-panel-beta-header a:link, h2.element-panel-beta-header a:visited,
h2.element-panel-gamma-header a:link, h2.element-panel-gamma-header a:visited {
    color: White;
    float: none;
    font-size: 1em;
    height: auto;
    
}

/*------- google search page ------------*/
#site-search {
    width: auto;
    margin: 3px 0;
}

dl#promotions-list {
    padding: 0 5px;
}

ul#page-link-list {
    float: none;
}