/*------ McKenna Realtor Current Listings css ------ */
/*-------- 10/23/06 5:30PM ----------*/
/*   
Theme Name: MRListings
Theme URI: www.mckennarealtor.com
Description: Theme for Sheila McKenna Realtor
Author: Allan Douglas, DDGraphics WebMedia
Author URI: www.ddgwebmedia.com
*/
/***** ---- ID Selectors ---- *****/
/* ------- Current Listings Stuff ------ */
#listingcontainer { /*-- Used for Current Listings page --*/
	margin: 0 auto;
	width: 100%;
}

#detailcontainer {
	margin: 0 auto;
	width: 99%;
	background-color: #EEE;
	border: 1px solid #303;
	z-index: 10;
}
#detailcontainer div.crrntfull {
	width: 80%;
	float: left;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	margin: 0 auto 0 10%;
	-moz-border-radius: 10px;
	color: #FFFFED;
	background-color: #003764;
	border-bottom-width: medium;
	border-bottom-style: groove;
	border-bottom-color: #666666;
}
#propertyimg {
	float: left;
	width: 95%;
	margin: 0px;
	text-align: center;
}
/*****************************/
/*-------- PopUp Stuff --------*/
#contentpopup {
	background-color:  #FFFFED;
	border: thick outset #C29800;
}
#headerpopup {
	height:120px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding-top: 10px;
	background-color:#003764;
	background-image: url(../SiteAssets/PNG/smkHeaderLogo-trans.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#imgpopup {
	float: left;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
/*********************************/
 /*------ Classes Used in All Column Layouts ------*/
/* twoColumns class for implementing a simple 2-column structure wherever needed
 * inside the content column. 
 */
.twoColumns {
	float: left;
	width: 99%;
	margin: 0 auto;
}
.twoColumns img {
	text-align: center;
	display: block;
}
.twoColumns p {
	text-align: center;
	margin-top: 0em;
}
.twoColumns h5 {
	text-align: left;
	margin-bottom: 0em;
	margin-top: .2em;
	margin-left: .5em;
}
.twoColumns div.leftColumn {
	float: left; 
	width: 49%;
	overflow: visible;	/* fix for IE italics bug */
	margin-right: -1px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.twoColumns div.leftColCmmrcl {
	float: left; 
	width: 42%;
	overflow: visible;	/* fix for IE italics bug */
	margin-right: -1px;
}
.twoColumns div.rightColumn {
	float: left;
	width: 49%;
	overflow: visible;	/* fix for IE italics bug */
	margin-right: -2px;
	border-top: none;
	border-left: none;
}
.twoColumns div.rightColCmmrcl {
	float: left;
	width: 56%;
	overflow: visible;	/* fix for IE italics bug */
	margin-right: -3px;
}
.twoColumns div.leftColumn div.inside {
	padding-left: 0;
}
.twoColumns div.rightColumn div.inside {
	padding-right: 10;
}
.twoColumns div.oneColumn {
	float: left; 
	width: 98%;
	overflow: visible;	/* fix for IE italics bug */
	margin-right: -1px;
	border-top: 1px solid #063;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
/*------ Classes Used in All Column Layouts ------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */ 	
.inside { 	/* glitch in IE caused by vertical padding in this class, so 0 padding is
	 * set here and those blocks that need the vertical padding must be 
	 * applied to the parent element. the purpose of this class is to provide
	 * horizontal padding without using hacks to get around IE's broken box 
	 * model. so it's okay to apply vertical padding to the parent element, 
	 * just not horizontal padding.
	 */
	padding: 0px 5px;
}
/*************************/
/*------- oneColumn Stuff ---------*/
/*------ Used in Current Listings ------*/
.fullColumn {
	background-color: #EEE;
	position: relative;
	float: left;
	margin: 0;
	width: 99%;
	border: 1px solid #303;
}
.fullColumn p {
	text-align: left;
	margin-top: 0em;
	margin-left: .5em;
	margin-right: .5em;
}
.fullColumn h3 {
	text-align: left;
	font-weight: bold;
	margin-top: 0em;
	margin-left: .5em;
}
.fullColumn h6 {
	text-align: center;
	font-weight: bold;
	margin: 0em;
}
.fullColumn div.inside {
	padding-left: 0;
}
.fullColumn div.full {
	width: 99%;
	float: left;
	font-size: 1em;
	margin-bottom: 2px;
 }	
 .fullColumn div.row span.formleft {
  float: left;
  width: 75%;
  text-align: left;
  }
.fullColumn div.crrntleft {
	width: 49%;
	float: left;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: .2em;
	margin-top: 0px;
	padding-left: .3em;
	-moz-border-radius: 10px;
	background-color: #003764;
	border-bottom-width: medium;
	border-bottom-style: groove;
	border-bottom-color: #666666;
 }
 .fullColumn div.crrntright {
	width: 49%;
	float: right;
	text-align: right;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 0px;
	padding-right: .3em;
	-moz-border-radius: 10px;
	color: #C29800;
	background-color: #003764;
	border-bottom-width: medium;
	border-bottom-style: groove;
	border-bottom-color: #666666;
}

.imgfloat {
	float: left;
	margin: 3px;
	width: 150px;
	text-align: center;
}
/*------- Used in Current Listings Detail ------*/
.cldColumn {
	float: none;
	background-color: #EEE;
	width: 100%;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #303;
	border-right-color: #303;
	border-bottom-color: #303;
	border-left-color: #303;
	padding-top: 5px;
}
div.rowcld {
	width: 99%;
	clear: both;
	padding-top: 5px;
  }
.cldColumn p {
	text-align: left;
	margin-top: 0em;
	margin-left: .5em;
}
.cldColumn h3 {
	text-align: left;
	font-weight: bold;
	margin-top: 0em;
	margin-left: .5em;
}
.cldColumn h6 {
	text-align: center;
	font-weight: bold;
	margin: 0em;
}
.imgfloat {
	float: left;
	margin: 3px;
	width: 150px;
	text-align: center;
}
/***********************************/
/***********************************/
/*------- ------*/
.buildingpropform {
	margin: 0 auto;
	width: 99%;
	font-size: .8em;
}
div.rowbp {
	width: 100%;
	clear: both;
	padding-top: 5px;
  }

div.rowbp span.labelbp {
  float: left;
  width: 35%;
  text-align: left;
  }

div.rowbp span.formbp {
  float: right;
  width: 60%;
  text-align: left;
  }
div.rowbp span.labelbpmulti {
  float: left;
  width: 25%;
  text-align: left;
  }

div.rowbp span.formbpmulti {
  float: right;
  width: 73%;
  text-align: left;
  }
  /*************************************/ 
/*-------- Room Info Stuff --------*/
#roominfo {
	border: medium inset #666;
	width: 90%;
}
#multiinfo {
	border: medium inset #666;
	width: 100%;
}
div.rowri {
	width: 100%;
	clear: both;
 	border-bottom: thin solid #666;
}
.formwrir {
	width: 40%;
	text-align: left;
	float: left;
	padding-left: 2px;
}
.formwril {
	width: 10%;
	text-align: center;
	float: left;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-left-color: #666;
}
.formwrid {
	width: 45%;
	text-align: left;
	float: right;
}
/*-------- Used in Multi Unit --------*/
.formwrirm {
	width: 12%;
	text-align: center;
	float: left;
}
.formwribdrm {
	width: 12%;
	text-align: center;
	float: left;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-left-color: #666;
}
.formwribth {
	width: 10%;
	text-align: center;
	float: left;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-left-color: #666;
}
.formwrirnt {
	width: 13%;
	text-align: center;
	float: left;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-left-color: #666;
}
.formwrivct {
	width: 12.5%;
	text-align: center;
	float: left;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-left-color: #666;
}
.formwriht {
	width: 11%;
	text-align: center;
	float: left;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-left-color: #666;
}
.formwrihw {
	width: 14%;
	text-align: center;
	float: left;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-left-color: #666;
}
.formwrielc {
	width: 10%; 
	text-align: center;
	float: left;
}
/**********************************/
/* -------- Upper Right Zoning & Schools -------- */
/*------Also used in lower right Covenents ------*/
.zoneschoolform {
	margin: 0 auto;
	width: 100%;
	font-size: .8em;
}
div.rowzs {
  clear: both;
  }
div.rowzs span.labelzsleft {
  float: left;
  width: 25%;
  text-align: left;
  }
  div.rowzs span.formzsleft {
  float: left;
  width: 25%;
  text-align: left;
  }
div.rowzs span.labelzsright {
  float: left;
  width: 25%;
  text-align: left;
  }
div.rowzs span.formzsright {
  float: right;
  width: 25%;
  text-align: left;
  }

/***************************/