/* --------------- landing page panels ------------------*/
/* Panel Alpha */
.element-panel-alpha-outer { 
	float:left; 
    margin: 0 0 12px 0;
	/*margin: 0 10px 12px 0;*/
	width: 730px;
	position: relative;
}
.element-panel-alpha-inner { 
	width: 100%; 
}

.element-panel-alpha-icon-outer { }
.element-panel-alpha-icon-inner { }

.element-panel-alpha-header-outer { 
	height: 4em;
	color: White;
}
.element-panel-alpha-header-inner { }

.element-panel-alpha-body-outer {
	border: 1px solid #eee;
}
.element-panel-alpha-body-inner { }

.element-panel-alpha-body-content-outer { 
	/*padding: 10px; */
}
.element-panel-alpha-body-content-inner {
	padding:10px;
	width: 96%;
}

div.element-panel-alpha-body-content-inner ul,
div.element-panel-beta-body-content-inner ul,
div.element-panel-gamma-body-content-inner ul { 
	padding-left: 0; 
	list-style-type: none;
}

div.element-panel-alpha-body-content-inner a:visited,
div.element-panel-alpha-body-content-inner a:link { 
	text-decoration: none;  
}

div.element-panel-alpha-body-content-inner a:hover, 
div.element-panel-alpha-body-content-inner a:active { 
	text-decoration: underline; 
}

/* Panel Beta */
.element-panel-beta-outer { 
	margin: 0 0 12px 0; 
	float:right;
	width: 227px;
	/*height: 25em;
	border: 1px solid #B9C622;*/
	position: relative;
}
.element-panel-beta-inner { 
	width: 100%; 
}

.element-panel-beta-icon-outer { }
.element-panel-beta-icon-inner { }

.element-panel-beta-header-outer { 
	height: 4em;
	color: White;
}

.element-panel-beta-header-inner { }

.element-panel-beta-body-outer { }
.element-panel-beta-body-inner { }

.element-panel-beta-body-content-outer {  }
.element-panel-beta-body-content-inner { 
	width: 91%; 
	padding:10px;
}

div.element-panel-beta-body-content-inner li { }

div.element-panel-beta-body-content-inner p { 
	/*padding-left: 5px;
	padding-right: 5px; */
}

div.element-panel-beta-body-content-inner a:visited,
div.element-panel-beta-body-content-inner a:link { 
	text-decoration: none; 
}

div.element-panel-beta-body-content-inner a:hover 
{ 
	text-decoration: underline; 
}

div.element-panel-beta-body-content-inner h3 { }

/* Panel Gamma */
.element-panel-gamma-outer { 
	margin: 0 12px 0 0; 
	float: left;
	width: 236px;
	/*height: 14em;
	border: 1px solid #7DBFA4;*/
	
}

.element-panel-gamma-inner { width: 100%; /*overflow: hidden;*/ }

.element-panel-gamma-icon-outer { }
.element-panel-gamma-icon-inner { }

.element-panel-gamma-header-outer { 
	height: 4em;
	color: White;
}

.element-panel-gamma-header-inner { }

.element-panel-gamma-body-outer { }
.element-panel-gamma-body-inner { }

.element-panel-gamma-body-content-inner {
	width: 100%; 
	padding: 10px;
	background-color: #fff;
}

div.element-panel-gamma-body-content-inner li { }

div.element-panel-gamma-body-content-inner a:link { 
	text-decoration: none; 
	/*padding-left: 20px; */
}

div.element-panel-gamma-body-content-inner a:hover,
div.element-panel-gamma-body-content-inner a:active { 
	text-decoration: underline; 
	/*padding-left: 20px; */
}

/*------------ landing page specifics ---------------*/

/* home and landing pages */
body.homepage .element-panel-alpha-body-content-inner,
body.landing-page .element-panel-alpha-body-content-inner {
	padding: 10px 10px 0 0;
	width: 720px;
}


/*top tasks panel*/
body.homepage div.top-tasks,
body.landing-page div.top-tasks {
    padding: 20px 20px 0 0;
    width: 710px;
    font-size: 1.2em;
}

ul.services-list > li {
    display: inline-table;
    vertical-align: top;
    list-style-type: none;
    padding: 0 0 20px 10px;
    width: 227px;
}

div.top-tasks ul.services-list > li {
    padding: 0 0 0 20px;
    display: inline-table;
    margin-bottom: 20px;
    width: 213px;
}



html.ie7 ul.services-list > li {
    float: left;
    width: 227px;
    min-height: 7em;
}

html.ie7 div.top-tasks ul.services-list > li {
    padding: 0 0 0 20px;
    min-height: 9em;
    float: left;
    margin: 10px 0 0 0;
    width: 213px;
}

html.ie7 div.two-cols ul.services-list > li,
div.two-cols ul.services-list > li {
    padding: 0 0 0 20px;
    width: 330px;
}

ul.services-list dt,
div.find-more-info strong {
    color: #2E3134;
    font-family: "Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
    font-weight: normal;
    font-size: 1.6em;
    margin-bottom: 5px;
    display: block;
    position: relative;
}

ul.services-list li dt a {
   color: #111;
}

ul.services-list li dd,
div.find-more-info p {
    line-height: 1.5em;
    margin-top: 7px;
    z-index: 1;
}

div.top-tasks ul.services-list li dd {
    line-height: 1.75em;
}

.services-list dt span.show-info {
    background: url("../Images/help-icon.jpg") no-repeat scroll left 7px transparent;
    cursor: pointer;
    height: 15px;
    padding-left: 10px;
    width: 15px;
}

.services-list dd.info {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    left: -9999em;
    padding: 20px;
    position: absolute;
    width: 18em;
    z-index: 2;
}

.services-list strong {
    color: #00468C;
    display: block;
}

div.find-more-info{
    background-color: #E3F5FC;
    float: left;
    padding: 20px;
    width: 690px;
    margin-top: 10px;
}

div.find-more-info.pink {
    background-color: #FCEBF3;
    border: none;
}

div.find-more-info a {
    font-weight: bold;
}
       
div.top-tasks .strap-line {
    display: block;
    float: left;
    font-weight: bold;
    margin: 0 20px 10px;
}


ul.lgnl {
	width: 49%;	
}

ul.lgnl li {
	list-style-type: none;
	clear: both;
	margin-bottom: 1.3em;
}

ul.lgnl li ul {
	position: absolute;	
	left: -999em;
	z-index: 1;
	clear: both;
}

ul.lgnl li ul li {
	margin-bottom: 7px;
	font-weight: normal;
	list-style-type: disc;
	margin-left: 20px;
	font-size: 1em;
	line-height: 1.3em;
}

ul.lgnl a.expand {
	text-indent: -999em;
	float: left;
	width: 18px;
	height: 18px;
	background: url("../Images/expand-icon.gif") left top no-repeat;
	padding: 0;
	margin-top: -1px;
}

ul.lgnl li a.expand:hover,
ul.lgnl li.selected a.expand{
	background-position: left bottom;
}

ul.lgnl li h3 
{
	float: left;
}

ul.lgnl li h3 a 
{
	font-weight: bold;
	font-size: 0.8em;
	
}

/* whats happening panel */
div#whats-happening-panel .element-panel-alpha-body-content-inner > div {
    border-left: 1px solid #DDDDDD;
    float: left;
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 212px;
}


div#whats-happening-panel .element-panel-alpha-body-content-inner > div:first-child {
    border: medium none;
}

div#whats-happening-panel .element-panel-alpha-body-content-inner div#twitter-panel {
    padding-right: 0;
}

div#whats-on-panel #whats-on-control-container {
    height: 22em;
    overflow: hidden;
    position: relative;
    width: 213px;
    word-wrap: break-word;
}

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


div#whats-on-panel ul li 
{
	list-style-type: none;
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
}


div#whats-on-panel h4
{
	margin-top: 5px;
	line-height: 1.2em;
	color: #333;
	word-wrap: break-word;
    font-size: 1.3em;
}

div#whats-on-panel .readmore 
{
	float: left;
	margin-top: 1em;
}

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

div#whats-on-panel img 
{
	padding: 0 10px 0 0;
}

div#whats-on-panel p.whats-on-date 
{
	background-color: #F4E0D7;
    border: 1px solid #F26522;
    float: left;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    padding: 3px 5px;
    margin-bottom: 5px;
    width: 90px;
    
}

div#whats-on-panel p.clickable 
{
	cursor: pointer;
}
div#whats-on-panel p.clickable:hover 
{
	color: White;
	background-color: #F26522;
}

div#whats-on-panel div.whats-on-scroller 
{
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 0;
    height: 4em;
    left: 0;
    position: absolute;
    width: 100%;
}

div#whats-on-panel div.whats-on-scroller a 
{
    float: left;
    font-weight: bold;
    height: 13px;
    margin: 10px 5px 0 10px;
    padding: 5px 6px;
    text-align: center;
    width: 12px;
    background-color: #F4E0D7;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #F26522;

}

div#whats-on-panel div.whats-on-scroller a:hover,
div#whats-on-panel div.whats-on-scroller a.selected 
{
	background-color: #F26522;
	color: White;
	text-decoration: none;
}


/* news panel */

div#news-stories li.newsItems
{
    line-height: 1.4em;
    background: url("../Images/bullet_orange.gif") left 3px no-repeat;
    list-style-type: none;
    padding-left: 2em;
    margin-bottom: 1.3em;
	position: relative;
}

li.newsItems a
{
   text-decoration: none;
   color:#333;
}

li.newsItems a:hover
{
   text-decoration: underline;
   color:#333;
}


/* links panel */
div#links {
	float: left;
	width: 750px;
	margin: 0 auto;
	text-align: center;
}

div#links ul 
{
	padding-bottom: 2em;
}

div#links li {
	list-style-type: none;
	margin: 0 1em;
	display: inline;
	
}

div#links li a {
	position: relative;
}

/* Contact your councillor panel */

div#councilor-links {
    padding: 0 0 0 10px;
}

div#councilor-links ul > li {
    background: url("../Images/bullet_green.gif") no-repeat scroll left 4px transparent;
    float: left;
    line-height: 1.4em;
    list-style-type: none;
    padding: 0 1em 1.4em 1em;
    position: relative;
    width: 212px;
	
}

/*------------------------------ index styles end -------------------------------*/

/*------------------------------ landing page specifics -------------------------------*/
div.lp div.lgnl 
{
	width: 44%;
	margin-right: 2em;
}


div.landing-page {
	height: 18.9em;
	padding: 12px 15px 20px 15px!important;
	overflow: hidden;
}

div#page-intro 
{
	text-align: left;
	width: 220px;
	padding-right: 10px;
	float: left;
}

div#page-intro p 
{
	margin-bottom: 1em;
}

div#banner-inner-content 
{
	position: relative;
	float: right;
	width: 478px;
}

div#banner-inner-content a.banner 
{
	width: 484px;
	margin: 0;
}

div#banner-inner-content div#banner-text-outer 
{	
	margin: 8px 7px 0 0;
}

div#banner-inner-content div.banner-text 
{
	width: 240px;
}

div#related-section-panel 
{
	height: 18em;
}


div#online-services 
{
	height: 14em;
}

div#online-services ul li,
div#related-section-panel ul li 
{
	margin-bottom: 0.6em;
}

div.contact 
{
	margin-bottom: 14px;
}

div.contact h3 
{
	margin-bottom: 0.2em;
}


/*-------------------------- LP Advice & Benefits -------------------*/


/*-------------------------- LP Advice & Benefits  END -------------------*/



/*-------------------------- LP BSF -------------------*/

body#bsf div.top-tasks {
    width: 690px;
    padding: 20px;
}

body#bsf div#resources-panel ul li, div#bsf-benefits-panel ul li,  div#schools-panel ul li, div#ICTLearning-panel ul li
{
    margin-bottom:1em;
}

body#bsf div#bsf-themes-panel .element-panel-beta-body-content-inner 
{
	padding: 3px;
}

body#bsf div#contact-panel,
body#bsf div#bsf-themes-panel,
body#bsf div#backchat-panel 
{
    height:23em;
    width: 234px;
    margin-right: 12px;
    float: left;
}

body#bsf div#contact-panel {
    margin-right: 0;
}

body#bsf div#contact-panel .element-panel-beta-body-content-inner 
{
	background: url("../Images/bsf-contactUs.jpg") right top no-repeat;
}

body#bsf div#contact-panel p
{
	margin-bottom: 1em;
}


body#bsf div#backchat-panel img 
{
	margin: -9px 0 0.7em -9px;	
}

#backchat-panel .indent > li {
    margin: 0 0 10px;
}


body#bsf div#landing-page-options-panel div.lgnl 
{
	width: 33%;
}

body#bsf div#landing-page-options-panel h3 {
    margin: 0.5em 0;
}

body#bsf div#landing-page-options-panel li
{
	list-style-type: none;
    margin: 1em 0 0 0;
    
}

body#bsf div.bsf-school-phase h3{
	font-size: 1.5em;
    margin-bottom: 3px;
}


/*-------------------------- LP BSF END -------------------*/


/*-------------------------- LP Business -------------------*/

/*-------------------------- LP Business END -------------------*/



/*-------------------------- LP Community & Living -------------------*/


/*-------------------------- LP Community & Living  END -------------------*/




/*-------------------------- LP Council Democracy -------------------*/


/*-------------------------- LP Council Democracy  END -------------------*/


/*-------------------------- LP Environment & Planning -------------------*/

/*-------------------------- LP Environment & Planning END -------------------*/


/*-------------------------- LP Housing-------------------*/


/*-------------------------- LP housing END -------------------*/

/*-------------------------- LP Council Democracy   -------------------*/

/*-------------------------- LP Council Democracy  END -------------------*/

/*-------------------------- LP Environment & Planning -------------------*/


/*-------------------------- LP Environment & Planning END -------------------*/


/*-------------------------- LP Education -------------------*/

html.ie7 body#educationlearning div#key-information-panel ul.services-list li {
    min-height: 17em;
 
}



/*-------------------------- LP Education END -------------------*/

/*-------------------------- LP Health & Social Care -------------------*/

body#healthsocialcare p.rssFeed-link
{
    text-align:right;
    padding-top:8px;
}

/*-------------------------- LP Health & Social Care END -------------------*/

/*-------------------------- LP Housing-------------------*/


/*-------------------------- LP Housing END -------------------*/



/*-------------------------- LP  Jobs & Careers -------------------*/

/*-------------------------- LP Jobs & Careers END -------------------*/


/*-------------------------- LP Leisure & Culture -------------------*/

/*-------------------------- LP Leisure & Culture END -------------------*/

/*-------------------------- LP Transport & Streets -------------------*/

/*-------------------------- LP Transport & Streets END -------------------*/

/*-------------------------- LP One Contact -------------------*/

/*-------------------------- LP One Contact END -------------------*/


/*-------------------------- LP Councillors -------------------*/



body#councillors div#landing-page-options-panel div.lgnl {
	width:22%;
    padding: 0 0 20px 20px;

}

body#councillors div#landing-page-options-panel div.lgnl ul li {
    list-style-type: none;
    margin: 7px 0;

}

body#councillors div#online-services input#searchsubmit {
	background:url("//www.leicester.gov.uk/EasySiteWeb/EasySite/StyleData/LCC_Master2013/Images/google-search-button.jpg") no-repeat scroll left top transparent;
	border:medium none;
	cursor:pointer;
	float:left;
	height:25px;
	text-align:center;
	width:76px;
	padding-top:2px;
	margin-top:5px;
}

body#councillors div#online-services input#search-submit:hover 
{
    background-position: left bottom;
    padding-top:5px;
    height:22px;
}

body#councillors div#online-services .SearchKeywords, .text {
	border:1px solid #D5D5D5;
	float:left;
	margin:3px 5px 0 0px;
	padding:2px 2px 1px;
	width:110px;
	background-image:none;
}

body#councillors div#landing-page-options-panel div.lgnl ul li a 
{
    font-weight:normal;
    font-family:Verdana;
    font-size: 1em;
}


/*-------------------------- LP Councillors  END -------------------*/


/*-------------------------- LP Festivals and Events  -------------------*/

/*
body#festivalsevents div#Useful-links-panel ul li a[href^="http:"] {
background:url("../Images/external-link-icon.gif") no-repeat scroll right center transparent;
padding-right:15px;
}*/


body#festivalsevents form #ddl_Months
{
    border: 1px solid #CCCCCC;
    color: #111111;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.6em;
    margin: 1em 0;
    padding: 5px;
    width: 18.9em;
}

form#EventMonths input {
    width: 17em;
}


/*-------------------------- LP Festivals and Events END -------------------*/


/*-------------------------- LP Libraries  -------------------*/


body#libraries div#key-information-panel form input,
body#libraries div#key-information-panel form select {
	margin-top:0.6em;
	padding:2px 3px 5px;
	width: 220px;
}



body#libraries div#landing-page-options-panel
{
     background:url("../Images/libraries-services.jpg")  no-repeat scroll right top;
   
}


/*-------------------------- LP Libraries END -------------------*/

/* Copy right footer Links - used on counillors lp */
.copyright-text a:link {
color:#FFFFFF;
font-weight:bold;
}
.copyright-text a:visited { 
color:#FFFFFF;

font-weight:bold;

}
.copyright-text a:hover{	
color:#FFFFFF;

font-weight:bold;

}


/*--------- standards and guidelines specifics -------------*/
body#standardsguidelines div.top-tasks ul.services-list > li {
    min-height: 3em;
}

body#standardsguidelines .element-panel-alpha-body-content-inner > p {
    margin: 1em 0 1em 1em;
}

/*--------- standards and guidelines specifics end -------------*/


/*------- directors recruitment -----------*/
body#directors-recruitment div.multi-panel div.element-panel-alpha-header-outer li a {
    background: none;
    color: #FFFFFF;
    float: left;
    font-family: "Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
    font-size: 2.3em;
    height: 27px;
    margin: 0 0 0 10px;
    padding: 7px 0 10px;
    text-align: left;
    width: auto;
}

body#directors-recruitment div#landing-page-options-panel {
    height: 38.2em;
}

body#directors-recruitment div.element-panel-alpha-body-content-inner p 
{
	margin-bottom: 1em;
}

body#directors-recruitment div#jobs-panel,
body#directors-recruitment div#about-leicester-panel
{
	height: 18.5em;
}

body#directors-recruitment div#jobs-panel ul li, 
body#directors-recruitment div#about-leicester-panel ul li {
    margin-bottom: 0.8em;
    line-height: 1.3em;
}

/*------- directors recruitment end -----------*/

/*------------ tech error page -----------*/
body#technical-error .ContentEditor p,
body#technical-error .ContentEditor ul {
    margin: 10px 0;
}


@media print {


div#main-outer,
div#main-inner,
div#content-outer 
{
	float: none;
	width: 500px
}

div#content-inner 
{
	overflow: visible;
}
                  

h2.hiddenPanelTitle 
{
	position: static;
	left: 0;
}

div.multi-panel div.element-panel-alpha-header-inner 
{
	display: none;
}

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

#skiplinks
{
	color:#000;
	font-size:2.3em;
	text-align: left;
	padding: 8px 10px 8px 0;
	margin-bottom: 10px;
}

div.element-panel-alpha-outer,
div.element-panel-beta-outer,
div.element-panel-gamma-outer { 
	display: block;
	margin: 0 10px 12px 0;
	width: 500px;
	height: auto!important;
	border: none!important;
	position: static!important;
	float: none;
	clear: both;
}

div.element-panel-alpha-header-outer,
div.element-panel-beta-header-outer,
div.element-panel-gamma-header-outer
{ 
	color: #000;
}

div.element-panel-alpha-body-outer,
div.element-panel-beta-body-outer,
div.element-panel-gamma-body-outer
{
	border: none;
}

div.element-panel-alpha-body-content-inner {
	padding: 0;
	width: 500px;
	clear: both;
	position: static!important;
	left: 0;
	height: auto!important;
	
}

div#top-tasks 
{
	position: static;
}

div#top-tasks ul#headings li 
{
	height: auto!important;
}

div#top-tasks ul#headings li div.top-task {
	height: auto!important;
	left: 0;
	position: static;
	right:0;
	top:0;
	width:500px;
}

}