/*************************************/
/* Simple Reset                      */
/*************************************/
* {margin:0;padding:0;}


/*************************************/
/* STANDARD ELEMENTS                 */
/*************************************/
html,body,p {margin:0;padding:0}
html, body {height:100%}
body {font:80%/110% "Segoe UI",Calibri,Verdana,Helvetica,sans-serif;background:#FFF;min-width:600px;}
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}

a {color:#369;text-decoration:none;}

h1, h2, h3 {margin:.8em 0 .2em 0;padding:0;}
p {margin:.4em 0 .8em 0;padding:0;}
img {margin:10px 0 5px;}


/*************************************/
/* CONVENIENCE CLASSES               */
/*************************************/
.clearfix {display: inline-block;}  /* for IE/Mac */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clr {clear:both;}
.ctr {text-align:center;}


/*************************************/
/* OVERALL LAYOUT                    */
/*************************************/
#wrp:after,#mai:after {clear:both;content:"";display:block;height:1%;font-size:0;}
#wrp {min-width:600px;min-height:100%;background:#FFF;position:relative;}


/*************************************/
/* HEADER                            */
/*************************************/
#hdr {height:180px;background:url('/res/img/shr/wpp_head.png') 100% 20px no-repeat #EFEFEF;border-bottom:1px solid #F0F;position:relative;z-index:2;}
#hdr p,#hdr h1,#hdr h2 {padding:.4em 15px 0 15px;margin:0;}

/* Top Black Bar */
#top_bbar {height:24px;width:100%;background:#444;}

/* Logo Area */
#jll_logo {float:left;width:146px;height:75px;margin:20px 0 0 20px;background:url('/res/img/shr/jll_logo.png') no-repeat;cursor:pointer;}

/* Quicksearch Bar */
#bar_qsrc {margin-top:113px;height:63px;width:100%;background:url('/res/img/shr/wpp_rbar.png') repeat-x #CC1B1B;}

/* Add Property Button Styles */
#btn_aprp,#wrk_pcnt {}
#btn_aprp {float:right;margin-right:200px;padding:0;cursor:pointer;overflow:visible;border:0;}
#btn_aprp::-moz-focus-inner {border:none;}
#btn_aprp span {position:relative;display:block;white-space:nowrap;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#btn_aprp span {margin-top:-1px;}}
#btn_aprp,#btn_aprp span {background-image:url('/res/img/shr/btn_add_prop.png');background-repeat:no-repeat;background-color:transparent;}
#btn_aprp {height:50px;line-height:50px;margin:5px 200px 0 -2px;padding:0 4px 0 0;text-align:center;border:0;background-position:right -120px;}
#btn_aprp span {padding:0px 8px 1px 54px;height:50px;color:#EEE;font-weight:bold;text-align:center;line-height:50px;background-position:left top;}
#btn_aprp:active,.btnBackActive {background-position:right -180px !important;}
#btn_aprp:active span,.btnBackActive span {padding:1px 7px 0px 55px;vertical-align:top;background-position:0 -60px !important;}
#wrk_pcnt {height:50px;color:#777;font-size:1.4em;line-height:50px;}

/*************************************/
/* CONTENT                           */
/*************************************/
#mai {width:100%;padding-bottom:62px;background:#FFF;}


/* Remove focus outline from button */
#searchbutton:focus,#searchbutton:active,#searchbutton:hover {outline:0px;-moz-outline-style:none;}
#searchbutton::-moz-focus-inner {border:0;}

/* Add glowing border to parent */
.sch_fout {border:3px solid #ADF !important;}
.sch_finr {border: 1px solid #015;}

/* Set hint text color */
.hnt {color:#AAA;}

/* Shift search button image on click */
.srchBtnOn {background-position:-16px 50% !important;}

/* More Options link */
#btn_mopt {float:right;padding-top:5px;font-size:0.8em;text-align:right;text-transform:uppercase;color:#555;border:0;background:transparent;cursor:pointer;z-index:1000;}
#btn_mopt:hover {color:#000;background:url('../res/img/shr/brd_dots.gif') 0% 100% repeat-x;}

/* Remove focus outline from link */
#btn_mopt:focus,#btn_mopt:active,#btn_mopt:hover {outline:0px;-moz-outline-style:none;}
#btn_mopt::-moz-focus-inner {border:0;}


/* MORE OPTIONS BOX */
#frm_adva {display:none;margin:3px 0 0 3px;width:760px;height:390px;background:#FFF;border:1px solid #CCC;z-index:100;-webkit-box-shadow:1px 1px 3px 0px #7D7D7D;-moz-box-shadow:1px 1px 3px 0px #7D7D7D;box-shadow:1px 1px 3px 0px #7D7D7D;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; }

/* More Options Instructions */
#adv_inst {float:left;width:198px;margin-top:60px;padding:0px 20px;}
#adv_inst h2 {line-height:1.1em;}

/* More Options Header */
#adv_head {margin:0;font-size:1.3em;line-height:1.8em;background:#F0F0F0;}
#adv_head {margin-left:240px;}
#adv_head,.adv_fltr dt,.adv_fltr dd {padding-left:8px;}

/* More Options Filter Sets */
.adv_fset {position:relative;display:block;width:500px;height:300px;margin-left:240px;margin-top:0px;overflow:hidden;border:1px solid #E0E0E0;}
.adv_fset .adv_pages {width:20000em;position:absolute;}
.adv_fltr {float:left;width:500px;margin-top:14px;}
.adv_fltr dl {float:left;width:250px;}
.adv_fltr dt {color:#D00;font-size:1.1em;font-weight:bold;}
.adv_fltr dd {margin:1em 0;padding-bottom:1.5em;}
.adv_fltr li {list-style-type:none;}
.adv_fltr li:hover {background:#FFC;}

/* Show scroll bar when we have more than 7 items; */
#adv_scrl {height:122px;border:1px solid #DDD;overflow:auto;}

/* Explain icon */
.ico_expl {float:right;display:block;height:12px;margin:2px 0 0 4px;}

/* Advanced Search Buttons */
#adv_btns {margin-left:240px;}
#btn_asrc {float:right;width:100px;margin-right:14px;padding:4px 0;background:#C00;color:#FFF;font-weight:bold;border:1px solid #A00;}
#btn_aclr,#btn_ampt {margin-right:14px;padding:4px 10px;background:#CCC;color:#666;border:1px solid #AAA;}
#btn_ampt {float:left;margin-right:4px;}

/*************************************/
/* FOOTER                            */
/*************************************/
#ftr {min-width:600px;position:relative;z-index:2;clear:both;height:50px;margin:-52px auto 0;background:#444;text-align:center;}

#ftr p {padding:10px;color:#F0F0F0;}
#ftr a {color:#F5F5F5;}
#ftr a:hover {color:#FFF;border-bottom:1px dotted #FFF;}

/*************************************/
/* TOOL TIP PLUGIN                   */
/*************************************/
/* TipTip CSS - Version 1.2 */

#tiptip_holder {display:none;position:absolute;top:0;left:0;z-index:99999;}
#tiptip_holder.tip_top {padding-bottom:5px;}
#tiptip_holder.tip_bottom {padding-top:5px;}
#tiptip_holder.tip_right {padding-left:5px;}
#tiptip_holder.tip_left {padding-right:5px;}
#tiptip_content {font-size:11px;color:#fff;text-shadow:0 0 2px #000;padding:4px 8px;border:1px solid rgba(255,255,255,0.25);background-color:rgb(25,25,25);background-color:rgba(25,25,25,0.92);background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0 0 3px #555;-webkit-box-shadow:0 0 3px #555;-moz-box-shadow:0 0 3px #555;}
#tiptip_arrow, #tiptip_arrow_inner {position:absolute;border-color:transparent;border-style:solid;border-width:6px;height:0;width:0;}
#tiptip_holder.tip_top #tiptip_arrow {border-top-color:#fff;border-top-color:rgba(255,255,255,0.35);}
#tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color:#fff;border-bottom-color:rgba(255,255,255,0.35);}
#tiptip_holder.tip_right #tiptip_arrow {border-right-color:#fff;border-right-color:rgba(255,255,255,0.35);}
#tiptip_holder.tip_left #tiptip_arrow {border-left-color:#fff;border-left-color:rgba(255,255,255,0.35);}
#tiptip_holder.tip_top #tiptip_arrow_inner {margin-top:-7px;margin-left:-6px;border-top-color:rgb(25,25,25);border-top-color:rgba(25,25,25,0.92);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top:-5px;margin-left:-6px;border-bottom-color:rgb(25,25,25);border-bottom-color:rgba(25,25,25,0.92);}
#tiptip_holder.tip_right #tiptip_arrow_inner {margin-top:-6px;margin-left:-5px;border-right-color:rgb(25,25,25);border-right-color:rgba(25,25,25,0.92);}
#tiptip_holder.tip_left #tiptip_arrow_inner {margin-top:-6px;margin-left:-7px;border-left-color:rgb(25,25,25);border-left-color:rgba(25,25,25,0.92);}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#tiptip_content {
		padding:4px 8px 5px 8px;	background-color:rgba(45,45,45,0.88);}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner {
		border-bottom-color:rgba(45,45,45,0.88);}
	#tiptip_holder.tip_top #tiptip_arrow_inner {
		border-top-color:rgba(20,20,20,0.92);}
}