body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #363636;
}

a:link, a:visited, a:active {
	color: #113a60;
}

a:hover {
	color: #990000;
	text-decoration: none;
}

.clear {
	clear: both;
}

input:focus, textarea:focus, select:focus {
	background-color: #fff9b8;
}

/* -----------------------------------
       TABS 
------------------------------------ */

#tabbar #tab-bed {
	height: 43px;
	padding-top: 19px;
	background: url('../images/tab-bg.gif') repeat-x;
	padding-left: 20px;
}

#tabbar #tab-bed ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#tabbar #tab-bed ul li {
	margin: 0;
	background: url('../images/tab-blue.gif') no-repeat;
	width: 193px;
	height: 43px;
	font-size: 18px;
	text-align: center;
	float: left;
}

#tabbar #tab-bed ul li:hover {
	background: url('../images/tab-blue-hover.gif') no-repeat;
}

#tabbar #tab-bed ul li.active {
	background: url('../images/tab-white.gif') no-repeat;
	color: #363636;
	padding-top: 12px;
	height: 31px;
	cursor: default;
}

#tabbar #tab-bed ul li a {
	display: block;
	padding-top: 12px;
	height: 31px;
	color: #5b8493;
	text-decoration: none;
}

#tabbar #tab-2ndrow {
	background: #ebebeb ;
	border-bottom: 1px solid #e1e1e1;
	padding: 16px 20px;
}

/* TABS PLAIN */

#summaryview #tab-bed {
	height: 34px;
	background: url('../images/tab-bg3.gif') repeat-x;
}

#summaryview #tab-bed ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#summaryview #tab-bed ul li {
	margin: 0;
	padding: 0px 20px;
	height: 32px;
	border: 1px solid #dddddd;
	background-color: #eeeeee;
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin-right: 2px;
}

#summaryview #tab-bed ul li:hover {
	background-color: #f5f5f5;
}

#summaryview #tab-bed ul li.active {
	border: 1px solid #dddddd;
	border-bottom: 1px solid #ffffff;
	padding-top: 8px;
	height: 24px;
	background-color: #ffffff;
	color: #363636;
	cursor: default;
}

#summaryview #tab-bed ul li a {
	display: block;
	padding-top: 8px;
	height: 24px;
	color: #5b8493;
	text-decoration: none;
}

#summarycontain {
	border: 1px solid #dddddd;
	border-top: 0;
	padding: 5px;
}

/* SUMMARY LIST */

#summarycontain a.addnew {
	padding: 10px;
	background: #e1f4c3;
	border: 2px solid #c4df9b;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #597738;
	text-decoration: none;
	display: block;
	margin-bottom: 5px;
}

#summarycontain a.addnew:hover {
	background: #d6ebb5;
	border: 2px solid #a5d95f;
	color: #000000;
}

#summarycontain #nosummaries {
	color: #b7b7b7;
	text-align: center;
	padding: 30px 10px 40px 10px;
}
	
#summarycontain div.listitem {
	border: 1px solid #e1e1e1;
	margin-bottom: 5px;
	padding: 4px;
}

#summarycontain div.listitem:hover {
	border: 1px solid #b7b7b7;
}





#summarycontain div.listitem div.action {
	float: left;
	display: inline;
	width: 172px;
	margin-left: 3px;
	/* background-color: #33FF99; */
	text-align: right;
}



#summarycontain div.layoutitem {
	width: 222px;
	padding: 10px;
	margin-top: 12px;
	margin-left: 12px;
	float: left;
	display: inline;
	background: #f2f2f2;
}

#summarycontain div.layoutitem img {
	margin-top: 5px;
	border: 1px solid #e1e1e1;
}








/* -----------------------------------
       CONTENT
------------------------------------ */

#cont-container {
	width: 550px;
}

#cont-container div{
	position:static;
}

#main-heading {
	margin-bottom: 20px;
	text-align:left;
}

#main-heading h1 {
	margin: 0;
	font-size: 16px;
	color: #3c6995;
	margin-bottom: 4px;
}

div.pgalert {
	padding: 6px 10px;
	border: 1px solid #cfc875;
	background: #fffbc8;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
	font-size: 11px;
}

div.paginator {
	text-align: right;
	margin-bottom: 10px;
}

.req {
	font-family: "Courier New", Courier, mono;
	color: #CC0000;
}

.sortinfo {
	font-size: 11px; 
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 15px;
	text-align:left;
}



/* -----------------------------------
       EDIT LIST
------------------------------------ */


/* Basic Widget Structure */
#listingcontrols a {
	padding-left: 18px;
	padding-top: 0px;
	padding-bottom: 2px;
	font-size: 12px;
}
#listingcontrols span { /*edit mode only admin side*/
	padding-left: 18px;
	padding-top: 0px;
	padding-bottom: 2px;
	font-size: 12px;
	color:#666666;
}
#listing-head {
	background: #ddd;
	padding: 5px 10px;
	text-align:left;
}

#listing-container {
	padding:10px;
	border:1px solid #ddd;
	font-size: 11px;
	margin-bottom: 15px;
}

#listing-container h3 {
	margin-bottom: 10px;
	padding: 4px 10px;
	background-color: #d3e5f1;
	color: #363636;
	margin-top: 0;
}

#listing-container p {
	margin: 0;
}

#listing-container input, #listing-container select, #listing-container textarea {
	color: #898989;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#listing-container table {

}

#listing-container table td.label {
	vertical-align: top;
	font-weight: bold;
	padding: 3px;
	background-color: #eeeeee;
	width: 75px;
}

#listing-container table td.commentlabel {
	vertical-align: top;
	font-weight: bold;
	padding: 3px;
	background-color: #eeeeee;
	width: auto;
}


#listing-overview {
	float:left;
	padding:0 0 15px 0;
	width:100%;
	border-bottom:1px solid #cccccc;
	margin-bottom: 15px;
}



#listing-details {clear:both;}

#listing-int {
	float:left;
	width:275px;
	text-align:left;
}
#listing-int2 {
	float:none;
	width:100%;
	margin-top: 10px;
	text-align:left;
}

#listing-comments {
	float:none;
	width:100%;
	margin-top: 10px;
	text-align:left;
}

/* Property Listing Media */
.listing-med-item {
	float:left;
	margin:0 0 10px 0;
	width:290px;
	text-align:left;
}

#listing-med-photos {
	width:290px;
	background:#eee;
	border:1px solid #ddd;
	padding:10px;
}

	#med-photo {
		width:290px;
		height:202px;
		text-align:center;
		font-size:10px;
		background:#C3C3C3;
	}
	
	#med-photo-ctrl {margin:10px 0 0 0;}
	
	#med-photo-ctrl div {
		margin:0 0px;
		float:left;
		position:relative;
	}
		#med-photo-ctrl div.med-photo-thumb {
			width:67px;
			height:47px;
			background:#fff;
			text-align:center;
			font-size:10px;
		}
		#med-photo-ctrl div#med-ctrl-lt {margin-left:0;}
		#med-photo-ctrl div#med-ctrl-rt {
			float:right;
			margin-right:0;
		}






/* ---------------------------------------
      DIV POPUP BOXES - LIGHT BOXES 
	  STYLES FOR POPUP MSGBOX OVERLAY!!
---------------------------------------- */
#darkfade {
	display: none;
	position: absolute;
	width: 100%;
	height: auto;
	top: 0px;
	bottom: 0px;
	background-color: #000000;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
	z-index: 5000;
}
div.whiteoverlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	z-index: 5000;
}
div.darkoverlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 3000px;
	height: 3000px;
	background-color: #999999;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	z-index: 5000;
}
div.darkoverlaybottom{
	display: none;
	position: absolute;
	top: 130%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #999999;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	z-index: 5000;
}

div.popup-msgbox {
	width: 450px;
	background: url(../images/popupmsgbox-bg.gif) repeat-x #cce0ed;
	border: 1px solid #eeeeee;
	color: #000000;
	position: absolute;
	top: 45%;
	left: 50%;
	margin-left: -175px;
	display: none;
	z-index: 5001;
}

	div.popup-msgbox h3 {
		margin: 0;
		padding: 8px 30px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 12px;
		width: 250px;
		text-align:left;
		}
	div.popup-msgbox a.close {
		margin: 0;
		padding: 8px 30px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 12px;
		width: 68px;
		float:right;
		text-decoration:none;
		}
	div.popup-msgbox a.close:hover {
		color: #006699;
		background-image: url(../images/popupmsgbox-bg_hover.gif);
		}		
	
div.popup-msgbox-body-container {
	border: 1px solid #598b27;
	margin: 0 4px 4px 4px;
	background-color: #cccccc;
}

div.popup-msgbox-body {
	margin: 2px;
	background-color: #ffffff;
	padding: 15px 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

	div.popup-msgbox-body p {
		margin-top: 0;
		margin-bottom: 15px;
	}
	
	div.popup-msgbox-body p.error {
		margin-top: 0;
		margin-bottom: 15px;
		color: #CC0000;
	}
	
div.popup-msgbox-action {
	text-align: center;
	float:none;
	clear:both;
}

	div.popup-msgbox-action img {
		border: 0;
		cursor: pointer;
	}
	
table.duplicate-table {
	width: 100%;
	margin-bottom: 15px;
	border-collapse: separate;
	border: 1px solid #acd372;
}

	table.duplicate-table th {
		text-align: left;
		padding: 6px;
		background: url(../images/popupmsgbox-bg.gif) repeat-x #acd372;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #91bb51;
	}
	
	table.duplicate-table tr td {
		padding: 4px 6px;
		background-color: #eeeeee;
	}
	
	table.duplicate-table tr.odd td {
		padding: 4px 6px;
		background-color: #ffffff;
	}


/* ---------------------------------------
      CONTACT AGENT FORM STYLES
---------------------------------------- */
.float-left{
  display: block;
  float: left;
  clear: left;
  Width: 100px;
  margin-bottom: 10px;
  margin: 5px 0;
}
.float-left-input{
  display: block;
  float: left;
  clear: left;
  Width: 25px;
  margin-bottom: 10px;
  margin: 5px 0;
  padding: 2px;
}
.float-left-text{
  display: block;
  float: left;
  Width: 320px;
  margin-bottom: 0px;
  margin: 5px 0;
  margin-top: 10px;
  padding: 2px;
}
.float-left-loancal{
  display: block;
  float: left;
  clear: left;
  Width: 180px;
  margin-bottom: 10px;
  margin: 5px 0;
  text-align:right;
  margin-right: 10px;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}
#header {	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#666666;
	text-align:left;
	text-decoration:none;
	width: 425px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	}
#header h1 {	
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin: 0;
	}	
#header h2 {	
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	margin: 0;
	}
#headerpopup  {	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#666666;
	text-align:left;
	text-decoration:none;
	width: 375px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	}
#headerpopup h2 {	
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	margin: 0;
	}			
.title {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	text-decoration:none;
	}
.content {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#666666;
	text-decoration:none;
	}
.contentBold {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#666666;
	text-decoration:none;
	}	
.contentsmall {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:#666666;
	text-decoration:none;
	}	
input.box, textarea.box, select.box {
  font-family: verdana, arial, sans-serif;
  margin: 0;
  padding: 2px;
  font-size: 12px;
  color: #666666;
  background: #FFFFFF;
  border: 1px solid #ccc;
  margin: 5px 0;
  width: 275px;
}
input.boxsm, textarea.boxsm, select.boxsm {
  font-family: verdana, arial, sans-serif;
  margin: 0;
  padding: 2px;
  font-size: 12px;
  color: #666666;
  background: #FFFFFF;
  border: 1px solid #ccc;
  margin: 5px 0;
  width: 175px;
}
input.boxsm:focus, textarea.boxsm:focus, select.boxsm:focus {
  border: 1px solid #999;
  background-color: #ffffe2;
}
input.boxsm:hover, textarea.boxsm:hover {
  border: 1px dashed #777777;
  background-color: #eeeeee /*#e8f7cc green*/;
}
input.boxcomments, textarea.boxcomments, select.boxcomments {
  font-family: verdana, arial, sans-serif;
  margin: 0;
  padding: 2px;
  font-size: 12px;
  color: #666666;
  background: #FFFFFF;
  border: 1px solid #ccc;
  margin: 5px 0;
  width: 275px;
}
input.boxcomments:focus, textarea.boxcomments:focus, select.boxcomments:focus {
  border: 1px solid #999;
  background-color: #ffffe2;
}
input.boxcomments:hover, textarea.boxcomments:hover {
  border: 1px dashed #777777;
  background-color: #e8f7cc;
}
input.boxsmperct, textarea.boxsmperct, select.boxsmperct {
  font-family: verdana, arial, sans-serif;
  margin: 0;
  padding: 2px;
  font-size: 12px;
  color: #666666;
  background: #FFFFFF;
  border: 1px solid #ccc;
  margin: 5px 0;
  width: 50px;
}
input.boxsmperct:focus, textarea.boxsmperct:focus, select.boxsmperct:focus {
  border: 1px solid #999;
  background-color: #ffffe2;
}
input.boxsmperct:hover, textarea.boxsmperct:hover {
  border: 1px dashed #777777;
  background-color: #eeeeee /*#e8f7cc green*/;
}
input.boxsmpayment, textarea.boxsmpayment, select.boxsmpayment {
  font-family: verdana, arial, sans-serif;
  margin: 0;
  padding: 2px;
  font-size: 12px;
  color: #666666;
  background: #FFFFFF;
  border: 1px solid #ccc;
  margin: 5px 0;
  width: 100px;
}
input.boxsmpayment:focus, textarea.boxsmpayment:focus, select.boxsmpayment:focus {
  border: 1px solid #999;
  background-color: #ffffe2;
}
input.boxsmpayment:hover, textarea.boxsmpayment:hover {
  border: 1px dashed #777777;
  background-color: #eeeeee /*#e8f7cc green*/;
}

input.checkbox {
  font-family: verdana, arial, sans-serif;
  margin: 0;
  padding: 2px;
  font-size: 12px;
  color: #666666;
  background: #FFFFFF;
  border: 0px solid #ccc;
  margin: 0px 0;
  width: auto;
}
input.checkbox:hover {
  background: #FFFFFF;
}
input.inputnone {
  font-family: verdana, arial, sans-serif;
  margin: 0;
  padding: 0px;
  font-size: 12px;
  color: #666666;
  background: #FFFFFF;
  border: 0px solid #ccc;
  margin: 0px 0;
  width: auto;
}
input.inputnone:hover {
  background: #FFFFFF;
  border: 0px dashed #777777;
}
input.box:focus, textarea.box:focus, select.box:focus {
  border: 1px solid #999;
  background-color: #ffffe2;
}
input.box:hover, textarea.box:hover {
  border: 1px dashed #777777;
  background-color: #eeeeee /*#e8f7cc green*/;
}
select.box:hover {
  border: 1px dashed #777777;
  background-color: #eeeeee /*#e8f7cc green*/;
}

#buttoncontainer {
  display: block;
  float: none;
  clear: none;
  Width: 300px;
  margin-bottom: 10px;
  margin-left: 0px;
}
input.sendbutton {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(../images/button-send.gif) no-repeat;
  width: 70px;
  height: 21px;
  margin-left: 20px;
}
input.cancelbutton {
  float:none;
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(../images/button-cancel_grey.gif) no-repeat;
  width: 70px;
  height: 21px;
  margin-left: 0px;
}
input.addcommentbutton {
  float:none;
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(../images/button-addcomment.gif) no-repeat;
  width: 124px;
  height: 30px;
  margin-left: 0px;
}
#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:#666666;
	text-align:center;
	text-decoration:none;
	width: 425px;
	margin: 0px auto;/*this line will center the page*/
	margin-top: 20px;
	}
	
/* DHTML TOOL TIP DIV
----------------------------------------------- */
#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 2px solid black;
	padding: 2px;
	background-color: #ffffff;
	color: #2e5061;
	font-weight: bold;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	}