/*  
Theme Name: Louise Beck Properties 1.1
Theme URI: http://www.louisebeckproperties.com/
Description: This theme was custom developed for Louise Beck Properties, Inc.
Author: GrozWorks, Inc.
Author URI: http://www.grozworks.com/
*/ /** Layout **/ /* reset everything to 0 */
body {
	margin: 0 10px 10px 10px;
	padding: 0px;
	border: 0px;
}
h1,h2,h3,h4,h5,h6,br,img,td,th,ul,li {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* positioning and layout */
.layoutDiv { /* use this to display layout areas */ /* TODO: remove * /
	border: 1px solid #aaa;
	/* */
	
}

#wrapper1 {
	margin: 0 10px 0 10px auto;
	min-width: 760px;
	padding: 0px 1px 1px 1px;
}

#wrapper2 {
	padding: 0px 1px 1px 1px;
}

#wrapper3 {
	padding: 10px 20px 20px 20px;
	position: relative; /* needed for the watermark positioning */
	z-index: 0;
}

#watermark {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 500px;
	height: 363px;
	z-index: 10;
}

#header {
	height: 100px;
}

#logo {
	position: absolute;
	left: 35px;
	top: 10px;
	width: 400px;
	height: 80px;
}

#tagline {
	position: absolute;
	top: 20px;
	right: 20px;
	height: 60px;
}

#tagline2 {
	height: 80px;
	float: right;
}

#mainContent {
	position: relative; /* needed for the watermark positioning */
	z-index: 20;
	/*	Removing this line as it has issues with reports...
	overflow: hidden; */
}

#greeting {
	text-align: right;
	width: 100%;
	margin-bottom: 10px;
}

#title {
	margin-bottom: 5px;
}

#sidebar {
	float: left;
	width: 150px;
	overflow: visible;
}

#pageContent {
	display: block;
	padding: 5px 5px 5px 5px;
	margin-left: 160px;
	min-height: 200px;
}

#displayProperty {
	display: block;
	padding: 5px 5px 5px 5px;
}

#footer {
	margin-top: 20px;
	text-align: center;
	position: relative; /* needed for the watermark positioning */
	z-index: 20;
}

.hide {
	display: none;
}

/** Override the Property Ware CSS here **/
p {
	/* padding: 0; */
	 margin: 1.0em 0px;
}

.portalButton {
	padding: 6px 10px 6px 10px;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff !important;
	text-decoration: none;
	border: none;
	background-color: #0d324f;
}

#loginContent {
	width: 340px;
	margin: 0 auto;
	min-height: 250px;
	padding: 20px 20px 20px 20px;
}

.homeRow {
	width: 99%;
	overflow: hidden;
	margin-bottom: 10px;
}

.homeLeft {
	display: block;
	float: left;
	width: 48%;
}

.homeRight {
	display: block;
	float: right;
	width: 48%;
}

/** Other Styles **/ /* fonts for everything */
body,p,td,th,input,textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#tagline,#tagline2 {
	font-size: 10px;
}

#footer {
	font-size: 10px;
	color: #333;
}

#footer a,#footer a:visited {
	white-space: nowrap;
	color: #333;
}

.blockSectionContent {
	font-size: 10px;
}

#sidebar #postNav {
	font-size: 10px;
	padding: 10px 30px 10px 10px;
}

#greeting {
	font-size: 10px;
}

#sidebar {
	font-size: 10px;
}

#pageContent,#displayProperty {
	font-size: 12px;
}

.boldLink {
	font-weight: bold;
}

/* background images */
body {
	/*background: #eeeeee url( '/web/images/bg4.png' ) repeat-x;*/
}
.watermark {
	position: fixed;
	top: 120px;
	left: 0;
	opacity: 0.1;
	z-index: -100;
}

#watermark {
	background: url( '/web/images/bg-house.gif' ) no-repeat;
	filter: alpha(opacity = 10);
	opacity: .10;
}

h2 {
	font-size: 15px;
}

h3 {
	font-size: 12px;
}

/* colors */
body,p,td,th,input,textarea,a,a:hover,a:visited {
	color: #025;
}

#wrapper1 {
	border: 1px solid #aba;
	border-top: none;
}

#wrapper2 {
	border: 2px solid #32598a;
	border-top: none;
}

#wrapper3 {
	border: 1px solid #aba;
	border-top: none;
	background-color: #f7fafe;
}

/* make the form elements pretty */
input,textarea,submit,select {
	font-size: 10px;
}

input [type=hidden] {
	
}

form,label,input {
	/* the "display:inline" stops it from throwing in a break after the opening and closing tags */
	display: inline;
}

input [type=file] {
	font-size: 10px;
}

input [type=button],input [type=submit],input [type=reset] {
	
}

.tightButton {
	padding: 0 0 0 0 !important;
}

.menuButtons {
	margin: 20px 0 10px 0;
	top: 10px;
	clear: left;
}
.topMenuButtons {
	margin: 20px 0 10px 0;
}
.topMenuButtons a, .menuButtons a {
	background: #83b4d8;
	border: 1px solid #0d324f;
	
	padding: 2px 6px 2px 6px;
	margin-right: 4px;
	text-decoration: none;
}

/* make labels click-friendly */
label {
	cursor: pointer;
}

/* bullet list styles */
ul,li {
	list-style: none;
	list-style-position: outside;
}

#pageContent li,#displayProperty li {
	list-style: url('/web/images/bullet3.jpg');
	margin-left: 2em;
}

.bulletList,.diamondList {
	padding-left: 1em;
}

.bulletList li {
	list-style: none url( '/web/images/bullet-pointer2.gif' );
}

.diamondList li {
	list-style: none url( '/web/images/bullet-diamond.gif' );
}

.divLink {
	cursor: pointer;
}

/** formatting for the login pages **/
#loginPage {
	overflow: hidden;
}

#loginPage .textFieldLabel {
	width: 100px;
	text-align: right;
	float: left;
	clear: both;
}

#loginPage input [type=text],#loginPage input [type=password] {
	margin-left: 4px;
	margin-bottom: 4px;
}

#loginPage input [type=submit] {
	margin-left: 105px;
	width: 135px;
}

#loginPage label {
	padding: 5px 0 5px 40px;
}

/** Navigation links **/
#sidebar {
	clear: both;
	float: left;
	height: 100%;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
}

#sidebar li {
	margin: 0 0 3px 0;
}

#navList a {
	display: block;
	padding: 2px 8px 2px 8px;
	border: 1px solid #006;
	width: 90%;
	background-color: #ddf;
}

#navList a:link,#navList a:visited {
	color: #333;
	text-decoration: none;
}

#navList a:hover {
	border: 1px solid #006;
	background-color: #99c;
	color: #fff;
}

/* edit link for the content management system */
.editLink {
	float: right;
	margin-top: -10px;
}

.editLink a {
	color: #025;
	font-size: 9px;
	border: 1px solid #025;
	background-color: #83b4d8;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
}

/** Data entry fields **/
.checkboxgroupWrapper {
	overflow: hidden;
}

.checkboxgroup {
	float: left;
}

.checkboxgroup label {
	clear: both;
	/* TODO: have each checkbox/label combo do a line break... */
}

/** those nice grouped items on the property pages **/
.groupingsContentBorder {
	margin-top: 15px;
}

.groupingContent {
	border: 1px solid #333;
	padding: 15px 5px 5px 5px;
	margin-bottom: 10px;
	background: #fefeff;
	overflow: hidden;
}

.groupingContentTitle {
	position: relative;
	top: 5px;
	left: 5px;
	background-color: #e9ecff;
	padding: 3px 10px 3px 10px;
	border: 1px solid #333;
	cursor: pointer;
}

.expandCollapseAll {
	float: right;
}

.expandCollapseAll a {
	font-size: 9px;
	text-decoration: none;
}

/** FORMATTING FOR TABLES **/
table.reportTable,table.searchTable,table.searchResultsTable,table.dataEntryTable
{
	width: 99%;
	border: 1px solid #32598a;
	background-color: #f9fcfe;
}

table th {
	background: #32598a;
	color: #fff;
}

table td {
	vertical-align: top;
	padding: 2px 2px 2px 2px;
}

table .action {
	text-align: center;
	white-space: nowrap;
}

table .action a {
	padding: 5px 5px 5px 6px;
	display: block;
	height: 100%;
	background: #83b4d8;
	border: 1px solid #0d324f;
	text-decoration: none;
	margin-bottom: 3px;
}

table .action a:hover {
	background: #ddd;
}

table .row0,table .tablelist {
	background: #f0f0ff; /* slightly lighter */
}

table .row1,table .tablelist-alt {
	background: #e0e0ff; /* slightly darker */
}

table .rightLabel {
	text-align: right;
	width: 160px;
	vertical-align: top;
}

table .leftInput {
	vertical-align: top;
}

table.tightTable {
	background: none;
	border: none;
}

table.tightTable td {
	padding: 0 0 0 0;
}

/** Sortable Tables **/
table.sortable th a {
	text-decoration: none;
	display: block;
	cursor: pointer;
	color: #fff;
}

table.sortable span.sortarrow {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

/** search results table **/
#searchResultsScroll {
	/*overflow: auto;*/
	/* border: 1px solid #000; */
}

/** random stuff **/
.actionMessages .message {
	list-style: none !important;
	border: 1px solid #654;
	background: #abc;
	padding: 10px 15px 10px 15px;
	margin-bottom: 10px;
	list-style-type: none !important;
	margin-left: 0 !important;
}
.errorMessages .message {
	list-style: none !important;
	border: 1px solid #600;
	background: #faa;
	color: #600;
	padding: 10px 15px 10px 15px;
	margin-bottom: 10px;
	list-style-type: none !important;
	margin-left: 0 !important;
}

#uploader,#uploader a {
	font-size: 11px;
}

#uploader label,#uploader td {
	font-size: 11px;
}

.submitterAddress {
	padding: 5px 5px 5px 5px;
	border: 1px solid #444;
	width: 200px;
	background: #999;
	margin-left: 25px;
}

.noteText {
	float: right;
	color: #469;
	font-size: 9px;
}

/** For calendar styles **/
.cpYearNavigation,.cpMonthNavigation {
	background-color: #C0C0C0;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

.cpDayColumnHeader,.cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText
	{
	font-family: arial;
	font-size: 8pt;
}

TD.cpDayColumnHeader {
	text-align: right;
	border: solid thin #C0C0C0;
	border-width: 0px 0px 1px 0px;
}

.cpCurrentMonthDate,.cpOtherMonthDate,.cpCurrentDate {
	text-align: right;
	text-decoration: none;
}

.cpCurrentMonthDateDisabled,.cpOtherMonthDateDisabled,.cpCurrentDateDisabled
	{
	color: #D0D0D0;
	text-align: right;
	text-decoration: line-through;
}

.cpCurrentMonthDate,.cpCurrentDate {
	color: #000000;
}

.cpOtherMonthDate {
	color: #808080;
}

TD.cpCurrentDate {
	color: white;
	background-color: #C0C0C0;
	border-width: 1px;
	border: solid thin #800000;
}

TD.cpCurrentDateDisabled {
	border-width: 1px;
	border: solid thin #FFAAAA;
}

TD.cpTodayText,TD.cpTodayTextDisabled {
	border: solid thin #C0C0C0;
	border-width: 1px 0px 0px 0px;
}

A.cpTodayText,SPAN.cpTodayTextDisabled {
	height: 20px;
}

A.cpTodayText {
	color: black;
}

.cpTodayTextDisabled {
	color: #D0D0D0;
}

.cpBorder {
	border: solid thin #808080;
	width: 150px !important;
}

/** Conditional Fields **/
.enabled {
	background-color: #fff;
}

.disabled {
	background-color: #bbb;
}

/** For contact-us pop-up **/
#contactus {
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	min-width: 500px;
	min-height: 300px;
	padding: 1em;
	border: 1em solid #c8c8c8;
	background-color: white;
	text-align: left;
	z-index: 1001;
	overflow: auto;
}

#contactusOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: #000;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity = 80);
}

/** for sortables **/
.handle {
	cursor: move;
}

/** for wp_list_pages navigation area **/
#sidebarNav ul {
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 2px;
	background-color: #0d324f;
	/* red background
	background: #0d324f  url( 'nav_bg.png' ) bottom left repeat-x;
	*/
	color: #fff;
	float: left;
	width: 100%;
}

#sidebarNav ul li {
	display: inline;
}

#sidebarNav ul li a {
	padding: 0.2em 1em 0.2em 1em;
	background-color: #0d324f;
	/* red background
	background: #0d324f  url( 'nav_bg.png' ) bottom left repeat-x;
	*/
	color: White;
	text-decoration: none;
	font-weight: bold;
	float: left;
	border-right: 2px solid #fff;
	font-size: 15px;
}

#sidebarNav ul .contactus a {
	float: right;
}

#sidebarNav ul.sidebarNavList li a:hover {
	text-decoration: underline;
	/*
	background-color: #32598a;
	color: #fff;
	*/
}

#sidebarNav ul.sidebarNavList2 {
	background-color: #32598a;
}

#sidebarNav ul.sidebarNavList2 li a {
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: #32598a;
	border-bottom: 1px solid #fff;
}

#sidebarNav ul.sidebarNavList2 li a:hover {
	background-color: #83b4d8;
}

#sidebarNav ul.sidebarNavList li.current_page_parent a {
	font-weight: bold;
	/*
	background-color: #32598a;
	*/
}

#sidebarNav ul.sidebarNavList2 li.current_page_item a {
	font-weight: bold;
	background-color: #83b4d8;
}

/** Nav list on left side... **/
#sidebarNav2 {
	width: 150px;
}

#sidebarNav2 ul {
	margin-top: 3px;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

#sidebarNav2 a {
	display: block;
	padding: 3px;
	width: 146px;
	border: 1px solid #006;
	background-color: #ddf;
	color: #333 !important;
}

#sidebarNav2 a {
	color: #EEE;
	text-decoration: none;
}

#sidebarNav2 a:hover,#sidebarNav2 .sidebarNavList2 li.current_page_item a
{
	background-color: #99c;
	color: #fff;
}

#sidebarNav2 ul li ul li a {
	margin-left: 15px;
	width: 131px;
	background-color: #ddf !important;
}

#sidebarNav2 ul ul li a:hover,#sidebarNav2 .sidebarNavList2 li li.current_page_item a
{
	background-color: #99c !important;
	color: #fff;
}

#footer ul li {
	display: inline;
	border-left: 1px solid #000;
	padding-left: 6px;
}

/** Oops, put back for admin **/
.blockSectionContent {
	background-color: #f3f4f8;
	filter: alpha(opacity = 70);
	opacity: .70;
	border: 1px solid #d6d6ad;
	border-top: none;
	padding: 5px 8px 14px 18px;
	overflow: hidden;
}

.redBlockTitle,.blueBlockTitle {
	display: block;
	border: none;
	padding: 2px 0 0 8px;
	height: 18px;
	background: #32598a;
}

.redBlockTitle a,.redBlockTitle,.blueBlockTitle a,.blueBlockTitle {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

/** For user-entered content **/
#pageContent h1,#pageContent h2,#pageContent h3 {
	margin-top: 20px;
	display: block;
	border-bottom: 1px solid #0d324f;
}

h1.blue,h1.red,h1.gray {
	font-size: 2em;
	border-bottom: none !important;
	padding: .1em 0 0.8em .5em;
	margin: 0.2em 0 -0.6em 0;
}

h2.blue,h2.red,h2.gray {
	font-size: 1.5em;
	border-bottom: none !important;
	padding: .1em 0 1.1em .5em;
	margin: 0.2em 0 -0.8em 0;
}

h3.blue,h3.red,h3.gray {
	font-size: 1.2em;
	border-bottom: none !important;
	padding: .1em 0 1.2em .5em;
	margin: 0.2em 0 -0.9em 0;
}

h1.blue,h2.blue,h3.blue {
	border-top: 1px solid #03c;
	background: #ccf url("title_blue.png") repeat-x bottom left;
}

h1.red,h2.red,h3.red {
	border-top: 1px solid #c30;
	background: #fcc url("title_red.png") bottom left repeat-x;
}

h1.gray,h2.gray,h3.gray {
	border-top: 1px solid #bcd;
	background: #eef0f3 url("title_light_blue.png") bottom left repeat-x;
}

.twoWide {
	width: 47%;
	padding-right: 1%;
	float: left;
}

.threeWide {
	width: 30%;
	padding-right: 1%;
	float: left;
}

.newRow {
	float: none;
	clear: both;
}

/** Removing for IE6...
#pageContent table {
	width: 99%;
	float: left;
}
**/

#propertyPics {
	width: 300px;
	min-height: 150px;
	text-align: center;
}

#propertyPics a {
	text-decoration: none;
}

#propertyPics #bigPic {
	border: 5px solid #32598a;
	width: 260px;
	padding: 5px;
	margin: 5px auto;
	text-align: center;
}

#propertyPics #bigPic:hover {
	border: 5px solid #0d324f;
}

#propertyPics .thumbnailPic {
	border: 5px solid #32598a;
	width: 120px;
	padding: 5px;
	margin: 10px 5px 0 5px;
	float: left;
	text-align: center;
}

#propertyPics .thumbnailPic:hover {
	border: 5px solid #0d324f;
}

#propertyPics #virtualTourLink a {
	background: #fff url('/web/images/fade-butt.png') repeat-x 0 -2px;
	border: 3px double #999;
	padding: 10px;
	margin: 10px;
}
#propertyPics td {
	padding: 0;
	margin: 0;
}

#propertyBody {
	
}

#propertyBody #titleAddress {
	
}

#propertyBody table {
	width: 100%;
}

#propertyBody #mapLink {
	margin: 30px auto;
}

#propertyBody #mapLink a {
	background: #fff url('/web/images/fade-butt.png') repeat-x 0 -2px;
	text-decoration: none;
	border: 1px solid #0d324f;
	border: 3px double #999;
	padding: 10px;
}

#propertyBody #topFeatures {
	border: none;
	font-size: 14px;
}

#propertyBody #propertyDetails {
	border: none;
	margin: 20px auto;
}

#propertyBody #propertyDetails h3 {
	text-align: center;
	border-bottom: 1px solid;
}

#propertyBody #amentitiesAppliances {
	border: none;
}

#propertyBody #marketing {
	padding: 20px;
	margin: 20px auto;
	border: 1px solid #0d324f;
	background: #e0e0ff;
}

#propertyBody #maint {
	border: none;
}

/* for form editing */
.errorField {
	background-color: #FFCCFF;
}
label {
	cursor: pointer;
	white-space: nowrap;
}

/** Second row on nav at top of pages **/
	#navSalesTabs {
		position: absolute;
		top: 60px;
		right: 2px;
		font-size: 10px;
		z-index: 500;
		display: none;
	}
	#navSalesTabs td {
		text-align: center;
		text-transform: uppercase;
		background-color: #eee;
		border: 1px solid #913343;
		/** TODO: add a background-image that will be a right-border...
		background-image: url("");
		background-position: right;
		background-repeat: no-repeat;
		**/
	}
	#navSalesTabs td a:hover {
		background-color: #eecccc;
	}
	#navSalesTabs td a {
		display: block;
		text-decoration: none;
		font-weight: bold;
		padding: 4px 12px 4px 12px;
		color: #913343;
	}
	/*#navSalesTabs td a:hover {*/
		/*color: #913343;*/
	/*}*/
	#navSalesTabs td a.firstCol {
		background-image: none;
	}

	
	#navSalesLinks td {
		background-color: #0d324f;
		text-align: center;
		border-right: 2px solid #fff;
	}
	#navSalesLinks td a {
		display: block;
		padding: 0.2em 1em 0.2em 1em;
		font-size: 10px;
		font-weight: bold;
		color: White;
		text-decoration: none;
		background-color: #0d324f;
	}
	#navSalesLinks td a:hover {
		text-decoration: underline;
	}

	#navSalesLinks .apply_button {
		background-color: #913343;
		border-color: #913343;
	}
	
/** fix calendar pop-up... */
#calendarDivlast_date_avail_lease_helper {
	z-index: 9000;
}

/** for google maps **/
v\:* {
  behavior:url(#default#VML);
}

.datafeed table, .datafeed th, .datafeed td {
	border: 1px solid black;
}

/** Inline editing **/
.inline-edit textarea {
/*	width: 100%;
	height: 150px;
	*/
}

.inline-edit {
	font-size: 9pt;
	/*width: 500px;*/
	margin-top: 10px;
/*	border: 1px solid black; */
}

.inline-edit .form {
	display: none;
}

.inline-edit .hover {
	background-color: #FFFFA5;
	cursor: pointer;
}

/** for available rentals page (formerly view rentals) **/
.viewrentalshead {
	border-top: 1px solid #bcd;
	border-bottom: 1px solid #bcd;
	/* background: #eef0f3 url("title_light_blue.png") bottom left repeat-x; */
	background: #eef0f3;
	padding: .1em 0 0.5em .5em;
	margin: -1.0em 0 -0.8em 0;
}
.viewrentalshead .title {
	font-size: 1.5em;
	font-weight: bold;
	margin-right: 10px;
}
.viewrentalshead .showhidemap {
	float: right;
	text-decoration: none;
	border: 1px solid #88a;
	background: #ccf;
	padding: 3px 6px 3px 6px;
	margin-top: 2px;
}

#map_canvas {
	border: 1px solid #888;
}

/** Formatting for the info-marker bubbles on the map **/
.markerleft {
/*	border: 1px solid blue;*/ 
	float: left;
	width: 92px;

font-size: 12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.markerleft img {
 max-width: 90px;
 max-height: 90px;	
}

.markerright {
/*	border: 1px solid red;*/ 
	float: left;
	margin-top: -2px;

font-size: 12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.mapmarkerleft {
	width: 92px;

font-size: 10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.mapmarkerleft img {
 max-width: 90px;
 max-height: 90px;	
}

.mapmarkerright {
	white-space: nowrap;	

font-size: 10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.mapmarkerright a {
	text-decoration: none;
}

.thumbnail {
  max-height: 90px;
  max-width: 90px;	
}

/** ie6 **/
.thumbnail {
  width: expression(this.width > 90 ? 90: true);
}
       
.contact_mgmt .property {
	border: 1px solid red;
}
.contact_mgmt .owner {
	border: 1px solid blue;
}

.float_right {
    float: right;
}

.nowrap {
	white-space: nowrap;
}