/* Site Layout */

table.container {
	width: 775px;
}

div.module, div.frameshadow {
	margin-bottom: 4px;
	margin-right: 4px;
}

body#bd {
	margin: 4px 0 4px 4px;
}

div#topline {
	color: #666666;
	font-size: 11px;
	padding: 0 4px 8px 2px;
	margin-bottom: 2px;
}


a {
	color: #FFCC00;
	text-decoration: underline;
}

a:hover, a:active {
	color: #FFCC00;
}
a.pagenav {
	font-weight: normal;
}

a.readon {
	display: block;
	color: #CC0000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
}

a.readon:hover {
	color: #CC0000;
	text-decoration: none;
}
body {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	background: #17325b;
	font: 12px/140% Tahoma, Arial, sans-serif;
}

body#bd {
	margin: 8px 0 8px 8px;
	background-color: #E9E9E9;
}

body.contentpane {
	width: auto;
	margin: 10px;
	background: #FFFFFF;
	line-height: 140%;
}

div#header { color: #fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 0; height: 128px; }

div#topline {
	padding: 0 8px 0 2px;
	margin-bottom: 4px;
	color: #585858;
	font-size: 11px;
}

div#topline a {
	color: #fffdfd;
	text-decoration: none;
}

div#topline a:hover, div#topline a:active { color: #f2f2f2; background-color: #666; text-decoration: none; }

div.clr {
	clear: both;
}

div.header-nav {
	float: left;
}

div.header-nav a {
	padding: 0 8px;
	border-left: 1px solid #C0C0C0;
}

div.header-photo { color: #fff; background-attachment: scroll; background-position: 0 0; width: 203px; float: right; height: 118px; overflow: visible; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; }
div.header-date { color: #fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-indent: 10px; float: left; overflow: visible; }
div.latest {
	width: auto;
	background: #FFFFFF;
	line-height: 140%;
}

div.latest a {
	color: #666666;
	text-decoration: none;
}

div.latest a:hover, div.latest a:active {
	color: #CC0000;
	text-decoration: none;
}
div.latest table, div.latest td { color: #fff; background: #660033; font-size: 12px; }

div.latest ul {
	padding-left: 8px;
}
div.module div div {
	padding: 0;
	border: none;
	background-color: #1E4175;
}
 div.module div div div {
	padding: 6px;
	width: auto !important;
	width: 100%;
	border: none;
	background: none;
}
div.module div div div div {
	padding: 1px;
	width: auto !important;
	width: 100%;
	border: none;
	background: none;
}
div.module div, div.frame {
	border-top: 1px solid #D3CCC2;
	border-left: 1px solid #D3CCC2;
	border-bottom: 1px solid #A7A199;
	border-right: 1px solid #A7A199;
	padding: 5px;
	width: auto!important;
	width: 100%;
	background: #5D74AD;
}
div.module, div.frameshadow {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding-right: 1px;
	padding-bottom: 1px;
	margin-bottom: 8px;
	margin-right: 8px;
	background-color: #CCCCCC;
}
div.moduletable {
	padding: 6px;
	width: auto!important;
	width: 100%;
}

div.moduletable h3, div.module h3 { padding: 4px 4px 4px 8px; margin: -6px -6px 10px; color: #FFFFFF; font-weight: bold; font-size: 12px; line-height: normal; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-transform: capitalize; }

div.moduletable td {
	padding: 3px 0!important;
}

div.search input.inputbox { color: #000; font-size: 14px; width: 100%; }
div.users-bar {
	float: right;
	text-align: right;
}

div.users-bar a { color: #fffdfd; line-height: 25px; padding: 2px 8px; margin: 4px; background: #000; border-color: #fff #e7e7e7 #efefef #fff; border-style: solid; border-width: 4px; }

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

fieldset a {
	font-weight: bold;
}

fieldset span.small {
	margin: 0!important;
	background: none!important;
	padding: 0!important;
}

form {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 16px;
}

h2 {
	font-size: 14px;
}
h4 {
	margin: 5px 0;
	font-size: 12px;
	font-weight: bold;
}
hr {
	border-top: 1px solid #D3CCC2;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

img {
	vertical-align: middle;
}

input {
	font: 11px Tahoma, Arial, sans-serif;
}

li {
	padding-left: 5px;
}
p {
	margin: 10px 0;
}
select {
	font: 11px Tahoma, Arial, sans-serif;
}

table.blog {
	width: auto;
	padding: 0;
	background-color: #5D74AD;
}

table.contentpaneopen td span.small { background-image: url(../images/layout/author.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; padding: 0 0 0 12px; }

 table.contentpane td {
	padding: 4px;
	overflow: hidden;
}
table.contentpaneopen, table.contentpane { width: 100%; }
table.contenttoc {
	border: 1px solid #CCCCCC;
	margin: 0 0 10px 10px;
	width: 150PX;
}

table.contenttoc td {
	padding: 1px 6px 4px 6px!important;
}

table.contenttoc td a {
	padding: 1px 6px 4px 8px!important;
	background-image: url(../images/layout/arrow-off.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

table.contenttoc td a:hover, table.contenttoc td a:active {
	background-image: url(../images/layout/arrow-on.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

table.contenttoc th {
	padding: 4px 6px;
	background: #CC0000;
	color: #FFFFFF;
	line-height: normal;
}

table.moduletable {
	width: 100%;
	background: #5D74AD;
}

table.moduletable th { color: #fff; font-weight: bold; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding-top: 3px; padding-bottom: 3px; }

table.polls {
	padding: 0;
	width: 100%;
	text-align: left;
}

table.pollstableborder {
	padding: 0;
	width: 100%;
	text-align: left;
}

table.pollstableborder td{
	padding: 0;
}

table.searchintro {
	margin: 10px 0;
	width: 100%;
}

table.searchintro td{
	padding: 0 2px!important;
}

td {
	font-size: 12px;
	line-height: 160%;
	padding-bottom: 2px;
}

td.buttonheading {
	padding-right: 5px;
	background-image: url(../images/layout/seperator.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

td.createdate {
	padding: 0 0 0 18px!important;
	display: block;
	color: #666666;
	font-size: 11px;
	background-image: url(../images/layout/date.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}

textarea {
	border: 1px solid #D3CCC2;
	padding-left: 2px;
	font: 11px/1.3em Tahoma, Arial, sans-serif;
}

th {
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	text-indent: 10px;
}

th.pagenav_next a, th.pagenav_prev a {
	padding: 0;
	font-size: 11px;
	text-decoration: none;
}

ul {
	margin: 0 0 0 2px;
	padding: 0;
	list-style: none;
}
ul#mainlevel li, ul#mainlevel-nav li {
	padding: 0;
	display: inline;
	background: none;
}
ul#mainlevel li, ul#mainlevel-nav li {
	padding: 0;
	display: inline;
	background: none;
}
.article_seperator {
	display: block;
	font-size: 0px!important;
	line-height: 1%!important;
}

.banner {
	margin: auto;
	width: 100%;
	text-align: center;
}

.blog_more {
	margin: 12px 0;
	border-top: 3px solid #FFFFFF;
	padding: 6px;
	color: #666666;
}

.button {
	padding-left: 5px;
	padding-right: 5px;
	border: solid 1px #666666;
	color: #ffffff;
	font: 11px Tahoma, Arial, sans-serif;
	height: 20px;
	cursor: pointer;
	background-color: #660033;
	background-image: url(../images/layout/but-bg.gif);
}

.category {
	font-weight: bold;
}

.checkbox {
	margin: 0!important;
}

.code, pre {
	border: 1px solid #F0EEDE;
	width: auto;
	padding: 6px;
	background: #F7F6EE;
	font: 11px Tahoma, Arial, sans-serif;
	overflow: hidden;
}

.componentheading {
	padding: 4px 4px 4px 12px;
	border-bottom: 1px solid #f7f7f7;
	margin: 0;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	background-color: #17325B;
}

.contentdescription {
	padding: 12px 9px!important;
}

.contentheading, .contentpagetitle {
	color: #FFCC00;
	font-weight: bolder;
	font-size: 12px;
	padding-left: 5px;
	background-color: #17325B;
	border: 1px solid #484848;
	font-family: verdana, arial, helvetica, sans-serif;
}

.error {
	color: #FFCC00;
	font-weight: bold;
}
.cp { color: #FFFFFF; font-size: 11px; }
.feedchannel {
	padding: 2px;
	border-bottom: 1px dashed #D3CCC2;
	display: block;
}
.highlight {
	background: #F5F8C6;
	font-weight: bold;
}
.inputbox { padding-left: 2px; margin-bottom: 1px; font: 12px Tahoma, Arial, sans-serif; background-color: #fff; border: solid 1px #ababab; }
.latestnews, .mostread {
	font-weight: bold;
}
.search_dropdown {
	font-size: 11px;
}
.latestnews, .mostread {
	font-weight: bold;
}


.message {
	color: #CC0000;
	font-weight: bold;
}

.modifydate {
	color: #666666;
	font-size: 11px;
	height: 15px;
}

.moduletable {
	padding: 0;
}

.mosimage {
	border-top: 1px solid #D3CCC2;
	border-left: 1px solid #D3CCC2;
	border-bottom: 1px solid #A7A199;
	border-right: 1px solid #A7A199;
	padding-top: 5px;
	margin-right: 5px;
	background: #FFFFFF;
}

.mosimage_caption {
	margin-top: 2px;
	color: #D3CCC2;
	font-size: 11px;
}

.pagenavbar {
	margin: 10px 0;
	color: #660033;
	font-size: 11px;
	text-decoration: none;
}

.pagenavbar a {
	color: #660033;
	font-weight: bold;
	text-decoration: none;
}

.pagenavcounter {
	font-size: 11px;
}

.sectiontableentry1 {
	padding: 2px;
	height: 22px;
}

.sectiontableentry2 {
	padding: 2px;
	height: 22px;
}

.sectiontableheader {
	padding: 2px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: normal;
	background-color: #17325B;
}

.manage_main_table {
	background-color: #27559A;
}


.sectiontableheader a, .sectiontableheader a:hover {
	color: #FFFFFF;
}

.small {
	color: #666666;
	font-size: 11px;
}
#mainlevel-men { }
#mainlevel-men li { line-height: 20px; background-image: none; text-align: center; white-space: nowrap; list-style: none; margin: 0 2px 0 0; padding-left: 0; width: 90px; float: right  }
#mainlevel-men a  { color: #fffdfd; background-color: #660033; background-position: 0 0; text-decoration: none; display: block; padding-right: 15px; padding-left: 15px; border-style: solid; border-width: 4px; border-color: #fff #e7e7e7 #efefef #fff   }
#mainlevel-men a:hover { color: #f1f1f1; background-color: #585858; background-position: 0 0; border-color: #fff #e7e7e7 #efefef #fff; border-style: solid; border-width: 4px;   }
#mainlevel-nav {
	text-align: center;
}
#mainlevel-nav li { line-height: 20px; background-image: none; text-align: center; white-space: nowrap; list-style: none; float: left ; margin-right: 2px; }
#mainlevel-nav a  {
	color: #FFCC00;
	background-color: #1E4175;
	background-position: 0 0;
	text-decoration: none;
	display: block;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	border: 4px solid #5D74AD;
}
#mainlevel-nav a:hover {
	color: #FFFFFF;
	background-position: 0 0;
	background-color: #000000;
	border: 4px solid #5D74AD;
}
textarea.inputbox {
	width:95%;
}
.sectiontableentry1 {
  background-color : #e9e9e9;
}
.sectiontableentry2 {
  background-color : #fbfbfb;
}
a.mainlevel:link, a.mainlevel:visited {
	display: block;
	color: #FFCC00;
	text-indent: 5px;
	text-decoration: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 20px;
	background-color: #1E4175;
	width: 100%;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #dcdcdc;
}
a.mainlevel:hover {
	color: #fff;
	text-decoration: none;
	width: 100%;
	background-color: #000000;
}
a.sublevel:link,a.sublevel:visited { color:#070707; display:block; padding-left:10px; margin-left:6px; height:21px; font-weight:normal; background-color: #cbcbcb; text-decoration: none; }
a.sublevel:hover { color: #fbfbfb; font-weight: normal; display: block; margin-left: 6px; padding-left: 10px; height: 21px; }
#active_menu {
	display: block;
	text-indent: 15px;
	text-decoration: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 20px;
	background-color: #000000;
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	color: #FFFFFF;
}
.color_box { border-color:transparent; color:#fff; height:18px; vertical-align:middle; background-color: #585858 !important; }
.color_box option{
	padding:5px;
	border-bottom:1px dotted #FFFFFF;
	color:#FFFFFF;
}
h5 { color: #585858; font-size: 13px; font-weight: bold; line-height: 18px; text-transform: uppercase; }
.gramsh { color: #585858; font-size: 13px; font-weight: bold; line-height: 18px; text-transform: uppercase; padding-top: 5px; }
.lipemu { color: #585858; font-size: 13px; font-weight: bold; line-height: 18px; background-color: #e9e9e9; text-transform: capitalize; text-indent: 15px; padding-top: 4px; padding-bottom: 4px; }
#col div.module div div { padding: 0; border: none; }
#col div.module td { color: #fff;  }
#col div.module a:link, #col div.module a:visited { color: #fe9522; }
#col div.module a:hover { color: #c3c3c3; }
#col div.module div div div {
	padding: 6px;
	width: auto !important;
	width: 100%;
	border: none;
	background: none;
}
#col div.module div div div div {
	padding: 1px;
	width: auto !important;
	width: 100%;
	border: none;
	background: none;
}
#col div.module div, div.frame {
	border-top: 1px solid #D3CCC2;
	border-left: 1px solid #D3CCC2;
	border-bottom: 1px solid #A7A199;
	border-right: 1px solid #A7A199;
	padding: 5px;
	width: auto!important;
	width: 100%;
	background: #5D74AD;
}
#col div.module, div.frameshadow {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding-right: 1px;
	padding-bottom: 1px;
	margin-bottom: 8px;
	margin-right: 8px;
	background: #C0C0C0;
}
.disclaimer {color: #FF3300; font-size: 11px;}

/* Links page layout */
#link_intro_text {
	margin: 2ex 0;
}

#link_cont_no_links {
   font-style: italic;	
	 margin: 2ex 0;
}

#link_cont_links {
	margin: 2ex 0;	
}

#link_cat_header {
  font-weight: bold;
  margin: 2ex 0;
  
}

#link_page_navigation {
   display: block;
	width: 100%;
	border-top: 1px solid #666666;
	text-align: center;
	font-size: 10px;
}

div.link_description {
  width:100%; 
  text-align:left; 
}
div.link_divider {
	height: 1px;
	width: 100%; 
	background-color:#CCCCCC;
	margin: 7px 0px;
}

#link_debug {
  padding: 2em;
	border: 3px solid #666666;
	background-color:#CCCCCC;
  font-family: "Courier New", Courier, monospace;
	margin: 2em 0;	
}
.Link_box_text {
	padding-left: 10px;

}
.priv_code_box {border: 1px solid #CCCCCC;}
.link_code_box { border: 1px solid #CCCCCC;}

/* Tabs and pop out boxes */
* {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide-html {
    background-color: #17325B;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../../../images/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup Boxes */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background-image: url(../../../images/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
/* Tab css style code */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { width: 460px; float: left; font-size: 13px; vertical-align: top; padding: 10px; text-align: left; line-height: 20px;}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
	margin-left: 3px;
	background: #DDE;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 3px;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 5px;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #448; }

ul.tabbernav li a:hover
{
	color: #FFF;
	background-color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

ul.tabbernav li.tabberactive a
{
	background-color: #000000;
	color: #FFFFFF;
}

ul.tabbernav li.tabberactive a:hover
{
	color: #FFFFFF;
	background: #000000;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding:10px;
	border:1px solid #aaa;
	width: 525px;
	float: left;
	font-size: 13px;
	vertical-align: top;
	text-align: left;
	line-height: 20px;
	background-color: #27559A;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
/* Hot Property's CSS File */

/****** Global Containers ******/
#con_global {width: 100%;}

/****** Headings ******/
#heading_Agent, #heading_Co, #heading_Prop, #heading_Type, #heading_Types, #heading_Featured, #heading_Search, #heading_AdvSearch, #heading_Co_Contact, #hp_view_agent_title, #hp_view_agent_contact, #hp_ManageProp, #hp_EditProp  {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #27559A;
	margin-bottom: 0px;
	text-align: left;
	padding-left: 7px;
}

/****** Borders ******/
#hp_view_agent_con, #hp_emailform_con, #hp_searchresult_con, #hp_view_co_con {
	background-color: #17325B;
	padding: 10px;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFCC00;
	border-right-color: #FFCC00;
	border-bottom-color: #FFCC00;
	border-left-color: #FFCC00;
}

/****** Features ******/
#hp_view_features_title {
	font-size: 16px;
	font-weight: bold;
	color: #616161;
	text-decoration: underline;
	margin-top: 16px;
	margin-bottom: 6px;
}

/****** Featured ******/
#con_featured1 { }

/****** Search ******/
#con_search1 { }
#con_search2 { }
#con_asearch1 { }
#con_asearch2 { }
.hp_asearch_row0 { background-color: #FFFFFF; }
.hp_asearch_row1 {background-color: #EFEFEF; }
#con_sort1 {
	width: 120px;
	text-align: left;
	float: left;
}
#con_sort2 {
	text-align: right;
	display: inline;
	margin-top: 3px;
	width: 100%;
}
#con_sort {
	height: 23px;
	padding: 5px 5px 5px 7px;
	margin-bottom: 6px;
}

/****** Search - Page Counter ******/
#hp_search_pagecounter_top {
	margin-top: 10px;
	text-align: center;
}
#hp_search_pagecounter_bottom, #hp_pagecounter_bottom {
	margin-top: 5px;
	text-align: center;
	padding: 6px;
	background-color: #17325B;
	border: 1px solid ##fdc97E;
	color: #FFFFFF;
}

/****** Front Page - Types  ******/
#con_types1 { }
#con_types2 { }
.con_types3 {
	float: left;
	width: 245px;
	vertical-align: top;
	padding: 5px;
	text-align: left;
}

/****** Listing ******/
#list_agents, #list_searchresults, #list_properties, #list_featured {
	margin-top: 15px;
	text-align: left;
}

/****** Listing - Property ******/
#hp_icons {
	text-align: right;
	padding-top: 5px;
}
.hp_prop {
	width: 513px;
	display: block;
	float: left; 
	text-align: left;
	margin-bottom: 10px;
}
.hp_details {
	width:372px;
	vertical-align: top;
	padding-left: 8px;	
	float: left; 
}

/****** Type ******/
#con_type1 { }
.types_desc {
	margin-top: 3px;
	margin-bottom: 5px;
}

/****** Company ******/
.hp_view_co { }
#hp_view_co_photo {
	float: left; 
	margin-right: 12px;
}
#hp_view_co_details {min-height: 170px;}
#hp_caption_coname {
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}

/****** Property ******/
#con_hp1 { }
#con_hp2 { }
.hp_view_details {
	font-size: 13px;
	vertical-align: top;
	padding-left: 7px;	
	padding-top: 10px;
	text-align: left;
	border:0px solid #C0C0C0;
	line-height: 20px;
}
#standard_photo { }
#hp_view_intro_text {
	line-height: 15px;
	margin: 7px 0px 0px 0px;
}
#hp_view_full_text {
	line-height: 15px;
	margin: 7px 0px 0px 0px;
}
.hp_caption {font-weight: bold;}
.hp_price {color: #FFFF33; font-size: 13px;}

/****** Property -Photo ******/
#hp_view_standard_photo_con1 {
	text-align: center;
	background-color: transparent;
	margin: 10px;
}
#hp_view_standard_photo_con2 {
	text-align: center;
	width: 350px;
	padding: 1px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#hp_view_standard_photo_con3 {
	text-align: center;
	width: 100%;

}
#hp_view_standard_photo_con4 {padding: 5px;}
#hp_view_standard_photo_title {font-weight: bold; color: white;}
#hp_view_standard_photo_desc {

}
.hp_view_thumb_con {
	width: 130px; 
	float: left;
	padding-top: 0px;
	text-align: center;
	margin-right: 12px;
	display: table;
}
.thumb_img {
	border:1px solid #FFCC00;
	margin-right: 3px;
	margin-bottom: 3px;
}

.img_thumb {
	width:120px;
	vertical-align: top;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 1px 1px 1px 10px;
	border: 0px solid #C0C0C0;
}

ul.thumb {
	margin: 0px;
    list-style: none;
	padding: 0px;
}

ul.thumb li {
	list-style-position: outside;
	text-align: center;
	margin: 0px 0px 6px 0px;
	list-style-image: none;
	padding: 0px;
}

ul.thumb li a {
    text-decoration: none;
    color: #00f;
}

ul.thumb li a img {
}

/****** List ******/
.olist { list-style-type: disc; margin: 3px 0px 0px 15px; padding: 0px; text-align: left;}
.olist li {	padding: 0px; }

/****** Agent ******/
#hp_view_agent_photo {
	padding: 5px;
	display: inline;
	float: left;
	margin-right: 12px;
}
#hp_view_agent_details {padding: 5px;}


.hp_view_agent {
	font-size: 13px;
	text-align: left;
}
#hp_view_agent_desc {
	margin: 10px 10px 0px 10px;
}

#hp_caption_agentname {
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}

/****** Address ******/
#hp_view_addr, #hp_co_addr {
	margin: 6px;
	font-size: 11px;
	line-height: 15px;
}

/* Links */
a.hp_title:link, a.hp_title:visited {
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
}
a.types_title:link, a.types_title:visited {
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
}

/* Types List of Hot Property */
.types_hp { margin: 3px 0px 0px 0px; padding: 0px; text-align: left;}

/* misc */
.clearboth {clear: both;}

/* Error - Empty, no property */
#hp_error_empty {text-align: center;}

/* Light Box CSS */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {
	background-image: url(../images/prevlabel.gif);
	background-repeat: no-repeat;
	background-position: left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
	background-image: url(../images/nextlabel.gif);
	background-repeat: no-repeat;
	background-position: right 15%;
}

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Lstings page Layout */
.listing_thumb_img {
	border:1px solid #a5c5de;
	margin-right: 5px;
	margin-bottom: 5px;
}
.listing_main_table {
	border:1px solid #1E4175;
}
.listing_caption {
	background-color: #1E4175;
}
.listing_md_table {
	background-color: #1E4175;
}

.listing_details_table {
	background-color: #1E4175;
}

/* Details page - Property Status */
.sold,
.available,
.new_listing,
.under_offer,
.reduced {
	position: absolute;
	width: 123px;
	height: 103px;
	text-indent: -7998px;
	background-color: transparent;
	z-index: 999;
}

.sold {
	background-image: url(../images/status/details-sold.png);
	background-repeat: no-repeat;
}

.available {
	background-image: url(../images/status/details-available.png);
}

.new_listing {
	background-image: url(../images/status/details-new-listing.png);
}

.under_offer {
	background-image: url(../images/status/details-under-offer.png);
}
.reduced{
	background-image: url(../images/status/details-reduced.png);
}
/* Listings page - Property Status */

.listing_sold {
	background-image: url(../images/status/listing-sold.png);
	background-repeat: no-repeat;
	background-position: top;
	background-color: transparent;
	text-indent: -7998px;

}

.listing_available {
	background-image: url(../images/status/listing-available.png);
	background-repeat: no-repeat;
	background-color: transparent;
	text-indent: -7998px;

}

.listing_new_listing {
	background-image: url(../images/status/listing-new-listing.png);
	background-color: transparent;
	text-indent: -7998px;
	background-repeat: no-repeat;

}

.listing_under_offer {
	background-image: url(../images/status/listing-under-offer.png);
	background-repeat: no-repeat;
	text-indent: -7998px;
}
.listing_reduced{
	background-image: url(../images/status/listing-reduced.png);
	background-color: transparent;
	text-indent: -7998px;
	background-repeat: no-repeat;
	vertical-align: middle;
	padding-right: 5px;
	background-position: bottom;
}
/* Details page layout stuff */
.prop-td {
	padding-left: 5px;
	padding-top: 2px;
}
.prop-td-top-padding {
	padding-left: 10px;
}
#prop-summary table .prop-hr {
	width: 182px;
	background-color: #EEE2B6;
	border: 0;
	height: 1px;
}
.summaryheading {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding-left: 5px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
/* Featured Module Layout */
.featureheading {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	padding-left: 5px;
	background-repeat: repeat-x;
	background-position: left bottom;
}

.featuremorelink {
	color: #000000;
	font-size: 10px;
	padding-left: 5px;
	background-repeat: repeat-x;
	background-position: left bottom;
}

.feature_main_table {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #fdc97E;
	border-left-color: #fdc97E;
}
.feature_caption {
	background-color: #17325B;
}
.feature_md_table {
	background-color: #1E4175;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #17325B;
	border-bottom-color: #17325B;
	border-left-color: #17325B;
}

.feature_md_table_full {
	background-color: #1E4175;
	border: 1px solid #17325B;
}

.feature_bottom_table {
	background-color: #FEDFB1;
	border: 1px solid #fdc97E;
}

.feature_details_table {
	background-color: #1E4175;
}
/* Front End editor fix */
table.adminform {
width:100%;
}
.contact_email {
	background-color:#1E4175;
	border: 1px solid #FFCC00;
	padding-left: 5px;
	padding-bottom: 5px;
}
.contitle {
	BORDER-RIGHT: #484848 1px solid; BORDER-TOP: #484848 1px solid; FONT-WEIGHT: bolder; FONT-SIZE: 12px; BORDER-LEFT: #484848 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #484848 1px solid; FONT-FAMILY: verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #000033
}
.tab-page {BACKGROUND-COLOR: #000033}
#extrafields-page {BACKGROUND-COLOR: #000033}
#publishing-page {BACKGROUND-COLOR: #000033}
#content-pane {BACKGROUND-COLOR: #000033}
#properties-page {BACKGROUND-COLOR: #000033}
#photos-page {BACKGROUND-COLOR: #000033}