/**
 * Housing League Table print styles
 *
 **/

/* Hidden elements */
#skip, #devMenu, #ft #links, .moreDetails, #share, #searchSubmit span {
	display:none !important;
}

.explainRow, #explanation {
	display:block !important;
}

/* Base formatting */
h1, h2, h3, h4 {
	font-family:Helvetica,sans-serif;
	font-weight:normal;
	margin:0.5em 0 0.5em 0;
}

h1 { font-size:2em;}
h2 { font-size:1.8em; color:#ff0000}
h3 { font-size:1.7em;}
h4 { font-size:1.3em; font-weight:bold; }

p, li, ul, dl, dd, dt {
	line-height:1.4em;
	font-size:1.1em;
	padding:0.4em 0;
}

strong, label {
	font-weight:bold;
}

hr {
	margin:0.5em 0;
	height:1px;
	border:none;
	border-top:1px solid #ccc;
	display:none;
}

a, a:link, a:visited {
	color:#006699;
}

a:hover, a:visited:hover  {
	color:#003366;
}

pre {
	width:100%;
}

p.extraPad {
	margin-top:1em;
	margin-bottom:1em;
}

p.toTop {
	text-align:right;
}

p.toTop a {
	padding-right:20px;
	background: url("../images/Arrows_updown.gif") no-repeat 27px -92px;
}

.divider a {
	padding:0 0.3em 0 0;
}
.divider li, .buttons li {
	display:inline;
	margin-right:0.3em;
}

.divider li.last {
	margin-right:0 !important;
}

.divider li:after {
	content:" |";
}

.divider li.last:after {
	content:"";
}

/* structure */
#bd #gr-main {
	position:relative;
}

/* Menu */
#toolbar {
	margin:1em 0 0 0;
	border-bottom:1px solid #bfbfbf;
}

#menu {
	float:left;
	margin:0;
	padding:0 0 0 0.7em;
}

ul#menuLinks {
	float:left;
	display:block;
	padding:0;
	margin:0;
}

ul#menuLinks a {
	font-size:0.9em;
	display:block;
	text-decoration:none;
	line-height:1.2em;
	min-height:2.5em;
	padding:10px 10px;
	border:1px solid #bfbfbf;
	border-bottom:0;
	color:#000;
	background:#eee;
	width:65px;
}

ul#menuLinks a.selected {
	background:#f8f893;
}

ul#menuLinks li {
	float:left;
	display:inline;
}

ul#menuLinks li {
	float:left;
	display:inline;
	text-align:left;
	padding:0;
	margin:0 0.2em 0 0;
	font-size:1em;
}

#miniSearch {
	display:none;
}

#searchBoxMini {
	display:none;
}

#searchBoxMini #searchSubmit {
	cursor:pointer;
	position:absolute;
	margin:-1px 0 0 -18px;
	width:32px;
	height:32px;
	background:transparent url(../images/searchbutton_sml.png) no-repeat top left;
	border:0;
}

#searchBoxMini #searchSubmit:hover {
	background-position: left -34px ;
}

/* list menu links */

ul.links, ol.links {
	margin:0.5em 0;
}

ul.links li, ol.links li {
	color:#999;
	margin:0 0 0 1em;
	list-style-type:square;
	padding:0.2em 0;
}

ol.links li {
	list-style-type: decimal;
}

ul.links span {
	color:#000;
}

hr.band {
	display:block !important;
	border:0;
	border-bottom:3px solid #f00;
	margin:1em 0;
}

#links, #siteCredit, #debug {
	margin:auto;
	text-align:left;
	width:57.69em;
	*width:56.25em;
	clear:both;
}

#siteCredit li {
	display:inline;
	color:#666;
	font-size:0.8em;
}

/* Search */
#searchBox label {
	display:none;
}

#searchTextBox {
	font-size:2em;
	width:600px;
	padding:0.5em 0.5em;
}

#searchBox #searchSubmit {
	position:absolute;
	margin:-10px 0 0 -27px;
	width:87px;
	height:87px;
	background:transparent url(../images/searchbutton.png) no-repeat top left;
	border:0;
}

/* LA pages */
#rank {
	float:right;
	margin:1em 0 0 0;
}

#rank a {
	font-size:1em;
	color:#000;
	text-decoration:none;
}

.number .position, .rank .outof {
	display:inline;
	font-size:1.55em;
}

.rank .outof {
	font-size:1em;
}

#rank p {
	font-size:0.9em;
}

#noRank {
	font-weight:bold;
	margin:0.5em 0;
}

#laDetailed {
	width:100%;
	font-family:arial;
	margin:0 0 1em;
	font-size: 1.1em;
	text-align: left;
	border-collapse:collapse;
	border:1px solid #eee;
	padding:0 10px;
}

#laDetailed td {
	color: #000;
	padding:0.8em 10px;
	background-color:#ededed;
	vertical-align:top;
	border-collapse:collapse;
	border:2px solid #eee;	
}

td.last {
	text-align:center;
}


#laDetailed th {
	background-color: #eee;
	font-size:1.1em;
	padding:0.8em 10px;
	border:1px solid #fff;
	font-weight:bold;
}

#laDetailed th.first {
	padding-left:20px;
	border-left:1px solid #eee;
}

#laDetailed th.last {
	border-right:1px solid #eee;
}

#laDetailed .odd td {
	background-color:#fff;
	border-bottom:1px solid #fff;
}

#laDetailed .first {
	padding-left:20px;
}

#laDetailed .last {
	padding-right:20px;
}

#laDetailed .odd .first {
	border-left:1px solid #fff;
}

#laDetailed .odd .last {
	border-right:1px solid #fff;
}

.groupHeader td {
	color:#fff !important;
	background:#999 !important;
	padding:0.4em 20px !important;
}

#laDetailed th#desc { width:60%; color:#f00; }
#laDetailed th#year { width:14%; font-size:0.9em; }
#laDetailed th#figure { width:14%; font-size:0.9em; }
#laDetailed th#trend { width:14%; font-size:0.9em;}

.down, .up {
	margin:auto;
	width:17px;
	height:15px;
}

.nc, .na {
	width:100%;
	font-size:0.85em;
	text-align:center;
}

.explainRow, tr.explainRow td {
	margin:1em 0 0 -10px;
	padding:0.5em 10px 0.5em 10px;
	background:#f8f893 !important;
	font-size:0.9em;
	clear:both;
}

#hideExplain {
	margin:0.6em 0 0 0;
	float:right;
}

.explain {
	margin:0.2em 0;
}

#ahd_explain { background-position:300px bottom; }
#hna_explain { background-position:420px bottom; }
#pand_explain { background-position:550px bottom; }
#or_explain { background-position:680px bottom; }

.explain div {
	background:#f8f893;
	padding:0.5em 0.5em;
}

.dataset {
	text-align:left;
}

/* Forms  */
fieldset {
	padding:0.7em 1em;
	margin:0 0 1em 0;
	border:1px solid #ccc;
	position:relative;
}

legend {
	font-weight:bold;
	font-size:1.3em;
	padding:0 1em;
}

.field {
	font-size:1.2em;
	margin:0.2em;
	padding:0.5em 0;
}

.button {
	float:right;
	font-size:1.3em;
	padding:5px 10px;
	margin:0 0 0 10px;
	cursor:pointer;
	background:#fff url(../images/button_bg.gif) repeat-x top left;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:2px solid #848484;
	border-bottom:2px solid #848484;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.button:hover {
	background:#fff url(../images/button_bg.gif) repeat-x left -40px;
}

label, .label {
	font-weight:bold;
}

.error {
	color:#f00;
}

.requiredMsg {
	color:#f00;
	font-size:0.85em;
	font-weight:bold;
	padding:0.2em 0 0.2em 0;
}

.fieldLabel {
	float:left;
	width:140px;
	margin:0 1em 0 0;
	font-size:0.9em;
}

.fieldEntry {
	float:left;
	width:290px;
	font-size:0.95em;
}

.textbox {
	width:300px;
	padding:0.2em 0.3em;
}

input.short {
	width:150px !important;
}

.textarea {
	width:450px;
	padding:3px 5px;
	margin:0.5em 0;
	font-size:0.9em;
}

.select {
	width:300px;
}

.explainBox {
	background:url(../images/arrow_popout.gif) no-repeat left 5px;
	position: absolute;
	right:-175px;
	width:200px;
	font-size:0.9em;
}

.explainBox p {
	background:#666;
	line-height:1.3em;
	padding:0.5em 0.5em;
	margin-left:20px;
	color:#fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

/** sifr **/
.sIFR-flash {
	display : none !important;
	height : 0;
	width : 0;
	position : absolute;
	overflow : hidden;
}

.sIFR-alternate {
	visibility : visible !important;
	display : block !important;
	position : static !important;
	left : auto !important;
	top : auto !important;
	width : auto !important;
	height : auto !important;
}

