﻿/*---------- imports --------------*/
/*@import url("/EasySiteWeb/EasySite/StyleData/Default/CSS/lib/forms.css");
@import url("/EasySiteWeb/EasySite/StyleData/Default/CSS/lib/generics.css");
@import url("/EasySiteWeb/EasySite/StyleData/Default/CSS/lib/grids.css");
@import url("/EasySiteWeb/EasySite/StyleData/Default/CSS/lib/lists.css");
@import url("/EasySiteWeb/EasySite/StyleData/Default/CSS/lib/panels.css");*/

/* ============================== START CSS Containers ============================== */
/*reset stuff - added here because IE when swapping stylesheets for the low graphics style doesn't re-import the reset stuff*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
/* outline: 0;*/
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 vertical-align: baseline;
}

body {
 line-height: 1;
 color: black;
 background: white;
}

body :focus {
    outline: 1px dashed #666;
}

ol, ul {
 list-style: none;
}

/* clearfix */
.clearfix:before, .clearfix:after, .cf:before, .cf:after { content: ""; display: table; }
.clearfix:after, .cf:after { clear: both; }
.clearfix, .cf { zoom: 1; }


/* tables still need 'cellspacing="0"' in the markup */
table {
 border-collapse: separate;
 border-spacing: 0;
}

caption, th, td {
 text-align: left;
 font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
 content: "";
}
s
blockquote, q {
 quotes: "" "";
}


.gui-toolbar {
    min-width: 200px!important;
    margin: 0!important;
}
body .gui-position {
    padding: 0 !important;
}

/*high contrast stuff */
body.hi-contrast *{
	background-color: #000!important;
	color: #FF0!important;
}

body.hi-contrast div#header-inner *,
body.hi-contrast div.element-panel-alpha-header-outer *,
body.hi-contrast input {
	background-image: none!important;	
}

body 
{
	margin-top:0px; 
	background-color: #F3F2F1; 
	color: #202730; 
	text-align: center;
	font-size:75%;
	font-family: Verdana, Geneva, sans-serif;

}

/* Skip Links */
.skip { 
	height: 1px; 
	width: 1px; 
	position: absolute; 
	top: -9999px; 
	left: -9999px;
	line-height: 1px; 
	font-size: 1px; 
	display: block;
	z-index: -99; 
	overflow: hidden; 
}

.skip:focus,
.skip:active {
	position:relative;
	top: 0;
	left: 0;
	z-index: 1;
	height: 20px;
	width: 150px;
	line-height: 1em;
	display: inline;
	font-size: 1em;
}

/* Containers */
#page-outer { 
	margin: 25px auto 1em; 
    border: 3px solid #FFFFFF;
    box-shadow: 0 0 10px 0 #CAC8C6;
    background-color: #fff;
}
#page-inner { 
}
.page-body { 
	width: 100%; 
	overflow: hidden; 
}

.PageWidthRelative { }
.PageWidthAbsolute { 
	width: 750px; 
}
.fontSizeAdjustment { 
	font-size: 100% 
}

/*-------------- cookie opt in panel -------------------*/
div#cookie-panel {
    background: none repeat scroll 0 0 #FAFBEA;
    border: none;
    box-shadow: 0 -5px 5px -5px #445544 inset;
    padding: 5px 10px;
    text-align: left;
    clear:both;
    min-height: 2em;
}

div#cookie-panel:before,
div#cookie-panel:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

div#cookie-panel:after {
    clear: both;
}

div#cookie-panel-links {
	float: left;
	margin: 0 0 5px 0;
	font-weight: bold;
}

a#cookie-panel-tell-me-more {
	float: left;
	margin-top: 4px;
}

div#cookie-panel a {
    color: #111;
}

div#cookie-panel a:hover {
	text-decoration: underline;
}

a#cookie-panel-accept,
a#cookie-panel-decline {
	float: left; 
	text-align: center; 
	margin: 0 10px 0 0; 
	padding: 3px 20px;
}

a#cookie-panel-accept {
	border: 1px solid #70BE18; 
	background: #E2F9CA; 
}

a#cookie-panel-accept:hover {
	background: #A2E952;
}
a#cookie-panel-decline {
	border: 1px solid #D24116; 
	background: #F9D1C6; 
}
a#cookie-panel-decline:hover {
	background: #F3A994;
}

p#cookie-panel-intro{
	margin: 2px 10px 8px 0;
    float: left;
}

/*---------------------------- header --------------------------------------*/
#header-outer {
    background-color: #4F5B64;
    clear: both;
    color: #FFFFFF;
    position: relative;
    text-align: right;
    width: 750px;
    z-index: 3;
}

#header-inner 
{
    display: block;
    height: 7em;
    padding: 11px 10px 0;

}

#skiplinks
{
	color:#fff;
	font-size:2.3em;
	text-align: left;
	padding: 8px 10px;
	margin-bottom: 10px;
}

h1#skiplinks 
{
	color: #4D5257;
	padding: 5px 10px 8px 0;
	font-size: 2.2em;
	line-height: 1.1em;
}

#search-panel-outer {
	float: left;
	width: 402px;
    margin-left: 15px;	

}
#search-panel-inner {}
#search-form-outer {}

#search-form-inner
{
	vertical-align:middle;
	border-style: none;
	float: left;
}

.SearchFieldset { }
.SearchLegend { }
.SearchLabel { 
position:absolute;
top:-9999px;
}


#search-form-inner .oDataFormElement { 
	margin: 0;
}

.text
{
	border:1px solid #d5d5d5;
	width: 235px;
	/*margin: 3px 5px 0 12px;*/
	padding: 2px 2px 1px 2px;
	float: left;
	background: url("../Images/global-search-bg.gif") left top no-repeat;		

}

input#search-keywords {
	border: 1px solid #252E36;
    height: 26px;
    padding: 2px 7px;
    width: 300px;
    float: left;
}

#header-outer input#search-submit {
    float: right;
    height: 32px;
    margin-left: 7px;
    width: 78px;
        
}

.oDataSearchFormLabel { 
	display: block; 
}

#header-outer .Button, 
#header-outer .button,
span.bookmark-action input 
 { 
	color: #252E36;
	background: #eeeeee url("../Images/button-bg.gif") repeat-x left top; 
	border: 1px solid #252E36; 
	margin: 0; 
	padding: 3px 5px 4px; 
	line-height: 1.6em; 
	cursor: pointer; 
    text-transform: capitalize;
    font-weight: bold;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#header-outer .Button:hover, 
#header-outer .button:hover,
span.bookmark-action input:hover {
	background-position: left bottom;	
}

#hdr-links-outer {

	float: right;
	width: 78px;
    position: relative;
    z-index: 2;
}

#header-outer #hdr-links-inner a {
    position: relative;
    z-index: 2;
    float: right;
    height: 24px;
    padding: 6px 4px 0;
    width: 65px;
    color: #111;
}

#hdr-links-inner a:hover {
    text-decoration: none;
}

#logo-outer { 
	float:left; 	
	border: none;
	margin: 0;
	width: 232px;
}
#logo-inner { 
	width: 100%; 
	overflow: hidden; 
}

div#header-atoz-container {
    background-color: #4F5B64;
    height: 7em;
    padding: 5px 9em 5px 5px;
    position: absolute;
    right: -10px;
    left: -9999em;
    top: -11px;
    width: 637px;
    z-index: 1;
}

div#header-atoz-container ul {
    display: block;
    float: left;
    margin-left: 0;
}

div#header-atoz-container li {
   list-style-type: none;
   float: left;
   
}

#header-outer div#header-atoz-container li a {
    float: left;
    border: 1px solid #A2A6B3;
    color: #FFFFFF;
    height: auto;
    margin: 2px;
    padding: 12px 6px;
    text-align: center;
    width: 30px;
}

div#header-atoz-container li a:hover,
div#header-atoz-container li a:focus {
    background-color: #A2A6B3;
    font-weight: bold;
    color: #000;
}

div#header-atoz-container a#header-atoz-close{
    color: #fff;
    right: 1em;
    top: 4em;
    position: absolute;
}


/*---- top nav -----*/

div#top-nav {
	clear: both;	
	float: left;
	margin: 14px 0 0 -10px;
	width: 749px;
	position: relative;
    background-color: #A2A6B3;
}

div#top-nav a#quick-links {
   display: none;
}

div#top-nav ul {
	margin-left: 0;
	width: 749px;
    position: relative;
}

div#top-nav li {
	list-style-type: none;
	float: left;
}

div#top-nav a {
	display: block;
	background-color: #384147;
	color: #fff;
	font-size: 0.9em;
	padding: 7px 0 4px 5px;
	margin-right: 1px;
	text-align: left;
	height: 2.5em;
	width: 70px;
}

div#top-nav a:focus {
    outline: 1px solid #fff;
}

div#top-nav li.last-list-item a {
	margin: 0;	
}

div#top-nav li a:hover {
	background-position: left bottom;
	text-decoration: none;
}


div#top-nav li div.top-nav-panel-outer {
	clear: both;
	position: absolute;
	width: 425px;
	/*height: 13em;*/height: 15em;
	left: -999em;	
	background:transparent url("../Images/top-nav-panel-y.png") left top repeat-y;
}

div#top-nav li:hover div.top-nav-panel-outer,
div#top-nav li.hover div.top-nav-panel-outer {
	left: auto;
	margin-left: -1px;
}

div#top-nav li:hover div.align-right,
div#top-nav li.hover div.align-right {
	left: auto;
	margin-left: -349px;
}

div#top-nav a.topNav_fullListing 
{   
	clear:both;
    height: auto;
    width: auto;
    background: none;
}
   
div#top-nav li div.top-nav-panel-inner a.topNav_fullListing, 
div#top-nav a:hover.topNav_fullListing 
{ 
 	background:transparent;
 	font-weight:bold;
    padding: 0 7px;
}

div#top-nav a:hover.topNav_fullListing 
{ 
 	text-decoration:underline;	
    
}



div#top-nav li div.top-nav-panel-inner {
	float: left;
	width: 419px;
	/*height: 12.9em;*/height: 14.9em;
	background:#374859 url("../Images/top-nav-panel-x.jpg") left top repeat-x;
	border-left: 1px solid #2275A6;
	border-right: 1px solid #2275A6;
	border-bottom: 1px solid #2275A6;
}

div#top-nav li div.top-nav-panel-footer {
	clear: both;
	height: 8px;
	background:transparent url("../Images/top-nav-panel-bottom.png") left bottom no-repeat;
}

div#top-nav li:hover a,
div#top-nav li.hover a {
	background: #2275A6;
}

div#top-nav li div.top-nav-panel-inner ul {
	width: 195px;
	float: left;
	padding: 7px;
}

div#top-nav li div.top-nav-panel-inner li {
	display: block;	
	float: none;
	text-align: left;
	margin: 0 0 10px 0;
}


div#top-nav li div.top-nav-panel-outer li a {
	float: none;
	display: inline;
	background: none;
	padding: 5px 0;
	margin: 0;
	height: auto;
}
div#top-nav li div.top-nav-panel-outer li a:hover {
	text-decoration: underline;	
}

div#top-nav li div.top-nav-panel-inner ul:first-child li:first-child {
    float: left;
    margin: 0;
    width: 95%;
}

div#top-nav li div.top-nav-panel-inner a.skip {
    display: block;
    width: 90%;
    margin-bottom: 5px;
}


/*------------------ banner ----------------------*/

#banner-outer 
{
	clear: both; 
	width: 750px;
    background-color: #fff;
	/*background: url("../Images/shadow-body.jpg") left top repeat-y;*/
	position: relative;
	z-index: 1;
}

#banner-inner 
{
	text-align:center;
	padding: 12px 0;
	position: relative;
    height: 14.5em;
}

body.landing-page h1#skiplinks,
#page-inner a.section-heading
{
    color: #FFFFFF;
    display: block;
    font-size: 2.3em;
    font-weight: normal;
    line-height: 1.1em;
    margin: 12px 9px 0 9px;
    padding: 10px 12px;
    text-align: left;
	
}

#page-inner a.section-heading {
    margin: 12px 9px;
}

a.banner {
	position: absolute;
	left: 0;
	top: 0;
	margin: 12px 0 0 8px;
	width: 734px;
	overflow: hidden;
}

a.banner img {
    width: 732px;
}

div#banner-text-outer {
	position: relative;
	float: right;
	text-align: left;
	margin: 12px 22px 0 0;
	z-index:4;
}

div#banner-text-outer a {
	color: #1B1B1B;
	margin-bottom: 0.2em;
}

div#banner-text-outer .White a {
	color: #FFF;
	margin-bottom: 0.2em;
}

div#banner-text-outer a.heading:active {
	text-decoration: none;	
}

div#banner-text-outer div.banner-text a.heading {
	font-size: 1.5em;	
	margin: 0 0 5px 0;
	padding: 0;
}

div#banner-text-outer div.selected a.heading {
	font-size: 1.6em;	
	font-weight: bold;
}

div.banner-text {
	margin-bottom: 0.5em;	
	float: left;
	clear: both;
	width: 300px;
} 

div#banner-text-outer div.selected {
	padding: 5px 10px 10px 10px;
	border: 1px solid #2275A6;
	background: url("../images/selected-banner-bg.png") left top repeat-x;
}

div#banner-text-outer a.readmore {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
	float: left;
	padding-left: 22px;
	margin-left: 10px;
	background: url("../images/readmore-bg.png") left top no-repeat;
	height: 2.5em;
}

div#banner-text-outer a.readmore:hover {
	background-position: left -25px;	
}

div#banner-text-outer div.white a {
    color: #fff;
}

div#banner-text-outer div.black a {
    color: #1b1b1b;
}


/*------------------ banner end ----------------------*/
/*---------------------------- header end --------------------------------------*/


/*--------------------- main content container ----------------------*/
#main-outer 
{	
	clear: both; 
	width: 750px;
	font-family: Verdana, Geneva, sans-serif;
}

#main-inner 
{
	background-color:#fff;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
	text-align:left;
	/*width:753px;*/

}

#left-nav 
{
	float:left;	
	background-color: #fff; 
	margin: 0 20px 10px 8px;
	padding:0;
	width: 185px;
	min-height: 400px;
}

#left-outer {

}

#left-inner { 
	padding-right: 15px;
}

#section-title-outer { 
	border-top: 1px solid #aaa;
	padding:10px 10px 0 0;
	margin:2em 1em 0 0; 
    font-weight: bold;
}

#section-title-inner {
	overflow: hidden; 
}

.section-title
{
	display: block;
	margin-bottom: 1em;
	color:#000;
	text-decoration:none;
}
.snv-inner { width: 100%; overflow: hidden; }

.snv-path-outer, 
.snv-path-inner,
.snv-current-inner, 
.snv-sibling-inner { 
	display: block; 
}


#content-outer {
    float:left;
	padding:0 10px 0 0;
	width:526px;
}

body.homepage #content-outer,
body.landing-page #content-outer { 
	padding: 0 9px;
    width: 732px;
}

#content-inner {
	width: 100%; 
	overflow: hidden;
}

div#sm-following {
    border-top: 1px solid #AAAAAA;
    float: left;
    margin: 1em 0 0;
    padding: 1em 0;
    width: 173px;
}

div#sm-following ul {
    float: none;
    margin: 5px 0 0 0;
    padding: 0;
    width: auto;
}


div#sm-following li {
    float: left;
    list-style-type: none;
}

div#sm-following ul li:first-child a {
    margin-left: 0;
}

div#sm-following li a {
    background-image: url("../images/smlinks.jpg");
    background-repeat: no-repeat;
    float: left;
    height: 32px;
    margin-left: 5px;
    text-indent: -9999em;
    width: 32px;
}


div#sm-following li a#fb {
    background-position: 0 -506px;
}

div#sm-following li a#t {
    background-position: 0 -566px;
}



/*------------- content editor only areas --------------------*/

.ContentEditor {
	color: #000; 
	font-weight: normal; 
}

.ContentEditor blockquote
{
    margin-left:2%;
}

div.element-panel-alpha-body-content-inner .ContentEditor ul, 
div.element-panel-beta-body-content-inner .ContentEditor ul,
div.element-panel-gamma-body-content-inner .ContentEditor ul,
.ContentEditor ul {
	padding: 0 0 0 25px;
}

div.element-panel-alpha-body-content-inner .ContentEditor ol, 
div.element-panel-beta-body-content-inner .ContentEditor ol,
div.element-panel-gamma-body-content-inner .ContentEditor ol,
.ContentEditor ol {
	padding: 0 0 0 30px;	
}

.ContentEditor li {
	padding: 0 0 4px 0;	
}

.ContentEditor caption {
	font-weight: bold;
	margin-bottom: 5px;	
}
.ContentEditor th {
	font-weight: bold;	
}


.element-content-outer {
	padding: 5px; 
}
.element-content-inner { }
.element-footer-options-outer { 
	margin: 15px; 
}

.element-footer-options-inner { 
	float: left; 
	overflow: hidden;
}

/* From gui.css to control easysite page control panel*/
.editarea_light { padding-bottom: 4px; padding-top: 8px; font-size: 0.8em; font-weight: bold;
    background: #ffffff url("//www.leicester.gov.uk/EasySiteWeb/EasySite/Administration/Style/Images/editmenu_dark_grayline.gif") repeat-x bottom; }


/*================= changes for attachment =======================*/
.page-element-inner {
	/*background-color: #F1EDE9;*/
}

.oAssetAttachmentTitle a:link, 
.oAssetAttachmentTitle a:visited { 
	color:#175562;
	font-family: Verdana, sans-serif;
	font-size:1em;
	font-weight:bold;
	padding-left:5px; 
}

.oAssetAttachmentSummary, 
.oAssetAttachmentFileSize{
	font-family: Verdana, sans-serif;
	font-size:1em;
	padding-left:5px;
}
/* =============================== END CSS Containers =============================== */

/* ============================== START CSS Columns and Panels ============================== */

/* Columns Alpha */
.element-columns-alpha-outer { clear: both; }
.element-columns-alpha-inner { width: 100%; overflow: hidden; }

.element-column-left-alpha-outer { }
.element-column-left-alpha-inner { width: 100%; overflow: hidden; }
.element-column-left-alpha-content { }

.element-column-right-alpha-outer { }
.element-column-right-alpha-inner { width: 100%; overflow: hidden; }
.element-column-right-alpha-content { }

/* Columns Beta [With Right Hand Formatting in this example] */
.element-columns-beta-outer { clear: both; }
.element-columns-beta-inner { width: 100%; overflow: hidden; }

.element-column-left-beta-outer { }
.element-column-left-beta-inner { width: 100%; overflow: hidden; }
.element-column-left-beta-content { }

.element-column-right-beta-outer { }
.element-column-right-beta-inner { width: 100%; overflow: hidden; }
.element-column-right-beta-content { width: 100%; overflow: hidden; }

/* Panel Alpha */
.element-panel-alpha-outer { 
	float: left;
}
.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 {
	padding-bottom: 3px;	
}

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 { 
	float: left;
}
.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,
div.element-panel-beta-body-content-inner a:active
{ 
	text-decoration: underline; 
}

div.element-panel-beta-body-content-inner h3 { }

/* Panel Gamma */
.element-panel-gamma-outer { 
	float: left;
	
}

.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:visited,*/
div.element-panel-gamma-body-content-inner a:hover,
div.element-panel-gamma-body-content-inner a:active { 
	text-decoration: underline; 
	/*padding-left: 20px; */
}


.element-panel-alpha-outer .ContentEditor,
.element-panel-beta-outer .ContentEditor,
.element-panel-gamma-outer .ContentEditor{ 
}

/* For Tab Panels see Default_General */

/* AZ Menu */
.AZLinkBar { color: #000000; /*font-size: 0.85em;*/ padding-top: 10px; padding-bottom: 10px; }

/* =============================== END CSS Columns and Panels =============================== */

/* =============================== START CSS General Presentation =============================== */

/* Float Generics */
.fl, .float-left { float: left; }
.fr, .float-right { float: right; text-align: right; }

/* Generics */

.indent 
{
	margin-left: 1.5em;
}

.note 
{
	font-size: 0.9em;
}

a.readmore {
	font-weight: bold;	
}
a.readmore:hover {
	padding: 0;
	text-decoration: underline;
}

iframe {
	border: none;	
}

hr { 
	height: 1px; 
	color: #ADAAA7; 
	background: #ADAAA7; 
	padding: 0; 
	margin-top: 0.2em; 
	margin-bottom: 0.2em; 
	line-height: 1px; 
	border: 0; 
}

strong,
.strong { 
	font-weight: bold;
}

em { 
	font-style: italic; 
}

.inactive {
 	color: #999;	
}

form,
ul, 
ol, 
p { 
	margin: 0;
}

p {
	line-height: 1.5em;	
}

ul.x-tree-node-ct {
	text-align:left;	
}

ul { 
	/*margin-left: 1.5em;*/
}

ul li { 
	list-style-type:disc;
}

ol { 
	/*padding-left: 1.75em; */
	/*margin-left: 1.75em;*/
}

ol li { 
	list-style-type: decimal; 
}

img, .noborder, .spacer { border: 0; }
.center, .Center { margin: auto; text-align: center; }
.invisible, #hide { display: none; }

.hide { 
	/*display: none; */
	position: absolute;
	left: -999em;
	
}
fieldset.hide { 
	border: 0; 
	padding: 0; 
	margin: 0; 
	display: block; 
	position: static;
}
legend.hide { display: none; }
h1.hide 
{
	display: block;
	height:0;
	width: 0;
	position: absolute;
	left: -999em;
}


/* All Links */
a:link {
	color: #00468C;
	text-decoration: none;	
}
a:visited { 
	color: #2F6091; 
	text-decoration: none; 
}
a:hover, a:active {	
	color: #2F6091; 
	text-decoration: underline; 
}

/* Content Links Only */
.ContentEditor a:link { 
	color: #2C3641; 
	font-weight:bold;
	text-decoration:none; 
}

.ContentEditor a:visited { 
	color: #1B3652; 
	font-weight:bold; 
	text-decoration:none; 
}
.ContentEditor a:hover
{
	color: #1B3652; 
	font-weight:bold;
	text-decoration:underline; 
}

.ContentEditor a[href^="http:"] {
	background:transparent url("../images/external-link-icon.gif") no-repeat scroll right center;
	padding-right:15px;
}

.ContentEditor a[href^="https:"] {
	background:transparent url("../images/external-link-icon.gif") no-repeat scroll right center;
	padding-right:15px;
}

/* Left Nav Links Only */
ul#navigation {
    margin-left: 0;
}

ul#navigation ul {
    margin-left: 0;    
}


ul#navigation li {
    list-style-type: none;
}

ul#navigation li a
{
	color: #1A1A1A;
	line-height: 1.3em;
	padding: 0 0 0.5em 0;
	text-decoration: none;
	position: relative;
}

ul#navigation li.parent > a,
ul#navigation li.path > a
{
	font-weight:bold;
    padding-left: 15px;

}

ul#navigation li.current
{
	font-weight:bold;
	margin-left: 2px;
	padding-left: 15px;
    font-size: 1.1em;

}

ul#navigation li.sibling
{
}

ul#navigation li.child
{
	font-size: 0.95em;
	padding-left: 15px;
    font-weight: normal;

}

#left-outer a:link, 
#left-outer a:visited, 
.section-title a:link, 
.section-title a:visited {
	text-decoration: none;
	display: block;
}

#left-outer a:hover, 
.section-title a:hover {
	text-decoration: underline;
}

a.oImageLink:hover,
a.oImageLink:active 
{
	 background: none; 
}

/* Usability */

#usability-outer { 
	clear: none;  
	padding: 0; 
	float: none; 
	text-align: right; 
	margin: -22px auto 0 auto; 
	font-size:0.9em;
	position: absolute;
	z-index: 4;
    width: 750px; 
}

div.usability 
{
	width: 100%;
	text-align: right;
	padding-bottom: 3px;
}

map.usability { }
.usability ul { 
	display: inline; 
	padding: 0; 
	margin: 0; 
}
.usability ul li { 
	list-style-type: none;  
	display: inline;
	position: relative;
}

.usability a:link,
.usability a:visited {
	position: relative;
	text-decoration: none;
	color: #000000; 
	margin: 0 2px 0 0;
}

.usability a:hover, 
.usability a:active {
	text-decoration: underline;
	color: #000000; 
}

.usability sep {
	color: #0167a7; 
}

.usability li div#google_translate_element {
	position:absolute;
	left: -999em;
}

.usability li:hover div#google_translate_element,
.usability li.hover div#google_translate_element{
	left: 0;	
	top: 1em;
}

div#google_translate_element {
	position: relative;
	z-index: 10;
}


.text-resizer-title { }
.text-larger {  }
.text-normal { }
.text-smaller {  }
			
/* Main Menu */
#menu-outer {
	clear: both; 
	background: #f7f7f7; 
	color: #5f6263;
	margin-top: 6px;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #888;
	padding-left: 20px; 
}

#menu-inner {
	width: 100%;
	overflow: hidden; 
}
map.main-menu {
	display: block; 
}

.main-menu ul {
	display: block;
	padding: 0; 
	margin: 0; 
}

.main-menu ul li {
	list-style-type: none;
	display: block;
	float: left; 
	text-align: center;
}

a.menu-link:link, a.menu-link:visited 
{ 
	background: #fff;
	color: #5f6263;
	text-decoration: none; 
	display: block; 
	padding: 2px 13px 3px 16px; 
	text-transform: uppercase; 
	font-weight: bold; 
}
a.menu-link:hover, a.menu-link:active 
{
	background: #fff;
	color: #5f6263; 
	padding: 2px 13px 3px 16px; 
}
	

a.menu-alpha:link, a.menu-alpha:visited {}
a.menu-alpha:hover, a.menu-alpha:active {}

a.menu-zeta:link, a.menu-zeta:visited { border: 0; }
a.menu-zeta:hover, a.menu-zeta:active { border: 0; }

.menu-outer {}
.menu-inner {}

/* Alternate Locale Panel */
.oAlternateSelectorOuter { clear: both; }
.oAlternateSelectorInner { width: 100%; overflow: hidden; margin-bottom: 10px;}

/* Document Navigation - See Separate CSS */

/* Admin Links / Footer Links */ 
#AdminLinksOuter { border: 1px #cccccc solid; background: #eeeeee; padding: 2px 6px 2px 6px; margin-bottom: 10px; }
#AdminLinksInner { width: 100%; overflow: hidden; font-size:0.8em;}
#AdminLinksInner a:link, a.AdminLinks:link, #AdminLinksInner a:visited, a.AdminLinks:visited { text-decoration: none; }
#AdminLinksInner a:hover, a.AdminLinks:hover, #AdminLinksInner a:active, a.AdminLinks:active { text-decoration: underline; }


/* Start Content Classes Here  */
.ClientAreaContainer { width: 100%; }

.CrLf { margin-top: 1em; }

/*--------------------- Google Search Style ------------------------*/

#site-search {
    border: 1px solid #00A4E1;
    margin: 10px 0;
    padding: 20px;
    width: 687px;
}

#site-search input.SearchKeywords {
    background: url("../Images/global-search-bg.gif") no-repeat scroll left top transparent;
    border: 1px solid #ACACAC;
    float: none;
    margin: 0;
    padding: 3px 5px 1px;
}

#site-search input.SearchButton
{
	background:url("../Images/google-search-button.jpg") no-repeat scroll left top transparent;
	border:medium none;
	cursor:pointer;
	float: none;
	height:27px;
	text-align:center;
	width:76px;
}

#site-search input.SearchButton:hover {
	background-position: left bottom;
}

#google-search-intro {
    display: block;
    margin-bottom: 1em;
}


#google-search-intro span {
    font-weight: bold;
}

#site-search dt {
    margin: 1.2em 0 0.5em;

}

#site-search dt > a {
    color: #333333;
    font-family: "Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
    font-size: 1.4em;
    text-decoration: underline;
    line-height: 1.2em;
}


#site-search dd {
    margin-bottom: 2em;
}

#site-search p.info,
dl#promotions-list dd
 {
    color: #008DC4;
    font-size: 0.95em;
	word-wrap: break-word;
}

#site-search span.fileType {
    margin-left: 10px;
}

dl#promotions-list {
    border: 1px dashed #FBA70B;
    clear: both;
    position: relative;
    padding: 0 1em;
}

dl#promotions-list dt a {
    font-size: 1.6em;
    font-weight: bold;
    background: url("http://www.leicester.gov.uk/lccsearch/g_dir/images/star.jpg") no-repeat scroll 0 0 transparent;
    color: #333333;
    padding: 0 0 0 30px;
}

dl#promotions-list dd {
    padding: 0 0 0 30px;
}

ul#page-link-list {
    float: left;
    margin: 0 0 2em;
    width: 100%;
}


ul#page-link-list li {
    list-style-type: none;
    float: left;
    text-align: center;
    margin: 0 1px;
}

ul#page-link-list li span {
     background: url("../images/googleSearchSprite.png") no-repeat scroll -73px 0 transparent;
     display: block;
     list-style-type: none;
     text-align: center;
     width: 21px;
     height: 41px;
}

ul#page-link-list li.selected {
    font-weight: bold;
}
  
ul#page-link-list li.selected span {
    background-position: -53px 0;    
}

ul#page-link-list li.prevLink span {
    background-position: 6px 0;
    width: 60px;
}

ul#page-link-list li.prevLinkDisabled span {
    background-position: -25px 0;
    text-indent: -9999em;
    width: 29px;    
}

ul#page-link-list li.nextLink span {
    background-position: -95px 0;
    width: 73px;
}

ul#page-link-list li.nextLinkDisabled span {
  background-position: -96px 0;
  width: 47px;
}

p#trovoLink {
    clear: both;
    padding-top: 0.5em;
    font-size: 0.9em;
    border-top: 1px solid #aaa;
}


/*------------------- Google Search Style End ----------------------*/

.gui-toolbar {
    min-width: 200px!important;
}


/* =============================== END CSS General Presentation =============================== */

/* =============================== START CSS Modules and Forms =============================== */

/* Asset Browser */
.results-pagination-outer { 
	margin-top: 10px; 
}
.results-pagination-inner { 
	width: 100%; 
	overflow: hidden; 
}

.asset-thumbail-list-outer { }
.asset-thumbail-list-inner { 
	width: 100%; 
	overflow: hidden; 
}

.asset-details-image { 
	float: left; 
	width: 200px; 
}
.asset-details-information { 
	margin-left: 210px; 
}
.asset-details { 
	border: 0; 
	padding: 2px; 
}

.admin_form_container { 
	padding: 10px; 
	padding-top: 5px; 
	width: 60%; 
	clear: both; 
}

.AssetManagerStatusBarOuter { clear: both; }
.AssetManagerStatusBarInner { padding-top: 8px; }
.StatusBarText { float: left; }
.AssetListPanelOuter { margin-left: 168px; }
.AssetListPanelInner { }
.AssetCategoryPanelOuter {
	float: left;  
	width: 168px; 
	overflow: scroll; 
	border: 1px solid #cccccc; 
	background: #ffffff; 
}
.AssetCategoryPanelInner {
	float: left; 
	width: 100%; 
}

/* DataForm Classes */
.DataFormLabel { 
	display: block; 
	width: 100%; 
}

.DataFormQuestion {
	width: 40%;
	float: left; 
	display: block; 
	text-align: right; 
	padding: 3px 10px 3px 10px; 
	margin: 2px 2px 2px 2px; 
}

.DataFormInputText {
	width: 45%; 
	float: left;
	padding: 2px;
	margin: 2px 2px 2px 2px;
	border: 1px solid #E5E5E5;
	background: #ffffff; 
}

.DataFormInputTextarea {
	float: left; 
	width: 30%; 
	padding: 2px;
	margin: 3px; 

}
.DataFormInputCheckbox {
	float: left;
	margin: 1px;
	padding: 3px; 
}

.DataFormInputRadio {
	vertical-align: middle;
	margin: 3px; 
	padding: 2px; 
}

.DataFormInputSelect {
	float: left;
	margin: 1px; 
	padding: 2px; 
}

.ModuleSearchButton,
.DataFormButton { 
	margin: 0.5em; 
	color: #000000; 
	background: #eeeeee; 
	border: 1px solid #cccccc; 
}

.DataFormButtonContainer { width: 99%; }
.DataFormInputSelect,
.DataFormButton, 
.DataFormInputText,
.DataFormInputTextarea { }

.DataFormAnswer {
	width: 35%;
	float: left; 
	padding-top: 4px; 
}

.DataFormErrorBlank {
	width: 40%;
	float: left; 
	display: block; 
	text-align: right; 
	padding: 3px 10px 3px 10px;
	margin: 2px 2px 2px 2px; 
}

.DataFormError {
	width: 45%; 
	float: left;
	padding: 2px;
	margin: 2px 2px 2px 2px; 
	color:Red;
	border: 0px solid #E5E5E5;
	font-style:italic; 
}

.DataFormElementLabel {
	padding-top: 4px;
	display: block;
	width: 50%; 
}

.DataFormOption { clear: both; }
div.DataFormOption { width: 100%; } 

.DataFormOption label {
	display: block;
	float: left;
	width: 40%; 
	text-align: right;
	padding: 4px;
	padding-right: 8px; 
}

.DataFormOption spanner { display: block; padding: 2px; padding-top: 4px; }

.DataFormWrapper { } /* Previously set background, but that broke stuff. Now does nothing */

.form-container-outer { }
.form-container-inner { padding: 5px; }

/* New Form CSS by MG - May 06 */
.DataFormContainer {}
.DataFormFieldset {}
.DataFormLegend {}
.DataElementContainer { padding: 9px; }

.PageAttachment {
	background: #FAFAFA;
	color: black;
	padding: 5px;
	border: solid 1px #EFEFEF;
	margin-bottom: 10px;
	margin-top:10px;	
	height: 100%;
}

.AttachedAssetElement_AssetPreviewArea
{
	width: 50px; 
	float: left;
}

.AttachedAssetElement_AssetDetailsArea
{
	margin-left: 70px;
}

div.InlineAsset {
    	
}
div.InlineAsset div {
    border:0px solid #EFEFEF;
	padding: 3px;
    background-color:#FFFFFF;
    font-size: 100%;
    text-align: center;
  
}

.oAssetInlineCaption
{
	display:none !important;
}

div.InlineAsset div a img {
    border:1px solid #cccccc;
}

.Asset_Left 
{
	float: left;
    padding-right:10px;
    padding-bottom:5px;
	min-width: 150px;
	width:auto!important;
	width: 150px;
}

.Asset_Center 
{
	text-align: center;
    padding-bottom: 5px;
    margin: auto;
}

.Asset_Center div { margin: auto; }

.Asset_Right
{
    float: right;
    padding-left: 10px;
    padding-bottom:5px;
}

.Edit_PageProperties_Table
{
	border-collapse:collapse;
	border:solid 0px white;
	border-spacing:0px;
	empty-cells:show;
}

.Edit_PageProperties_Title
{
	padding:5px;
	text-align:center;
	background:#404050;
	color:White;
	font-weight:bold;
}

.Edit_PageProperties_SubSection
{
	padding:2px;
	text-align:center;
	background:#F0F0E0;
	color:Black;
}

.Edit_PageProperties_Label
{
	text-align:left;
	vertical-align: top;
	padding-left:7px;
	padding-right:15px;
	background:#FBFBF7;
}

.Edit_PageProperties_Property
{
	vertical-align: top;
	padding:3px;
	padding-left:7px;
	padding-right:7px;
}

.Edit_Title { border: solid 1px #cccccc; display: block; padding: 4px; background: #F7F7F7; width:80%; }

/* Brand New Classes Nov 2006 MG */
.oRSSFeedContainer {}
.oRSSFeedBoxFull {
	margin: auto; 
	margin-bottom: 10px;
	float: none; 
}
.oRSSFeedBoxCentre {
	margin: auto;
	margin-bottom: 10px;
	float: none; 
}

.oRSSFeedBoxLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px; 
}

.oRSSFeedBoxRight {
	float: right; 
	margin-left: 10px;
	margin-bottom: 10px; 
}

.oRSSFeedContainerOuter, 
.oBoxContainerOuter  { 
	clear: both;
}

.oRSSFeedContainerInner {
	width: 100%;
	overflow: hidden; 
}

.oRSSFeedHeaderOuter,
.oBoxHeaderOuter {
	padding: 5px 10px; 
	color: #666666;
	border-right: 1px solid #ced7dc; 
	border-top: 1px solid #ced7dc; 
	border-left: 1px solid #ced7dc; 
}

.oRSSFeedHeaderInner,
.oBoxHeaderInner { }

.oRSSFeedBodyOuter,
.oBoxBodyOuter {
	border-right: 1px solid #ced7dc;
	border-bottom: 1px solid #ced7dc;
	border-left: 1px solid #ced7dc;
	padding: 10px; 
}

.oRSSFeedBodyInner, 
.oBoxBodyInner {
	width: 100%;
	overflow: hidden; 
}

.rssFeed-link a{ 
	background: url("../images/rss-icon-small.gif") left 0 no-repeat;
	padding-left: 25px;
	height: 20px;
	display: block;
    font-weight: bold;

}

ul.oHeadlineBoxList {
	padding-left: 0em;
	margin-left: 0em;
	list-style-type: none; 
}

li.oHeadlineBoxItem { 
	padding-left: 0em; 
	margin: 7px 0; 
	list-style-type: none; 
}

.oRSSFeedBodyInner a:link { 
	color: #006190; 
	text-decoration: none; 
	padding-left: 17px; 
}
.oRSSFeedBodyInner a:visited { 
	color: #006190; 
	text-decoration: underline; 
	padding-left: 17px; 
}
.oRSSFeedBodyInner a:hover, 
.oRSSFeedBodyInner a:active { 
	color: #006190; 
	text-decoration: underline; 
	padding-left: 17px; 
}



span.oHeadlineBoxSummaryText { 
	color: #000; 
	padding-left: 17px;
	display: block; 
}

span.oHeadlineBoxItem { 
	font-size: 1.3em;
	font-weight: bold;
	margin: 0; 
	padding: 0; 
}
span.oHeadlineBoxItemSecure 
{
	display: block; 
	padding-left: 20px; 
}

.oBoxContainer {}
.oBoxFull { margin: auto; margin-bottom: 10px; float: none; }
.oBoxCentre { margin: auto; margin-bottom: 10px; float: none; }
.oBoxLeft { float: left; margin-right: 10px; margin-bottom: 10px; }
.oBoxRight { float: right; margin-left: 10px; margin-bottom: 10px; }

ul.oBoxList { padding: 0; margin: 0; margin-left: 1em; padding-left: 1em; color: #000000; }
li.oBoxItem { list-style-type: square; margin: 0; padding: 0; }
span.oBoxItem { margin: 0; padding: 0; }

/* Page Lister - modifiers for Box CSS */

.oHeadlineBoxStyle { }
.oHeadlineBoxStyle1 { }
.oHeadlineBoxStyle2 { }
.oBoxOuter, .oPageListerContainerOuter {}
.oBoxInner, .oPageListerContainerInner
.oBoxBodyOuter, .oPageListerBodyOuter {}
.oBoxBodyInner, .oPageListerBodyInner {}
.oPageListerContainerOuter ul.oBoxList { padding: 0; margin: 0; }
.oPageListerContainerOuter li.oBoxItem { list-style-type: none; margin: 0; padding: 0; clear: both; width: 100%; overflow: hidden; display: block; }
.oPageListerContainerOuter li.oBoxItemOdd { background: #f4f9fa; }
.oPageListerContainerOuter li.oBoxItemEven { background: #ecf5f7; }
.oPageListerContainerOuter span.oBoxItemImage { display: block; float: left; width: 110px; }
.oPageListerContainerOuter span.oBoxItemImage img { display: block; padding: 7px; }
 
.oPageListerContainerOuter span.oBoxItemOuter { margin-left: 110px; padding: 7px; padding-left: 0; }
.oPageListerContainerOuter span.oBoxItemInner { overflow: hidden; width: 100%; }
.oPageListerContainerOuter span.oBoxItemTitle { font-weight: bold; }
.oPageListerContainerOuter a.oBoxLink:link, .oPageListerContainerOuter a.oBoxLink:visited { color: #174d7e; }
.oPageListerContainerOuter a.oBoxLink:hover, .oPageListerContainerOuter a.oBoxLink:active {}

/* Category Navigation */

ul.oCategoryNavigatorList  { padding: 0; margin: 0; }
li.oCategoryNavigatorList  { list-style-type: none; margin: 0; padding: 0; clear: both; width: 100%; overflow: hidden; display: block; }
.oCategoryNavigatorList a:link { color: #2f94c9; text-decoration: none; background: #fff url("//www.leicester.gov.uk/EasySiteWeb/EasySite/StyleData/BBGE_General/Images/panel-alpha-arrow.gif") no-repeat left top; padding-left: 17px; }
.oCategoryNavigatorList a:visited { color: #64aace; text-decoration: underline; background: #fff url("//www.leicester.gov.uk/EasySiteWeb/EasySite/StyleData/BBGE_General/Images/panel-alpha-arrow.gif") no-repeat left top; padding-left: 17px; }
.oCategoryNavigatorList a:hover, .oCategoryNavigatorList a:active { color: #64aace; text-decoration: underline; background: #fff url("//www.leicester.gov.uk/EasySiteWeb/EasySite/StyleData/BBGE_General/Images/panel-alpha-arrow.gif") no-repeat left top; padding-left: 17px; }
.oCNE-PageItemSummary { padding-left: 17px; }


/* Tables - Old Code to be removed at some point from main HTML */
.DataGrid tr.Active { background-color: #FCD7E2; }
.DataGrid td.DataBox { text-align: center; }
.DataGrid thead { background: #C9D6E0; }

/* Pagination */
.oPaginationIcon { font-size: 0.85em; line-height: 1em; font-weight: bold; }
.oPaginationSep { padding: 0 6px 0 6px; font-weight: normal; }

.DataGridPagination { color: #cccccc; }
.DataGridPagination a:link, .DataGridPagination a:visited { }
.DataGridPagination a:hover, .DataGridPagination a:active  { }

/*New Tables */
table.oDataGrid { width: 100%; border: 0; border-collapse: separate; /*font-size: 0.85em;*/ empty-cells: show; margin-top: 1em; }
table.oDataGrid tr { text-align: left; }

tr.table-row-background-alpha { background: #eeeeee; }
tr.table-row-background-beta { background: #F7F7F7; }

th.oDataGridHeader { border: 0; border-bottom: 1px solid #728a98; padding: 2px 8px 2px 8px; color: #ffffff; background: #728a98; font-weight: bold; text-align: left; }
th.oDataGridHeader a:link, th.oDataGridHeader a:visited { color: #ffffff; text-decoration: none; }
th.oDataGridHeader a:hover, th.oDataGridHeader a:active { color: #ffffff; text-decoration: underline; background: transparent; }

td.oDataGridCell { padding: 2px 8px 2px 8px; color: #4B414B; border: 1px solid #CECFCE; }
td.oDataGridCell a:link { color: #2f94c9; text-decoration: none; }
td.oDataGridCell a:visited { color: #64aace; text-decoration: underline; } 
td.oDataGridCell a:hover, td.oDataGridCell a:active { color: #64aace; text-decoration: underline; background: transparent; } 

span.oDataGridContent {}
a.oDataGridHeaderLink { color: #ffffff; background: transparent; }
a.oDataGridHeaderLink:link, a.oDataGridHeaderLink:visited { color: #4A5C68; background: 0; }
a.oDataGridHeaderLink:hover, .oDataGridHeaderLink:active { color: #4A5C68; background: transparent; }

span.oDataGridContentFeatured { font-weight: normal !important; font-size: 2em; display: block; background: red; }

/* Forms */
.window { padding: 0; margin: 0; }
.oDataForm { }
.oDataFormContainer { width: 100%; overflow: hidden; clear: both; /*width:518px;*/ }

.oDataFormFieldset { border: 1px #cccccc solid; margin: 0; margin-top: 1em; padding: 0px; }
.oDataFormLegend { padding-left: 10px; padding-right: 10px; }

.window .oDataFormElementContainer { padding: 0; margin: 0; }
fieldset.oDataFormFieldset .oDataFormElementContainer, fieldset.oDataFormFieldset .oDataElementContainer { padding: 6px 10px 6px 10px !important; }

.oDataFormElement { 
	width: 100%;
	overflow: hidden; 
	clear: both;
	margin-bottom: 1px; 
}

.oDataFormComment { margin: 0.5em 0 0.5em 0; }

.oDataFormQuestion { text-align: right; width: 35%; float: left; display: block; }
.oDataFormQuestionNewLine { width: 100%; float: none; text-align: left; display: block; margin-bottom: 2px; }
.oDataFormLabel { display: block; margin-right: 3px; padding: 3px 10px 3px 10px; background: #eeeeee; }
.oDataFormLabelNewLine { }

.oDataFormAnswer { text-align: left; display: block; width: 62%; float: left; }
.oDataFormAnswerNewLine { text-align: left; display: block; width: 100%; float: none; padding-bottom: 5px; }
.oDataFormAnswerText { text-align: left; float: left; display: block; width: 60%; padding-top: 2px; }
.oDataFormAnswerTextNewLine { float: none; width: 100%; padding-bottom: 5px; }
.oDataFormAnswerTextStyle { }
.oDataFormInputSuffix { padding-left: 10px; }
.oDataFormInputNote { padding-left: 4px; }

.oDataFormInputText { margin: 0px; width: 90%; border: 1px solid #cccccc; }
.oDataFormInputTextarea { margin: 0px; width: 90%; border: 1px solid #cccccc; }
.oDataFormDatePicker { width: 100px; }
table.DataFormInputCheckbox { padding: 0; margin: 0;  border-collapse: collapse; } 
table.DataFormInputCheckbox td { padding: 0; margin: 0; }
table.DataFormInputCheckbox tr { padding: 0; margin: 0; }
table.DataFormInputCheckbox input { padding: 0; margin: 0; }

table.oDataFormInput { padding: 0; margin: 0;  border-collapse: collapse; }
table.oDataFormInput td { padding: 0; margin: 0; }
table.oDataFormInput tr { padding: 0; margin: 0; }
table.oDataFormInput input { padding: 0; margin: 0; }

.oDataFormInputTextShort { width: 100px; }
.oDataFormInputTextMedium { width: 60%; }
.oDataFormInputTextFull { width: 90%; }

.oDataFormInputShort { width: 20%; }
.oDataFormInputMedium { width: 60%; }
.oDataFormInputLong { width: 90%; }

.oDataFormButtonContainer { padding-top: 10px; padding-bottom: 10px; display: block; clear: both; width: 100%;  }
.oDataFormButton { color: #666666; border: 1px solid #cccccc; margin-right: 10px; padding: 0 12px 0 12px; font-weight: normal; cursor: pointer; line-height: 1.6em; font-size: 0.94em; }
.oDataFormError { color: #ff0000; }

.DataFormMarker { color: #ff0000; font-weight: bold; font-size: 1.2em; line-height: 1em; }

/* Multimap */
/* contains the entire map Image*/
.MultimapContainer { position: relative; }

/* the actual map itself */
.MultimapMap { }

/* Contains an instance of a pin*/
.MultimapPinContainer { 
	/* left and top are set programatically */
	position: absolute;
}

/* the pin image */
.MultimapPinImage { position: absolute;	background: url("//www.leicester.gov.uk/EasySiteWeb/EasySite/SupportFiles/images/icons/multimap_pointer.gif") no-repeat; left: -13px; top: -23px; cursor: pointer; }

/* the div span that holds the link button that gets toggled by MouseOver/MouseOut */
.MultimapPinUrlContainer { background-color: #eeeeee; position: absolute; text-align: left; white-space: nowrap;  }

/* the actual link button */
.MultimapPinUrl { }

/* Polling */
.oPollingChartBar { background: #eeeeee; display: block; overflow: hidden; border: 1px solid #000000; }

/* Ratings */
.oRatingsContainer { }
.oRatingsFieldset { }
.oRatingsLegend { }

/* Discussion Forums */
.oForumInputText { width: 90%; }
.oForumMainTopicPanel { background: #fafafa; border: 1px solid #A5B7BF; margin: 1em 0 1em 0; }
.oForumMainTopicTitleContainer { background: #F2F4FF; padding: 5px 0 0 7px; }
.oForumTopicTitle { font-weight: normal; font-size: 1.2em; }
.oForumMainTopicBody { padding: 10px; border-top: 1px solid #A5B7BF; }
.oForumAttachmentQuestion { font-weight: bold; }
.oForumAttachmentListContainer { padding: 10px 0 0 0; }
.oForumFieldset { }
.oForumLegend { }
.oForumTitleResponse {  }

/* Mailing List */
.oMailingListFieldset { }
.oMailingListLegend { }

/* Event Calendar */
.oEventCalendarSearchFieldset { }
.oEventCalendarSearchLegend { }
.oEventCalendarSearchButtonContainer { margin: 0; }
.oEventCalendarSummaryDate { text-align: right; width: 25%; }

/* Tell A Friend */
.oTellAFriendFieldset { }
.oTellAFriendLegend { }

/* Login Panel */
.oLoginPanel {  }
.oLoginPanelSubtext { }
.oLoginPanelSubtext a:link, .oLoginPanelSubtext a:visited, .oLoginPanelSubtext a:hover, .oLoginPanelSubtext a:active { display: block;  }

/* Login Element Panel */
.oLoginPanel { border: solid 1px #E5E5E5; background: #F2F2F2; padding: 3px; margin: auto; }
.oLoginTitle { text-align: left; background: #eee; padding: 10px; color: #666666; font-weight: bold; }
.oLoginContent { background: #eee; padding: 10px; }
.oLoginError { color: #ff0000; margin: 1em; } 
n.oLoginButtonContainer { margin-left: 35%; } 
.oLoginPanelSubtext { padding-top: 4px; }

/* Petitions */
.oPetitionsPreview { border: 1px solid #cccccc; margin: 1em 0 1em 0; padding: 8px; }

/* start old DF */
.Message { }
.MessageAlt { }
.MessageTitle { font-weight:bold; }
.MessageSubmittor { }
.DiscussionDateHeader{}
/* end old  DF */

/* Asset Browser Thumbnail View */
.asset-thumbnail-list-outer { clear: both; }
.asset-thumbnail-list-inner { width: 100%; overflow: hidden; }
.asset-thumbnail-panel { width: 24%; float: left; color: #cccccc; margin-bottom: 10px; }
.asset-thumbnail-panel-inner { border: 1px solid #cccccc; background: #fdfafd; margin-right: 10px; padding: 5px; text-align: center; }
.asset-thumbnail-panel-inner:hover, .asset-thumbnail-panel-inner:active { border: 1px solid #996699; background: #fdfafd; } /* Set width here for thumbs */
.oAssetThumbnailOuter { }
.oAssetThumbnailInner { }
.oAssetThumbnailImage { height: 80px; width: 100%; overflow: hidden; }
.oAssetThumbnailCaption { padding-top: 5px; display: block; height: 2.4em; min-height: 2.4em !important; overflow: hidden; }
.oAssetBrowserLinks { display: block; padding-top: 5px; position: relative; }
a.oAssetBrowserLink:link, a.oAssetBrowserLink:visited { }
a.oAssetBrowserLink:hover, a.oAssetBrowserLink:active { }

/* Pagination */
.oPaginationIcon { }
.oPaginationSep { }

/* Navigation Tabs Element */
.el-tab-navigation-outer { clear: both; }
.el-tab-navigation-inner { width: 100%; }
ul.oTabNavigation { display: inline; list-style-type: none; }
li.oTabNavigation, li.oTabNavigationSelected { display: block; float: left; margin-right: 10px; }
li.oTabNavigationSelected {}
a.oTabNavigation:link, a.oTabNavigation:visited { display: block; border: 1px solid #663399; text-decoration: none; }
a.oTabNavigation:hover, a.oTabNavigation:active { display: block; border: 1px solid #cccccc; text-decoration: none; }
a.oTabNavigationSelected:link, a.oTabNavigationSelected:visited { text-decoration: none; background: #eeeeee; }
a.oTabNavigationSelected:hover, a.oTabNavigationSelected:active { text-decoration: none; }
span.oTabNavigationItemOuter, span.oTabNavigationItemOuterSelected { display: block; }
span.oTabNavigationItemInner, span.oTabNavigationItemInnerSelected { display: block; padding: 3px 10px 3px 10px; }

/*-------------- Socitm branding elements ----------------*/
div#socitm_overlay {
	background: #000000!important;	
}

div#socitm_info_box {
	background: url("../Images/socitm.gif") no-repeat scroll right bottom #FFFFFF!important;	
	border: 1px solid #F26522!important;
	font-family: Verdana, Geneva, sans-serif!important;
	padding: 0!important;
	min-height: 15em;
	height: 15em;
}

div#socitm_info_box h1 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
	display: block;
	margin: 0; 
	margin-bottom: 0.5em;
	padding: 0.5em 0.5em 0 0.5em; 
	font-size: 2em;
	background-color: #F26522;
	float: none;
	text-align: left;
	min-height: 1.7em;
	height: 1.7em!important;
}

div#socitm_info_box p {
	line-height: 1.5em;	
	text-align: left;
	padding: 0 1em 1em 1em; 
}

div#socitm_info_box li {
	list-style-type: none;	
    padding: 0 0 1em 1em;
    text-align: left;
}

div#socitm_info_box a {
	color: #000!important;
	text-decoration: none!important;
	font-weight: bold;
	padding: 3px 0 0 2em;
	display: block;
	height: 15px;
}

div#socitm_info_box a:hover {
	text-decoration: underline!important;
}

div#socitm_info_box a#socitm-yes {
	background: url("../Images/socitm-yes-icon.gif") left top no-repeat;	
}

div#socitm_info_box a#socitm-no {
	background: url("../Images/socitm-no-icon.gif") left top no-repeat;	
}

/*---------------- blogging module specifics -----------------------*/

div.oBlogElement div.element-column-left-alpha-content {
	padding-right: 2em;
	padding-bottom: 2em;
}

div.oBlogElement div.oBlogPostedBy,
div.oBlogElement div.posted-by {
	font-size: 0.9em;
	margin-bottom: 1em;
}

div.oBlogPost,
div.blog-post,
div.comment-post {
	line-height: 1.5em;	
}

div.oBlogPost a,
div.blog-post a {
	text-decoration: underline;	
}

div.oBlogElement hr {
	margin: 1em 0;	
}

div.oBlogNavigation {
	border-left: 1px solid #AAAAAA;
    padding: 0 0 0 1em;
}

div.oBlogNavigation ul {
	margin: 1em 0;	
}

div.oBlogNavigation li {
	list-style-type: none;	
	margin: 0 0 0.5em 0;
}

div.oBlogNavigation li a {
	font-weight: bold;	
}


div.oBlogElement div.comments {
	font-size: 0.9em;	
	margin-top: 0.5em;
}

div.panel-comments {
	margin-top: 1.5em;	
}

div.panel-comments li {
	border-bottom: 1px solid #AAAAAA;
	margin-bottom: 1em;
	padding-bottom: 1em;

}

div.oBlogElement div.form {
	margin: 1em 0;	
}

div.oBlogElement div.form div.fields {
	padding: 6px 5px 8px 5px;			
}

div.oBlogElement div.form div.fields div.clear {
	padding-bottom: 5px;
}

div.oBlogElement div.form label {
	background: #fff;	
}

div.oBlogElement div.form .answer textarea {
	border: 1px solid #999;	
}

div.oBlogElement div.form div.buttons {
	margin-top: 0.5em;	
}


/*- moderation elements -*/
div.oBlogElement div.form-moderate li {
	margin: 0.5em 0;
}

div.oBlogElement div.form-moderate div.poster-wrote {
	font-size: 0.9em;	
	margin-bottom: 0.7em;
}

div.oBlogElement div.form-moderate div.moderation-options div.answer {
	border-bottom: 1px solid #aaa;
    margin-top: 0.5em;
    padding-bottom: 1em;
    width: 99%;
}


/*---------------- blogging module specifics END -----------------------*/

/*---------------- directory style specifics -----------------------*/

div.oDirectoryBuilder div.AZLinkBar a,
div.oDirectoryBuilder div.vignette table {
	line-height: 1.5em;
}

/*div.oDirectoryBuilder div.oDataFormQuestion {
	width: 20%;	
}

div.oDirectoryBuilder div.oDataFormAnswer {
	width: 80%;	
}*/

div.oDirectoryBuilder div.oDataFormAnswerText {
	padding-bottom: 3px;	
}

div.oDirectoryBuilder div.oDataFormElement {
	margin-bottom: 5px;	
}

div.directory-footer div.pagination-pages {
	padding-bottom: 10px;	
}

div.oDirectoryBuilder .oDataFormLabel {
	background: none;		
	font-size: 0.9em;
}

div.oDirectoryBuilder div.vignette {
	border: 1px solid #ccc;
	padding: 5px 7px;
}

div.oDirectoryBuilder div.vignette div.asset {
	border: none;
	text-align: left;
	float: right;
}

div.oDirectoryBuilder ul.blocks li {
	list-style-type: none;
	margin-top: 0.5em;
}

div.oDirectoryBuilder div.Asset_Center {
	float: left;	
}

/*--- page footer --------*/


#footer-outer 
{
	color: #fff;
	clear:both;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	width:750px;
    background-color: #4F5B64;
	/*background: url("/EasySiteWeb/EasySite/StyleData/LCC_Master2010/Images/shadow-body.jpg") left top repeat-y;*/
	/*background: url("//www.leicester.gov.uk/EasySiteWeb/EasySite/StyleData/LCC_Master2010/Images/shadow-body.jpg") left top repeat-y;*/
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	line-height: 2em;
	padding-top: 0;
}

#social-media-outer 
{
	text-align: left;
    margin: 1em 0;
}

#social-media-inner 
{
	margin-left: 2.5em;
}

#footer-inner 
{
	/*background:url("//www.leicester.gov.uk/EasySiteWeb/EasySite/StyleData/LCC_Master2010/Images/shadow-footer-content.jpg") left top repeat-y ;*/
	padding: 0 0 10px 0;
}

#clearingDropShadow 
{
	/*background:url("//www.leicester.gov.uk/EasySiteWeb/EasySite/StyleData/LCC_Master2010/Images/shadow-footer-bottom.jpg") left top no-repeat;*/
	clear:both;
	height:9px;
	margin-left:auto;
	margin-right:auto;
	width:759px;
	margin-bottom: 1em;
}

#footer-alpha-outer 
{
}

#footer-alpha-inner {
	overflow: hidden; 
	margin: 0 6px;
}

.footer-links {
}

ul.footer-links {
	padding: 0; 
	margin: 0; 
}

ul.footer-links li {
	display: inline; 
	list-style-type: none;
	padding: 0 2px 0 2px;
	margin: 0; 
}

ul.footer-links li.start {
	padding-left: 0;
}

ul.footer-links li.end { }

.footer-link:link,
.footer-link:visited {
	text-decoration: none;
}

.footer-link:hover,
.footer-link:active {
	text-decoration: underline;
}

.tagline {
	text-align: center;
	width: 100%;
}

.tagline-link:link,
.tagline-link:visited {
	text-decoration: none; 
}

.tagline-link:hover, 
.tagline-link:active {
	text-decoration: underline; 
}

.copyright { 
	width: 100%;
    margin-top: 0.5em;
}

span.copyright-text {}

.copyright .footer-link:link,
.footer-link:visited {
	text-decoration: none;
	font-weight: bold; 
}

.copyright .footer-link:hover,
.footer-link:active {
	text-decoration: underline;
	font-weight: bold; 
}

/* footer i want to links */
div#footer-alpha-inner ul#footer-top-tasks 
{
    height: 4em;
    margin: 0;
    /*width: 747px;*/
    overflow: hidden;
}

div#footer-alpha-inner ul#footer-top-tasks li
{
	list-style-type: none;
	float: left;
}

div#footer-alpha-inner ul#footer-top-tasks li a
{
	background: url("//www.leicester.gov.uk/EasySiteWeb/EasySite/StyleData/LCC_Master2010/Images/top-nav-bg.jpg") repeat-x scroll left top transparent;
    color: #FFFFFF;
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    height: 2.5em;
    margin-right: 3px;
    padding: 8px 0 0 0;
    text-align: center;
    width: 122px;
}

div#footer-alpha-inner ul#footer-top-tasks li a:hover 
{
	background-position: left -100px;
}


/* footer Links Only */
.footer-links a:link,
.footer-links a:visited { 
	color: #fff;
	text-decoration: none; 
	margin: 0 1em;
}

.footer-links a:hover,
.footer-links a:active { 
	text-decoration: underline; 
}





/*--------- default mobile functionality objects ------------------*/
div#top-nav a#top-nav-quick-links,
#left-outer a.nav-expander,
#header-outer div.clear 
{
	display: none;
}







/*---------------- directory style specifics END -----------------------*/


/* print friendly */
@media print {

#header-outer, 
#usability-outer, 
#banner-outer,
#left-nav,
#main-banner-outer, 
#menu-outer, 
#breadcrumb-outer,
#footer-outer,
#footer-menu-outer { 
	display: none; 
}

#left-outer 
{
	width: 0;
	display: none;
}

#main-inner {
	overflow: visible;
}

#content-outer 
{
	margin-left: 0px;
}

#content-inner 
{ 
	overflow: hidden; 
	padding-top: 4px;
}

.PageWidthRelative,
.PageWidthAbsolute 
{
	width: 98%;
}

}


/***** EASYSITE ADMIN CSS FIXES *****/

.gui-panel-outer .text
{
    float:none;
    width: inherit;
    border:none;
}


/***********************************/