body{font-family:Arial, Helvetica, sans-serif;}
/* **************** CONTENT OBJECTS ***************** */

/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6 {padding:10px 0 6px 0;}
p {padding:10px 0 10px 0;}
ul, ol, dl, blockquote {padding:10px;}
img {padding-bottom:0px;}
pre {margin:10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl {padding:0;}

/* +++++++ Extend spacing +++++++ */
.zero {margin:0; padding:0 !important;}
.mort {margin:10px;}
.marginTop {margin-top:5px;}
.marginTop10 {margin-top:10px;}
.marginTop20 {margin-top:20px;}
.marginRight {margin-right:5px;}
.marginRight20 {margin-right:20px;}
.marginLeft {margin-left:5px !important;}
.marginLeft20 {margin-left:20px;}
.marginBottom {margin-bottom:5px;}
.marginBottom10 {margin-bottom:10px;}
.marginBottom20 {margin-bottom:20px;}

.paddingRight {padding-right:5px;}
.paddingLeft {padding-left:5px;}
.padLeft18 {padding-left:18px;}

/* ====== Elements ====== */
img {display:block;}
em {font-style: italic;}
strong {font-weight:bold;}
hr {border: 1px solid #ccc; border-width: 0 0 1px 0; margin:0;}

/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1 {color:#000; font:bold 26px/26px Arial, Helvetica, sans-serif;}
h1.maintitle {color:#215a85; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin-left: 20px;}
h2, .h2 {color:#215a85; font:normal 26px Georgia, "Times New Roman", Times, serif;}
h3, .h3 {color:#215a85; font:normal 18px Georgia, "Times New Roman", Times, serif;}
h4, .h4 {color:#215a85; font:bold 13px Arial, Helvetica, sans-serif;}
h5, .h5 {color:#215a85; font:bold 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
h6, .h6 {color:#215a85; font-style:italic;}
p, .p {color:#000; font:13px/18px Tahoma, Verdana, Arial, Helvetica, sans-serif;}

/* links */
a:link b {font-size:100% !important; display:inline;} /* This fixes any links with b tags in them */
a {color: #215a85; font-weight:bold; text-decoration: none}
a:active, a:hover {text-decoration: underline; color:#000;}
a:visited {}
a.darklink, a.darklink:link, a.darklink:visited {color:#2d2d2d !important;}
a.darklink:hover, a.darklink:active {color:#2f487a !important;}

/* ====== Lists ======*/
/* numbered list */
ol.simpleList li {list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li {list-style-type:disc; margin-left:40px;}

/* +++++++ Extend lists +++++++ */
ul.dots {margin-left:20px;}
ul.dots li {list-style-image:url(/images/dot.png); color:#666; line-height:14px; padding-bottom:6px;}

/*** Default Styles for list pages 
*
*	/company/agent-list.asp
*	/company/property-list.asp
*	/office/office-list.asp
*	/office/property-list.asp
* 	/office/agent-list.asp
*	/property/property-list.asp
*
********/
.list .row {border:1px solid #ccc; margin:0 0 10px 0;}
.list .cell {font-size:11px; border:1px solid #ccc; margin-bottom:10px; height:119px; }
.list {font-size:11px; color:#000;}

.list .hd:hover {background:#999;}
.list .hd {hover:expression(this.onmouseover=new Function("this.style.background='#999';"),this.onmouseout=new Function("this.style.background='#006699';"));border-bottom:1px solid #000;}
.list-hover {hover:expression(this.onmouseover=new Function("this.style.background='#E7E7E7';"),this.onmouseout=new Function("this.style.background='#fff';"));}
.list-hover:hover {background:#E7E7E7;}

.list .hd {background:#006699;padding:4px;overflow:hidden; _overflow:visible; _zoom:1;}
.list .hd a, 
.list .hd a:link, 
.list .hd a:visited, 
.list .hd a:active {text-decoration:none;}
.list .hd a:hover {text-decoration:none;}
.list .hd span {color:#fff;}

.list .photo { padding:7px; width:86px; height:105px; }
.list .photo img { max-width:86px; max-height:105px; }

.list .info {padding:7px 7px 7px 0;}
.list .info ul {margin:0 0 0 2px; padding:0;}
.list .info ul li {padding:0 0 1px 0; margin:0 0 0px 0;} 

.list .icons {padding:7px 7px 7px 0;}
.list .icons ul {margin:0; padding:0;}
.list .icons ul li a {display:block; text-decoration:none;}

/* ====== Tables ====== */
.txtC, .data .txtC td, .data .txtC th {text-align:center;}
.txtL, .data .txtL td, .data .txtL th {text-align:left;}
.txtR, .data .txtR td, .data .txtR th {text-align:right;}
.txtT, .data .txtT td, .data .txtT th {vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th {vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th {vertical-align:middle;}

/* ====== blockquote ====== */
cite {display:block; text-align:right; padding-top: 10px;}

/* ====== media ====== */
.media{overflow:hidden; overflow:visible; zoom:1;margin:10px;}
.media .img{float:left;margin-right: 10px;}
.media .img img{display:block;}
.media .imgExt{float:right; margin-left: 10px;}

/* ====== special formatting classes ====== */
.detail {color: #777; font-size:11px;display:block;}

.err {color:#FF0000;}

.black {color:#000;}
.white {color:#fff;}

.bold {font-weight:bold;}
.nobold {font-weight:normal;}

.font11 {font-size:11px !important;}
.font12 {font-size:12px !important;}

.hide {display:none;}
.hidden {visibility:hidden;}

.noborder {border-width:0 !important;}

/* This is used top highlight links just add a <span class="dot"></span> on either side of any link */
span.dot {display:inline-block; background:url(/images/dot.png) no-repeat 0 0; height:11px; width:11px; margin-bottom:-1px;}

.graybar {background:#eee; margin:0 0 0 0px; padding-bottom:6px; padding-right:10px;}
.graybar p {margin: 10px 10px 0px 10px;}

/* ====== Widths ====== */
.size344 {width:344px;}
.size240 {width:240px;}
input.size215 {width:210px}
.size215 {width:215px}
.size200 {width:200px}
.size195 {width:195px;}
.size160 {width:160px;}
.size145 {width:145px;}
.size125 {width:125px}
.size87 {width:87px;}
.size47 {width:47px;}


.wid168 {width:168px;}
.wid735 {width:73.5px;} 
.wid168text {width:163px;}
.wid72 {width:72px;}
.wid72text {width:68px;}
.widmls {width:148.5px;}
.wid120 {width:150px;}
.heimls {height: 15.5px;}
.txtmls {text-indent: 5px;}

/* ====== Alignment ====== */
.floatLeft {float:left;}
.floatRight {float:right;}
.clear {clear:both;}
@media all and (device-width: 768px) and (device-height: 1024px) {
	.ipad-hide { display:none; } /* for hiding an element on an iPad */
}