/* background-color styles */

#propertyAdminForm th
{
	background-color: #B8D7D9;
}
#property_search
{
	background-color: #ECECEC;
}

/*
#listing_search
{
	background-color: #DCE9F2;
}
#listing_search td {
	background-color: #DDD;
}
*/

.propertyRow1 td,
.propertyRow2 td,
.property_vitals td
{
	background-color: #ECECEC;
}
/*
*/
.available td {
	background-color: #DCE9F2;
}
.property_images td {
	background-color: #DCDCDC;
}

/* border styles */

#propertyTable a, 
#propertyTable a img.pdf
{
	border: 0;
}
.prop_img img,
.prop_images_lt, 
.prop_images_rt,
#map_canvas
{
	border: 1px solid #1f2566;
}
#map_canvas2,
#pano {
	border: 1px solid #B8D7D9;
}
/*
#pano {
	border: 1px solid #ECECEC; /* same color as property bg area */
/*}*/

.list img.thumbnail
{
	border: 1px solid #999999;
}
.list .propertyRow td {
	border-top: 1px solid #CCCCCC;
}
#property_search
{
	border: 1px solid #B8D7D9;
}
#property_search_form,
.ps_vertical
{
	border-right: 1px solid #B8D7D9;
}
/*#listing_search
, #listing_search th,
#listing_search td 
{
	border: 1px solid #FFF;
}
*/

/* good */
#propertyTable th, 
#adminPropertyTable th,
#propertyListingTable th
{
	border-bottom: 2px solid #1f2566;
}
#propertyListingTable .propertyRow1 td.prop_img,
#propertyListingTable .propertyRow2 td
{
	border-bottom: 1px solid #FFFFFF;
}
.prop_img_main img,
.property_images img,
#contactlisting img
{
	border: 1px solid #1f2566;
}

/* */


/* color styles */

.error,
.required, 
.required_field, 
#propertyAdminForm .required_field
{
	color: #CC0000;
}
.list_status_sold,
.propResults,
.note_hide {
	color: #990000;
}
.note_featured {
	color: #009900;
}
.note_portfolio {
	color: #000099;
}
#propertyAdminForm th,
#listing_search th,
.propResults strong
{
	color: #1f2566;
}
#propertyListingTable .sort_hdr a {
	color: #36576f;
}
.field_name,
.status {
	color: #1f2566;
	font-weight: bold;
}

/* font styles */

h2 a.tagline,
div.prop_price,
.prop_add .prop_contact
{
	font-size: 16px;
}
#propertyAdminForm th
{
	font-size: 14px;
}
table#adminPropertyTable
{
	font-size: 12px;
}
#adminPropertyTable td {
	font-size: 12px;
}

.prop_add {
	font-style: italic;
}
.note_hide, 
.note_portfolio, 
.note_featured {
	font-size: 10px;
}
div.prop_price,
.prop_add .prop_contact,
#propertyTable h2, .tagline 
{
	font-style: normal;
}
.tagline, 
.note_hide, 
.note_portfolio, 
.note_featured,
.list_status_sold,
td.prop_add,
#propertyTable th, 
#adminPropertyTable th,
#propertyTable td.prop_price,
#propertyTable h2 
{
	font-weight: bold;
}

.list_status_sold,
.status {
	font-variant: small-caps;
}

/* text styles */

#propertyTable th, 
#adminPropertyTable th,
#propertyTable td, 
#adminPropertyTable td,
#propertyAdminForm #text_left,
#propertyAdminForm td#type, 
#propertyAdminForm td#status, 
#propertyAdminForm td.cell_type 
{
	text-align: left;
}
.prop_img,
.prop_info1,
.prop_info2,
.prop_info3,
.note_hide, 
.note_portfolio, 
.note_featured 
{
	text-align: center;
}
#propertyAdminForm td.align_right,
#propertyAdminForm #text_right,
#propertyAdminForm td.cell_checkbox,
p.pageNav
{
	text-align: right;
}
a.tagline,
#propertyTable a, 
#propertyTable a img.pdf 
{
	text-decoration: none;
}


/***************************/
/* property manager styles */
/***************************/

#main_content h2 {
	padding: 0 10px 10px 10px;

}

.action {
	margin: 10px;
}

#propertyListingTable
{
	border: 0;
	margin: 10px 0 10px 0;
	padding: 0;
	width: 100%; /* 983px (total content area width) */

}

#propertyListingTable th {
	padding: 0 10px 0 10px;
}


/*
#propertyTable td, 
#adminPropertyTable td
{
	padding: 10px 5px 10px 5px;
	vertical-align: top;
}
*/
#propertyListingTable td,
#adminPropertyListingTable td
{
	padding: 10px;
	vertical-align: top;
}

/*------------------*/
/* Property Listing */
/*------------------*/

/* Property Image cell styles */
.prop_img {
	height: 100px;
	width: 150px;
}
th.prop_img {
	height: auto;
}

/*
prop_img		150px + 10px (padding right) + 10px (padding left)		= 170px
prop_dsc		180px + 10px (padding right) + 10px (padding left)		= 200px
prop_info1 		110px + 10px (padding right) + 10px (padding left)		= 130px
prop_info2 		95px + 10px (padding right) + 10px (padding left)		= 115px
prop_info3 		90px + 10px (padding right) + 10px (padding left)		= 110px
prop_info3 		90px + 10px (padding right) + 10px (padding left)		= 110px
prop_info2 		95px + 10px (padding right) + 10px (padding left) 		= 115px
TOTAL: 770px

width: 950px;
*/

/* Property Summary cell styles */
.prop_dsc {
	padding: 10px 0 5px 0;
	whitespace: wrap;
}
#propertyListingTable td.prop_dsc {
	width: 180px;
}

.prop_info1,
.prop_info2,
.prop_info3 {
	text-align: left;
}

/* Other Property cell styles */
.prop_info1 {
	text-align: left;
	width: 110px;
}
.prop_info2 {
	width: 95px;
}
.prop_info3 {
	width: 90px;
}

.sort_hdr {
	text-align: center;
}
.sort_hdr a {
}

/*-----------------*/
/* Property Search */
/*-----------------*/

#property_search {
	height: 400px; /* 400px (total height) - 1px (border top) - 1px (border bottom) - 20px (margin bottom) */
	margin: 5px 0 20px 0;
	padding: 0;
	width: 950px; /* 952px (#main width) - 1px (border right) - 1px (border left) */
}
#property_search_form
{
	height: 380px; /* 400px (total height) - 10px (padding top) - 10px (padding bottom) */
	padding: 10px;
	width: 322px; /* 344px (total width) - 1px (border right) - 10px (padding right) - 10px (padding left) - has to be 322 to not break in FF (Jared was seeing it break) */
}
#property_search_map {
	width: 606px; /* 950px - 344px */
}
.ps_vertical {
}
#search_map {
	background-color:#999;
	height: 400px; /* 400px (total height) */
	width: 606px; /* 606px */
}
#map_container,
#map_canvas 
{
	clear: both;
	margin: 0;
	padding: 0;
}
#search_map #map_canvas {
	border: 0;
	height: 400px; /* 400px (#search_map height) - 1px (border top) - 1px (border bottom) */
	width: 606px; /* 606px (#search_map width) - 1px (border right) - 1px (border left) */
}

#listing_search {
	margin: 5px 0 5px 0;
}
/*
#listing_search th {
	padding: 2px 5px 2px 5px;
}
*/
#listing_search td {
	height: 36px;
	line-height: 18px;
	padding: 0 0 10px 0;
}
#listing_search input,
#listing_search select {
	font-size: 12px;
	height: 20px;
	line-height: 16px;
}
.propResults {
	display: block;
	float: left;
	width: 50%;
}
p.pageNav {
	float: right;
	width: 50%;
}
/* search form styles */

#frm_property_type,
#frm_property_city,
#frm_property_status {
	width: 315px;
}
#frm_property_size_type,
#frm_property_price_type {
	width: 115px;
}
#frm_property_size,
#frm_property_price {
	width: 195px;
}

/*************************/
/* property admin styles */
/*************************/

table#adminPropertyTable {
	border: 0;
	margin: 10px;
	padding: 0;
	width: 720px;
}

table#propertyAdminForm {
}

#propertyAdminForm td h1 {
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 0;
	padding-bottom: 0;
}

#propertyAdminForm th {
	border: 0;
	margin: 0;
	padding: 3px;
}
#propertyAdminForm .prop_images_lt, 
#propertyAdminForm .prop_images_rt {
	height: 343px; /* 308px (image height) + 35px (for text and inputs) */
	margin: 10px; 
	padding: 5px; 
	width: 400px; /* 400px (image width) */
}
#propertyAdminForm .prop_images_lt {
	float: left; /* must be like this to display correctly */
}
#propertyAdminForm .prop_images_rt {
	float: right; /* must be like this to display correctly */
}
#propertyAdminForm #clearall, #propertyAdminForm .clearall {
	clear: both; /* must be like this to display correctly */
}

#propertyAdminForm #text_right {
	float: right;
	width: 50%;
}
#adminPropertyListingTable .actions {
	width: 40px;
}

#propertyAdminForm .required_field {
	white-space: nowrap;
}

#propertyAdminForm #text_left {
	float: left;
	width: 50%;
}

#propertyAdminForm td {
	margin: 0;
	padding: 5px;
}

#propertyAdminForm td#type, #propertyAdminForm td#status, #propertyAdminForm td.cell_type {
	white-space: nowrap;
}

.note_hide, .note_portfolio, .note_featured {
	display: block;
	margin: 0 0 2px 0;
	padding: 0;
}

/* Google Map styles */


.property_vitals td#property_col3 {
}
#property_col1 {
	width: 450px;
}
#property_col2 {
	width: 450px;
}
#property_col3 {
}

/* Property contact list and detail page styles */

#contactlisting td {
	padding: 5px;
}

.salelease {
	padding-bottom: 2px;
}



/*****************/
/* property tabs */
/*****************/

/*------------------*/
/* Property Details */
/*------------------*/

#propertyDetailInfo {
	background-color: #ECECEC;
	border: 1px solid #CCCCCC;
	line-height: 1.5em;
	margin: 5px 0 0 0;
	min-height: 500px;
	padding: 0;
	width: 950px; /* 952px (#main width) - 1px (border right) - 1px (border left) */
}

/*---------------*/
/* Property Tabs */
/*---------------*/

#propertyTabs {
	float: left; 
	height: 23px;
	margin: 0 0 0 52px;
	width: 458px; /* 510px */
}

#propertyAddressCell {
	float: left; 
	padding: 2px 0 2px 20px; 
	width: 420px; /* 950px - 510px = 440px - 20px (padding left) */
}


/* Property tab navigation */

#propertyTabNav {
	height: 23px; /* 23px height each one - 23 margin if in one row*/
	margin: 0;
	padding: 0;
	position: relative;
	width: 458px; /* 95px width of each one */
	z-index: 150;
}
.propertyTab {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-top: 0;
	color: #1f2566;
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 12px;
	height: 22px; /* 23px (total height) - 5px (padding top) - 5px (padding bottom) - 1px (border bottom) */
	margin: 0 0 0 2px;
	position: relative;
	width: 148px; /* 152px (total width) - 1px (border right) - 1px (border left) - 1px (margin right) - 1px (margin left) - 5px (padding right) - 5px (padding left) */
	z-index: 150;
}
#propertyTabNav .nolink {
	display: block;
	padding: 5px;
	text-align: center;
	width: 138px; /* 148px (total width) - 5px (padding right) - 5px (padding left) */
}
#propertyTabNav a {
	display: block;
	padding: 5px;
	width: 138px; /* 148px (total width) - 5px (padding right) - 5px (padding left) */
}
#propertyTabNav a:hover {
	color: #CBCBCF;
}
div.propertyTab,
#page div .propertyTab {
	text-align: center;
}

#propertyGeneralInfo,
#propertyPhotos,
#propertyMap {
	min-height: 500px;
}
/* fixes IE6 */
* html #propertyGeneralInfo,
* html #propertyPhotos,
* html #propertyMap
{
	height: 500px;
}
#propertyGeneralInfo,
#propertyPhotos,
#propertyMap {
	border: 0;
	clear: both;
	margin: 0;
	padding: 20px;
	width: 910px; /* 950px (total width) - 20px (padding right) - 20px (padding left) */
}


/**************/
/* Photos Tab */
/**************/

#propertyPhotos {
	background-color: #ECECEC;
	height: 500px; 
	position: relative;
}

/* medium image styles */
.prop_img_main {
	border: 0;
	float: left;
	height: 338px; /* 342px (total height) - 2px (margin top) - 2px (margin bottom) */
	margin: 0;
	padding: 2px 0 2px 0;
	width: 442px; /* 442px (image width) */
}
.prop_img_main img {
	border: 0;
	height: 338px; 
	margin: 0; 
	padding: 0;
	width: 442px;
}

.prop_img_add {
	border: 0;
	float: right;
	height: 342px;
	margin: 0;
	padding: 0;
	width: 465px; /* 910px (#content width) - 442px (.prop_img_main total width) = 465px */
}
/*
Property Table width
983px
*/

/* thumbnail image styles */
.prop_img_row {
	border: 0;
	clear: both;
	height: 114px;
	margin: 0;
	padding: 0;
	width: 465px; /* 462px (total width) */
}
.prop_dtl_images_lt {
	float: left;
}
.prop_dtl_images_rt {
	float: right;
}

.property_add_img {
	border: 0;
	height: 114px; /* 114px (image height) - 2px (padding top) - 2px (padding bottom) */
	margin: 0;
	padding: 0;
	width: 154px; /* 154px (image width) - 2px (padding right) - 2px (padding left) */
}
.property_add_img div {
	border: 0;
	height: 110px;
	margin: 0;
	padding: 2px; 
	width: 150px;
}
.property_add_img img {
	border: 0;
	height: 110px;
	margin: 0;
	padding: 0;
	width: 150px;
}

.property_add_img a:hover img {
	/* transparency */
 	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
}


/***********/
/* Map Tab */
/***********/

#propertyMap {
	background-color: #ECECEC;
	height: 500px; /* 440px (total height) - 20px (padding top) - 20px (padding bottom) */
	position: relative;
}
#propertyMap div {
}

#googlemaps {
	border: 0;
	display: block;
	margin: 0;
	padding: 0;
	width: 910px;
}
#map_canvas2 {
	display: block; 
	float: left; 
	height: 400px; 
	margin: 2px 5px 5px 0; 
	padding: 0;
	width: 448px; /* 455px (total width) - 1px (border right) - 1px (border left) - 5px (margin right)  */
}
#pano {
	display: block; 
	float: left; 
	height: 400px; 
	margin: 2px 0 5px 3px; /* 3px instead of 5px so that it won't break like Jared was seeing */
	padding: 0;
	width: 448px; /* 455px (total width) - 1px (border right) - 1px (border left) - 3px (margin left) */
}

/* google map pin info styles */


.mappin_title,
h4.mappin_title {
	color: #1f2566;
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 0;
}
.mappin_img {
	border: 1px solid #B8D7D9;
	float: left; 
	margin: 0 5px 5px 0;
	padding: 0;
}
.mappin_address {
	font-size: 10px;
	line-height: 12px;
	margin: 0;
	padding: 0 0 10px 0;
}
.mappin_price {
	font-size: 10px;
	line-height: 12px;
	margin: 0;
	padding: 0;
}
.mappin_price strong {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
}
.mappin_links {
	clear: both;
	font-size: 10px;
	line-height: 12px;
	margin: 0;
	padding: 0;
}


/********************/
/* General Info Tab */
/********************/

#propertyGeneralInfo {
	background-color: #ECECEC;
	position: relative;
}

#block1,
#block2,
#block3,
#block4 {
	clear: both;
	padding: 5px 0 5px 0;
}

#block1 {
	padding: 0;
}
#block2 {
	padding-top: 2px;
}


/* property info, sale info, lease info */


/* Property Thumbnail images */

#page div #propertyThumbnailImage,
#page div #propertyThumbnailImage div {
	text-align: center;
}
#propertyThumbnailImage,
#propertyThumbnailImage div,
#propertyThumbnailImage img {
	margin: 0;
	padding: 0;
	width: 150px;
}
#propertyThumbnailImage div,
#propertyThumbnailImage img {
	height: 110px;
}
#propertyThumbnailImage {
	width: 152px;
}
#propertyThumbnailImage img {
	border: 1px solid #1f2566;
}

.status {
	color: #1f2566;
	font-variant: small-caps;
}

#propertyThumbnailImage,
#propertyDetailCol1,
#propertyDetailCol2 {
	float: left;
	font-size: 12px;
}
#propertyDetailCol1 h4,
#propertyDetailCol2 h4 {
	font-size: 14px;
}
#propertyDetailCol1 {
	padding-left: 20px;
	width: 310px; /* 330px (total width) - 20px (padding left) */
}
#propertyDetailCol2 {
	width: 332px;
}


/* additional info, contact info */

#propertyAdditionalInfo {
	float: left;
	width: 400px;
}

#propertyContactInfo {
	float: left;
	padding: 0;
	width: 480px; /* 150px (#propertyThumbnailImage width) + 330px (#propertyDetailCol1 width) */
}
#propertyContactInfo img {
	border: 1px solid #B8D7D9;
}


/* description */

#propertyDescript {
	clear: both;
}