body		{ font-family:"Lucida Grande",Arial, Helvetica, sans-serif; font-size: 78%; background:#d1d2d4 url('/images/layout/bkgd.jpg') repeat-x 0 0; padding:12px 40px; text-align: center}
* 			{ margin:0; padding:0;} 
img			{ border:none; margin:0; padding:0;} 


p, .list,
form label, td		{ color:#444; line-height:1.3em; font-size:.9em; }
p					{ margin-bottom:1.1em;} 

.txt-small			{ font-size:.8em;}
.txt-large			{ font-size:1.3em;}
.centred			{ text-align:center }


a					{ color: #444; cursor:pointer }
a:hover				{ text-decoration:none;}
a:active, a:focus	{ outline:none }
/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container 				{ text-align:left; margin:0 auto; position:relative; min-width: 930px; background-color: #FFF; padding-bottom:25px;}
body.login #container 	{ text-align: center}
#header					{ padding: 20px 20px 0 20px; margin-top:10px;}
#footer					{ padding: 5px 20px 5px 20px; text-align: left;}
#content				{ padding:15px 15px; overflow: hidden;  min-height:500px; height:auto !important; height:500px; position: relative;}
#col-left				{ /*width: 80%; padding-right: 15px;*/ padding-right:250px; position:relative;}
#col-right				{ width:210px; padding-left: 20px; right:0; top:0; background: url('/images/layout/col-divider.png') no-repeat 0 0; position:absolute;}

/* Messages */
/* ---------------------------- */
#warning, #message, #ok{ border-width:1px; border-style: solid; clear:both; padding:10px 25px 10px 40px; margin:-10px auto 15px auto; background-position:10px; background-repeat:no-repeat; }
#warning{ background-color:#fff1f1; color:#d80000; border-color: #d80000; }
#message{ background-color:lightyellow; color:#555; border-color: #e2df00; background-image:url(/images/info.png); }
#ok{ background-color:#F0FFD0; color:#555; border-color:#8EB547; background-image:url(/images/tick.png); }

/* ---------------------------- */
/* NAVIGATION
/* ---------------------------- */
ul#nav				{ overflow: hidden; margin-top: 15px; list-style: none;  }
ul#nav li			{ float:left;}
ul#nav li a			{ text-decoration: none; display: block; margin-right:5px; float:left; height: 30px; line-height: 1.1em; font-weight: bold; font-size: 1em; color: #FFF; line-height: 2.3em; padding: 0 16px; border-bottom:none;}
ul#nav li a:hover,
ul#nav li.on a		{ }

ul#subnav					{ padding: 10px 20px; list-style: none; overflow: hidden}
ul#subnav li				{ float: left; list-style: none; padding-right: 15px; color: #777}
ul#subnav li a				{ text-decoration: none; font-size: .8em;  margin-right: 10px; color: #222; padding: 3px 5px}
ul#subnav li.on a, 
ul#subnav li a:hover		{ color: #FFF!important }
ul#subnav li.active a		{ font-weight: bold;}

ul.topnav					{ text-align:right; }
ul.topnav li				{ display:inline; list-style: none; font-size: .8em; margin-right: 20px; }
/*
ul.topnav					{ overflow: hidden; margin-left: 20px}

ul.topnav li a				{  }
ul.topnav li.logout a		{ color: red}
ul.topnav li a:hover		{ text-decoration: none;}

ul.right					{ position:absolute; right:0; top:0;}
ul.right li.username		{ margin-right: 45px;}
*/

ul.action-list				{}
ul.action-list li			{ list-style: none; margin-bottom: 10px;}
ul.action-list li a			{ display: block; font-size: .8em; line-height: 3.4em; text-decoration: none; background: url('/images/layout/btn-action.png') no-repeat 0 0; height: 32px; padding:0 5px 0 35px; }
ul.action-list li a:hover	{ background-position: 0 -33px; color: #000}
ul.download-list				{}
ul.download-list li			{ list-style: none; margin-bottom: 10px;}
ul.download-list li a		{ display: block; font-size: .8em; line-height: 3.4em; text-decoration: none; background: url('/images/layout/btn-download.png') no-repeat 0 0; height: 32px; padding:0 5px 0 35px; }
ul.download-list li a:hover	{ background-position: 0 -33px; color: #000}
ul.signout-list 			{ width: 400px; position: absolute; bottom: 10px; right: 25px;}
ul.signout-list li			{ width: 200px; display: inline-block; float: left;} 
ul.signout-list li.btn-out	{ position:absolute; float: left;} 
ul.signout-list li a		{ display: block; font-size: .8em; line-height: 3.4em; text-decoration: none; background: url('/images/layout/btn-out.png') no-repeat 0 0; height: 32px; padding:0 5px 0 35px; }
ul.signout-list li a:hover	{ background-position: 0 -33px; color: #000}
ul.return-list 				{ width: 400px; position: absolute; bottom: 10px; right: -175px;}
ul.return-list li			{ width: 200px; display: inline-block; float: left;}
ul.return-list li a			{ display: block; font-size: .8em; line-height: 3.4em; text-decoration: none; background: url('/images/layout/btn-return.png') no-repeat 0 0; height: 32px; padding:0 5px 0 35px; }
ul.return-list li a:hover	{ background-position: 0 -33px; color: #000}

 
h1					{ font-size: 1.8em; font-weight: bold; margin:0 0 10px 0; color:#444 }
h2					{ font-size: 1.1em;  }
h3					{ font-size: 1.4em; font-weight: normal; color: #333; margin: 0 0 10px 0;}


/* ---------------------------- */
/* PROPERTY LIST */
/* ---------------------------- */
p.info-line			{ margin-bottom:25px;}
p.info-line-status	{ height: 15px; overflow: hidden; margin-bottom: 15px;}
p.info-line-text	{ position: absolute; top: 90px; left: 40px;}

table				{ border-collapse: collapse; width: 100%; margin: 30px 0 15px; }
table td,
table th			{ padding:8px 10px; color: #444; border-bottom: 1px solid #999; font-size: 0.9em; }
table th			{ font-weight: bold; padding-top: 15px; padding-bottom: 15px; color: #000;}
table th a			{ text-decoration: none; color: #888;}
table th a.active,
table th a:hover	{ }

.odd 				{ background-color:#f8f8f8; }
.even 				{ background-color:white; }
.hover 				{ background-color:lightyellow; }

table tr.archived { background-color: #DDDDFF; }

table span.sstc,
table span.sold,
table span.let							{ font-weight:bold; color:red;}
table span.available					{ font-weight:bold; color:green;}
table span.let_agreed,
table span.under_application,
table span.under-offer					{ font-weight:bold; color:orange;}
table span.withdrawn					{ font-weight:bold; }
table span.indent						{padding-left:15px;}

/* Property List Icons */
ul.property-icons li					{ list-style:none; float:left; margin-right:5px}
ul.property-icons li a					{ display:block; height:16px; text-indent:-999em; background-image: url('/images/icons/property-icons.png'); background-repeat:no-repeat; width:13px;}
ul.property-icons li.edit a				{ background-position:0 0; width:17px;}
ul.property-icons li.photos a			{ background-position:-25px 0; }
ul.property-icons li.floorplans a		{ background-position:-50px 0; }
ul.property-icons li.epcs a				{ background-position:-75px 0; width:19px;}
ul.property-icons li.documents a		{ background-position:-100px 0; width:14px;}
ul.property-icons li.delete a			{ background-position:-125px 0; width:12px; margin-left:10px; margin-right:0}
ul.property-icons li.archive a       { background-position:-100px 0; width:17px;}

ul.property-icons li.edit a:hover		{ background-position:0 -16px;}
ul.property-icons li.photos a:hover		{ background-position:-25px -16px; }
ul.property-icons li.floorplans a:hover	{ background-position:-50px -16px; }
ul.property-icons li.epcs a:hover		{ background-position:-75px -16px; }
ul.property-icons li.documents a:hover	{ background-position:-100px -16px; }
ul.property-icons li.delete a:hover		{ background-position:-125px -16px; }
ul.property-icons li.archive a:hover       { background-position:-100px -16px; }

/* Status Updat Icons */
.icon-keys									{ float:right;}
ul.property-icons li.delete-keys a			{ background-position:-125px 0; width:12px; margin-left:5px; margin-right:0;}
ul.property-icons li.delete-keys a:hover	{ background-position:-125px -16px; }
.status-colour 								{ height: 15px; overflow: hidden; margin-left:5px;}

/* ---------------------------- */
/* EDIT PROPERTY */
/* ---------------------------- */

ul#switcher						{ overflow: hidden; margin-left: 15px; }
ul#switcher li					{ list-style: none; float: left; margin-right: 5px; }
ul#switcher li a				{ display: block; text-decoration: none; cursor: pointer; padding: 10px 15px; color: #333; border:1px solid #eee; border-bottom:none;  }
ul#switcher li a:hover,
ul#switcher li.on a				{ background-color: #eee; color: #000; border-color:#eee}

#property-edit-container		{ background-color: #EEE; padding:25px 25px 15px;overflow:hidden }

div.form-group-header					{ padding:10px 1px; position:relative; width:100%; }
div.form-group-header h2				{ color: #FFF; margin-left:20px }
div.form-group-header a					{ position: absolute; top:12px; right: 20px; color: #FFF; text-decoration: none; padding:0 25px 1px 1px; font-size: .9em; /*background:url('/images/layout/panel-arrow.png') no-repeat right 0;*}
div.form-group-header a:hover			{ opacity: 0.7;                    /* Firefox, Safari(WebKit), Opera */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
filter: alpha(opacity=70);       /* IE 4-7 */
zoom: 1;       /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ }


/* ---------------------------- */
/* FORM */
/* ---------------------------- */
form									{ margin: 0 auto }
fieldset								{ border:none; }
form#edit_property select				{ width:190px }
form#edit_property fieldset				{ padding: 20px 30px 8px;}
form fieldset ul li						{ list-style:none; clear:both; vertical-align:middle; margin-bottom:10px; position:relative; overflow: hidden; width: 100%; min-height:30px;  }
form fieldset ul li label				{ color:#444; display:block; font-size:.8em; text-align: left; margin-bottom:10px; float: left; width: 115px; margin-right:5px; }

form input,
form textarea							{ font-family:Arial,Helvetica,sans-serif; font-size:9pt; padding:4px 6px; border:1px solid #999; width:250px; }
form textarea							{ height:175px; width:250px;}
form option								{ padding:1px 5px}
form input.width-auto					{ width:auto; border:none;}

ul.radio-buttons li						{ margin-bottom: 9px; background-color: transparent; padding: 0; margin-top: 0;margin-left:12px;}
ul.radio-buttons label					{ width:auto; margin: 0; font-weight: normal}
ul.radio-buttons input					{ width: auto; border: none; float: left; margin:0 5px 0 0; position: relative }

form.keyword-search	fieldset.submit		{ padding: 0 0 10px 0; margin: 0; text-align:center;}

/*form fieldset.submit a					{ color:red; font-size:.9em; position:relative; top:; -15px; left:15px;}*/
form fieldset.submit input        { border: none; cursor: pointer; width: auto; padding:0; }
.generate                         { cursor: pointer; width: 100px; height:30px;}


form#edit_property fieldset.submit		{  padding:0; float:right; width:100px; text-align:center; margin:-16px 0 0; }


span.mandatory							{ color:red; font-size:1.1em; font-weight:bold;}



/* Login */
/* ---------------------------- */
#login-container						{ width: 440px; margin:30px auto;}
#login-container span.login-header		{ display:block; text-align:center; padding:15px 5px;}
form.login								{ text-align: left; }
form.login fieldset						{ padding: 30px; background: url('/images/layout/bkgd-form.png') repeat-x 0 0; }
form.login label						{ font-size: 1.2em; padding-top: 8px; width:120px;}
form.login input						{ font-size: 1.6em; width: 225px;}
form.login ul.radio-buttons				{ margin-left: 125px;}
form.login ul.radio-buttons label		{ font-size: .9em; padding: 0; width:215px;}
form fieldset ul li.submit				{ margin-left: 120px; margin-top: 10px; } 
form fieldset ul li.submit input,
form fieldset ul.radio-buttons input	{ width:auto; border:none;}

/* Keyword Search */
/* ---------------------------- */
#search-container span.search-header,
.search-container span.search-header,
#display-container span.display-header,
.display-container span.display-header					{ display:block; padding:8px 10px; background: url('/images/icons/magnifying-glass.png') no-repeat 175px center; color: #FFF; }
.branch-list                                    { margin-bottom: 30px;padding:10px; background: url('/images/layout/bkgd-form.png') repeat-x 0 0; border: 1px solid #999; border-top:none;}
.branch-header                                    { display:block; padding:8px 10px; background:#772670 !important; }
.branch-list h3                                  { color: #444 !important; border-bottom:1px solid #999;}
.branch-count-list                                 { color: #444; list-style:none; padding-left: 20px; margin-bottom:10px;}
.branch-limit                                { background: url('/images/exclamation.png') no-repeat left 0px center;  color:#900 !important;  }
form.keyword-search										{ margin-bottom: 30px; background: url('/images/layout/bkgd-form.png') repeat-x 0 0; border: 1px solid #999; border-top:none; }
form.keyword-search	fieldset							{ padding-top: 10px;}
form.keyword-search fieldset.submit						{ padding-top:0;}
form.keyword-search ul									{ padding:0 10px ;}
form.keyword-search li.search-field label				{ position: absolute; left:-999em;}
form.keyword-search li.search-field input				{ width:173px;}
form.keyword-search ul ul								{ padding: 0;}


/* Property List */
/* ---------------------------- */
form.display-info										{ background-color: transparent; position: relative; padding: 0; overflow: hidden; margin-top:10px;}
form.display-info fieldset								{ padding: 0;}
form.display-info select.display-per-page				{ position: absolute; right: 0; top:0;}
form.display-info fieldset.list-info					{ position: absolute; top:0; right: 135px;}
form.display-info p										{ float: left;}
form.display-info p.pagination							{ margin-left: 30px;}


/* --------------------------- */
/* Log Styling */
/* --------------------------- */
.log_style 								{ background-color: #fff; vertical-align:top;}
.log_list ul li 						{ list-style: none; }
.log_list 								{ position:relative;}
.log_list ul 							{ overflow:hidden; margin-right:80px;}
#key_log								{ margin-top: -20px !important;}
.select-style 							{ float: right; margin-top: -25px !important; margin-right: 150px !important; top: 8px !important; right: -30px !important; padding-top: 20px !important;}
.display-page-style						{ float: right; right: 39px; width: auto !important; position: absolute;}
.assign-style 							{ float: left; margin-left: -30px;  top: 0px; width: auto !important;}
.date-disp								{ width: 200px; color: #949494;}
.since-disp								{ width: 100px;}

/* Edit Property */
/* ---------------------------- */
form#edit_property div.form-group-parent{ margin-bottom: 15px;}
form#edit_property div.form-group		{ position: relative; border: 1px solid #999; border-top: none; background-color: #FFF; overflow:hidden; width:100%}
form#edit_property fieldset				{ }
form#edit_property fieldset.no_bg		{ background:none }
form#edit_property label				{ font-size: .9em; line-height:1.2em;}
form#edit_property input#postcode1,
form#edit_property input#postcode2		{ width:40px }
form#edit_property input#bedrooms, form#edit_property input#bathrooms{ width:20px }

/* Listings & Features */
form#edit_property fieldset.features input			{ width:240px;}

/* Float Fieldset Left */
form#edit_property fieldset.web-address,
form#edit_property fieldset.property-details,
form#edit_property fieldset.listings,
form#edit_property fieldset.let-details				{ width:410px; float:left;}

/* --------------------- */
/* Key set status - Login/out */
/* --------------------- */
/* Float Right Buttons */
fieldset.right-buttons 			{ position: absolute; right:0; bottom: 0; width: 345px !important;}

/* WYSIWYG  */
/* ---------------------------- */
div.wysiwyg ul.panel li 							{ width: auto; clear: none; }
form#edit_property fieldset.description textarea,
form#edit_property fieldset.particulars textarea 	{ width:600px; height:325px; }
form#edit_property fieldset.description label,
form#edit_property fieldset.particulars label		{ position:absolute; left:-999em;}
.format-check { width: 200px; height: 30px; float: left; margin-left: 30px;}
.check-right { float: left; margin-top: -14px; margin-left: 20px;}



/* General */
/* ---------------------------- */
div.no-group-container					{ }

div.image_container, div.clipping_container	{ background-color:#DDDDDD;border:1px solid #666666;float:left;padding:17px 25px;width:400px;min-height:115px;}
div.uploaded_item						{ padding:15px 15px 15px 15px; clear:both; margin:10px 0; border:1px dashed #666; cursor:move; background-color:#FFF; overflow: hidden; position: relative; min-height:60px; height:auto !important; height:60px;}
.div.uploaded_item img					{ position:absolute; top:15px; left:15px;}
div.uploaded_item .image				{float:left; }
div.uploaded_item .image img.max-size	{width:105px}
div.uploaded_item .caption_form			{float:right; width:198px;}
div.uploaded_item label					{ width: 55px; float: left;}
div.uploaded_item input					{ width: 175px;}

div.imageinfo 							{ height: auto; position:relative; padding-bottom: 10px;}
div.imageinfo .imagelabel 				{margin-top: 10px; padding-bottom: 5px; float: left;}	
div.deletebtn 							{ height: auto; position:relative;}	
div.deletebtn a.ajax_delete				{ color: red; font-size: .8em; position:relative !important; top:0 !important; left: 0 !important;}
div.uploaded_item a.ajax_delete			{ color: red; font-size: .8em; top:50px; left: 186px; position:absolute; }

div.image_uploader, div.clipping_uploader { float: left; margin-left: 50px; background: #a2e298 url('/images/layout/bkgd-form-green.png') repeat-x 0 0; border: 1px solid #4bca35; padding: 15px; width: 250px;}
div.image_uploader h3, div.clipping_uploader h3	{ color:#107000}
p.getflash	a							{ color: black; font-size: 10px;}
p.getflash								{ width: 100%; text-align: center;  }
/* EPCs */
fieldset.energy-ratings					{ margin-top:25px;}
fieldset.energy-ratings	label			{ width:200px; float:left; padding-bottom:5px; }
fieldset.energy-ratings	input			{ margin-bottom:5px; width:50px;}

/* Documents */
fieldset.hip							{ margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #BEBEBE;}

.swfupload{ margin-left:67px }


/* Errors */
/* ---------------------------- */
#errors								{ color:#FFF; margin:0 0 25px ; padding:20px; background-color:#990000;}
#errors li							{ margin:0 0 4px 25px}
#errors p							{ margin:0 0 5px 0; color:#FFF;}

div#errors							{ margin:0 auto; width:400px;} /* Login error msg */

/* ---------------------------- */
/* NEIL'S ORIGINAL CSS */
/* ---------------------------- */
.not_sortable{ cursor:auto!important}

.doc_item{ padding:5px; clear:both; margin:10px 5px; border:1px dotted #000; height:85px;  background-color:#FFFFFF }

.log{ margin:0; padding:0; width:400px;}
.log li{ list-style-position:inside; margin:8px 2px; border:1px solid #ccc; padding:10px; width:225px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; background:#fff; position:relative;}
.log li .progressbar{ border:1px solid #333; height:5px; background:#fff; }
.log li .progress{ background:#999; width:0%; height:5px; }
.log li p{ margin:0; line-height:18px; }
.log li.success{ border:1px solid #339933; background:#ccf9b9; }
.log li span.cancel{ position:absolute; top:5px; right:5px; width:20px; height:20px; background:url('/js/swfupload/cancel.png') no-repeat; cursor:pointer; }




.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('/images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

  .tipsy-text{display:none;}





.uploaded_item .caption_form label		{position:relative !important; left: 0 !important;}

/* ---------------------------- */
/* APPLICATION DISPLAY
/* ---------------------------- */

#display-container label {
  float: left;
  width: 90px;
}

#display-container input[type="radio"] {
  width: 70px;
  margin: 0 0 10px;
}

/* ---------------------------- */
/* DEFAULT COLOURS */
/* ---------------------------- */
/* colour: */
.dark-colour,
table th a.active,
table th a:hover,
a						{ color:#FFF;}
.light-colour			{ color:#EBDFEA; }


/* background-color: */
#header,
#footer,
#login-container span.login-header	{ background-color:#FFF;}
ul#subnav li.on a,
ul#subnav li a:hover,
div.form-group-header,
#search-container span.search-header,
.search-container span.search-header,
#display-container span.display-header,
.display-container span.display-header   { background-color:#000;}

ul#subnav,
table th								{ background-color:#EBDFEA; }


/* Navigation */
ul#nav li a				{ border:1px solid #EBDFEA; border-bottom:none;}
ul#nav li.on a,
ul#nav li a:hover		{ background-color: #ebdfea; border-color:#ebdfea; color:#FFF;}


/* ---------------------------- */
/* BUSINESS DIRECTORY */
/* ---------------------------- */ 

ul#business-logos			{ overflow: hidden; padding: 20px; list-style: none; margin: 0; }
ul#business-logos li		{ float: left; padding: 10px; width: 290px; margin: 5px; background: #EEE; }
ul#business-logos input		{ width: auto; float: right; }
ul#business-logos label		{ cursor: pointer; }
ul#business-logos .left		{ float: left; width: 125px; }
ul#business-logos .right	{ float: right; width: 150px; margin: 0 5px; }

.temp-business-photo		{ width: 75px; }

.business-stats-container { padding: 10px; }
.business-stats-container table { margin-top: 10px; }

.row-input {
    width: 50px;
    border: 1px solid #AAA;
    padding: 4px;
}

#select2-properties {
    width:500px;
    height:30px;
    padding:5px;
}

.traffic_lights {
	margin-top: 0px; margin-right: 5px;
}
.amber {
	margin-top: -17px; margin-right: 5px;
}
.red {
	margin-top: -33px; margin-right: 5px;
}

.toggle_display_log {
	position:absolute;
	right:10px;
	bottom:0px;
	display:block;
	height:20px;
}

#details .web-address .template-checkbox { width: auto; }
#details .web-address .template-label { float: none; display: inline-block; }
#details .web-address #hyperlink-info .preview-div { margin-top: 15px; }
#details .web-address #hyperlink-info .preview-label {
	float: none;
	width: 100%;
	text-align: center;
}
#details .web-address #hyperlink-info .preview-text{
	display: inline-block;
	font-size: 11px;
	font-weight:bold;
	font-style: normal;
	font-variant: normal;
	text-align: center;
	font-family:
	'Segoe UI',
	Frutiger,
	'Frutiger Linotype',
	'Dejavu Sans',
	'Helvetica Neue',
	Arial, sans-serif;
}
#details .web-address #hyperlink-info .postpre-preview { color:#003d73; }
#details .web-address #hyperlink-info .link-preview { color:#1D5784; font-style: italic; }

.inline{
	display: inline-block;
}