/*///////////// GENERIC PCS /////////////// */

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||
||                                                   ||
||    THIS SECTION IS USED IN THE TABLE TOP          ||
||                                                   ||
|||||||||||||||||||||||||||||||||||||||||||||||||||||*/
body {
		/* ----------------------------   EDITALBE ---------------------------- */
	margin: 5px;
	padding: 0;
	background: #CBC6AA;
}
#mainContainer {
	/* ----------------------------   EDITALBE ---------------------------- */
	background:#fff;
	border:1px solid #000;
	/* ---------------------------- DO NOT EDIT ----------------------------*/
	width: 796px; /* will probably change this in the future to be wider for larger screen sizes but stay min 796px. */
		width: 990px;
	margin:0 auto 0 auto;
	}
#header { 
		/* ----------------------------   EDITALBE ---------------------------- */
	background: url("/images/gradient.png") repeat-y right top;
	width: 100%;
	height:100px;
  margin:0 auto 0 auto;
  padding:0 0 15px 0;
	}
#header .logo { /* office logo within header */
		/* ----------------------------   EDITALBE ---------------------------- */
	background:  url("/images/pcs_logo6.gif") no-repeat left top;
  width:182px;
	height:74px;
	padding : 5px 0 5px 5px;
	margin: 5px;
	float: left;
	}
#header #logout{
		/* ----------------------------   EDITALBE ---------------------------- */
	float:right;
	margin: 3px 3px 0 0;
	clear:right;
	width: 63px;
	height: 23px;
	background: url(/images/pcs_logout.gif) no-repeat left top;
	}
	/* div element. this info is provided by and agent photo*/
#header .pcs_agentinfo_header{
		/* ---------------------------- DO NOT EDIT ----------------------------*/
	white-space:nowrap;
		/* ----------------------------   EDITALBE ---------------------------- */
  font : normal 10px verdana, tahoma, arial;
	letter-spacing: 1px;
	padding: 15px 5px 0 5px;
	text-align: right;
	color:#fff;
	}
#header	.pcs_agentinfo_header br {
	/* ----------------------------   EDITALBE ---------------------------- */
		line-height:15px;
	}
#header br{
		/* ---------------------------- EDITALBE ----------------------------*/
	line-height:27px;
	}
#header .pcs_agentinfo_header a { /* agent website link  */
	color:#fff;
	}
#header .pcs_agentinfo_header img{ /* agent photo */
	/* ----------------------------   EDITALBE ---------------------------- */
	float:right;
	width: 46px;
	height:61px;
	clear:right;
	margin:5px;
	}
/* this info provided by end*/
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||
||                                                   ||
||    THIS SECTION IS USED IN THE EMBEDDED BRANDING  ||
||                                                   ||
|||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/* form on login page*/
form {
	margin: 0;
	padding: 0;
	}
	/*  for user id and password text on login page */
.login_id {
	font: bold 10pt verdana, arial, sans-serif; color:#1C3172;
}
/*not shown on generic pcs - but must show on branded!*/
/* Displays 'Private Client Services' above the tabbed navigation */
 #pcs_title {
   background: url("/images/gradient.png") repeat-y right top;
	font: bold 12pt verdana, helvetica, sans-serf;
	color: #000;
	width:100%;
	text-align:left;
	float:left;
	}
/* NAVIAGTION TABS */
#tabs  {
	/* ----------------------------   EDITALBE ---------------------------- */
  background: url("../images/bg10.gif") repeat-x bottom;
	font: bold 70% verdana, arial, helvetica, sans-serif; /* keep font size a percentage */
	/* ---------------------------- DO NOT EDIT ----------------------------*/
	float:left; 
	width:100%; 
  padding:0;
	}
#tabs ul  {
		/* ---------------------------- DO NOT EDIT ----------------------------*/
	margin:0; 
	padding:10px 10px 0;
	list-style:none;
	}
	/* ACTIVE TAB  */
#tabs #current  {
	/* ----------------------------   EDITALBE ---------------------------- */
  /* a background color may be used instead, but if using an image do not change the 'no-repeat left top;' and the image should be 9(w) x 150(h) pixels */
	background: url("../images/pcs_left_on2.gif") no-repeat left top;
	}
#tabs #current a {
	/* ----------------------------   EDITALBE ---------------------------- */
  /* a background color may be used instead, but if using an image do not change the 'no-repeat left top;' and the image should be 400(w) x 150(h) pixels */
	background: url("../images/pcs_right_on2.gif") no-repeat right top;
	color:#1c3173;
	/* ---------------------------- DO NOT EDIT ----------------------------*/
	padding-bottom:5px;
	}
#tabs #current a:hover {
	/* ----------------------------   EDITALBE ---------------------------- */
	color:#0A50A1;
}
	 /* non active tabs */	
#tabs li  {
		/* ----------------------------   EDITALBE ---------------------------- */
		 /* a background color may be used instead, but if using an image do not change the 'no-repeat left top;' and the image should be 9(w) x 150(h) pixels */
    background: url("../images/left.gif") no-repeat left top;
				/* ---------------------------- DO NOT EDIT ----------------------------*/
	  float:left;   
		margin:0;  
		padding:0 0 0 9px; 
   }
#tabs a  {
	/* ----------------------------   EDITALBE ---------------------------- */
	/* a background color may be used instead, but if using an image do not change the 'no-repeat left top;' and the image should be 400(w) x 150(h) pixels */
	background:url("../images/right.gif") no-repeat right top;	
	font-weight:bold;
	color:#333;
  /* ---------------------------- DO NOT EDIT ---------------------------- */
	display:block;
  padding: 5px 15px 4px 6px;
	text-decoration:none;
	}
/* text color on hover of non-active tab*/	
#tabs a:hover  {
	/* ----------------------------   EDITALBE ---------------------------- */
	color:#1c3173;
	}
/* END OF NAVIAGTION TABS */
/* MAIN CONTENT WINDOW BELOW TABS. content such as listing results, que'd listings etc. all go within this window. */
#tabScreen{
	/* ---------------------------- EDITALBE ---------------------------- */
	background:#F1ECCD;
	font: normal 9pt arial, helvetica, sans-serf;
 /* ---------------------------- DO NOT EDIT ----------------------------*/
	width: 100%;
	margin:0 auto 0 auto;
	clear:left;
		text-decoration : none;
}
#tabScreen h3{
	/* ----------------------------   EDITALBE ---------------------------- */
	font: bold 9pt arial, helvetica, sans-serf;
		/* ---------------------------- DO NOT EDIT ----------------------------*/
  margin:15px 5px;
}
/* THIS IS THE SECTION THAT SHOWS WHEN THE AGENT IS LOGGED IN THRU THE BINOCULAR VIEW  */
.info_for_agent {   /* this area show the agent the clients name and when they last logged in */
 /* ---------------------------- DO NOT EDIT ----------------------------*/
 	font: normal 8pt arial, helvetica, sans-serif;
	text-align:center;
 	width: 100%;
	margin:0 auto 0 auto;
	padding: 5px 0 5px 0;

	}
.info_for_agent strong{
	font: bold 9pt verdana, helvetica, sans-serif;
	color: #BA0000;
}
/* ONE LINE TEXT THAT SHOWS THE RESULTS FOUND ABOVE THE RESULTS AND TOOLBAR */
.results {
 	/* ---------------------------- DO NOT EDIT ----------------------------*/
	text-align:center;
	width: 100%;
	padding: 5px 0 0 0;
	margin:5px auto 5px auto;
	clear:left;
}	
/* SEARCH RESULTS TOOLBAR WITH THE SELECT ALL, PRINT EMAIL BUTTONS ETC... */
#scrollerToolbarTable{
 	/* ---------------------------- DO NOT EDIT ----------------------------*/
	font-size:8pt;
	width: 96%;
	margin:10px auto 0 auto;
	border-spacing:0px;
	clear:left;
		}
#scrollerToolsTable td {
	/* ---------------------------- DO NOT EDIT ----------------------------*/
	vertical-align:middle; 
	}
/* MLS, ICI AND PCS SEARCH RESULT SCROLLER DIV */	
#scroller {
	/* ----------------------------   EDITALBE ---------------------------- */
	background: #fff;
	border: 1px solid #1C3172;
		/* ---------------------------- DO NOT EDIT ----------------------------*/
	margin: 0 auto 0 auto;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 0px;
  width: 96%;
  height: 350px;
	}
	/* MLS, ICI AND PCS SEARCH RESULT TABLE  */	
#scroller table {
	/* ----------------------------   EDITALBE ---------------------------- */
 background: #E5E1D5;
		/* ---------------------------- DO NOT EDIT ----------------------------*/
  width:100%;
	}
/* LISTINGS HEADER */
#scroller table tr th{
	/* ----------------------------   EDITALBE ---------------------------- */
	padding: 1px 3px 1px 3px;
	background: #1c3173;
	font : bold 11px arial, helvetica, sans-serif;
 	/* ---------------------------- DO NOT EDIT ----------------------------*/
	white-space:nowrap;
	vertical-align:middle;
}
 #scroller table tr th a {
	/* ----------------------------   EDITALBE ---------------------------- */
	color : #fff;
 	/* ---------------------------- DO NOT EDIT ----------------------------*/
	text-decoration:none;
}
#scroller table tr th a:hover {
	/* ----------------------------   EDITALBE ---------------------------- */
	color : #ccd2de;
	}
#scroller table tr{
	/* ---------------------------- DO NOT EDIT ----------------------------*/
  background:#fff;
	}
#scroller table tr td {
	/* ----------------------------   EDITALBE ---------------------------- */
	color: #444;
		/* ---------------------------- DO NOT EDIT ----------------------------*/
	font : normal 10px/11px verdana, arial, sans-serif;
	white-space:nowrap;
	vertical-align:middle;
	height:15px;
	padding: 0 3px 0 3px;
  }
#scroller table tr td a {
	/* ----------------------------   EDITALBE ---------------------------- */
	color : #1c3173;
	/* ---------------------------- DO NOT EDIT ----------------------------*/
	padding-left: 1px;
	}
#scroller table tr td a:hover {
	/* ----------------------------   EDITALBE ---------------------------- */
	color : #444;
	}
/* MLS, ICI AND PCS SEARCH RESULT SCROLLER  END	 */

/* SEARCHES.VM*/
/* SELF-MANAGED CLIENT */
.searches_table {
	/* ---------------------------- DO NOT EDIT ----------------------------*/
  margin: 10px auto 10px auto;
	width: 86%;
	height:100%;
	/* ----------------------------   EDITALBE ---------------------------- */
	font: normal 9pt verdana, arial, sans-serif;
	color: #000;
}
.searches_table td {
	/* ---------------------------- DO NOT EDIT ----------------------------*/
	vertical-align:top;
	margin:2px;
	padding:2px;
	}
.searches_table strong {
	/* ----------------------------   EDITALBE ---------------------------- */
	font: bold 9pt verdana, arial, sans-serif;
	color: #000;
}
h3 { 
/* ----------------------------   EDITALBE ---------------------------- */
	padding: 0 0 5px 0;
	color: #000;
  font: bold 10pt verdana, arial, sans-serif;
  letter-spacing: 1px;
 }

.searches legend {
	/* ----------------------------   EDITALBE ---------------------------- */
	color:#0A50A1;
  /* ---------------------------- DO NOT EDIT ----------------------------*/
	font: bold 10pt verdana, arial, sans-serif;
	padding: 3px;
}
.searches_table fieldset  {
 /* ---------------------------- DO NOT EDIT ----------------------------*/
 	width: 180px;
	height: 100px;
	padding:2px;
	}
.searches select {
  /* ---------------------------- DO NOT EDIT ----------------------------*/
	width : 150px;
	border: 1px solid #ccc;
	}
.searches option {
		/* ---------------------------- DO NOT EDIT ----------------------------*/
  font :  normal 8pt/11pt tahoma, helvetica, arial, sans-serif;
	width : 160px;
	}
.searches_table input {
	/* ---------------------------- DO NOT EDIT ----------------------------*/
  font :  normal 8pt tahoma, helvetica, arial, sans-serif;
	color: #000;
	margin:2px;
	padding:1px;
	}
/* DIV ELEMENT. LEGEND AT THE BOTTOM OF THE PCS RESULTS. IT IS WITHIN #tabScreen */	
	#legend {
		/* ---------------------------- DO NOT EDIT ----------------------------*/
	font-size: 8pt;
	line-height:15pt;
	text-align:center;
	width: 100%;
	margin:15px auto 0 auto;
	padding:5px 0 5px 0;
	}
.classNew,.classPc,.classOm, .classCond, .classSold,.classBom, .ClassEmpty {
	/* ---------------------------- DO NOT EDIT ----------------------------*/
	width: 17px; height: 17px; padding:2px; text-align: center; font-weight: bold;
 color: #fff; 
 }
 	/* ---------------------------- DO NOT EDIT ----------------------------*/	
.classNew {background: #4D944D;}
.classPc {background: #9AA6BC;}
.classOm {background: #111B1E;}
.classCond {background: #660;}
.classSold {background: #BA0000;}
.classBom {background: #576798;}

#powered_by {
	margin:0 auto 0 auto;
/* ---------------------------- DO NOT EDIT ----------------------------*/
width:100%;
text-align:center;
font-size:8pt;
padding:3px 0 3px 0;
}
#powered_by a {
	/* ----------------------------   EDITALBE but also mandatory so must be visible ---------------------------- */
font: normal 8pt arial, helvetica, sans-serif;
color: #1c3173;
/* ---------------------------- DO NOT EDIT ----------------------------*/
text-decoration:none;
}
#powered_by a:hover {
	/* ----------------------------   EDITALBE but also mandatory so must be visible ---------------------------- */
color: #fff;
}
/* ---------------------------- DO NOT EDIT ----------------------------*/
/* ------- TEXT THAT SHOWS ON QUE'D LISTING TAB IF NOT LISTINGS ARE QUE'D --------*/
#noQueuedListings {
 margin: 0 auto 0 auto;
 padding: 5px;
 background : #FBFBFB;
 width: 550px;
 border: 2px solid #EbEbEb;
 padding:25px;
}
#noQueuedListings p{
font-size: 9pt; line-height: 13pt;
}



/* THUMBNAIL */



/* Thumnail view of search results */

#thumbnailResults h3{
	padding: 6px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin:4px 0 0 0;
	font-size:12px;
}

/* fix the IE6 hasLayout issue */
* html #thumbnailResults h3 {height: 1%;}

div.search_nav{
	font-size: 12px;
	//margin: 6px 0 0 0;
	margin: 0 0 0 0;
	padding: 7px 0 6px 7px;
	background: url(/images/thumbnail_results_nav_bg.jpg) repeat-x bottom right;
	border-top:1px solid #ddd;
}

div.search_nav.foot{
	padding: 5px 0 5px 7px;
	margin: 0;
	}
div.search_nav select{
	padding:1px;
	border:1px solid #ccc;
	font-size:10px;
	}
div.search_nav option{
	padding-right:8px;
}
div.search_nav a strong{
	font-size: 15px;
	font-weight: bold;
	text-decoration:none;
	}
div.search_nav a{
	margin-right:2px;
	color:#1C3173;
	text-decoration:underline;
	}
div.search_nav a.current{
	text-decoration:none;
	}
div.search_nav a:visited{
	color:#1C3173;
	}
div.listing_container{
	background: url(/images/thumbnail_result_bg.jpg) repeat-x top left;
	margin: 0 0 10px 0;
	padding: 10px 0 0 5px;
	font-size: 10px;
	height: auto;
	border-top:1px solid #ddd;
	}
	
div.yellowbg{
	background: url(/images/thumbnail_result_bg_yellow.jpg) repeat-x top left;
	}
/* float clearing fix */
div.listing_container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

div.listing_container { display: inline-block; }
* html div.listing_container { height: 1%; } /* Hides from IE-mac \*/
div.listing_container { display: block; }

div.listing_container div.column_1{
	float:left;
	width:140px;
	position:relative;
	text-align:center;
	}
div.listing_container div.column_1 strong{
	font-weight: bold;
	}
.property_img{
	width:130px;
	height:97px;
	border:1px solid #ddd;
	}
div.listing_container div.column_1 a {
	font-size: 10px;
	font-weight:bold;
	color:#1C3173;
	text-decoration:none;
	}
div.listing_container div.column_1 a:hover{
	
	}
	
div.listing_container div.column_1 .status {
	font-size: 10px;
	line-height:10px;
	color:red;
	}
div.listing_container div.column_1 .status_overlay {
	position:absolute;
	top:77px;
	left:0;
	padding: 0;
	margin:0;
	width:0px;
	height:0px;
	line-height:0px;
	font-size: 0px;
	}
div.listing_container div.column_1 .status_overlay img{
	height:20px;
	width:130px;
}
	
div.listing_container div.column_1 a:hover img {
	border:1px solid #1C3173;
	}
div.listing_container div.column_2 {
	float:left;
	width:800px;
	color:#1C3173;
	font-weight:bold;
	font-size: 11px;
	padding-left:5px;
	}
div.listing_container div.column_2_legacy {
	float:left;
	width:500px;
	color:#1C3173;
	font-weight:bold;
	font-size: 11px;
	padding-left:5px;
	}
/* float clearing fix */
div.listing_container div.column_2:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
div.listing_container div.column_2 img.statusIcon {
	margin:0 3px 0 2px;	
}
div.listing_container div.column_2 table {
	margin:0 0 0 3px;
	padding:0;
	width: 100%;
	border-collapse: collapse;
}
div.listing_container div.column_2_legacy table {
	margin:0 0 0 3px;
	padding:0;
	width: 100%;
	border-collapse: collapse;
}
div.listing_container div.column_2 table td {
	color:#333;
	font-weight:bold;
	font-size: 10px;
	padding:2px 30px 2px 2px;
	margin:0;
}
div.listing_container div.column_2_legacy table td {
	color:#333;
	font-weight:bold;
	font-size: 10px;
	padding:2px 30px 2px 2px;
	margin:0;
}
div.listing_container div.column_2 table td.label {
	font-weight:normal;
	padding:1px 10px 1px 1px;
	white-space:nowrap;
	vertical-align:top;
}
div.listing_container div.column_2_legacy table td.label {
	font-weight:normal;
	padding:1px 10px 1px 1px;
	white-space:nowrap;
	vertical-align:top;
}
div.listing_container div.column_2 table.listingHeader{
	width:650px;
	margin:0 0 3px 0;
}
div.listing_container div.column_2_legacy table.listingHeader{
	width:650px;
	margin:0 0 3px 0;
}

div.listing_container div.column_2 table.listingHeader td {
	font-weight:normal;
	padding:0px;
	vertical-align:baseline;
}
div.listing_container div.column_2 table.listingHeader td.price {
	font-weight:bold;
	font-size: 11px;
	text-align:right;
}

div.listing_container div.column_2 a {
	color:#1C3173;
	font-weight:bold;
	font-size: 11px;
	text-decoration:underline;
	}
div.listing_container div.column_2 a:hover {
	text-decoration:underline;
	}
div.listing_container div.column_2 p {
	font-size: 10px;
	line-height: 14px;
	padding:0;
	margin:3px 0 0 0;
	color:#222;
	font-weight:normal;
	}
div.listing_container div.column_2_legacy p {
	font-size: 10px;
	line-height: 14px;
	padding:0;
	margin:3px 0 0 0;
	color:#222;
	font-weight:normal;
	}
div.listing_container div.column_2 p a {
	font-size: 10px;
	font-weight:normal;
}
div.listing_container div.column_2 .functions{
	margin:3px 0 0 250px;
}

div.listing_container div.column_2 .functions a{

	font-weight:normal;
}
	
div.listing_container div.photo{
	float:right;
	width:75px;
	height:75px;
	margin:0px 10px 0 0px;
	text-align:right;
	overflow:hidden;
	display:inline;
	}
div.listing_container div.photo img{
	height:73px;
	float:right;
	border:1px solid #ccc;
	}
div.listing_container div.icons{
	float:left;
	width: 140px;
	margin:7px 0 0 3px;
	}
div.listing_container div.icons img{
	margin-right:8px;

	}
div.listing_container div.icons a:hover img{ 
	border: none;
	}
div.listing_container div.pcs_view_count{
	padding:3px 0 5px 5px;
	
	}
div.listing_container div.agt_ofc{
	float: right;
	text-align: right;
	margin: 16px 4px 0 0;
	display:inline;
	width: 100px;
}
.price{
	font-size: 14px;
	line-height: 14px;
	color:#333;
	margin-top: 5px;
	padding-bottom: 5px;
	font-weight:bold;
}
div.listing_container div.map{
	float:right;
	width:100px;
	height:200px;
	margin:0px 10px 0 0px;
	text-align:center;
	overflow:hidden;
	display: none;
	color: #1C3173;
	}
div.listing_container div.map a{
	color: #1C3173;
	}
/* fix IE6 agent info float bug */
* html div.listing_container div.agt_ofc {margin: 0px 4px 0 0;}


#footer{
	margin: 0 auto;
	padding-top: 30px;
	}
.support {
	font: bold 12pt verdana, arial, sans-serif;
	color: #1356A4;
	text-align: center;
	margin: 5px 0 5px 0;
	}
address
    {
	font : normal 9pt/12pt verdana, arial, sans-serif;
	font-style: normal;
	color: #008;
	letter-spacing: normal;
	text-align: center;
	margin: 5px 0 5px 0;
 	}
.disclaimer
    {
	font : normal 7pt/9pt verdana, arial, sans-serif;
	font-style: normal;
	color: #333;
	letter-spacing: normal;
	text-align: center;
	margin: 2px 0 0 0;
	}
.disclaimer a{
	color:#1356A4;
	}
.disclaimer a:hover{
	text-decoration:none;
	}	
.mobilePcsSwitch{
	float:left;
	text-decoration:none;
	border-radius:5px;
	padding:0 8px;
	border:1px solid #304e76;
	box-shadow:1px 1px 0 rgba(255, 255, 255, 0.75);
	-webkit-box-shadow:1px 1px 0 rgba(255, 255, 255, 0.75);
	text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
	color:#fff;
	font-size:12px;
	font-family: sans-serif;
	font-weight:normal;
	margin: 10px 0 0 0;
	height:30px;
	line-height:30px;
	display:block;
	
	background-color: rgb(74,108,150);
	background-image: linear-gradient(bottom, rgb(74,108,150) 47%, rgb(108,149,207) 100%);
	background-image: -o-linear-gradient(bottom, rgb(74,108,150) 47%, rgb(108,149,207) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(74,108,150) 47%, rgb(108,149,207) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(74,108,150) 47%, rgb(108,149,207) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(74,108,150) 47%, rgb(108,149,207) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.47, rgb(74,108,150)),
	color-stop(1, rgb(108,149,207))
	);
	
	text-overflow: ellipsis;
  	text-decoration: none;
  	white-space: nowrap;
  	overflow: hidden;
}