/*Global styles-------------------------------------------------------------------------------------------------------*/

* {
padding: 0px;
margin: 0px;
}

#lblGeogValues {
display:none;
}

body {
	font-size: 72%;
	font-family:Arial, Helvetica, sans-serif;
	color : #515050;
	text-align:justify;
	margin-left:10%;
}

a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1em;
	color:#5395F5;
	text-decoration:none;
}

a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1em;
	color:#455B7B;
	text-decoration:none;
}

h1 {
	visibility:hidden;
}

h2 {
	visibility:hidden;
	padding-left:20px;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
height: 30px;
padding: 0px 0px 0px 30px;
width: 191px;
float: left;
}

h4 {
padding-left:0px;
color: #3B87B6;
font-weight:bold;
font-size:100%;

}

.indented-h4 {
padding-left:14px;
padding-top:15px;
}

#home-container-right h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
height: 30px;
padding: 0px 0px 0px 30px;
width: 191px;
float: left;
}

h4.invisible-title {
	visibility: hidden;
}

.get-data-title {
padding-left: 15px;
padding-bottom: 15px;
}

p.help-text{
line-height:1.7em;
width:95%;

}

p.help-text-small{
line-height:1.7em;
width:95%;
font-size:90%;
}




#header {
	height: 80px;
	width: 100%;
	position: relative;
	/*background:url(images1/horizontal_dot.gif) bottom left repeat-x;*/
}

#header a {
width:160px;
height:150px;
}

#header img {
border-style:none;
}

#header-menu {
position:absolute;
right:0px;
top:40px;
float:right;
height:30px;
}

#header-menu a {
padding-right:10px;
padding-left:8px;
}


#footer {
clear:both;
	
	height: 79px;
	width: 800px;
padding-bottom:10px;
}

#footer a {
height:79px;
width:100px;
}

#footer img {
border-style:none;
}


.header-left {
	position:absolute;
	top: 0px;
	left: 0px;
}

#footer img.header-left {
	position:absolute;
	top: 580px;
	left: 20px;	
}

#footer p {
display:none;
}

.header-right {
	position:absolute;
	top: 0px;
	right: 0px;
}

/*------home page only-------------------------------------------------------------------------------------------------------*/
/*#outer-wrapper {
margin: 0px 30px;
width: 800px;
height: auto;
}

#home-container-main {
position:relative;
width: 100%;
padding: 0px 0px 0px 0px;
margin:0px;
border:1px solid #999999;
background: url(images1/box_bg3.gif) right top repeat-y;
}

#home-container-left {
	width: 360px;
	height: auto;
	margin:0;
	padding:0;
	float: left;

}

#home-container-left p {
	margin: 0px 0px 0px 1px;
	padding: 10px 40px 10px 15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#515050;
	font-size: 99%;
}


#home-container-right {
	position:absolute;
	right:0;
	top:0;
	width: 440px;
	height: auto;
	margin:0;
	padding:0;
}


#home-container-top {
	float: right;
	background: url(images1/box_bg1.gif) right top repeat-y;
	width: 440px;
}


#home-container-middle {
	float: right;
	background: url(images1/box_bg2.gif) right top repeat-y;
	width: 440px;
}


#home-container-bottom {
	float: right;
	background: url(images1/box_bg3.gif) right top repeat-y;
	width: 440px;
}


.left {
	float: left;
	height: auto!important;
	height: 180px;
	min-height:180px;
	width: 219px;
}

.right {
	height: auto!important;
	height: 180px;
	min-height:180px;
	width: 219px;
	float: right;
}*/


/*-------H3 icons for menu-------------------------------------------------------------------------------*/
#header1 {
background:#E4F1F9 url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/home_news.gif) no-repeat scroll left top;
color:#428BB4;
}
#header2 {
background:#F4E7FA url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/home_maps.gif) no-repeat scroll left top;
color:#9C59BC;
}
#header3 {
background:#E9F9E4 url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/home_links.gif) no-repeat scroll left top;
color:#72BA5C;
}
#header4 {
background:#fbfae2 url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/home_advanced.gif) no-repeat scroll left top;
color:#b9b631;
}
#header5 {
background:#e4e6f9 url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/home_contact.gif) no-repeat scroll left top;
color:#5d64c5;
}
#header6 {
background:#e4f9f1 url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/home_feedback.gif) no-repeat scroll left top;
color:#53ac8c;
}
/*NEW*/
#thematic-container-top .left h3 {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/thematic_setter.gif) no-repeat scroll left top;
}
#thematic-container-middle .left h3 {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/thematic_search.gif) no-repeat scroll left top;
}
#thematic-container-bottom .left h3 {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/thematic_feedback.gif) no-repeat scroll left top;
}
#report-container-top .left h3 {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/report_layers.gif) no-repeat scroll left top;
}
#report-container-middle .left h3 {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/report_search.gif) no-repeat scroll left top;
}
#report-container-bottom .left h3 {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/report_feedback.gif) no-repeat scroll left top;
}
#report-container-top-geography .left h3 {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/report_geography.gif) no-repeat scroll left top;
}
/*NEW*/
.box-title {
margin-left:20px;
margin-top:0px;
position:absolute;
}
/*mew home*/


#center {	
	width:520px;
	}


#holding {
	position:relative;
	padding:0;
	width:auto;
	height:1000px;
}

#do-logo{
	width:370px;
	height:58px;
	padding:0;
	margin:0;

}

#map {
	background:#636363 url(images1/image_map_bg.gif) left top no-repeat;
	width:387px;
	height:376px;
	padding:0;
	margin:0;
}

#map li {
padding:0;
	margin:0;
	display:block;
	list-style-type:none;
	position:absolute;
	overflow:hidden;
}

#map li a {
	text-decoration:none;
}

#map a {
	display:block;
	height:224px;
	}

#map1 {
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	top:0px;
	display:block;
	height:224px;
	width:221px;

}
#map2 {
	position:absolute;
	left:143px;
	top:0px;
	display:block;
	height:224px;
	width:221px;
	}
#map3 {
	position:absolute;
	left:0;
	top:142px;
	display:block;
	height:224px;
	width:221px;
}
#map4 {
	position:absolute;
	left:143px;
	top:142px;
	display:block;
	height:224px;
	width:221px;
}

#map1 a:hover {
	background:url(images1/image_map.gif) no-repeat -0px -376px;
	
}
#map2 a:hover {
	background:url(images1/image_map.gif) no-repeat -143px -752px;
}
#map3 a:hover {
	background:url(images1/image_map.gif) no-repeat -0px -1270px;
}
#map4 a:hover {
	background:url(images1/image_map.gif) no-repeat -143px -1646px;
}



#map1 p {
	color:#94cce5;
	position:absolute;
	top:33px;
	text-decoration:none;
	font-size:0.6em;
	font-family:Arial, Helvetica, sans-serif;
		cursor:pointer;
	}
#map2 p {
	color:#d895e5;
	position:absolute;
	top:33px;
	left:50px;
	text-decoration:none;
	font-size:0.6em;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}
#map3 p {
	color:#94dec8;
	position:absolute;
	top:73px;
	text-decoration:none;
	font-size:0.6em;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	}
#map4 p {
	color:#f2e18a;
	position:absolute;
	top:73px;
	left:110px;
	text-decoration:none;
	font-size:0.6em;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}


#home-footer {
	margin:0;
	padding:0;
	}


#home-footer a img {
	border:none;
}
	
	
	
#home-links {
	margin:0;
	padding:0;
	position:absolute;
	width:100px;
	left:390px;
	top:16px;
}

#home-links li {
	font-family:Arial, Helvetica, sans-serif;
	list-style-type:none;
	color:#333333;
	line-height:165%;
	font-size:1em;
	}
	

#home-links a {
	text-decoration:none;
	color:#333333;
}
#home-links a:hover {
	text-decoration:underline;
	color:#333333;
}

/*end new*/


/*------------------Data Protection Page*----------------------------*/

#data-box {

	padding: 5px 5px 5px 5px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	background-color: #ffffff;
	
}

#dataprop-container p{
width:440px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#6b6b6b;
text-align:justify;
}

#dataprop-container h4 {
width:440px;
text-align:justify;
}



#dataprop-container, #dataprop-container2 {
margin: 20px auto 35px auto;
text-align: left;
height:300px;
overflow:auto;
width:500px;
}

#dataprop-container2 {
text-align: left;
height:100px;
overflow:auto;
width:500px;
}

#dataprop-container2 label {
font-size:0.95em;
text-align:left;
color:#3B87B6;
}

span.bold-text {
font-weight:bold;
}













/*-----Rollovers  (excluding map buttons)  ------------------------------------------------------*/
/*----HOME BUTTON------------------------------------------------------*/
#thematic-container-left .home-rollover a, #report-container-left .home-rollover a {
	display:block;
	text-decoration: none;
	text-indent: -500px;
	width: 75px;
	height: 32px;
	background: url("images1/home.jpg") 0 0 no-repeat;
}
#thematic-container-left .home-rollover a:hover, #report-container-left .home-rollover a:hover { 
	background-position: 0 -32px;
}
.home-rollover {
	float:left;
}
.instructions {
	float:left;
}



/*----NEXT/BACK BUTTONS ------------------------------------------------------*/

.back {
	float:left;
}
#report-container-right .back a {
	display:block;
	text-decoration: none;
	text-indent: -900px;
	width: 73px;
	height: 72px;
	background: url("images1/back.gif") 0 0 no-repeat;
}
#report-container-right .back a:hover { 
	background-position: 0 -72px;
}

.next {
	float:right;
}
#report-container-right .next a {
	display:block;
	text-decoration: none;
	text-indent: -1000px;
	width: 73px;
	height: 72px;
	background: url("images1/next.gif") 0 0 no-repeat;
}
#report-container-right .next a:hover { 
	background-position: 0 -72px;
}




/*------2nd level pages only (with 6 buttons down right hand side)----------------------------------------------------------*/

#outer-wrapper2 {
width: 800px;
height: auto;

}


#home-container-main2 {
position:relative;
border:1px solid #C6C6C6;
width: 100%;
background:url(images1/2_bg_dots.gif) top left repeat-y;
}

#home-container-left2 {
width: 581px;

background: transparent;
}

#sample-content {
height:500px;
width: 581px;
float:left;
margin: 10px 10px 10px 10px;
}

#home-container-right2 {
padding:0;
margin:0;
width: 218px;
position:absolute;
right:0;
top:0;
}


/*---------2nd level RIGHT HAND COMPRESSED MENU--------------------------------------*/

#home-container-right2 .button-box {

background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/horizontal_dot.gif) repeat-x scroll left bottom;
float:left;
height:50px;
width:218px;
}


.header-link {
text-decoration:none;
}

h3.home2  {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
height: 30px;
padding: 0px 0px 0px 30px;
width: 185px;
float: left;
}


#header1 {
float:left;
height:50px;
position:relative;
width:218px;
}
#header1 a {
color:#428BB4;
height:30px;
position:absolute;
width:160px;
padding-top:20px;
}
#header2 {
background-color:#F4E7FA;
float:left;
height:50px;
width:218px;
}
#header2 a {
color:#9C59BC;
height:30px;
position:absolute;
width:160px;
padding-top:20px;
}
#header3 {
background-color:#E9F9E4;
float:left;
height:50px;
width:218px;
}
#header3 a {
color:#72BA5C;
height:30px;
position:absolute;
width:160px;
padding-top:20px;
}
#header4 {
background-color:#FBFAE2;
float:left;
height:50px;
width:218px;
}
#header4 a {
color:#B9B631;
height:30px;
position:absolute;
width:160px;
padding-top:20px;
}
#header5 {
background-color:#E4E6F9;
float:left;
height:50px;
width:218px;
}
#header5 a {
color:#5D64C5;
height:30px;
position:absolute;
width:160px;
padding-top:20px;
}
#header6 {
background-color:#E4F9F1;
float:left;
height:50px;
width:218px;
}
#header6 a {
color:#53AC8C;
height:30px;
position:absolute;
width:160px;
padding-top:20px;
}


/*---------END------------------------------------------------------------------------*/

#main-body-text {
display:inline;
float:right;
margin: 10px 40px 10px 0px;
width:440px;
}

#main-body-text2 {
float:right;
width:460px;
background-color:#ffffff;
}


#main-body-text p{
color:#666666;
line-height:1.8em;
}

/*----HOME BUTTON 2------------------------------------------------------*/
#home-container-left2 .home-rollover2 a {
	display:block;
	text-decoration: none;
	text-indent: -500px;
	width: 78px;
	height: 35px;
	background: #ffffff url("images1/home2.gif") 0 0 no-repeat;
}
#home-container-left2 .home-rollover2 a:hover{ 
	background-position: 0 -35px;
}
.home-rollover2 {
	float:left;
}
.instructions {
	float:left;
}








/*-------Thematic and Report page styles (excluding table page)-----------------------------------------------------------*/

#thematic-container-main, #report-container-main {
min-width: 800px;
padding: 0px 0px 0px 0px;
background:url(images1/thematic_screen_bg.gif) top left repeat-y;
}


#thematic-container-left, #report-container-left {
margin: 0px 0px 0px 0px;
width: 579px;
height: auto;
float: left;

}


#thematic-container-tool, #report-container-tool {
margin: 0px 0px 0px 0px;
width: 555px;
height: 400px;
float: left;
background:url(images1/thematic_map_bg.gif) top left repeat-y;
}


#tool-buttons {
width: 125px;
height : 400px;
float:left;
background:url(images1/horizontal_dot.gif) top left repeat-x;
}

#tool-map {
width : 430px;
height : 400px;
float: right;
background:url(images1/horizontal_dot.gif) top left repeat-x;

}

#thematic-container-left p, #report-container-left p {
margin: 0px 0px 0px 1px;
padding: 10px 40px 10px 20px;
font-family:Arial, Helvetica, sans-serif;
color:#515050;
float: left;

}

.home {
float: left;
}


#thematic-container-right, #report-container-right {
width: 220px;
float: left;
}


#thematic-container-top {
float: left;
background: url(images1/box_bg1a.gif) left top repeat-y;
width: 220px;
}


#thematic-container-middle {
float: left;
background: url(images1/box_bg2a.gif) left top repeat-y;
width: 220px;
}


#thematic-container-bottom{
float: left;
background: url(images1/box_bg3a.gif) left top repeat-y;
width: 220px;
}

#report-container-top {
float: left;
background: url(images1/box_bg1b.gif) left top repeat-y;
width: 220px;
}


#report-container-middle {
float: left;
background: url(images1/box_bg2b.gif) left top repeat-y;
width: 220px;
}


#report-container-bottom {
float: left;
background: url(images1/box_bg3b.gif) left top repeat-y;
width: 220px;
}

#report-container-top-geography {
float: left;
background: url(images1/box_bg1b.gif) left top repeat-y;
width: 220px;
}

#back {
float: left;
width: 110px;
height: 160px;
}

#next {
float: left;
width: 110px;
height: 160px;
}

#chkbxlstLayers, #radbtnlstGeog {
float:left;
}


#chkbxlstLayers label, #radbtnlstGeog label{
color:#773797;
padding-left: 5px;
}

#chkbxlstLayers td, #radbtnlstGeog td{
padding: 3px 0px 3px 8px;
}

#dgAreaFind__ctl2_btnUrban a, #dgAreaFind__ctl2_btnUrban a:hover{
color:#373C88;
}

#report-page p, #thematic-page p{
padding-top: 10px;
text-align:left;
}


#txtbxAreaFind {
	background:#D9DCFC;
	border: 1px solid #373C88;
	color:#373C88;
	width:60%;
}

#btnAreaFind, #btnProceed {
	background: #ADB2F5;
	color: #4A4FA9;
	font-size: 90%;
	font-weight: normal;
	border: 1px outset #D9DCFC;
	padding: 0px 5px 1px 5px;
	margin: 0px 0px 0px 5px;
	cursor:pointer;
 	
  }
  
span#lblTitle{
display:block;
padding-bottom: 10px;
padding-top:10px;
font-weight:bold;
}

label#lblDataset, label#lblIndicator, label#lblGeog{
display:block;
padding-bottom: 0px;
padding-top:0px;
margin-left:15px;
font-weight:normal;
color:#215F81;
}

#ddlDataset, #ddlIndicator, #ddlGeography {
width:165px;
background-color:#E4F1F9;
color:#215F81;
font-size:90%;
margin-bottom:15px;
margin-left:15px;
}

#btnSeeMap, #btnSubmitMessage, #btnSubmit {
	background: #CFE6F5;
	color: #4A4FA9;
	font-size: 90%;
	font-weight: normal;
	border: 1px outset #215F81;
	padding: 2px 5px 2px 5px;
	margin: 5px 0px 20px 0px;
 	
  }
  
#imgbtnHelpGeog, #imgbtnHelpDataset, #imgbtnHelpIndic {
margin-bottom:12px;
padding:0px;
}



.legend-key {
 border-collapse: collapse;
margin-top:10px;
width:90%;
margin-left:5px;
float:left;
text-align:left;
}	


.legend-key  td, .legend-key  th {
	border: 1px solid #ffffff;
	padding: .3em;
	vertical-align: middle;
	color: #54970F;
}

.legend-key  caption {
	font-weight: bold;
	font-size: 1.0em;
	text-align: left;
	margin-top: 1em;
	padding-bottom: 10px;
	padding-top: 10px;
	display:none;
}

.legend-key  th#head1, .legend-key  th#head1, {
	background: #E4F1F9;
	color: #3B87B6;
}

.legend-key th#head2, .legend-key th#head2 {
	background: #E4F1F9;
	color: #3B87B6;
}


.news-title {
padding-left:15px;
color: #3B87B6;
font-weight:bold;
}




.news-date {
color: #6AAE23;
font-weight:bold;
}



#latest-news a.hide-news {
display:block;
	padding-left: 13px;
	margin: 0px;
	font-weight:bold;
	text-decoration:none;
	font-size:95%;
	background:url(images1/hide_news.gif) top left no-repeat;
	color:#9C59BC;
	padding-bottom:15px;
}

#latest-news a.show-news {
	display:block;
	padding-left: 13px;
	margin: 0px;
	font-weight:bold;
	text-decoration:none;
	font-size:95%;
	background:url(images1/show_news.gif) top left no-repeat;
	color:#9C59BC;
	margin-bottom:5px;
	padding-bottom:15px;
}



.ruler a, .ruler a:hover {
	display:block;
	padding-left:13px;
	margin: 0px;
	font-weight:bold;
	text-decoration:none;
	font-size:95%;
	background:url(images1/link_icon.gif) top left no-repeat;
	color:#3B87B6;
	
}

#bulletin-title {
height: auto!important;
height: auto;
min-height:20px;
}

#bulletin-title p {
color:#4384E2;
font-weight:bold;
}

#bulletin-description {
height: auto!important;
height: auto;
min-height:50px;
background-color:#C7DAF7;
width:380px;
border:1px solid #5395F5;
padding:0px 10px 0px 10px;
}

#bulletin-view {
height:20px;
width:150px;
margin-bottom:20px;
}


#bulletin-board h3.forum-title {
font-family:Arial, Helvetica, sans-serif;
font-size:120%;
height: 30px;
padding: 0px 0px 0px 0px;
width: 191px;
float: left;
padding-top: 20px;
color:#0066CC;
}

#bulletin-posts {
height: auto!important;
height: auto;
min-height:50px;
padding-bottom:20px;
}

#bulletin-posts p{
margin-top:10px;
line-height:200%;
}

#lblContent {
display:block;
}

#message-block {
padding: 10px 0px 10px 0px;
	width:100%;
	border-bottom:1px solid #96C9E6;
	display:block;
	}
	
#message-block p{
margin-top:10px;
padding-right:20px;
	padding-left:26px;
	margin-bottom:10px;
	
}

#bulletin-board {
text-align:left;

}


.bulletin-name {
padding-bottom:10px;
padding-left:26px;
color: #3B87B6;
font-weight:bold;
background:url(images1/speech_bubble.gif) left top no-repeat;
}

.bulletin-date {
padding-bottom:10px;
color: #6AAE23;
font-weight:bold;
}

#lblEntryTitle {
font-size:96%;
font-weight:normal;
color:#0099CC;
padding-left:0px;
display:block;
}

#bulletin-board form p {
padding-left:0px;
padding-top:5px;
padding-bottom:5px;
}


#txtbxName, #txtbxEmail, #txtbxMessage, #txtbxFeedName, #txtbxFeedEmail, #txtbxComment, #txtbxImprovements {
	background:#D9DCFC;
	border: 1px solid #373C88;
	color:#373C88;
	width:100%;
}

#txtbxImprovements, #txtbxComment {
margin-bottom:20px;
height:150px;
}

#txtbxFeedName, #txtbxFeedEmail {
margin-bottom:20px;
}

#radbtnlstEaseOfUse, #radbtnlstLookFeel, #radbtnlstFunctionality, #radbtnlstGenLay, #radbtnlstContent, #radbtnlstStructure, #radbtnlstFeatures, #radbtnlstGenOp, #btnSubmit {
margin-bottom:20px;
}

body#feedback label {
font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding-bottom : 0px;
	color: #4D53A9;
}

#feedback div#main-body-text span {
font-weight:bold;
color:#4D53A9;
}





#lblForum dt {
font-size:100%;
font-weight:bold;
color:#3B87B6;
}

#lblForum ul a, #lblForum ul a:hover     {
font-size:100%;
font-weight:bold;
color:#9C59BC;
}








  
 
  
























/*-------------Home Page Form --------------------------------------------------------------------------------------*/
#ddlThemesLabel {
display:none;
}

	
#form-element {
padding-top: 0px;
}


#getdata-form {
float:left;
position:relative;
width:359px;
}

#getdata-help-icon {
position:absolute;
top:20px;
right:20px;
width:20px;
height:20px;
}

form {
  margin: 0px;
  padding: 0px;
  min-width: 300px;
  max-width: 340px;

}

form fieldset {
  border-color: #ffffff; 
  border-width: 1px 0px 0px 0px;
  border-style: solid none none none;
  padding: 0px;
  padding-left: 10px;
  padding-bottom: 20px;
  margin: 0px 0px 0px 0px;
  padding-top: 10px;
}


form fieldset legend {
  font-family:Arial, Helvetica, sans-serif;
  color: #707070;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px;
  height: 0px;
  font-size: 100%;
}

form fieldset legend.legend-one {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/1.gif) no-repeat scroll left top;
height:26px;
padding-bottom:5px;
padding-left:40px;
padding-top:0px;
}

form fieldset legend.legend-two {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/2.gif) no-repeat scroll left top;
height:26px;
padding-bottom:5px;
padding-left:40px;
padding-top:0px;
}
form fieldset legend.legend-three {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/3.gif) no-repeat scroll left top;
height:26px;
padding-bottom:5px;
padding-left:40px;
padding-top:0px;
}

#home-form {
display : block;
}

.label {
	padding-top: 0px;
	padding-left : 47px;
}


.labelRadio {
	display:block;
	padding-left: 47px;
	padding-bottom: 10px;
	
}

label {
color:#78BC31;
font-family:Arial,Helvetica,sans-serif;
font-size:100%;
padding:0;
margin:0;
padding-bottom:0px;
padding-left:10px;
}

p {
	
	font-family:Arial, Helvetica, sans-serif;
	color : #515050;
	}

.clearing {
	clear: both;
	height: 0px;
	line-height: 0px;
}

label#ddlThemes {
padding:0px;
display:none;
}



/*--------Font styles----------------------------------------------------------------------*/
p {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
padding: 0px 0px 0px 15px;
}

p.welcome {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
padding: 0px 0px 0px 15px;
font-weight:bold;
text-align:left;
}

#home-container-right p {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
padding: 15px 10px 0px 15px;
text-align:left;
}

#home-container-top .left h4 {
padding-left: 17px;
padding-top:10px;
}



#home-container-top .left h3, #thematic-container-top .left h3  {
	background-color: #E4F1F9;
	color: #428BB4;
}

#home-container-top .right h3 {
	background-color: #F4E7FA;
	color: #9C59BC;
	width: 188px;
	float: right;
}

#home-container-middle .left h3, #thematic-container-middle .left h3  {
	background-color: #E9F9E4;
	color: #72BA5C;
}

#home-container-middle .right h3  {
	background-color: #E4E6F9;
	color: #5D64C5;
	width: 188px;
	float: right;
}


#home-container-bottom .left h3, #thematic-container-bottom .left h3  {
	background-color: #FBFAE2;
	color: #B9B631;
}

#home-container-bottom .right h3 {
	background-color: #E4F9F1;
	color: #53AC8C;
	width: 188px;
	float: right;
}






#report-container-top .left h3 {
	background-color: #F4E7FA;
	color: #9C59BC;
}
#report-container-middle .left h3 {
	background-color: #E4E6F9;
	color: #5D64C5;
}
#report-container-bottom .left h3 {
	background-color: #E4F9F1;
	color: #53AC8C;
}

#report-container-top-geography .left h3 {
	background-color: #F4E7FA;
	color: #9C59BC;
}

.left p, .right p {
margin-top:20px;
}
	



#home-container-top .left p, #thematic-container-top .left p, .content1, #home-container-top .left h4, #home-container-top .left a, #home-container-top .left a:hover {
	color: #215F81;
	text-align:left;
}
#home-container-top .right p, #report-container-top .left p, .content2, #home-container-top .right h4, #home-container-top .right a, #home-container-top .right a:hover, #latest-news .hide-news a, #latest-news .show-news a:hover   {
	color: #773797;
	text-align:left;
}
#home-container-middle .left p, #thematic-container-middle .left p, .content3, #home-container-middle .left h4, #home-container-middle .left a, #home-container-middle .left a:hover    {
	color: #2F6F1B;
	text-align:left;
}
#home-container-middle .right p, #report-container-middle .left p, #home-container-middle .right h4, #home-container-middle .right a, #home-container-middle .right a:hover    {
	color: #373C88;
	text-align:left;
}
#home-container-bottom .left p, #thematic-container-bottom .left p, #home-container-bottom .left h4, #home-container-bottom .left a, #home-container-bottom .left a:hover, #thematic-container-bottom .left a, #thematic-container-bottom .left a:hover  {
	color: #787623;
	text-align:left;
}
#home-container-bottom .right p, #report-container-bottom .left p, #home-container-bottom .left h4, #home-container-bottom .right a, #home-container-bottom .right a:hover, #report-container-bottom .left a, #report-container-bottom .left a:hover   {
	color: #267A5C;
	text-align:left;
}

#home-container-main  a, #report-container-bottom a, #report-container-top a, #report-container-middle a, #thematic-container-bottom a {
	padding-left: 13px;
	margin: 0px;
	font-weight:bold;
	text-decoration:none;
	font-size:95%;
	background:url(images1/link_icon.gif) top left no-repeat;
}

#thematic-container-bottom .left p {
padding:20px 17px 0px 17px;
text-align:left;
}





/*Map tool buttons----------------------------------------------------------------------------------------------------------*/

ul#nav { margin-top: 20px; }

ul#nav li {
	text-indent: -1000000em;
	overflow: hidden;
}

ul#nav li, ul#nav li a {
	display: block;
	width: 125px;
	height: 39px;
	background-repeat: no-repeat;
	background-image: url(images1/map_buttons.gif);
}

ul#nav a:hover { background: transparent; }
ul#nav a.active:hover { background: url(images1/map_buttons.gif); cursor: default; }
   
/* ZOOM IN BUTTON */ 
li#zoom-in { background-position: -0px -39px; }
li#zoom-in a { background-position: -0px -0px; }
li#zoom-in a.active, li#zoom-in a.active:hover { background-position: 0px -78px; }
/* -----------------------------------------------------------------------------------*/

/* ZOOM OUT BUTTON */ 
li#zoom-out { background-position: -124px -39px; }
li#zoom-out a { background-position: -124px -0px; }
li#zoom-out a.active, li#zoom-out a.active:hover { background-position: -124px -78px; }
/* -----------------------------------------------------------------------------------*/

/* FULL MAP BUTTON */ 
li#full-map { background-position: -248px -39px; }
li#full-map a { background-position: -248px -0px; }
li#full-map a.active, li#full-map a.active:hover { background-position: -248px -78px; }
/* -----------------------------------------------------------------------------------*/

/* INFORMATION BUTTON */ 
li#information { background-position: -372px -39px; }
li#information a { background-position: -372px -0px; }
li#information a.active, li#information a.active:hover { background-position: -372px -78px; }
/* -----------------------------------------------------------------------------------*/

/* PAN BUTTON */ 
li#pan { background-position: -496px -39px; }
li#pan a { background-position: -496px -0px; }
li#pan a.active, li#pan a.active:hover { background-position: -496px -78px; }
/* -----------------------------------------------------------------------------------*/

/* HELP BUTTON */ 
li#help { background-position: -620px -39px; }
li#help a { background-position: -620px -0px; }
li#help a.active, li#help a.active:hover { background-position: -620px -78px; }
/* -----------------------------------------------------------------------------------*/



/*Misc bits----------------------------------------------------------------------------------------------------------*/
.clearing {
	clear: both;
	height: 0px;
	line-height: 0px;
}

/* Clearing floats without structural markup - Apply class to elements that you need to clear after - thanks to Position is Everything */

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

.clearfix {display: inline-block;}

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

/*--------------TABLES------------------------------------------------------------------------------- */
#table-container-main{
border:1px solid #C6C6C6;
min-width: 600px;
padding: 0px 0px 0px 20px;
position:relative;
} 

#table-buttons {
margin-top:20px;
height:30px;
width:200px;
float:right;
padding-right:20px;
}



#table-buttons img, #table-buttons input {
float:right;
margin-left:10px;
border:none; 
}

/*#table-print a {
width:100px;
height:27px;
}

#table-print img {
padding-top:20px;
border:none;
}*/


	

.ruler, #table-results  {
 border-collapse: collapse;
 margin: .2em 0px 1em 0px;
 width: 97%;
}	

.ruler td, .ruler th, .ruler tbody {
	border: 1px solid #96C9E6;
	padding: .3em;
	vertical-align: middle;
	color: #5EA712;
}

.ruler caption {
	font-weight: bold;
	font-size: 1.0em;
	text-align: left;
	margin-top: 1em;
	padding-bottom: 10px;
	padding-top: 10px;
}

.ruler th.head1, .ruler th#head1{
	background: #E4F1F9;
	color: #3B87B6;
	width:80%;
}

.ruler th.head2, .ruler th#head2 {
	background: #E4F1F9;
	color: #3B87B6;
	width:20%;
}

tr.ruled {
	background:#EAFAD7;
} 



/* END TABLES STUFF */

/* Main Title text replacement - Thanks to Feckless Mind for the DIR */

/* Shared rules - If you need more replaced elements you must add them here */
.text-replace, #main-body-text h2, #main-body-text h2:after {
	display: block;
	white-space: nowrap;
}

#main-body-text h2, #main-body-text h2:after, #main-body-text h2 span {
	width: 429px;
	height: 45px;
	line-height: 1em;
	font-size: 1em;
	color:#fff;
	visibility: visible;
}

#main-body-text h2, #main-body-text h2:after {
	line-height: 1em;
	font-size: 1em;
}

#main-body-text h2:after {
	margin-top: -1em;
}

/* Set some specific heights and widths for different headers */

/*
h2#specialist, h2#specialist:after, h2#specialist span {
	width: 300px;
	height: 52px;
}
*/

/* backslash hack to hide some definitions from Mac IE5 \*/

#main-body-text h2 {
	overflow: hidden;
}

/* End of Mac IE5 hack */

/* Generate the images and set the overflow for CSS 2 compliant browsers */

/* ---------- JEN CHANGE THIS WHEN YOU ADD A TITLE ------------- */
body#news div#main-body-text h2:after { content: url(images1/latest_news.gif); }
body#latest-news div#main-body-text h2:after { content: url(images1/latest_news.gif); }

body#latest-news h2 {
	background-image:url(images1/latest_news.gif);
	}

body#news div#main-body-text h2:after { content: url(images1/maps.gif); }
body#survey div#main-body-text h2:after { content: url(images1/maps.gif); }

body#survey h2 {
	background-image:url(images1/maps.gif);
	}

body#news div#main-body-text h2:after { content: url(images1/links.gif); }
body#links div#main-body-text h2:after { content: url(images1/links.gif); }

body#links h2 {
	background-image:url(images1/links.gif);
	}

body#news div#main-body-text h2:after { content: url(images1/contact_us.gif); }
body#contact-us div#main-body-text h2:after { content: url(images1/contact_us.gif); }

body#contact-us h2 {
	background-image:url(images1/contact_us.gif);
	}

body#news div#main-body-text h2:after { content: url(images1/bulletin_board.gif); }
body#bulletin-board div#main-body-text h2:after { content: url(images1/bulletin_board.gif); }

body#bulletin-board h2 {
	background-image:url(images1/bulletin_board.gif);
	}

body#news div#main-body-text h2:after { content: url(images1/feedback.gif); }
body#feedback div#main-body-text h2:after { content: url(images1/feedback.gif); }

body#feedback h2 {
	background-image:url(images1/feedback.gif);
	}
	
body#news div#main-body-text h2:after { content: url(images1/advanced_data.gif); }
body#advanced-data div#main-body-text h2:after { content: url(images1/advanced_data.gif); }

body#advanced-data h2 {
	background-image:url(images1/advanced_data.gif);
	}

/* Awful IE trickery */

* html #main-body-text h2 {
	background-image: expression(this.runtimeStyle.backgroundImage = "none",this.innerHTML +=  '<span class="text-replace"></span>');
	position: relative;
	z-index: 1;
	white-space: normal;
}

.text-replace {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

/* ---------- JEN CHANGE THIS WHEN YOU ADD A TITLE ------------- */
* html body#news div#main-body-text h2 span {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/latest_news.gif) no-repeat scroll 0%;
}
* html body#latest-news div#main-body-text h2 span {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/latest_news.gif) no-repeat scroll 0%;
}
* html body#news div#main-body-text h2 span {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/maps.gif) no-repeat scroll 0%;
}
* html body#survey div#main-body-text h2 span {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/maps.gif) no-repeat scroll 0%;
}
* html body#news div#main-body-text h2 span {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/links.gif) no-repeat scroll 0%;
}
* html body#links div#main-body-text h2 span {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/links.gif) no-repeat scroll 0%;
}
* html body#news div#main-body-text h2 span {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/advanced_data.gif) no-repeat scroll 0%;
}
* html body#advanced-data div#main-body-text h2 span {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/advanced_data.gif) no-repeat scroll 0%;
}
* html body#news div#main-body-text h2 span {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/contact_us.gif) no-repeat scroll 0%;
}
* html body#contact-us div#main-body-text h2 span {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/contact_us.gif) no-repeat scroll 0%;
}
* html body#news div#main-body-text h2 span {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/feedback.gif) no-repeat scroll 0%;
}
* html body#feedback div#main-body-text h2 span {
background:transparent url(http://www.eastriding.gov.uk/jen/css/data_obs/images1/feedback.gif) no-repeat scroll 0%;
}

/* End of trickery */

/* End of replacements */
#contact-details h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
height: 30px;
padding: 30px 0px 0px 30px;
width: 191px;
float: left;
color:#5D64C5;
}

#contact-details p {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
padding: 10px 0px 10px 0px;
width: 100%;
float: left;
}

#contact-details p.address {
}


/*-----STYLES FROM STYLE2.CSS-----------------------------------------------*/
a.glossary, a:hover.glossary {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:100%;
color:#215f81;
text-decoration:underline;
}

a.green-glossary, a:hover.green-glossary {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:100%;
color:#377D2C;
text-decoration:underline;
}

#lblLegend a.glossary, #lblLegend a:hover.glossary, #layers a.glossary, #layers a:hover.glossary {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:100%;
color:#A7D2EA;
text-decoration:underline;
}


/*---GLOSSARY SCREEN---------------------------------------------------------------------*/
#glossary screen {
width:429px;
height:399px;
}

#glossary-header {
width:429px;
height:20px;
border-top:1px solid #8796B0;
border-left:1px solid #8796B0;
border-right:1px solid #273B56;
background-color:#385FD2;
}

#glossary-title  {
padding-top:5px;
width:250px;
height:20px;
float:left;
}

#glossary-text {
width:429px;
height:379px;
border-left:1px solid #8796B0;
border-right:1px solid #273B56;
border-bottom:1px solid #273B56;
background-color:#C1D1FD;
overflow:auto;
}

#glossary-title h3 {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-weight:bold;
padding-left:15px;
padding-top:2px;
font-size:1em;
float:left;
}

#glossary-close  {
width:150px;
height:20px;
float:right;
text-align:right;
}

#glossary-close a {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-weight:normal;
font-size:1em;
text-decoration:underline;
text-align:right;
padding-right:10px;
}

#glossary-text h4 {
font-family:Arial, Helvetica, sans-serif;
color:#385FD2;
font-weight:bold;
padding-left:20px;
padding-top:2px;
font-size:1em;
background:url(images2/glossary_icon.gif) top left no-repeat;
margin-left:10px;
margin-top:3px;
}

#glossary-text p {
font-family:Arial, Helvetica, sans-serif;
color:#18399A;
font-weight:normal;
padding-left:30px;
padding-top:2px;
font-size:1em;
line-height:140%;
padding-bottom:30px;
padding-right:10px;
}

.view-metadata a {
color:#2183A8;
padding-right:7px;
float:right;

}

.view-metadata img {
border:0px;
}

/*---POP UP HELP DIV---------------------------------------------------------------------------------------*/
#help-screen, #metadata-screen {
width:429px;
height:399px;
}

#help-header, #metadata-header {
width:429px;
height:20px;
border-top:1px solid #8796B0;
border-left:1px solid #8796B0;
border-right:1px solid #273B56;
background-color:#384B82;
}
#metadata-header {
background-color:#3E7998;
}

#help-title, #metadata-title  {
width:250px;
height:20px;
float:left;
}
#help-close, #metadata-close  {
width:150px;
height:20px;
float:right;
text-align:right;
}

#anchors {
width:400px;
margin-left:15px;
margin-top:15px;
margin-right:15px;
height: auto!important;
height: 100px;
min-height:100px;
background-color:#9999CC;
color:#333399;
}

#help-text, #metadata-text {
width:429px;
height:379px;
border-left:1px solid #8796B0;
border-right:1px solid #273B56;
border-bottom:1px solid #273B56;
background-color:#50639B;
overflow:auto;
}
#metadata-text {
background-color:#A1D0E2;
}

#help-text p, #metadata-text p {
font-family:Arial, Helvetica, sans-serif;
color:#CBD0EE;
font-weight:normal;
padding-left:15px;
padding-top:2px;
font-size:0.95em;
padding-right:15px;
line-height:150%;
}

#help-title h3, #metadata-title h3 {
font-family:Arial, Helvetica, sans-serif;
color:#CBD0EE;
font-weight:bold;
padding-left:15px;
padding-top:2px;
font-size:0.95em;
padding-bottom:0px;
margin-bottom:0px;
}
#metadata-title h3 {
color:#ffffff;
}


#help-close a, #metadata-close a {
font-family:Arial, Helvetica, sans-serif;
color:#CBD0EE;
font-weight:normal;
font-size:0.95em;
text-decoration:underline;
text-align:right;
padding-right:10px;
}
#metadata-close a {
color:#ffffff;
}

#help-text h4 {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-weight:bold;
padding-left:15px;
font-size:1.2em;
padding-top:80px;
}

#metadata-text h4 {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-weight:bold;
padding-left:15px;
font-size:1.2em;
padding-top:20px;
}


#metadata-text h4, #metadata-text p  {
color:#455B7B;
}




#help-text dd {
font-family:Arial, Helvetica, sans-serif;
color:#CBD0EE;
font-weight:normal;
font-size:1em;
text-align:left;
}

.help-image {
margin-left:15px;
margin-top:10px;
margin-bottom:10px;
}

#help-text p.italic {
font-style:normal;
padding-top:15px;
padding-bottom:10px;
color:#1A2954;
}

#help-steps h5 {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-weight:bold;
padding-left:15px;
font-size:0.95em;
padding-top:40px;
}

#help-steps {
width:300px;
margin-left:30px;
height: auto!important;
height: auto;
min-height:100px;
}

#help-steps p.subhead-title {
margin-top:20px;
color:#DDE1F8;
font-weight:bold;
}
#help-steps p.subhead-text a {
font-family:Arial, Helvetica, sans-serif;
color:#CBD0EE;
font-weight:normal;
padding-top:2px;
font-size:1em;
padding-right:15px;
line-height:150%;
text-decoration:underline;
}

#help-tools {
width:300px;
height: auto!important;
height: auto;
min-height:100px;
}

#help-tools p {
font-family:Arial, Helvetica, sans-serif;
color:#CBD0EE;
font-weight:normal;
padding-top:2px;
font-size:0.95em;
line-height:150%;
}

#tool, .tool {
width:260px;
height: auto!important;
height: auto;
min-height:150px;
background-color:#8C9DCE;
border:1px solid #1A2954;
margin:10px 10px;
}

#tool h5, .tool h5 {
font-family:Arial, Helvetica, sans-serif;
color:#1A2954;
font-weight:bold;
font-size:0.95em;
padding-top:5px;
}

#tool p, .tool p {
font-family:Arial, Helvetica, sans-serif;
color:#1A2954;
font-weight:normal;
padding-top:2px;
font-size:0.95em;
line-height:150%;
padding-bottom:10px;
}

#tool img, .tool img {
padding-left:12px;
padding-top:10px;
padding-bottom:10px;

}

#help-text a {
font-family:Arial, Helvetica, sans-serif;
color:#CBD0EE;
font-weight:normal;
padding-top:2px;
font-size:1em;
line-height:150%;
text-decoration:underline;
}
#help-text a:hover {
font-family:Arial, Helvetica, sans-serif;
color:#CBD0EE;
font-weight:normal;
padding-top:2px;
font-size:1em;
line-height:150%;
text-decoration:underline;
}

#help-links {
width:360px;
height: auto!important;
height: auto;
min-height:100px;
background-color:#8C9DCE;
border:1px solid #1A2954;
margin-left:15px;
margin-top:20px;
padding:10px 10px 10px 10px;
}

#help-links a {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:0.95em;
color:#1A2954;
text-decoration:none;
}

#help-links a:hover {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:0.95em;
color:#1A2954;
text-decoration:underline;
}

/*-------Maps profiles links---------*/
#newlinks {width:370px; height:100%; border:1px solid #CC99CC; padding:20px; overflow:auto;  clear:both; margin-left:15px; margin-top:20px;}
#newlinks p {color:#9c59bc;  margin-bottom:20px; font-weight:bold; font-size:1.1em; padding:0px 0px 0px 0px;}
#list p {padding:0px 10px 0px 0px;text-align:left; }
#list {width:170px;height:100%; float:left;}
#divider {width:30px; min-height:300px; height:300px; float:left; background:url(images1/divider_bg.gif) 0px 0px no-repeat;}
#divider p {font-weight:bold; color:#333333; }
#search {width:170px;height:100%; float:right;}
#search p {text-align:right;}

#list ul li {list-style:none; padding-bottom:10px;}
#list ul li a {color:#4f7fd5; text-decoration:underline; margin-left:25px; line-height:150%; font-weight:bold;}
#list ul li a:hover {color:#ca0ce6;}
#list ul li a:active {color:#ca0ce6; font-weight:bold;}
#list ul li a:visited {color:#666666; text-decoration:underline;}

li.one {background:url(images1/one.gif) left top no-repeat;}
li.two {background:url(images1/two.gif) left top no-repeat;}
li.three {background:url(images1/three.gif) left top no-repeat;}
li.four {background:url(images1/four.gif) left top no-repeat;}
li.five {background:url(images1/five.gif) left top no-repeat;}
li.six {background:url(images1/six.gif) left top no-repeat;}
li.seven {background:url(images1/seven.gif) left top no-repeat;}
li.eight {background:url(images1/eight.gif) left top no-repeat;}
li.nine {background:url(images1/nine.gif) left top no-repeat;}

#searchbutton a {display:block; width:62px; height:62px; background:url(images1/search1.gif) left top no-repeat; margin:0 auto;}
#searchbutton a:hover {display:block; width:62px; height:62px; background:url(images1/search2.gif) left top no-repeat; margin:0 auto;}


#contact-details li, #contact-details ul { list-style:square; margin:0; padding:0;margin-bottom:10px; padding-left:15px;}