/* ============================== START CSS Containers ============================== */
body {
    margin: 0; padding: 0; background: #ffffff url("/EasySiteWeb/EasySite/StyleData/EastRiding_General/Images/website-background.gif") no-repeat top left; color: #000000;
	font-family: verdana, sans-serif;
	font-size: 0.8em;
	color:#333333;
}

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

#frmMain { margin: 0px; }
/* Containers */
#page-outer { margin: auto;  }
#page-inner {  }
.PageWidthRelative { width: 90%; }
.PageWidthAbsolute { width: 100%; }
.fontSizeAdjustment { font-size: 95%; }

#header-outer { }
#header-inner { }

#logo-outer { clear: both; background-color: #2db1b3; background: url("/EasySiteWeb/EasySite/StyleData/EastRiding_General/Images/logo-bar-background.jpg") repeat-x; height: 74px; overflow: hidden; border-bottom: 1px solid #0e6763;}

#logo-inner { padding: 2px 0px 2px 10px; margin-bottom: 15px; float: left;}

#main-outer { clear: both; background: #fff url("/EasySiteWeb/EasySite/StyleData/EastRiding_General/Images/main-content-background.gif") repeat-y ; padding-right: 5px; border-right: 1px solid #d4d9e0;}
#main-inner { width: 100%; }



#content-outer { background: white; min-height: 400px; padding: 20px;}
#content-inner { }
#content-padding { margin-left: 10px; margin-right: 5px; padding }
.content-padding { margin-left: 10px; margin-right: 5px; 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 =============================== */


/* For further columns / panels; use Beta / Gamma */

/* AZ Menu */
.AZLinkBar { color: #000000; font-size: 1em; padding-top: 10px; padding-bottom: 10px; }
#atoz-outer { clear: both; width: 100%;  background: #f89508 url("/EasySiteWeb/EasySite/StyleData/EastRiding_General/Images/atoz-bar-background.jpg") top left; height: 27px; }
#atoz-inner { padding: 0px 5px; color: white; font-weight: bold; padding-left: 20px; }
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;}

#atoz-inner a { text-decoration: none; font-weight: bold; }
#azArrow { background: url("/EasySiteWeb/EasySite/StyleData/EastRiding_General/Images/atoz-arrow.gif") no-repeat center; width: 32px; height: 20px; }
#azTitle, #azArrow, #azLinks { float: left; margin-top: 3px; }
#azTitle, #azLinks { margin-top: 6px; }

#mycouncil-outer { float: left; width: 100%; border-top: 1px solid #0e6763;  background: #2ba9ac; }
#mycouncil-inner { padding: 5px; color: white; font-weight: bold; }

#council-information { width: 200px; background:url("/EasySiteWeb/EasySite/StyleData/EastRiding_General/Images/council-information.gif") no-repeat; float: left;}

/* =============================== 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; }
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:0.3em;}


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: #db7203; text-decoration: underline; }
a:visited { color: #003066; text-decoration: underline;}
a:hover, a:active {	color: #db7203; text-decoration: none; text-decoration: underline; }

/* Usability */
#usability-outer { clear: both; padding: 0px 8px 4px 8px; background: url("/EasySiteWeb/EasySite/StyleData/EastRiding_General/Images/usability-bar-background-eforms.jpg") top left repeat-x; color: #ffffff;}
#usability-inner { width: 100%; overflow: hidden; padding: 0px;}

.usability-alpha { float: right; width: 75%; color: #2a9d99; text-align: right; }
a.usability-alpha-link:link { color: #2a9d99; text-decoration: none; font-weight: bold;}
a.usability-alpha-link:visited { color: #2a9d99;  font-weight: bold; text-decoration: none;}
a.usability-alpha-link:hover, a.usability-alpha-link:active { color: #ffb30f; background: transparent; text-decoration: none; }
.ubl-alpha-sep { padding: 0 3px 0 3px; color: #669EF1; }

a.contactus { width: 86px; height: 17px; text-decoration: none; margin: 0; padding: 0; margin-right: 10px; padding-top: 0px; display:inline-block;}
a.contactus:visited, a.contactus:hover, a.contactus:active { width: 86px; height: 17px; text-decoration: none; margin: 0; padding: 0;  margin-right: 10px; padding-top: 0px; display:inline-block;}

a.contactus img { padding: 0; margin: 0; width: 86px; height: 17px;}

.text-larger { font-size: 1.2em; font-weight: bold; }
.text-normal { font-size: 1em; font-weight: bold; }
.text-smaller { font-size: 0.8em; font-weight: bold; }

.usability-beta { float: right; text-align: right; width: 24%; color: #FDD803; }
a.usability-beta-link:link { color: #ffffff; text-decoration: underline; }
a.usability-beta-link:visited { color: #ffffff; }
a.usability-beta-link:hover, a.usability-beta-link:active { color: #FDD803; }
.ubl-beta-sep { padding: 0 3px 0 3px;  color: #669EF1; }

/* Main Menu */
#menu-outer { clear: both; background: #ffb30f; }
#menu-inner { width: 100%; overflow: hidden; }

.menu-link { width: 16%; float: left; font-weight: normal; text-align: center;  display: block; }
a.mm-link:link, a.mm-link:visited { padding: 2px 13px 3px 13px; color: #ffffff; text-decoration: none; font-weight: bold; display: block; }
a.mm-link:hover, a.mm-link:active { color: #FF3333; text-decoration: none;  }

a.mm-link-alpha:link, a.mm-link-alpha:visited { border: 2px solid #74C28F; background-color: #74C28F; background-image: url("/EasySiteWeb/EasySite/StyleData/Default/Images/bg_tnv_A.gif"); background-position: bottom; }
a.mm-link-alpha:hover, a.mm-link-alpha:active { }
a.mm-link-beta:link, a.mm-link-beta:visited { border: 2px solid #72B4E0; background: #72B4E0 url("/EasySiteWeb/EasySite/StyleData/Default/Images/bg_tnv_B.gif") bottom; }
a.mm-link-beta:hover, a.mm-link-beta:active { }
a.mm-link-gamma:link, a.mm-link-gamma:visited { border: 2px solid #8B5DE6; background: #8B5DE6 url("/EasySiteWeb/EasySite/StyleData/Default/Images/bg_tnv_C.gif") bottom; }
a.mm-link-gamma:hover, a.mm-link-gamma:active { }
a.mm-link-delta:link, a.mm-link-delta:visited { border: 2px solid #F38888; background: #F38888 url("/EasySiteWeb/EasySite/StyleData/Default/Images/bg_tnv_D.gif") bottom; }
a.mm-link-delta:hover, a.mm-link-delta:active { }
a.mm-link-epsilon:link, a.mm-link-epsilon:visited { border: 2px solid #E08E57; background: #E08E57 url("/EasySiteWeb/EasySite/StyleData/Default/Images/bg_tnv_E.gif") bottom; }
a.mm-link-epsilon:hover, a.mm-link-epsilon:active { }
a.mm-link-zeta:link, a.mm-link-zeta:visited { border: 2px solid #EB6E6E; background: #EB6E6E url("/EasySiteWeb/EasySite/StyleData/Default/Images/bg_tnv_F.gif") bottom; }
a.mm-link-zeta:hover, a.mm-link-zeta:active { }

/* Search Panel */
#search-panel-outer { width: 58%; float: right; margin-top: 5px;}
#logo-bar-links { float: right; overflow: hidden; color: white; margin-top: 0px; text-align: right; padding-right: 8px; width: 98%;}
a.logo-bar-links-link:link { text-decoration: none; font-weight: bold;  color: white;}
a.logo-bar-links-link:visited { color: white; text-decoration: none; font-weight: bold; }
a.logo-bar-links-link:hover { color: #ffb30f; background: transparent; }

#search-panel-inner { overflow: hidden; border: 0px; float: right; text-align: right; }
#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 #737373; background: #fddd98; 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/EastRiding_General/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;  }




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

/*NEW - HEADERS*/

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

h1#skiplinks
{
	margin-top: 20px;
}

h2 {
	color:#25a09c;
	padding-bottom:0.5em;
	font-weight:bold;
	font-size:1.5em;

}


span.spacer
{
	width: 1px;
	background: url("../images/myeastriding-button-spacer.jpg");
}




/* ================================ 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-left: 20px;
	height: 24px;
	min-height: 22px;
}

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


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





/* =============================== End of Navigation Style  =============================== */



@media print {

#header-outer, #usability-outer, #logo-outer, #main-banner-outer, #menu-outer, #footer-menu-outer { 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%;
}




/*FOOTER*/

#footer-outer { clear: both; width: 100%; float: left; overflow: visible; margin: 0px; padding: 0px;}
#footer-inner {  }

#footer-alpha-outer { clear: both; background: #f89508 url("/EasySiteWeb/EasySite/StyleData/EastRiding_General/Images/atoz-bar-background.jpg"); border-top: #fff 1px solid; padding: 6px;  height: 15px; }
#footer-alpha-inner { width: 100%; overflow: hidden; }

#footer-beta-outer { clear: both; padding-top: 10px; border-top: 1px solid white; background: #69c0bc url("/EasySiteWeb/EasySite/StyleData/EastRiding_General/Images/footer-beta-background-eforms.gif"); }
#footer-beta-inner { }

.copyright { color: #505050; font-size: 0.96em; float: left; width: 62%; }
.copyright a{ color: #505050; }


.footer-alpha-sep { color: #669EF1; }
.footer-alpha-link:link, .footer-alpha-link:visited { color: #ffffff; text-decoration: underline; }
.footer-alpha-link:hover, .footer-alpha-link:active { color: #FFDD19; background: transparent; text-decoration: underline; }

.contact { float: right; text-align: right; width: 37%; color: #ffffff; font-weight: bold; }
.contact-title { color: #FFDD19; font-weight: normal; }

.address { font-size: 0.96em; text-align: center; color: #0A51A1; }

.tagline { text-align: right; color: #666666; }
.tagline-link:link, .tagline-link:visited { color: #666666; } 

#council-logo
{float: left; width: 200px; background:  url("/EasySiteWeb/EasySite/StyleData/EastRiding_General/Images/east-riding-logo.gif") no-repeat top left; height: 45px; margin: 0 0 20px 5px;}