/* ============================== START CSS Containers ============================== */
body {
    margin: 0; padding: 0; background: #fff; color: #000000;
	font-family: verdana, sans-serif;
	font-size: 0.8em;
	color:#333333;
	background:#fff url("/EasySiteWeb/EasySite/StyleData/buswise/Images/gradback.jpg") repeat-x top;
}


/* ============================== WebTrends Image  ============================== */
#DCSIMG { border-width: 0px; }
/* ============================================================ */
 

/* ========== ER BANNER ========= */

div#erbanner { position: absolute; z-index: 999; top: 0px; left: 0px; width: 100%; height: 40px; background-color:#099345; }

/* ============================== */


div.navigator-browser-outer { margin-top: 10px; }

#frmMain { margin: 0px; }
/* Containers */
#page-outer { margin: 0px auto;}

#page-inner {  background: transparent; }


.PageWidthRelative { width: 1000px; }
.PageWidthAbsolute { width: 1000px; }
.fontSizeAdjustment { font-size: 95%; }

#header-outer { border-right: 0px solid #cbc5e1; border-left: 0px solid #cbc5e1;  height: 265px;  margin: 0px; clear: both; position: relative; border: 0px solid red;  }
#header-inner {  height: 265px;  margin: 0px;  clear: both; position: relative;  width: 100%; background: url("/EasySiteWeb/EasySite/StyleData/buswise/Images/top-design.png") no-repeat 0px 35px; border: 0px solid red;}

#logo-outer { position: absolute; top: 185px; right :105px; height: 17px;  z-index: 9000;   border: 0px solid red; width: 84px; }

#logo-inner { padding: 0px; position: absolute; top: 3px; left: 0px;   border: 0px solid red; }
#reportingform { padding: 0px; position: absolute; top: 159px; left: 697px;   border: 0px solid red; }


#logo2-outer {   border-bottom: 0px solid #0e6763; position: absolute; top: 5px; left: 10px; height: 50px;  z-index: 9001;   border: 0px solid red; width: 320px; }

#logo2-inner { padding: 0px; position: absolute; top: 0px; left: 0px;   border: 0px solid red; }

#main-outer { clear: both; background: white; }
#main-inner { width: 100%; }

#left-outer { float: left; display: block; width: 180px; padding: 10px; margin: 0; background: white;}
#left-inner { padding: 0; margin: 0; border: 1px dashed #ececec;}
#left-inner a:link, #left-inner a:visited { padding: 2px 3px 3px 3px; color: #6a54a3; text-decoration: none; font-weight: bold; display: block; }
#left-inner a:hover, #left-inner a:active { color: #6a54a3; text-decoration: none;  }

#content-outer { margin-left: 0px;  background: url("/EasySiteWeb/EasySite/StyleData/buswise/Images/bottomcornerback.gif") no-repeat bottom left; border-left: 0px solid #e1eedf; } /* 210px from margin-left - MER Element Bug*/
#content-inner { background: transparent; }
#content-padding { margin-left: 0px; margin-right: 15px; padding-top: 10px; }
.content-padding { margin-left: 10px; margin-right: 15px; padding-top: 10px; }

.element-content-outer { padding: 5px; }
.element-content-inner { }
.element-footer-options-outer { margin: 15px; }
.element-footer-options-inner { float: left; overflow: hidden; }

/* =============================== END CSS Containers =============================== */


.schedulelink { border: 0px solid white; padding: 0px!important; margin: 20px 5px 20px 5px; }
.schedulelink img { border: 0px solid yellow; padding: 0px; margin: 0px; }


/* ============================== START CSS Columns and Panels ============================== */

/* Columns Alpha */
.element-columns-alpha-outer { clear: both; margin-top: 20px;}
.element-columns-alpha-inner { width: 100%; }

.element-column-left-alpha-outer { }
.element-column-left-alpha-inner { width: 100%; }
.element-column-left-alpha-content { }

.element-column-right-alpha-outer { }
.element-column-right-alpha-inner { width: 100%; }
.element-column-right-alpha-content { }

/* Columns beta */
.element-columns-beta-outer { clear: both; }
.element-columns-beta-inner { width: 100%; }

.element-column-left-beta-outer {  }
.element-column-left-beta-inner { width: 100%; }
.element-column-left-beta-content { }

.element-column-right-beta-outer { }
.element-column-right-beta-inner { width: 100%; padding-left: 6px; }
.element-column-right-beta-content { }

/* Columns gamma */
.element-columns-gamma-outer { clear: both; }
.element-columns-gamma-inner { width: 100%; }

.element-column-left-gamma-outer { }
.element-column-left-gamma-inner { width: 100%;}
.element-column-left-gamma-content {}

.element-column-right-gamma-outer { }
.element-column-right-gamma-inner { width: 100%;   border-left: 1px solid #a7a7a7; padding-left: 6px;}
.element-column-right-gamma-content { }

/* Panel Alpha */
.element-panel-alpha-outer { clear: both; margin-bottom: 10px; width: 100%; border: 0px dashed #c0c0c0; }
.element-panel-alpha-inner { width: 100%; overflow: visible; padding-top: 5px; }

.element-panel-alpha-icon-outer { display: none; }
.element-panel-alpha-icon-inner { display: none; }

.element-panel-alpha-header-outer {  padding: 3px 5px 3px 0px; color: #ffffff;  }

.element-panel-alpha-header-inner { color: red;  }

.oPanelTitle { color: #6a54a3; font-size: 0.8em;}

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

/* page lister within a panel alpha */
.element-panel-alpha-body-inner ul.oBoxList li { margin-bottom: 1px; list-style-type: none; background: transparent; padding-left: 0px; background: #fff url("/EasySiteWeb/EasySite/StyleData/buswise/Images/page-lister-back.gif") bottom right; border: 0px solid #f78f1e; padding: 0px; width: 165px; min-height: 34px;}
.element-panel-alpha-body-inner ul.oBoxList { margin: 0px 0px 0px 0px; padding: 0px;}

.element-panel-alpha-body-inner ul.oBoxList li a:link { text-decoration: none; background: transparent; padding: 2px;  border: 0px solid blue; font-weight: bold; color: #fff !important; margin-left: 14px; display: block;}

.element-panel-alpha-body-inner ul.oBoxList li a:hover { text-decoration: none; background: transparent; padding:2px; border: 0px solid blue; font-weight: bold; color: #fff !important; margin-left: 14px; display: block;}

.element-panel-alpha-body-inner ul.oBoxList li a:active { text-decoration: none; background: transparent; padding: 2px; border: 0px solid blue; font-weight: bold; color: #fff !important; margin-left: 14px; display: block;}

.element-panel-alpha-body-inner ul.oBoxList li a:visited { text-decoration: none; background: transparent; padding: 2px;  border: 0px solid blue; font-weight: bold; color: #fff !important; margin-left: 14px; display: block;} 


/* page lister within a panel alpha */


.element-panel-alpha-body-content-outer { padding: 5px;  }
.element-panel-alpha-body-content-inner { width: 100%; }

div.element-panel-alpha-body-content-inner ul { padding-left: 0.2em; margin-left: 0.2em; }
div.element-panel-alpha-body-content-inner li { list-style-type:none; margin-bottom: 7px; }

div.element-panel-alpha-body-content-inner a:link, div.element-panel-alpha-body-content-inner a:visited { color: #4b253e; text-decoration: none; background: url("/EasySiteWeb/EasySite/StyleData/buswise/Images/page-icon.gif") no-repeat 0px 2px; padding-left: 10px; }
div.element-panel-alpha-body-content-inner a:hover, div.element-panel-alpha-body-content-inner a:active { color: #000; text-decoration: none; background: url("/EasySiteWeb/EasySite/StyleData/buswise/Images/page-icon2.gif") no-repeat 0px 2px; padding-left: 10px; text-decoration: underline; }


/* This is to hide the pagination for the news story archives directory only */

.element-panel-alpha-body-content-inner table.DataGrid { border:0px solid #9CC0C0; vertical-align:middle; width: 100%; margin: 0;}
.element-panel-alpha-body-content-inner table.DataGrid th { background: #6a54a3; padding: 5px; font-size: 1.5em; border: 0px; }
.element-panel-alpha-body-content-inner table.DataGrid td { border:1px solid #6a54a3; vertical-align:middle; padding: 10px;}
.element-panel-alpha-body-content-inner table.DataGrid td a, .element-panel-alpha-body-content-inner table.DataGrid td a:hover, .element-panel-alpha-body-content-inner table.DataGrid td a:visited { color:#6a54a3; display:block; font-family:Arial,Helvetica,sans-serif;  font-weight:bold;  text-align:left; text-decoration:none; display: block; padding-left: 24px; background: url(/EasySiteWeb/EasySite/StyleData/buswise/Images/search-result-bullet.gif) no-repeat top left;}

.element-panel-alpha-body-content-inner table.DataGrid tr.table-row-background-alpha { background: white; }
.element-panel-alpha-body-content-inner table.DataGrid tr.table-row-background-beta { background: #f0edf8; }


.element-panel-alpha-body-content-inner span.oDataFormQuestion {  border: 1px solid green; width: 120px; min-height: 25px; background: #62b8c7; padding-top: 8px; margin: 2px; color: white; font-size: 1.1em; font-weight: bold;}
.element-panel-alpha-body-content-inner span.oDataFormAnswerText, .element-panel-alpha-body-content-inner span.oDataFormAnswer {  border: 1px solid #777777; width: 400px; min-height: 25px; padding: 4px 0 4px 5px; margin: 2px; vertical-align: middle;}
.element-panel-alpha-body-content-inner div.ContentEditor { margin-top: 10px; margin-bottom: 10px; }
.element-panel-alpha-body-content-inner div.ContentEditor h1 { border: 0; color:#777777 !important; margin-top: 15px !important;}

.element-panel-alpha-body-content-inner span.oDataFormAnswer a { padding: 4px 0 4px 5px; vertical-align: middle; text-decoration: underline; color:#FF6600; display: block;}
.element-panel-alpha-body-content-inner span.oDataFormAnswer a:hover, .element-panel-alpha-body-content-inner div#footer a:hover { background: white; }
.element-panel-alpha-body-content-inner search-form-inner span.oDataSearchFormInputText { border: 1px solid green; }

.element-panel-alpha-body-content-inner input.oDataFormButton { color:#ffffff; background-color:#6DA0A0; border-top:1px solid #B6F1D6; border-right:1px solid #B6F1D6; border-left:1px solid #095A50; border-bottom:1px solid #095A50; margin-bottom:10px; margin-left:3px; }

.element-panel-alpha-body-content-inner div.oDataFormElementContainer { padding: 0; margin: 0; width: 100%; }


div.oDataFormContainer span.oDataFormQuestion { background: white; color: black; font-weight: normal; border: 0; padding: 0; margin: 10px 0; }
div.oDataFormContainer span.oDataFormAnswer { background: white; color: black; border: 0; padding: 0; margin: 10px 0; width: 350px; }
/* End news pagination fix */



/* Panel beta */
.element-panel-beta-outer { position: relative; clear: both; background: #fff; margin: 10px 0 10px 0; }
.element-panel-beta-inner { overflow: hidden; width: 100%; background: #fff;  }

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

.element-panel-beta-header-outer { background: url("/EasySiteWeb/EasySite/StyleData/Safer_Roads/Images/panel_tr.gif") no-repeat right top; }
.element-panel-beta-header-inner { background: url("/EasySiteWeb/EasySite/StyleData/Safer_Roads/Images/panel_tl.gif") no-repeat left top; padding: 0px 10px 0px 10px;  }
div.element-panel-beta-header-inner h2 { color: #6a54a3; background-color: #fff; font-size: 1.2em; border-top: 1px solid #d4d9e0; padding-top: 5px;}




div.element-panel-beta-body-outer { background: url("/EasySiteWeb/EasySite/StyleData/Safer_Roads/Images/panel_br.gif") no-repeat right bottom; }
div.element-panel-beta-body-inner { width: 100%; overflow: hidden; background: url("/EasySiteWeb/EasySite/StyleData/Safer_Roads/Images/panel_bl.gif") no-repeat left bottom; padding-bottom: 5px; }

div.element-panel-beta-body-content-outer { padding: 10px 10px 0px 10px; background: #fff; border-left: 1px solid #d4d9e0; border-right: 1px solid #d4d9e0; }
div.element-panel-beta-body-content-inner { overflow: hidden; width: 100%; color: #717171;}

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

/*taking link background image off linked images on home page panels*/
div.oAssetInlineHolder a:link, div.oAssetInlineHolder a:visited, div.oAssetInlineHolder a:hover, div.oAssetInlineHolder a:active
{
background: none!important;  padding:0; text-decoration: none; border: 0;
}


/* Panel gamma */
.element-panel-gamma-outer { clear: both; margin-bottom: 10px; border: 1px solid #f78f1e; }
.element-panel-gamma-inner { width: 100%; overflow: visible; }

.element-panel-gamma-icon-outer { display: none; }
.element-panel-gamma-icon-inner { display: none; }

.element-panel-gamma-header-outer { padding: 0px 5px 3px 0px; color: #ffffff; border-bottom: 1px solid green; }
.element-panel-gamma-header-inner { padding: 0px 10px 0px 0px; }
div.element-panel-gamma-header-inner h2 {  padding-top: 5px;}


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

.element-panel-gamma-body-content-outer { padding: 5px; }
.element-panel-gamma-body-content-inner { width: 100%;}

div.element-panel-gamma-body-content-inner ul { padding-left: 0.2em; margin-left: 0.2em; }
div.element-panel-gamma-body-content-inner li { list-style-type:none; margin-bottom: 7px; }

div.element-panel-gamma-body-content-inner a:link, div.element-panel-gamma-body-content-inner a:visited { color: #6a54a3; text-decoration: none; background: transparent; }
div.element-panel-gamma-body-content-inner a:hover, div.element-panel-gamma-body-content-inner a:active { color: #6a54a3; text-decoration: none; background: transparent; }

/* page lister within a panel gamma */
.element-panel-gamma-body-inner ul.oBoxList li { float: left; display: block; width: auto; height: auto;  margin-right: 6px; margin-bottom: 4px; list-style-type: none; background: transparent;}
.element-panel-gamma-body-inner ul.oBoxList { margin: 0px 0px 0px 3px; padding: 0px;}

div.element-panel-gamma-body-content-inner a:link, div.element-panel-gamma-body-content-inner a:visited { color: #008e7e; text-decoration: none; background: url("/EasySiteWeb/EasySite/StyleData/buswise/Images/page-icon.gif") no-repeat 0px 2px; padding-left: 10px; }
div.element-panel-gamma-body-content-inner a:hover, div.element-panel-gamma-body-content-inner a:active { color: #008e7e; text-decoration: none; background: url("/EasySiteWeb/EasySite/StyleData/buswise/Images/page-icon2.gif") no-repeat 0px 2px; padding-left: 10px; text-decoration: underline; } 





/*  */

/* AZ Menu */
.AZLinkBar { color: #000000; font-size: 1em; padding-top: 10px; padding-bottom: 10px; }



a.TopNavigation:link { text-decoration: underline; font-weight: normal;  color: white;}
a.TopNavigation:visited { color: white; }
a.TopNavigation:hover { color: white; background: transparent; text-decoration: underline;}

#logo-bar-links { position: absolute; margin: 0px; padding: 0px; bottom: 0px; left: 0px;  height: 44px;  z-index: 1000; clear: both; width:100%; background: url("/EasySiteWeb/EasySite/StyleData/buswise/Images/top-bar-back2.gif") no-repeat 0px 0px; }

#logo-bar-links-inner { padding-top: 15px; margin: 0px;  text-align:center; width: 100%;}


/*#logo-bar-links-inner ul
{ list-style-type: none; padding: 0; margin: 0 auto; border: 1px solid red; height: 25px;}
*/

#logo-bar-links-inner span
{ padding: 1px 15px 0px 15px; background: url("/EasySiteWeb/EasySite/StyleData/buswise/Images/top-bar-bullet.gif") no-repeat 0px 2px; color: white; font-weight: bold;}

#logo-bar-links-inner a
{ font-weight: bold; color: white; text-decoration: none;}

#logo-bar-links-inner a:hover
{ font-weight: bold; color: orange; text-decoration: none;}

/* =============================== 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 */
strong { font-weight: bold; }
em { font-style: italic; }
form, ul, ol, p { margin-top: 5px; margin-bottom: 5px; }


.ContentEditor ul
{ list-style-type:none; }

.ContentEditor ul li
{ list-style-type:none; padding-left: 16px; background: url("/EasySiteWeb/EasySite/StyleData/buswise/Images/content-bullet.gif") no-repeat 0px 2px; margin-bottom: 10px; }


select, input {}
input:focus { color: #000; background: #e4e4e4; }
textarea { border: 1px solid #000; background: #fff; }

fieldset { }
legend { }
.HideLegend, .HideFieldset { border: 0; padding: 0; margin: 0; }
.HideLegend { display: none; }

/*ul { padding-left: 1em; margin-left: 1em; }
ul li { list-style-type: square; color: #000; padding-bottom:0em;}
 */

ol { padding-left: 1em; margin-left: 1em; }
ol li { list-style-type: decimal; color: #000; }

img, .noborder, .spacer { border: 0; }
.center, .Center { margin: auto; text-align: center; }
.invisible, .hide { display: none; }

/* Links
a:link { color: #008e7e; text-decoration: underline; }
a:visited { color: #008e7e; text-decoration: underline;}
a:hover, a:active {	color: #008e7e; text-decoration: none; text-decoration: underline; }

/* Usability */
#usability-outer { width: 53%; float: right; clear: both; background: transparent; padding: 4px; font-size: 0.9em; color: #046c02; margin: 0px; }
#usability-inner { width: 100%; overflow: hidden; color: #046c02; font-weight: bold;}
div.usability { float: left; width: 73%;  }
div.datetime { float: right; width: 26%; text-align: right; }

map.usability { }
ul.usabilitylist { height: 20px;  border: 0px solid black; padding: 0; margin: 0; list-style-type:none;}
ul.usabilitylist li { color: #046c02;  padding-right: 7px; padding-left: 15px; background: url("/EasySiteWeb/EasySite/StyleData/buswise/Images/usability-bullet.gif") no-repeat left top; float: left;}
.usability a:link, .usability a:visited { text-decoration: none; color: #046c02; }
.usability a:hover, .usability a:active { text-decoration: underline; color: #046c02; }
.usability sep {}

.text-resizer-title { }
.text-larger { }
.text-normal { }
.text-smaller { }



/* Search Panel */
#search-panel-outer { margin: 2px 0 0px 0; display: block; position: absolute; right: 40px; top: 15px; width: 200px;}
#search-panel-inner { overflow: hidden; border: 0px; }
#search-form-outer { margin: 6px 8px 5px 8px; }
#search-form-inner { overflow: hidden;}
.SearchFieldset { padding: 0; margin: 0; } /* Use HideFieldset/Legend if required for the design */
.SearchLegend { margin-left: 5px; padding-left: 5px; padding-right: 5px; }
.SearchLabel { font-weight: bold; padding: 0 0 3px 0; display: block; }
.SearchKeywords, .searchPostcode { width: 125px; border: 1px solid #6a54a3; background: #fff; color: #6e6e6e; font-weight: bold; padding: 4px; height: 13px; font-size: 1em;}
.searchEvents { border: 1px solid #737373; background: #fddd98; color: #6e6e6e; font-weight: bold; padding: 4px; height: 13px; font-size: 1em;}
.searchDropdown { border: 1px solid #737373; background: #fddd98; color: #6e6e6e; font-weight: bold; padding: 4px; font-size: 1em;}
.SearchButton { padding: 0px; margin: 0; cursor: pointer; background: #FFF url("/EasySiteWeb/EasySite/StyleData/buswise/Images/search_go.gif") center; height: 23px; width: 23px; }
.oDataSearchFormInputText { display: inline;}
.oDataSearchFormButton { display: inline; }

/* Document Navigation - See Separate CSS */

/* Admin Links / Footer Links */ 
#AdminLinksOuter { border: 1px #cccccc solid; background: #eeeeee; padding: 2px 6px 2px 6px; margin-bottom: 10px; margin-top: 10px; }
#AdminLinksInner { width: 100%; overflow: hidden; }
a.AdminLinks:link { color: #0066cc; font-weight: normal; }
a.AdminLinks:visited { color: #0066cc; font-weight: normal; }
a.AdminLinks:hover, a.AdminLinks:active { color: #FFCC00;  }

/* Start Content Classes Here  */
.ClientAreaContainer { width: 100%; }

.CrLf { margin-top: 1em; }

/* =============================== END CSS General Presentation =============================== */

/* =============================== START CSS Modules and Forms =============================== */

/* Asset Browser */
.results-pagination-outer { margin-top: 10px; }
.results-pagination-left { float: left; width: 100%; overflow: hidden; }

.asset-thumbail-list-outer { }
.asset-thumbail-list-inner { float: left; 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; }
/* PMS Styles - Do Need to remove duplicates!

.AssetManagerAreaMiddle { background: #F7F7F7; padding: 8px; }
.AssetDetailsLeftOuter { width: 148px; float: left; height: auto; min-height: 180px; border: 1px solid #cccccc; background: #ffffff; }
.AssetDetailsLeftInner { padding: 8px; vertical-align: middle; text-align: center; }
.AssetDetailsRightOuter { margin-left: 175px; }
.AssetDetailsRightInner { vertical-align: top; }
*/
.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%; }

/* Panel Classes */
.panel_window { border: solid 1px #E5E5E5; background: #F2F2F2; padding: 3px; margin-bottom: 10px }
.panel_title { text-align: left; background: #E5E5E5; padding: 3px 6px 3px 6px; color: #666666; font-weight: bold; }
.panel_content { background: #ffffff; padding: 1%; }
.panel_error { color: #ff0000; margin: 1em; } 

/* DataForm Classes */
.DataFormLabel { display: block; width: 100%; }
.DataFormQuestion { width: 40%; float: left; display: block; text-align: right; padding: 10px; margin: 10px 10px 10px 0;  }
.DataFormInputText { width: 45%; float: left; padding: 2px; margin: 2px 2px 2px 2px; border: 1px solid #000; background: #fff; }
.DataFormInputTextarea { float: left; width: 30%; padding: 2px; margin: 3px; border: 1px solid #000; background: #fff; }
.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: 45%; float: left; margin: 10px 0 10px 0; }
.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;
}

.AttachedAssetElement_AssetPreviewArea
{
	width: 50px; 
	float: left;
}

.AttachedAssetElement_AssetDetailsArea
{
	margin-left: 70px;
}

div.InlineAsset {
}
div.InlineAsset div {
    border:1px solid #EFEFEF;
    padding: 3px !important;
    background-color:#FAFAFA;
    font-size: 94%;
    text-align: center;
    overflow: hidden;
}

div.InlineAsset div a img {
    border:1px solid #cccccc;
}

.Asset_Left 
{
	float: left;
    padding-right:10px;
    padding-bottom:5px;
}

.Asset_Center 
{
	text-align:center;
    padding-bottom:5px;
}

.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%; }

/* Headline Box  OLD CODE - still remains in other client styles
.HeadlineBox_Outline  { background: #ffffff; margin-bottom: 10px; } 
.HeadlineBox_Body { }

.HeadlineBox_FullWidth { margin: auto; }
.HeadlineBox_Centre { margin-right: 10px; margin-left: 10px; padding-bottom: 10px; position: relative;}
.HeadlineBox_FloatRight { float: right; margin-left: 10px; padding-bottom: 10px; position: relative; }
.HeadlineBox_FloatLeft { float: left; margin-right: 10px; padding-bottom: 10px; position: relative; }

.HeadlineTitleBar { background: #0A51A1; padding: 3px 5px 3px 8px; color: #ffffff; }
.oRSSHeadlineBoxBody { border: 1px solid #0A51A1; padding: 5px; }
*/
/* 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 { position: relative; }
.oRSSFeedContainerInner { width: 100%; background: #ffffff; }

.oRSSFeedHeaderOuter { background: #0A51A1; padding: 3px 5px 3px 8px; color: #ffffff; }
.oRSSFeedHeaderInner { }

.oRSSFeedBodyOuter { border: 1px solid #0A51A1; padding: 5px; }
.oRSSFeedBodyInner { width: 100%; }

ul.oHeadlineBoxList { padding: 0; margin: 0; margin-left: 1em; padding-left: 1em; color: #000000; }
li.oHeadlineBoxItem { list-style-type: square; margin: 0; padding: 0; }
span.oHeadlineBoxItem { margin: 0; padding: 0; }

/* 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; }

.DataGridPagination { color: #666666; visibility:hidden; }
.DataGridPagination a { color: #0066cc; text-decoration: none; }
.DataGridPagination a:hover, .DataGridPagination a:hover  { text-decoration: underline; }

/*New Tables */
table.oDataGrid { width: 100%; border: 0; border-collapse: separate; font-size: 1em; 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: 1px solid #736273; padding: 2px 8px 3px 8px; color: #ffffff;  background: #0066cc; font-size: 1em; 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, td.oDataGridCell a:visited { color: #0066cc; text-decoration: underline; } 
td.oDataGridCell a:hover, td.oDataGridCell a:active { color: #4A5C68; text-decoration: underline; background: transparent; } 

span.oDataGridContent {}
a.oDataGridHeaderLink { color: #ffffff; background: transparent; }
a.oDataGridHeaderLink:link, a.oDataGridHeaderLink:visited { color: #4A5C68; background: none; }
a.oDataGridHeaderLink:hover, .oDataGridHeaderLink:active { color: #4A5C68; background: transparent; }

/* Forms */
.oDataFormContainer { }

.oDataForm {}

.oDataFormFieldset { border: 1px #cccccc solid; margin-top: 1em; padding: 0px; }
.oDataFormLegend { padding-left: 5px; padding-right: 5px; color: #666666; font-size: 1.2em; }

.oDataFormElementContainer, .oDataElementContainer { padding: 4px 10px 6px 10px; }
.oDataFormElement { width: 100%; overflow: hidden; clear: both; display: inline; }

.oDataFormComment { margin: 0.5em 0 0.5em 0; }

.oDataFormQuestion { text-align: left; width: 35%; float: left; display: block; }
.oDataFormLabel { display: inline; margin-right: 5px; margin-bottom: 5px; padding: 3px 10px 4px 10px; font-weight: bold; }

.oDataFormAnswer { text-align: left; display: block; width: 60%; float: left; }
.oDataFormAnswerText { text-align: left; float: left; display: block; width: 60%; padding-top: 2px; }
.oDataFormAnswerTextStyle { }
.oDataFormInputSuffix { padding-left: 10px; }

.oDataFormInputSelect { }
.oDataFormInputText { margin: 0px; border: 1px solid black; background: #fff; }
.oDataFormInputTextarea { border: 1px solid black; background: #fff; }
.oDataFormDatePicker { width: 100px; }
table.DataFormInputCheckbox { padding: 0; margin: 0;  border-collapse: collapse; } /* Needs HTML Fixing */
table.DataFormInputCheckbox td { padding: 0; margin: 0; }
table.DataFormInputCheckbox tr { padding: 0; margin: 0; }
table.DataFormInputCheckbox input { padding: 0; margin: 0; }

.oDataFormInputTextShort { width: 100px; }
.oDataFormInputTextMedium { width: 60%; }
.oDataFormInputTextFull { width: 90%; }

.oDataFormButtonContainer { margin-left: 0; padding-top: 10px; padding-bottom: 10px; display: block; }
.oDataFormButton { color: #000000; background: #eeeeee; border: 1px solid #cccccc; margin-right: 15px; padding: 1px 15px 0px 15px; font-weight: normal; }
.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("/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 { }

/* Petitions */
.oPetitionsPreview { border: 1px solid #cccccc; margin: 1em 0 1em 0; padding: 8px; }

/* Generic Module Element */
.oModuleElementTitle { }
.oModuleElementDescription { margin: 0.5em 0 0.5em 0; }
.oModuleElementResults { margin: 0.5em 0 0.5em 0;}

/* start old DF */
.Message { }
.MessageAlt { }
.MessageTitle { font-weight:bold; }
.MessageSubmittor { }
.DiscussionDateHeader{}
/* end old  DF */



/* =============================== NEW Styles =============================== */

/*NEW - HEADERS*/

h1 {
	/*border-bottom:1px solid #717171;*/
	color:#f7941e;
	font-weight:bold;
	font-size:1.6em;
	padding:0;
	margin:0;
	padding-bottom:0px;
	text-decoration:none;
}

h1#skiplinks
{
	/*border-bottom:1px solid #717171;*/
	color:#f7941e;
	font-weight:bold;
	font-size:1.6em;
	padding:0;
	margin:0;
	padding-bottom:0px;
	text-decoration:none;
	margin-top: 20px;
}

h2 {
	color:#099345 !important;
	/*padding-bottom:0.5em;*/
	font-weight:bold !important;
	font-size:1.2em !important;

margin: 10px  0 5px 0;
}




div.contentEditor > h2:first-child {
	color:#099345;
	padding-bottom:0.5em;
	font-weight:bold;
	font-size:1.5em;
	border-bottom:1px solid #717171;
}

/*NEW - TABLE styling*/
.ContentEditor caption {
	font-weight:bold;
	text-align:left;
	color:#25a09c;
	font-size:1em;
	margin:0;
	padding:0;
	height: 22px;
}

.ContentEditor table {
	color:#333333;
	margin:0;
	padding:0;
	margin-top:8px;
	margin-bottom: 15px;
	border:0px;
	float:left;
}

.ContentEditor table, .ContentEditor td, .ContentEditor th, .ContentEditor select, .ContentEditor input, .ContentEditor textarea { 
	font-size: 1em; 
	font-family: verdana, sans-serif; 
}

.ContentEditor th {
	color:#fff;
	text-align:left;
	background-color:#8971a3;
	padding:3px;
	border:1px solid #fff;
}


/*.ContentEditor tr > td:first-child {
	width:30%;
	font-weight:bold;
}*/
	

.ContentEditor td {
	background-color:#ececec;
	padding:3px;
	border:1px solid #fff;
}

.ContentEditor td a, .ContentEditor td a:hover, .ContentEditor td a:active {
	font-weight:normal;
	color: #5d19a6 !important;
	text-decoration:underline;
}

h2 a {
	
	color: #099345 !important;
	text-decoration: none !important;
}


/*NEW - GENERAL CONTENT styling*/

.ContentEditor a {
	
	color: #f78f1e;
	text-decoration:underline;
}









/* ================================ side bar rss feeds =================================*/
div.menu {
float:right;
width:150px;
height:auto !important;
}

div.sub-menu-header {
	background-color: #69c0bc;
	line-height:200%;
	padding-left: 5px; 
}

.sub-menu-header a {
	background: url(../images/side-rss-bar-images/sub_menu.gif) left top no-repeat;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 0px 5px 20px;
	min-height: 26px;
}

ul.sub-menu-links {
	border: 1px solid #69c0bc;
	border-top-width: 0px;
	padding: 0px 5px;
	overflow: visible;
}

#menu1, #menu2, #menu3 {
	list-style:none;
}

#menu1 li, #menu3 li { 
	padding:0px 0px 0px 0px;
	line-height:200%;
	font-size:1em;
	border-bottom:1px solid #7d7e7e;
	background:url(../images/side-rss-bar-images/green_arrow_long.gif) left top no-repeat;
}

#menu3 li {
	border-top:1px solid #7d7e7e;
}

#menu1 a, #menu3 a  {
	display: block;
	color:#00847C;
	padding: 0px 0px 0px 30px;
	text-decoration:none;
	height: auto !important;
	height: 22px;
	min-height: 22px;
}

#menu1 li a:hover, #menu1 li a:active, #menu1 li a:focus, #menu3 li a:hover, #menu3 li a:active, #menu3 li a:focus {
	color:#ffffff;
	background:#29aeac url(../images/side-rss-bar-images/green_arrow_long.gif) left top no-repeat;
}

#menu1 li.active, #menu1 li.active a, #menu3 li.active, #menu3 li.active a {
	font-weight:bold;
	color:#ffffff;
	background:#29aeac url(../images/side-rss-bar-images/orange_arrow_long.gif) left top no-repeat;
}

#menu2 li { 
border-left:1px solid #7d7e7e;
text-align:center;
padding:10px 0px 0px 0px;
line-height:200%;
font-size:0.7em;
background:#DBE8F1 url(../images/side-rss-bar-images/li2_bottom.gif) left bottom no-repeat;
}

#menu2 li a { 
	font-size:1.5em;
}


#maps  { 
background:#DBE8F1 url(../images/side-rss-bar-images/li3_bottom.gif) left bottom no-repeat;

}

#docs a{
background:url(../images/side-rss-bar-images/docs1.gif) left top no-repeat;
}
#request a{
background:url(../images/side-rss-bar-images/request1.gif) left top no-repeat;
}
#maps a{
background:url(../images/side-rss-bar-images/maps1.gif) left top no-repeat;
}

#menu2 a  {
display: block;
color:#4B6A95;
padding: 50px 0px 0px 0px;
text-decoration:none;
height: auto !important;
height: 35px;
min-height: 35px;
}

#maps a:hover, #maps a:active, #maps a:focus {
	background:url(../images/side-rss-bar-images/maps2.gif) left top no-repeat;
}
#docs a:hover, #docs a:active, #docs a:focus {
	background:url(../images/side-rss-bar-images/docs2.gif) left top no-repeat;
}
#request a:hover, #request a:active, #request a:focus {
	background:url(../images/side-rss-bar-images/request2.gif) left top no-repeat;
}




/* service links for 3rd nav categories */

#sub-menu-services, #sub-menu-contacts { }

#sub-menu-services-links li a, #sub-menu-services-links li a:visited, #sub-menu-contacts-links li a, #sub-menu-contacts-links li a:visited {
	font-weight: bold;
	color: #db7203 !important;
	margin: 0;
	background: url(/EasySiteWeb/EasySite/StyleData/Safer_Roads/Images/side-rss-bar-images/link_icon.gif) left top no-repeat;
	font-size:0.9em;
	padding-left: 24px;
		display: block;

}

ul#sub-menu-services-links, ul#sub-menu-contacts-links { margin: 0px 0px 10px 0px; padding: 0px; border: 1px solid #69c0bc;  list-style-type: none;}
  
ul#sub-menu-services-links li, #sub-menu-contacts-links li { margin: 3px 0 3px 0; padding: 1px; list-style-type: none;}
#sub-menu-contacts-links li { margin: 3px 0 3px 5px;}

#sub-menu-services-links li a:hover,  #sub-menu-services-links li a:focus, #sub-menu-contacts-links li a:hover,  #sub-menu-contacts-links li a:focus {
	font-weight: bold;
	color: #db7203 !important;
	margin: 0;
	background: url(/EasySiteWeb/EasySite/StyleData/Safer_Roads/Images/side-rss-bar-images/link_icon.gif) left top no-repeat;
	font-size:0.9em;
	padding-left: 24px;
	display: block;

}






/*#menu2 li.active a {
	background:#85CB90 url(../az_new/images/docs2.gif) left top no-repeat;
}*/
/* ================================ end side bar rss feeds =================================*/


/*-------------------------------------------------------------------------------*/
#sub-menu-div {
height: auto !important;
height: 100px;
min-height: 100px;
background-color:#ECF9D4;
padding:10px 10px 10px 10px;
}

#sub-menu {
list-style:none;
}

#sub-menu li {
background:url(images/sub_menu.gif) left top no-repeat;
}


#sub-menu li a, sub-menu li a:visited {
	font-weight:bold;
 	color:#70a439;
	text-decoration:none;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:20px;
}

#sub-menu li a:hover {
text-decoration:underline;
}




/*----------TOP NAV--------------------------------*/

#topMenu, #topMenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	clear:left;
}

 
#topMenu a {
	margin-top: 0.4em;
	display: block;
	
	text-decoration:none;
	padding-left: 0.3em;
	/*border: 1px solid red;*/
}


#topMenu li { /* blue top menu bar list items */
	height:2.5em;
	float: left;
	background-color:#fff;
	width: 9em; /* width needed or else Opera goes nuts */
	padding-right:1em;
	padding:0;
	border-right: 2px solid #6a54a3;
	list-style-type: none;
}

#topMenu li.no-end-bar { /* blue top menu bar list items */

	border-right: 0px solid #6a54a3;

}

#topMenu li.floatRight {
float:right;
}

#topMenu li.selected {
background-color:#fff;
}



#topMenu ul li {
	margin:0;
	border:none;
	background-color:#fff;
}

#topMenu li ul { /* second-level lists */
	position: absolute;
	width: 16em;
	left: -999em; /* -999 using left instead of display to hide menus because display: none isn't read by screen readers */
	top:2.2em;
	line-height: 1.5em;
	border:1px solid #6a54a3;
	clear:both;
	z-index: 1000;
} 

#topMenu li a {
	text-decoration:none;
	color:#6a54a3;
	margin-left:0.2em;
	font-weight: bold;
	display: block;
	height: 1.6em;
	line-height: 1.5em;
}


#topMenu li li ul {
	position:absolute;
	left:-1em;
	top:auto;
	margin:-1.82em 0 0 15.7em;
}


#topMenu li ul li {
	display:block;
	width: 16em;
	height:2em;
	clear:both;
}


#topMenu li:hover ul ul, #topMenu li.sfhover ul ul { 
     left: -999em; 
} 
	 
#topMenu li:hover ul, #topMenu li li:hover ul, #topMenu li.sfhover ul, #topMenu li li.sfhover ul {   
  left: auto; 
} 
	
	
#topMenu li ul li a {
	/*width:10em;*/
	display:block;
	text-decoration:none;
	border-right:none;
	margin-top: 0.3em;
	margin-right: 1px;
}

#topMenu li:hover ul, #topMenu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#content {
	clear: left;
	color: #ccc;
}

#topMenu ul li.daddy {
	background:url(http://www.eastriding.gov.uk/target45/images/menu_arrow.gif) center right no-repeat;
	background-color:#74C029;
	
}

#topMenu ul li:hover.daddy {
	background-color:#fff;
	
}

#topMenu ul li:hover, #topMenu ul li.sfhover {
	background-color:#f3f1fa;
	border: 1px solid #cbc5e1;
	border-right: none;
	border-left: none;
}


/*===============================================================================*/

/*  Menu Styles */

#menuSystem ul, #menuSystem-prolific ul { list-style-type: none; padding: 0 0.2em 0.1em 0.2em; margin: 0.3em 0.2em 0.1em 0.2em; }

#menuSystem li, #menuSystem-prolific li { list-style-type: none; font-weight: bold; color: #6a54a3; margin: 0em; padding-bottom: 0.2em; }

#menuSystem li a, #menuSystem-prolific li a { font-weight: bold; color: #6a54a3; text-decoration: none;}

a.sublink { font-weight: normal !important; color: #6a54a3; }

ul.subnav { margin-left: 1.4em !important; padding-left: 0.2em !important; list-style-image:url(../sc-image/common_image/left_bullet.gif);}

li.subnav {	border: none !important; margin-left: 0em !important; padding-left: 0.2em !important;	margin-bottom: 1px !important; padding-bottom: 1px !important;}

.nosub, .sub { border-bottom: 1px dashed #c0c0c0;;}

li.sub { padding-left: 3px; border-bottom: 1px dashed #c0c0c0; }

li.subsub { padding-left: 3px; border-bottom: 0px dashed #c0c0c0; }

ul.green_ul { list-style-type: none; margin-left: 0px;}
/*end left manu styles*/

/* =============================== Print Friendly Stuff =============================== */


@media print {

#header-outer, #usability-outer, #logo-outer, #main-banner-outer, #menu-outer, #footer-menu-outer { display: none; }

#left-outer { width: 0; display: none; }

#content-outer { margin-left: 0px; }
#content-inner { overflow: hidden; padding-top: 4px; }

}




/*clearfix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* A pressie for the webteam from David A Gibson */
iframe {
  border-style:none;
  border-width:0px;
  margin:0px 0px 1em;
  padding:0px;
  width:100%;
}