/* Various CSS Browser hacks:

all browsers:
.foo {
	top:5px;
}


just IE 5.x:
.foo {
	top:0px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	top:5px;
}


just IE:
* html .foo {
	top:5px;
}


just Safari (N.B. replace '[forward slash]' with '/' below):
/*\*[forward slash]
html>body*.foo {
	top:5px;
}
/**[forward slash]

*/

html, body, #all_content_container {
	min-height:100%; /* Not supported by IE 5/6, but required for Firefox/Opera */
	width:100%;
	height:100%;
}
/***************************************************************************
* The "height" above is a hack for IE5+/Win. Below it's adjusted using
* the child selector to hide from IE5+/Win.
* Without this, Moz1.0 adds a vertical scrollbar, & Firefox1.0/Opera7.54
* cover everything with the footer when the viewport gets too small.
***************************************************************************/
html>body, html>body #all_content_container {
	height:auto;
}

body {
	margin:0;
	padding:0px;
	font-family:Arial, Helvetica, Sans-serif;
	font-size:12px;
}

a.hidden {
	display:block;
	visibility:hidden;
	height:0px;
	line-height:0px;
	font-size:0px;
	overflow:hidden;
}

#all_content_container {
	position:absolute;
	top:0px;
	left:0px;
}

#main {
	padding-top:83px;  /* header height */
	padding-bottom:16px;  /* footer height */
	height:auto;
}

#content_table {
	margin-left:5px;
	border-left:1px solid #cdcdcd;
	border-right:1px solid #cdcdcd;
	margin-right:5px;
}

#content {
	height:auto;
	width:100%;
}

#top_prev_next {
	padding-top:20px;
}

#bottom_prev_next {
	padding-bottom:20px;
}

#content_left_col {
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	text-align:left;
	vertical-align:top;
}

#content_center_col {
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	text-align:left;
	vertical-align:top;
}

#content_right_col {
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	text-align:left;
	vertical-align:top;
}

/* N.B. if the header and/or the footer height are changed fix the height values in library.js setContentTableHeight() accordingly */
#header {
	position:absolute;
	top:0px;
	width:100%;
}

#footer {
	position:absolute;
	bottom:0px;
	width:100%;
}

/* input sizes */
input {
	font-size:14px;
}

select {
	font-size:14px;
}

textarea {
	font-size:14px;
}

/*-------------------------------------------------------------------------------------------
	START OF MINIBOXES STYLING
	-----------------------------------------------------------------------------------------*/

/* where to put subtitles in miniboxes */
.content_row_heading {
	position:relative;
	left:8px;
	padding:8px 6px 8px 6px;
	z-index:120;
}
* html .content_row_heading {
	left:2px;
}

/* main body content of miniboxes */
.content_row_panel {
	position:relative;
	left:2px;
	padding:0px 6px 8px 6px;
	z-index:120;
	font-size:12px;  /* main content text size */
	line-height:16px;
}

/* push/pull minibox around content so it goes to edges */
.content_row_body_to_edges {
	left:0px;
	bottom:-17px;
	margin-left:-6px;
	margin-right:-6px;
	margin-top:-26px;
}

.content_row_panel TABLE {
	font-size:x-small;
}

/* hack for IE to not widen minibox popups past edge of window */
.minibox_in_popup {}
* html .minibox_in_popup {
	padding-right:10px;
}

/* puts loads of text into the page to force the width of a minibox to 100% of the window width */
.filthy_width_hack {
	display:block;
	visibility:hidden;
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}

/* subtitle notes */
.stnote {
	color:#999999;
	font-size:10px;
	position:absolute;
	bottom:10px;
	left:0px;
	text-align:left;
}

/* curves for miniboxes */
.top_left_curve {
	position:absolute;
	top:0px;
	left:0px;
	voice-family: "\"}\""; /* anything below this ignored by IE 5.x */
	voice-family:inherit;
	position:static;
	float:left;
}

.top_right_curve {
	position:absolute;
	top:0px;
	right:-1px;
	voice-family: "\"}\""; /* anything below this ignored by IE 5.x */
	voice-family:inherit;
	position:static;
	float:right;
}

.bottom_left_curve {
	position:absolute;
	bottom:-1px;
	left:0px;
	voice-family: "\"}\""; /* anything below this ignored by IE 5.x */
	voice-family:inherit;
	position:static;
	float:left;
}

.bottom_right_curve {
	position:absolute;
	bottom:-1px;
	right:-1px;
	voice-family: "\"}\""; /* anything below this ignored by IE 5.x */
	voice-family:inherit;
	position:static;
	float:right;
}

/* minibox content */
.minibox {
	font-size:12px;  /* main content text size */
	line-height:16px;
}

.minibox a {
	color:black;
	text-decoration:none;
}

/* START OF OLD CSS FOR <ul> AND <li> - overwritten by css_str() for leftnav
	 N.B. this is necessary for the list items in other pages other than welcome page */
ul.minibox li {
	padding-bottom:4px;
	padding-top:4px;
	margin:0px;
}

ul.minibox {
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:0px;
	padding-top:0px;
}

ul.minibox form {
	margin:0px;
	padding:0px;
}
/* END OF OLD CSS FOR <ul> AND <li> */

p.minibox {
	text-align:justify;
}

.simple_content_row {
	border:1px solid #999999;
	padding:10px;
	margin-top:5px;
}

/*-------------------------------------------------------------------------------------------
	END OF MINIBOXES STYLING
	-----------------------------------------------------------------------------------------*/

/*
corrects bug in IE that makes elements with "position:relative;" etc disappear - forces hasLayout
see here: http://www.satzansatz.de/cssd/rpfloat.html
*/
/* \*/
* html .gainlayout {
	zoom:1; 
}
/* */

/* funky little boxes used to 'prettify' pages */
.funky_boxes {
	vertical-align:top;
}

.funky_boxes_clear {
	opacity:.4;
	filter: alpha(opacity=40);
}

.funky_box_text {
	vertical-align:bottom;
}

.grid, .gridsel {
	padding:10px;
	margin:10px;
	text-align:center;
	width:120px;
	height:100px;
	float:left;
	font-weight:normal;
}

table {
	font-family:Arial, Helvetica, Sans-serif;
	margin:0px;
	padding:0px;
	border:0px;
}

th.disabled {
	color:gray;
}

.instrs th {
	vertical-align:top;
	text-align:right;
}

.instrs td {
	vertical-align:top;
	text-align:left;
}

/* Tabbed Boxes */
.tabbed {
	display:inline;
	list-style:none;
	padding:0px;
	margin:0px;
}

.tabbed li {
	display:inline;
	list-style:none;
	padding:0px;
	margin:0px;
}

/* archived property / property check search results */
table.archtab, table.propchecktab {
	border:0px;
}

th.archtab, th.propchecktab {
	vertical-align:top;
	white-space:nowrap;
}

td.archtab, td.propchecktab {
	vertical-align:top;
}

/* alternate row colours for searches atc */
.alter0 {
	background-color:#eeeeee;
}

.alter1 {
	background-color:#ffffff;
}

.altera0 {
	background-color:#ffffdd;
}
.altera1 {
	background-color:#ffffdd;
}

.alters0 {
	background-color:#eeeeff;
}
.alters1 {
	background-color:#eeeeff;
}

.alterr0 {
	background-color:#ffeedd;
}
.alterr1 {
	background-color:#ffeedd;
}

.alterl0 {
	background-color:#ffeeee;
}
.alterl1 {
	background-color:#ffeeee;
}


.part table {
	border:0px;
	width:575px;
}

.part th {
	vertical-align:top;
	text-align:left;
	white-space:nowrap;
}

.part td {
	vertical-align:top;
	text-align:left;
}

/* shortlist info */
table.slist {
	border:0px;
}

.slist th {
	text-align:center;
	vertical-align:top;
	white-space:nowrap;
}

.slist td {
	text-align:center;
	vertical-align:top;
}

/* archived info */
table.arch  {
	border:0px;
	min-width:600px;
	width:90%;
	padding:0px;
	margin:0px;
}

.arch th {
	font-size:7pt;
	vertical-align:top;
	text-align:center !important;
	white-space:nowrap;
	top:-10px;
}

/* search results rows - not visible */
.not-visible-to-others td {
	color:#999999;
}

.not-visible-to-others td a {
	color:#999999;
}

.not-authorised td {
	color:#999999;
}

/* workflow property rows - organisation name */
.archTDp {
	font-size:7pt;
	vertical-align:middle !important;
	text-align:left !important;
	width:250px;
	white-space:nowrap;
}

/* workflow property rows - commission */
.archTDc {
	font-size:7pt;
	vertical-align:middle !important;
	text-align:left !important;
	width:75px;
	white-space:nowrap;
}

/* workflow property rows - notes */
.archTDn {
	font-size:7pt;
	vertical-align:middle !important;
	text-align:left !important;
	width:200px;
	white-space:nowrap;
}

/* workflow property rows - phone icon */
.archTDh {
	vertical-align:middle !important;
	text-align:center !important;
	width:13px;
	white-space:nowrap;
}

/* workflow property rows - all others */
.archTDx {
	font-size:7pt;
	vertical-align:middle !important;
	text-align:center !important;
	width:25px;
	white-space:nowrap;
}

/* thumbnail images */
input.thumbnail, IMG.thumbnail {
	border-width:1px;
	border-color:black;
	border-style:solid;
	margin-left:0px;
	margin-right:0px;
}

/* search results layout */
.search_form {
	font-family:Arial, Helvetica, Sans-serif;
}

td.search_form {
	vertical-align:top;
	text-align:left;
	padding-top:5px;
	white-space:nowrap;
}

th.search_form {
	vertical-align:top;
	white-space:nowrap;
	padding-top:5px;
	text-align:right;
	font-weight:bold;
}

/* no break - used all over the shop! */
nobr, .nobr {
	white-space:nowrap;
}

/* lines used for checkboxes */
.check_line {
	padding-bottom:5px;  /* amount of space between checkboxes in search pages */
}

/* hints in search results */
.hint {
	font-size:9px;
	color:#666666;
}

/* workflow javascript enabled styling */
.rb0, .rb1 {
	position:absolute;
	border-width:1px;
	padding:0px;
	margin:0px;
}

.rb0 {
	border-style:dotted;
	z-index:2;
}

.rb1 {
	border-style:solid;
	z-index:3;
}

.lb0, .lb1 {
	position:absolute;
	border-width:1px;
	border-style:solid;
	border-color:black;
	width:9px;
	height:9px;
	z-index:4;
	cursor:pointer;
}

.lb0 {
	display:none;
}

.boxes {
	position:absolute;
	width:1px;
	height:1px;
	z-index:2;
}

.pb {
	position:absolute;
	background-color:white;
	z-index:1;
	margin:0px;
	top:-1px;
	left:-1px;
	border-width:1px;
	border-style:solid;
	border-color:black;
}

/* lonres news */
.news_body {
	font-size:12px;  /* main content text size */
	line-height:16px;
	text-align:justify;
	color:#000000;
}

.news_body p {
	margin-top:0px;
	margin-bottom:0.8em;
}

.news_body a {
	color:#000000;
}

/* events/launches */
.events_body {
	font-size:12px;  /* main content text size */
	line-height:16px;
	text-align:justify;
	color:#000000;
}

.events_body p {
	margin-top:0px;
	margin-bottom:0.8em;
}

.events_body a {
	color:#000000;
}

/* error and warning messages */
.cockup {
	margin:15px;
	text-align:center;
	font-size:larger;
	color:red;
}

/* magic_textbox() styles for text in input box and go button */
input.magic_textbox {
	font-size:9px;
}

input.magic_gobutton {
	font-size:9px;
}

/* put space above search headings in IE 5.x */
.IE5hack_search_headings {
	voice-family: "\"}\""; /* anything below this ignored by IE 5.x */
	voice-family:inherit;
	display:none;
}

/* lonres braille in top left and bottom right */
.search_braille {
/*	opacity:.2;
	filter: alpha(opacity=20); */
}

/* links for 'view shortlist', 'detailed search' etc in searches */
.section_link a {
	font-size:12px;
	color:#404040;
}

/* home icon in header */
.home_icon {
	z-index:300;
	position:absolute;
	top:-4px;
	right:15px;
}
* html .home_icon {
	top:3px;
}

/* webmaster quicksearch */
.webm_qs {
	position:absolute;
	top:1px;
	right:1px;
	z-index:300;
}

/* search tabs for switching */
.switch_label {
	font-weight:bold;
	cursor:pointer;
	cursor:hand;
	font-size:10px;
}

/* form fields */
.form_field_label_outer {
	color:#000000;
	white-space:nowrap;
}

.form_field_label_inner {
	color:#000000;
}

.form_field_label_outer_hack {
	padding-top:3px;
}
* html .form_field_label_outer_hack {
	padding-top:5px;
}
/*\*/
html>body*.form_field_label_outer_hack {
	padding-top:4px;
}
/**/

/* images used for magic checkboxes */
.magic_checkbox_img {
	padding-right:5px;
}

/* used by shortlists for headings */
.shortlist_heading {
	color:#000000;
}
.shortlist_heading a {
	color:#000000;
}

.hidden {
	display:none;
}

.clickable {
	cursor:pointer;
	cursor:hand;
}

/* workflow buttons */
#new_sales_instruction {
	width:200px;
	background-color:#5CB6FC;
	margin-right:100px;
	border:2px outset #5CB6FC;
}

#new_archive_instruction {
	width:200px;
	background-color:#FFFF58;
	margin-right:100px;
	border:2px outset #FFFF58;
}

#new_lettings_instruction {
	width:200px;
	background-color:#BC8EEC;
	border:2px outset #BC8EEC;
}

#new_letarchive_instruction {
	width:200px;
	background-color:#FFD7AF;
	border:2px outset #FFD7AF;
}

.enabled{
	color:#000;	
}

.disabled{
	color:#BBB;
}

.enabled th{
	color:#000;	
}

.disabled th{
	color:#BBB;
}

.alignFormField {
	valign:top;
	text-align:right;
}