@charset "utf-8";
/*
||||||||||||| Harold Allen Realtors  ||||||||||||||||
# _______  ______ _______ _____ _______ _______ _     _
# |_____| |_____/    |      |   |______ |______  \___/ 
# |     | |    \_    |    __|__ |       |______ _/   \_
# 
# Made In Tacoma, WA USA 2007 http://www.afxfirm.com
#||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/*-- Navigation Style Sheet ---*/
/*<![CDATA[*/ @import "/template/css/ha_omni_nav.css";  /*]]>*/


* {margin:0; padding:0;}

body {font: normal 76%/160% Arial, Helvetica, sans-serif; margin-top:25px; }

/*-- Holder Properties --*/
#holder_shell {
	width:775px; margin:auto;
	background:#fff url(/template/img/interface/bodyBG.gif) 0 0 repeat-y;
	}

#holder {background:transparent url(/template/img/interface/holderBGcntpg.gif) 0 0 no-repeat;}
#home #holder {background:transparent url(/template/img/interface/holderBG.gif) 0 0 no-repeat;}

/*-- .Masthead Properties --*/
#masthead, #masthead #logo {position:relative; width:100%; height:90px; clear:both; z-index: 9999; }
#masthead {margin-bottom:30px;}
#masthead #logo {background-color:transparent; }
#masthead #logo img, #masthead #logo em {position:absolute; top:0; display:block; border:0 none; }
#masthead #logo img {left:15px; top:12px;}
#masthead #logo em {
	left:inherit; top:23px; right:24px; width:197px; height:16px; 
	background:#fff url(/template/img/interface/finer-homes-since-1940.gif) 0 0 no-repeat; 
	overflow:hidden; text-indent:-1337em;
	}
#masthead a#favlist {position:absolute; top:-23px; right:0; color:#c3c3c4; font-size:.9em; font-family:Verdana, Arial, Helvetica, sans-serif;}
#masthead a#favlist:hover {text-decoration:none; color:#5F5F5F;}




/*--  ====================================================  Content Properties --*/
#content {margin:0 1.5em;}
.print-me {display:none;}
.cntpg #lcol_shell {margin:0 -400px 0 0; float:left; width:100%; }
.cntpg #lcol {margin:0 400px 0 0; text-align:left }
.cntpg #rcol {float:right; width:375px;}

.two-col #lcol_shell {margin:0 -250px 0 0;}
.two-col #lcol {margin:0 250px 0 0;}
.two-col #rcol {width:240px; background-color:#ECECE1; border:1px dashed #CFCDC2; font-size:90%;}
.Rpad {padding:.5em 1.5em;}

.cntpg #rcol ul, .cntpg #rcol h3 {color:#494949;}


#content #rcol ul, #content #rcol ol {
	margin:0; padding:0; list-style-position:inside;
	}
#content #rcol ul li, #content #rcol ol li, #content #rcol h4 {
	margin-bottom:1.5em; 
	}
#detailpg #content #rcol ul li, #detailpg #content #rcol ol li {
	margin:.2em 0; list-style-position:outside; margin-left:30px;
	}		
#content #rcol h4 {font-size:120%; line-height:120%;}	

#content a, #content a:visited { color:#7D7D7D; text-decoration:underline; }
#content a:hover { color:#33622E; text-decoration:none; }

h2, table.listings caption, table.listings-mini caption {color:#505052; font-size:170%; text-align:left; }
h2 strong, #content dd.attrib p strong {color:#CF4046 !important;}

h3, dl#home_news dt  {font-size:120%;}


#content p { color:#4F4F4F; margin:1em 0; padding:0;}

#content ul, #content ol {color:#4F4F4F; margin:5px 0 0 30px; padding:0; line-height:120%;}
.cntpg #content ul li {margin-bottom:.3em;}

#content ul.info { list-style-type:none; margin:0; padding:0; }
#content ul.info li { }

#rcol p { }


.blind_mice {position:absolute; left:-1337em;}

hr {
	border: none 0; 
	border-top: 1px dashed #BE1822;
	height: 1px;
	margin:1em auto;
	text-align: left;
	clear: both;
	}


.staff-list dd p.topper {text-align:center; font-size:90%; position:relative; right:2em;}
#content ol.staff-list {list-style-type:circle;}


dl#home_news dt {font-weight:bold; }
#content dl#home_news dd p {margin-top:0;}


/* -- Form Properties --*/
form {}

legend {font-weight:bold; color:#000;}
	
fieldset {}
	
.required, .req { color:red; font-weight: bold;}

form input.text{
	border: 1px solid #D8D9D4;
	margin-bottom: 2px;
	}

.input {
	background: #F2F2F2;
	border: 1px solid #7F9DB9;
	font:12px Arial,verdana,helvetica,sans-serif;
	color: #000;
	margin: 1px; padding: 2px;
	}
	
select {margin:1px; font:12px arial,verdana,helvetica,sans-serif;}
select option {padding-right:.5em;}

input:focus, select:focus, textarea:focus {
	background:#FFFFEF;
	color: #000;
	}

textarea {
	background: #F2F2F2;
	border: 1px solid #939393;
	font:12px Arial,verdana,helvetica,sans-serif;
	color: #000;
	padding:0; margin:10px 0 0 0;
	}

.fingered, .radioz label { cursor: pointer;}

label {
	display:block;
	width:95px;
	float:left;
	}

.opt {margin-right:1em; vertical-align:middle;}
	
#content fieldset p {clear:both; margin:0; padding:0;}

fieldset p.oneline span {
	float:left;
	display:block;
	margin-right:.5em; margin-bottom:.5em;
	}
fieldset p.oneline span.last {margin:0;}	
fieldset p.oneline label {display:inline; float:none; width:auto; text-align:left; margin:0; padding:0;}

.dollars {
	background: #fff;
	border: 1px solid #7F9DB9;
	color: #000;
	margin:1px 0; padding: 2px; vertical-align:top;
	padding-left:10px; background:#fff url(/template/img/interface/dollars.gif) 3% 50% no-repeat; 
	}
input.dollars:focus {background:#FFFFEF url(/template/img/interface/dollars.gif) 3% 50% no-repeat;}

fieldset.uni-label {
	border:0 none;
	padding:.5em;
	}

fieldset.uni-label label {
	display:block;
	width:150px;
	float:left;
	text-align:right; padding-right:.3em;
	}

fieldset.uni-label fieldset {border:0 none; border-top:1px solid #7F9DB9;}
fieldset.uni-label fieldset legend {color:#7F9DB9;}

#content fieldset.uni-label p {margin-bottom:.2em;}
p.radioz label, #content fieldset.uni-label p.radioz label {display:inline; width:auto; float:none;}

/*---CALC---*/

#calc {

}

#calc legend {
	font-size: 14px;
	font-weight: bold;
}

/* -- ==================================================== GMaps Home Search --*/
#home #content {margin:0;} 
#home #lcol_shell {margin:0 1.5em; border-top:5px solid #BE1822;}

#gmapz {
	background:transparent url(/template/img/interface/hpgBG_buying.jpg) 100% 0 no-repeat;
		/* background:transparent url(/template/img/interface/hpgBG_renting.jpg) 100% 0 no-repeat; */

	margin-right:1px;
	}
.mappy #gmapz {background-image:none; margin:0;}
#modify-search {cursor:pointer;}
#search {
    display:none;
}
#gmapz fieldset, #gmapz .cntnt {
	border:0 none; 
	margin:.2em 10em 2em 1.5em; 
	padding-top:1em; padding-bottom:0.5em;
	}
#gmapz .cntnt {padding-top:0;}	
.mappy #gmapz fieldset, .mappy #gmapz .cntnt {margin:.2em 1.5em 2em 1.5em;}	
	
#gmapz fieldset:after,#gmaps .cntnt:after {content:"."; visibility:hidden; height:1px; clear:both; display:block;}	
#content #gmapz fieldset p,
#content #gmapz .cntnt p {clear:inherit;}

#gmapz h2 {color:#c53e42; margin-top:1em;}

#gmapz fieldset fieldset, #gmapz p.surch {width:220px; border:0 none; 	padding:0; 	}

#content #gmapz fieldset p.surch {width:232px; margin-bottom:.8em;}
#gmapz input#durPlace, #gmapz input#durPlace2,
#gmapz select#durPlace, #gmapz select#durPlace2 {
	width:230px; height:22px; border:1px solid #0F0F0F;
	padding:.2em 0 0 .2em;
	font:normal 130%/100% Verdana, Arial, Helvetica, sans-serif;  color:#9A9A9A;
	}

#gmapz select#durPlace, #gmapz select#durPlace2 {width:234px; padding-top:inherit;}

#content fieldset #goBUTN, #goBUTN2 {width:232px; text-align:right; margin-top:.5em;}
#content fieldset #goBUTN a {vertical-align:top; font-size:90%; padding-right:1.5em; color:#C23034;}

#gmapz fieldset div.refinery {width:225px;}

#gmapz fieldset div.refinery fieldset {
	width:100%;
	background-color:#f9f9f9;
	border:1px solid #c7c7c7;
	padding:5px 0 0 8px; margin:.5em 0 0 0;
	}
.refinery h3 {color:#5e90b5;}
#content fieldset .refinery p {margin-bottom:.5em;}
	
#gmapz label {color:#678498; width:auto; height:auto;	float:none;	}
#gmapz .surch label {font-size:100%; color:#be3137; font-weight:bold; margin-bottom:0.2em; padding-left:2em; background:transparent url(/template/img/interface/home-search-arrow.gif) 0 0 no-repeat;}


/* tabs */
#tabs {	width:100%; background:transparent url(/template/img/interface/tabBGline.gif)  0 100% repeat-x;	}
	
#content #tabs ul {
	width:272px; height:30px; list-style-type:none; position:relative; top:0; left:1.5em;
	background:#D6D6D6 url(/template/img/interface/tabBGoff.gif) 0 0 repeat-x;
	clear:both; margin:0; padding:0;
	}
#tabs ul li,  #tabs ul strong, #tabs ul em {float:left; width:136px; height:30px; display:block; text-align:center; cursor:pointer;}
#tabs ul li {font:normal 15px/100% Tahoma, Arial, Helvetica, sans-serif; letter-spacing:1px;}
#tabs ul strong {background:transparent url(/template/img/interface/tabL.gif) 0 0 no-repeat; font-weight:normal; }
#tabs ul em {background:transparent url(/template/img/interface/tabR.gif) 100% 0 no-repeat; padding-top:.5em; font-style:normal;}

#tabs ul li img {vertical-align:middle; border:0 none; padding-right:.3em;}

#content #tabs ul li a {display:block; width:100%; height:30px; text-decoration:none; color:#000;}

#tabs a {background:transparent url(/template/img/interface/icon-off.gif) 10px 5px no-repeat;}

#tabs ul li a:hover {}
#tabs ul li:hover em {text-decoration:underline;}
#tabs ul li.sel {background:transparent url(/template/img/interface/tabBGon.gif) 0 0 repeat-x;}
#tabs ul li.sel a {background:transparent url(/template/img/interface/BUY-tacoma-homes.gif) 10px 5px no-repeat;}
#tabs ul li.sel em {font-weight:bold;}

#gmapz #rentTab {display:none;}

#gmapz #noResults {color:#BA0816; font-size:1.5em; margin-bottom:0.5em; text-align:center;}
#gmapz #noResults * {color:#505050;}
#gmapz #noResults em {font-size:0.85em;}



#home #lcol_shell {
	background:transparent url(/template/img/interface/altparaBG.jpg) 0 100% no-repeat;
	min-height:218px;
	}

#home #lcol {margin-left:2.5em; }	
#home #lcol h2 {float:left; padding-top:1em; }
#home #lcol p {clear:left; font-size:.9em;}	
#home .frame {margin:0; padding:0; background-color:transparent; border:0 none; vertical-align:bottom;}
#home .float_right {border-left:10px solid #fff; border-top:2px solid #fff; margin-left:2.5em;}
#home .float_left {margin-top:.5em; margin-right:.8em; vertical-align:bottom;}

/*-- Google Maps --*/
#map, #rmap {width:489px; height:400px; float:right; border:1px solid #686765; margin-bottom:0.5em; z-index:50 !important;}
#mapCK {width:489px; float:right; text-align:right;}
#mapCK label {display:inline; color:#BC1326;}


.propPop {font: normal normal x-small sans-serif; display: block; float:left;}
.propPop h4, h5 {font-size:1.15em; margin:0;}
.propPop img {border:0; display:block; float:right; margin:0.25em 0 0 0; width:100px;}
.propPop dl {clear:left; margin:0.25em 0 0.5em 0; overflow:hidden;}
.propPop dt {clear:both; color:#992529; display:block; float:left; font-weight:bold; margin:0; padding:0 0.5em 0 0; white-space:pre;}
.propPop dd {color:#444; margin:0; padding:0;}
.propPop .details {text-align:left;}
.propPop .details a {color:#6385A8 !important; text-decoration:none;}

/* -- ==================================================== Search results table --*/
table.listings, table.listings-mini {width:739px; margin:auto; border-collapse:collapse; }
table.listings-mini {width:230px; margin:0; font-size:90%;}


table.listings caption {width:739px;padding:.5em 0; margin:auto;  color:#BE1822; border-top:5px solid #BE1822;}
table.listings-mini caption {color:#BE1822; font-size:180%;}

table.listings caption div { position:relative;}
table.listings caption em {color:#666; font-size:0.85em;}
table.listings caption small {display:block; position:absolute; right:0; top:0;}
table.listings-mini caption small {display:block; font-size:10px; color:#000;}


#content table.listings caption a {background:#fff 0 0 no-repeat; color:#888 !important; font-size:0.6em; margin-left:5px; padding:1px 0 0 19px;}
#content table.listings caption a:hover {color:#444}

#content table.listings caption .ask a {background:transparent url(/template/img/interface/agentsm00.gif) 0 50% no-repeat; height:20px; padding:0.3em 0pt 0.3em 2em;}
#content table.listings caption .show a {background:transparent url(/template/img/interface/show-sm0.gif) 0 50% no-repeat; height:20px; padding:0.3em 0pt 0.3em 2em;}

#content table.listings-mini caption small a, #content table.listings-mini caption a:hover {color:#0272fd;}
#content table.listings-mini caption a:hover {text-decoration:none;}

table.listings th, #content table.listings th a {text-align:left; background-color:#BFBFBF; color:#606060;}
#content table.listings th a {color:#000;}
table.listings th {padding:.2em 0;}

#content table.listings th.namez, #content table.listings th.namez a  {color:#6385A8; background-color:transparent;}
#content table.listings th.namez a:hover {color:#BE1822;}

table.listings th.address {padding-left:.3em;}
table.listings th.address a, table.listings th.address span {margin-left:3.5em;}
#content table.listings th a:hover {text-decoration:none; color:#fff;}
#content table.listings th span {color:#000;}


table.listings a img, table.listings-mini a img {height:50px; width:70px;}
table.listings address, table.listings strong {font-style:normal; font-size:120%;}
table.listings-mini address, table.listings-mini p {line-height:120%; font-style:normal; margin:0; letter-spacing:.1em;}
table.listings-mini address, table.listings address {margin-top:8px;}

table.listings address a, #content table.listings-mini address a {font-weight:bold;}
#content table.listings-mini address a {color:#000; text-decoration:none;}
 
#content table.listings div a {color:#888;}
#content table.listings div a:hover {color:#444;}
#content table.listings td a {color:#6385A8;}
#content table.listings td a:hover, #content table.listings-mini address a:hover {color:#BE1822;}


#content ul.pagination {
	list-style-type:none; background:#fff url(/template/img/interface/altparaBG.jpg) 0 30% repeat-x;
	margin:0 1.5em; padding:0; text-align:center;
	}
#content ul.pagination li {display:inline; margin:.5em;}
#content ul.pagination a:hover {background-color:#FFF58F;}

#content fieldset p.more {width:230px; text-align:center; margin-top:1.5em;}
.more, #content .more a {color:#0272fd;}


/* -- ==================================================== details pg --*/
h2.neigh {color:#C13034; background:transparent url(/template/img/interface/BUY-tacoma-homes.gif) 0 0 no-repeat; padding:0 0 .5em 1.2em;}
#detailpg #rcol h2 {font-size:140%;}

#detailpg table.attrib {font-family:Verdana, Arial, Helvetica, sans-serif; line-height:100%; font-size:108%; border-top:1px dotted #8190A5; border-bottom:1px dotted #8190A5; width:100%; padding:.5em 0;}
#detailpg table.attrib th {text-align:right; width:30%;}
#detailpg table.attrib td {padding-left:.5em;}

#content .attrib p {font-size:110%; font-weight:bold; color:#000; }
#content .attrib p strong {font-size:130%;}
dd.attrib {margin-bottom:1.5em;}

table.attrib .tourz a {position:relative; display:block;}
table.attrib .tourz img {border:0 none; float:right; position:absolute; right:0; top:2px; }


#detail-view h2 strong {margin:.3em 0; display:block;}
dl.pho dt i {display:none;}

.rentals #content .function {margin-right:50px;}

#detailpg #content #rcol ul li.get-agent, 
#detailpg #content #rcol ul li.addfav, 
#detailpg #content #rcol ul li.printfly,
#detailpg #content #rcol ul li.reqshow {margin-top:.5em; margin-left:0; margin-right:1.8em; position:relative; right:1.8em;}
#detailpg #content #rcol ul li.printfly {margin-right:0;}

#content li.get-agent, #content li.addfav,
#content li.get-agent a, #content li.addfav a,
#content li.printfly, #content li.printfly a,
#content li.reqshow, #content li.reqshow a,
#content li.back2, #content li.back2 a  {
	background:#fff url(/template/img/interface/agent0.gif) 0 0 no-repeat;
	cursor:pointer; display:block; float:right; width:72px; height:20px; overflow:hidden; text-indent:-1337em; 
	}
	
#content li.addfav {
	background:#fff url(/template/img/interface/add2fav0.gif) 0 0 no-repeat;
	width:74px;
	}
#content li.reqshow {
	background:#fff url(/template/img/interface/show0.gif) 0 0 no-repeat;
	width:67px;
	}
#content li.printfly {
	width:53px; background:#fff url(/template/img/interface/printFlyer0.gif) 0 0 no-repeat;
	}	

#content li.get-agent a {background:transparent url(/template/img/interface/agent0.gif) 0 0 no-repeat;}
#content li.addfav a  {width:74px; background:transparent url(/template/img/interface/add2fav0.gif) 0 0 no-repeat;}
#content li.printfly a  {width:53px; background:transparent url(/template/img/interface/printFlyer0.gif) 0 0 no-repeat;}
#content li.reqshow a  {width:67px; background:transparent url(/template/img/interface/show0.gif) 0 0 no-repeat;}

dl.pho dt {width:310px;}
dl.pho dt img {max-width:300px; margin-bottom:-.5em;}

dl.pho dd.clicker {background-color:#efefef; display:block; width:308px; text-align:center; clear:both; padding:.2em 0; margin-bottom:1em; }
dl.pho dd.clicker {cursor:default;}
dl.pho dd.clicker a {cursor:pointer;}
dl.pho dd.clicker img {border:0 none; padding:0 .5em; }
dl.pho dd.clicker ol {list-style-type:none; display:inline; }
dl.pho dd.clicker li {display:inline;}

#content dl.pho dd.clicker li a {font-weight:bold; text-decoration:none; color:#000;}
#content dl.pho dd.clicker li a:hover {color:red;}
#content dl.pho dd.clicker li a.sel {color:red;}

#content dl.pho dd.clicker a.back {float:left;} 
#content dl.pho dd.clicker a.next {float:right;} 
#content dl.pho dd.clicker ol#photoReel {margin-left:0;}

.cboth {clear:both !important;}

#content ul.left, #content ul.right {float:left; width:150px; margin-bottom:1.5em; padding-left:1.5em; margin-left:0; }
ul.right {float:right;}



#favs {margin:-1.5em auto 0 auto; text-align:right; width:775px; text-transform:capitalize;}
#favs a, #favs a:visited {position:relative; top:-.3em; color:#238804; text-decoration:underline; }
#favs a:hover { text-decoration:none;}

#content p#back2 {
	display:block; margin:-1.5em auto 0 auto; width:739px; text-align:center;
	background:transparent url(/template/img/interface/back2serch.gif) 50% 0 no-repeat;
	color:#238804; font-size:90%;
	}
#content p#back2 a {
	text-align:center;
	color:#238804; 
	}






/*----AGENT---*/
#agentdetails #rcol_shell, #agentdetails #rcol {
	margin: 0;
	padding: 0;
	width: 550px;
}



/*-- TextPattern --*/

ol.comments {
    list-style-type:none;
}

/*-- Image Properties --*/

.frame, table.listings address a img, 
table.listings-mini address a img {
	background-color:#fff;
	border:1px solid #8190A5;
	padding:3px;
	}

.float_right {
	margin:15px 0 5px 15px;
	float:right;
	}

table.listings address img,
table.listings-mini address img {
    margin:0 0 0 0.5em;
    }

.float_left, table.listings address a img,
table.listings-mini address a img {
	margin:15px 15px 5px 0;
	float:left;
	}
table.listings address a img,
table.listings-mini address a img {margin-top:0; margin-bottom:10px;}	
	
.center {
	margin: 1em auto 0 auto;
	text-align:center;
	display:block;
	}

/*-- Footer Properties --*/
#footer {width:100%; height:125px; clear:both;
	background:#fff url(/template/img/interface/footerBG.gif) 0 0 no-repeat;
	padding-top:40px; text-align:center; 
	font:.8em/120% Arial, Helvetica, sans-serif; color:#A3A3A3; letter-spacing:1px;
	}
#footer p {margin-top:.5em;}


#footer ul {list-style-type:none;}
#footer li {display:inline; margin:0 .5em;}

#footer a, #footer a:visited { color: #9F9F9F; }
#footer a:hover { color:#9F9F9F; text-decoration:none; }




/*--- Cliffs Misc Stuff DONT TOUCH WITH OUT ASKING! ---*/

.stripe {
	background-color: #F3F3F3;
	
}

.stripe td {
	margin-top: 2px;
}

dl.prjpic {
    width:325px; 
    height: 100%;
    }
dl.prjpic dt img {
    border:1px solid #fff;
    }
dl.prjpic dd, dl.prjpic dd ol, dl.prjpic dd li {margin:0; padding:0; }
dl.prjpic li {list-style-type:none; float:left;}
dl.prjpic li img {margin-right:.20em; margin-left: .19em; margin-top:.5em; background-color: #E6E6E9;}
dl.prjpic li img.imageSelected {border: 1px solid #000000;}

#agent_results {
	width: 100%;
}

table.spekz {
    width:100%; font-size:1em; border-collapse:collapse; margin-top:.3em; margin-bottom:1em;
    }