/* Common */
body   { font: 8pt Arial; margin: 0px 0px 0px 10px; }
td { font-size: 8pt; font-family: Arial; margin: 0px; padding: 0px; vertical-align: top; }
table  { border-collapse: collapse; }
ul { margin-left: 0px; padding-left: 15px; } /* used on Default.aspx only, for now. This removes the indent from <li> */
small, .small, .small td { font-size: 7.5pt; font-style: italic; }
input.text { border: #7b9ebd 1px solid; width: 99%; }
textarea   { border: #7b9ebd 1px solid; width: 99%; font-size: 9pt; font-family: Arial; }
select { background-color: #ffffff; border: 1px solid black; margin-bottom: 0px; }
form { margin: 0px; }
a img { border-width: 0px; }
hr { color: #e6ece8; }
legend { font-weight: bold; color: #275b35; }  /* for IncorrectAddressResult.aspx */
.btn { background-color: #cbd8cf; font-weight: bold; border: solid 1px #cbd8cf; font-size: 8pt; font-family: Arial; } 
.hypbtn { background-color: #cbd8cf; color: black; font-weight: bold; text-decoration: none; }
#divMapContainer { overflow: hidden; }
.setwidth { width: 763px; }
@media print 
{
	.noprint { display: none; } 
	.ctlArrow { display: none; }
	.setwidth { width: 630px; }
	
	#h2MapReportTitle { zoom: 0.9; margin-left: -15px; }
	#nlm { zoom: 0.9; margin-left: -15px; }
	#divRightBox { position: absolute; margin-left: -90px; padding-top: 30px; }
	#divMapContainer { overflow: visible; }
	
	#divRegAvg { margin-top: 110px; }
	#repsel { zoom: 0.8 }
}


/* Map links */
a.aInfo, a.aMap { color: black; }
a.aInfo:link, a.aMap:link, a.aInfo:visited, a.aMap:visited { text-decoration: none; }
a.aInfo:hover,  a.aMap:hover  { background: url(images/button_bg_14.png) top left no-repeat;    text-decoration: underline; } /* #ccccff */
a.aInfo:active, a.aMap:active { background: url(images/button_bg_14_dn.png) top left no-repeat; text-decoration: underline; } /* #ccccff */
a.aInfo { }
a.aMap  { }

/* Header and Footer */
.headerDate { color: #ffce7b; text-align: center; width: 195px; background-image: url(http://www.westberks.gov.uk/images/WestBerkshire/HomepageHeaderBG.gif); }
#Footer { width: 763px; text-align: center; font-size: 7.5pt; padding: 5px 0px; margin: 0px; }
#Footer a { text-decoration: underline; color: blue; }

/* Trail (stepper) */
#tblTrail TD { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; PADDING-BOTTOM: 3px; PADDING-TOP: 3px } 
#tblTrail TD.nb { WIDTH: 20px; BORDER-BOTTOM-STYLE: none } 
TD.stepOn { COLOR: #666; BORDER-BOTTOM: #666 4px solid } 
TD.stepOff { COLOR: #ccc; BORDER-BOTTOM: #ccc 4px solid } 

/* Report buttons */
/*h2.LargeTitle { font-size: 13pt; font-variant: normal; } */
table#reportButtons td { font-size: 10pt; padding-left: 5px; vertical-align: middle; }
table#reportButtons button { font-size: 9pt; vertical-align: bottom; width: 120px}
table#reportButtons img { vertical-align: bottom; }

h1 { font-size: 12.5pt; margin: 10px 0px 0px; color: #666; } /* page titles; used to be 10.5 */
h2 { font-size: 10.5pt; margin: 10px 0px 0px; color: #666; } 
/* -- h3 used for questions, e.g. Step 1 - correct usage
	used for Application Error on ExceptionPage - incorrect usage
	used for block header on MyProperty page */
h3 { background-color: #cbd8cf; padding: 3px 3px; margin: 10px 0px 2px; font-weight: bold; font-size: 8pt; }
/* -- should replace highlight; also used for Information block on map page */
.lowlight, .lowlight td { background-color: #efefef; }
h4, .highlight, .highlight td { background-color: #efefef; font-weight: bold; margin: 0px; }
h5 { } /*
	not used much 
	used on ExceptionPage - could change this
	used on LayerInfo and SingleRecordPage, but these aren't used any more
	*/
h6 { } /*
	used on Map for noscript buttons (completely replaceable)
	used on MyProperty page for block subtitles
	*/

/*
So, the different headers that we actually need are:
 1. Page titles (Address Finder, Fault Reporting, etc.)
 2. Page subtitles (Contact Details only)
 3. Questions
 4. Highlight (slightly lighter blue than questions)
 5. 
 Map Page block headers
 Map Page Legend categories (these are table rows)
 Map Page information section (Layer Name)
 Property block headers   <dt> - but it's not a list?
 Property block subtitles <dd> - but it's not a list?
 7. Footer just gets a class
#lbstreets    { background-color: #ffffff; border: 1px solid black; margin-bottom: 0px; }
#lbproperties { background-color: #ffffff; border: 1px solid black; margin-bottom: 0px; }
*/