/*New Market Snapshot Basic - styles*/
body { font-family:Arial, Helvetica, sans-serif; }
a {color:#006790; cursor:pointer; }
.msReport-2 { min-width:731px;  }
.IE .msReport-2 {width:99%;min-width:984px;}
.icon {display:block; background-image:url(../assets/icon-sprite-global.png); background-repeat:no-repeat;}
.iconTheme {display:block; background-image:url(../assets/icon-sprite-black.png); background-repeat:no-repeat;}
.bg {background-image:url(../assets/bg-sprite-black.png); background-position:bottom; background-repeat:repeat-x;}
.btnTextShadow {text-shadow: black 0.05em 0.05em 0.1em}
.btnTheme {display:block;padding:.5em ;color:#fff; font-style:normal;font-weight:bold;border: 1px solid #fff; -moz-border-radius: 0.2em; border-radius: 0.2em;	background-color:#4dbce9;}
.btnTheme:hover {text-decoration:none;}

/*MS HEADER & AGENT BRAND*/
.msReport-2 .header {overflow:hidden;display:block; background-color:#343434; color:#fff;   padding: 1.25em 1.25em 0.5em;}
.IE7 .preview .header {width:734px}
.companyLogo {float:right; text-align:right;}
.agentLogo {width:120px}
.brandTop {min-width:320px}
.brandTop .column {float:left;width:33%;}
.IE7 .brandTop .column {width:auto}
.brandTop ul { list-style:none}
.brandTop li a, #contentGrid .wizard .brandTop li a{ color:#fff ;}
.agentInfo {padding-right:1.25em; min-width:14em}
.agentInfo,.contactInfo {float:left;font-size:120%; }
.agentInfo li {max-width:16em}
.agentInfo li span {font-size:80%}
.preview .agentInfo li span {font-size:90%}
.preview .agentInfo .agentTel span, .preview .agentInfo .agentCel span {font-size:80%} 
.preview .agentInfo {    padding-bottom: 0; width:auto;}
.companyCity { font-size:92%; padding-bottom:.25em}
.agentInfo ul { list-style:none;}
.contactInfo .agentWeb, #contentGrid .wizard .preview .agentWeb {display:block;   padding-top: 0.3em;  color:#71D5F4 }
 #contentGrid .wizard .preview .agentWeb { padding-top: 0 }
.contactInfo .agentWeb span, .webLink span {   display: inline-block;width:8px;padding-top:8px;margin-left:.25em; background-position:0 -1138px;}
 .webLink span {  background-position:0 -1149px;}
.IE .contactInfo .agentWeb span, .IE .webLink span { padding-top:0;height:11px;}
.agentPhoto {float:left;margin:0 1em .25em 0;height:110px}
.agentName { font-size:120%; font-weight:bold;}
.smLinks {clear:both;padding-top:0.3em; overflow:hidden;}
.preview .smLinks {padding-top:0; }
.IE7 .smLinks {padding-top:0;}
.smLinks a{width: 1.85em;display:block;float:left;padding: 1.2em 0;margin:0em .6em 0 0;}
.preview .smLinks a{margin:.6em .6em 0 0}
.smLinks a:hover {text-decoration:none}
.smLinks .facebook { background-position:0 -36px;}
.smLinks .twitter {background-position:0 -66px;}
.smLinks .linkedin {background-position:0 -96px;}
.smLinks .btnGradient {width:10em;padding: .15em .5em .5em;margin-left:.5em; text-align:center;font-size:84%; font-weight:bold; line-height:105%;color:#FFF;border:1px solid #fff;  }
.agentInfo a {color:#fff;}
.agentCTA { text-align:center}
.msReport-2 .agentCTA a, .msReport-2 .propertyCTA{ display:block; padding: .1em .6em .03em ; font-size:150%; font-weight:bold; line-height:180%; color:#FFF ! important; text-align:center; border: 2px solid #fff;background-color:#69ad2b;  }
.details .propertyCTA {font-size:120%; padding: .25em .6em .25em 0.8em; border:none;}
.agentCTA a:hover, .propertyCTA:hover {text-decoration:none;}
.agentCTA span { display:block;float:left;padding: .6em ;background-position:0 -126px}
.agentCTA .tagline {padding:.5em 0 ; font-style:italic} 
.preview .agentCTA .tagline {padding:.5em 0 0; } 
.agentCTA em {display:block; padding: 0.75em 0; font-size:110%}
.belowBrand {clear:both; font-size:110%;}
.belowBrand, #contentGrid .wizard .belowBrand, #contentGrid .wizard .belowBrand a {color:#cacaca;}
#contentGrid .wizard .belowBrand .disclaimer {font-size:80%}
.belowBrand p{float:left; margin: 0 0 .25em;}
.belowBrand span {padding-right:.5em}
.belowBrand .msLogo {float:right;background-position:0 -1097px;    padding: .8em 0;  width: 15.5em;}
.preview .msLogo {    width: 14em;}
.agentLegal {font-size:82.33%;}  
.disclaimer {clear:both;}
.IE7 .disclaimer {padding-top:0}

/*FOOTER*/
.footer { padding:1em}
.footer p {margin:.5em 0 }
.equalHousing {float:left;padding-top: 1.2em;width: 1.7em;background-position:0 -409px;}
.footer .mslLogo {width:30px;}

/*MAIN CONTENT*/
.mainWrap {background-position:100% 0;background-color:#fff;}
.main {padding-top:6px; background-color:#2A2A2A}
.msReport-2 h1, .msReport-2 h2 {clear:both;color:#000}
.msReport-2 h1 {font-size:180%;}
.msReport-2 h2 {font-size:140%}
.msReport-2 h3 {font-size:130%;	line-height:1.8em;border: 1px solid #b2b2b2; border-bottom-width:0;	-moz-border-radius-topleft: 0.4em;	-moz-border-radius-topright: 0.4em; -webkit-border-top-left-radius:0.3em;-webkit-border-top-right-radius:0.3em;	background-color:#dedede;}

/*TAB NAVIGATION*/
.nav { background-color:#dedede;height:3em; border-bottom:1px solid #b2b2b2; }
.detailsNav {border-bottom:none}
.nav .faqLink {display:block; float:right; font-size:120%;}
.nav .faqLink em {display:inline-block;padding:.05em .4em .05em .3em;margin-right:.2em;color:#fff; font-style:normal;font-weight:bold;}
.nav ul {    list-style:none}
.nav ul li {float:left; font-size:140%; font-weight: bold; border-right:1px solid #b2b2b2;}
.nav li a:hover { text-decoration:none; background-color:#E9E9E9 }
.nav a {display:block;padding: .5em .7em; color:#666;  }
.IE7 .nav a {zoom: 1}
.tabs .this {margin:-6px 0 -1px; color:#006790;border-top:6px solid #006790; border-bottom:1px solid #fff;background-color:#fff; }
.tabs .this:hover{background-color:#fff; }

/*MS TRENDS*/
.trends {width:90%;margin:auto;}
.trends h1, .trends h2 {text-align:center; padding:.6em 0 0.8em;}
.trends h2 { padding:1em 0 0.5em;}
.trends h3 { display:block;text-align:center;padding:.12em 0}
.trends .expired-report {max-width:520px; min-height:20em;padding:2em 0;margin:auto; }
.trends .expired-report h1 {text-align:left}
.trends .expired-report p {font-size:120%}
.trends .targetZip {font-size:122.2%}
.panel {width:23.9%; float:left;margin-left:1.2em} 
.avgDays {margin-left:0}
.panelInner {display:block;padding:.4em 0; text-align:center; border:1px solid #b2b2b2; }
.panelInner p {font-size:120%; margin: .25em 0 ;}
.panelInner p a { font-weight:bold} 
.msReport-2 .trendNumber { display:block; width:3.7em; margin:auto;padding:0.6em 0 .15em; color:#fff; text-align:center; font-size:230%; line-height:240%;height:2.5em  }
.msReport-2 .trendNumber:hover { text-decoration:none;}
.avgDays .trendNumber{background-position:  6px 7px; }
.sellingVsAsking .trendNumber{width:4.25em;background-position: 0 -85px  }
.avgSelling .trendNumber{width:7em;background-position: 0 -180px;   }
.numHomes .trendNumber{width:6.9em;background-position: 0 -268px; }
.actionViewChart {width:10.5em;margin:auto;padding-top:2px;text-indent:1.5em;background-position: 0 -1062px; font-weight:bold}
.communityReport .actionViewChart {width:auto; font-size:90%;text-indent:1.75em; line-height:1.5em}
.trends .ctaSmall .button {padding:.25em .5em; color:#fff;}
.trends .ctaSmall .button:hover { text-decoration:none}
.trends .ctaSmall .phone {font-size:120%; color:#336E0F}
/*MS LISTINGS GRID*/
.grid {padding:.5em 1em 0;clear:both;}
.grid h3 {font-size:140%; padding: 0.15em 0 0.12em .85em;  }
.gridContent {overflow:hidden;border:1px solid #b2b2b2; background-color:#FFF;padding:1em 0 1em 1.5%  }
.dataTables_wrapper { float:left;}
.listings {position:relative;width: 40%;float:left;overflow:hidden; height:38em;background:#f7f7f7;border: 1px solid #b2b2b2;}
.IE7 .listings {height:37.5em;}
.listings table{width: 100%;     table-layout: fixed; border-collapse:collapse; }
.listings th { text-align:left;padding:0.2em 0.2em 0.2em 0.5em; font-size:110%; font-weight:normal; cursor:pointer; white-space:nowrap}
.listings th:hover {text-decoration:underline;}
.sortUp, .mapFilter .filterClose  { display:inline; padding-right:1em; background-position:100% -158px}
.sortDown, .mapFilter .filterOpen { display:inline;padding-right:1em;background-position:100% -183px}

.listings .thumb {min-width:5.5em;height:4.6em;}
.listings .thumb img {width:5.5em;}
.listings td .address { font-weight:bold;}
.listings td {vertical-align:top; padding:0.2em 0 0.2em 0.5em; font-size:110%; font-weight:bold;border-bottom:1px solid #fff;}
.listings td span {display:block; font-weight:normal}
.listings tr:hover,.listings tr.thisRow {cursor:pointer; }
.listings td.noActivity {height: 355px; text-align: center; vertical-align: middle;}
.type {width:7em;float:right;position: relative;margin-top:1em;background: #90AA3C; color:#FFF; font-size:90.88%; font-weight:normal;line-height:186%;}
.IE7 .type {line-height:190%;}
.pointer {position:absolute;border: 9px solid transparent;z-index: 1;}
.pointerLeft {border-right-color: #90AA3C;   left: -18px;   top: 0;}
.pointerLeft .pointerInner {border-right-color: #90AA3C;   left: -10px;    top: -9px;  }
.ForSale .title {background: #90AA3C !important}
.ForSale .status {color:#90AA3C !important }
.sold, .Sold .title{ background: #d20000 !important }/*pointy listing type box colours - defaults to For Sale green*/
.Sold .status {color:#d20000 !important}
.sold .pointerLeft { border-right-color: #d20000; }
.newListing, .NewListing .title{ background: #648daf !important}
.NewListing .status {color:#648daf !important}
.newListing .pointerLeft { border-right-color: #648daf; }
.pending, .Pending .title{ background: #ff8822 !important}
.Pending .status {color:#ff8822 !important}
.pending .pointerLeft { border-right-color: #ff8822; }
.expired, .Expired .title { background: #9944dd !important}
.Expired .status {color:#9944dd !important}
.expired .pointerLeft { border-right-color: #9944dd; }
.listings td .onMarket {font-weight:bold}
/*grid pagination*/
td.pagingRow {padding:0}
td.pagingRow span {display:inline-block;}
.paging { position:absolute; bottom:0; width:100%;overflow:hidden;background-color:#dedede;  background-image:url(../assets/bg-shadow.png); background-position:bottom;border: 1px solid #b2b2b2;border-width:1px 0 0;}
.IE8 #SchoolGrid .paging {bottom:-46px;}
.paging ul {text-align:center;}
.paging ul li {display:inline;width:auto;margin:0; list-style:none;line-height:2em;font-size:100%}
.paging .this { padding: 0.1em 0.65em; background-color:#fff; border: 1px solid #b2b2b2; border-top:none; border-bottom:none; font-weight:bold }
.paging a {display:inline-block;padding: 0.1em 0.25em; font-weight: normal;line-height:2em; }
.paging .previous, .paging .next { display:inline-block;cursor: pointer; background-image:url(../assets/icon-sprite-global.png); background-repeat:no-repeat; } 
.paging .previous {padding-left: 10px; margin-right:.5em;background-position:0 -207px; }
.paging .next { width:3em;padding:0;  margin-left:.5em;text-align:left;  background-position:-42px -207px; }
.IE7 .paging .previous {background-position:0 -206px; } 
.IE7 .paging .next {background-position:-42px -206px; }
.paging .button_disabled   {zoom: 1;filter: alpha(opacity=40);opacity: 0.4; }
.paging .button_disabled:hover {text-decoration:none; cursor:default;}

/*MS MAP*/
.mapWrap {overflow:hidden;width:50%; float:left; margin: 0 0 0 1.5%;   }
.IE7 .mapWrap, .IE8 .mapWrap  {width: 56%}
.mapFilter {position:relative; padding: .125em 0 .5em 0;  overflow:hidden;font-size:110%; }
.mapFilter span { font-weight:bold;padding-right: .5em}
.mapFilter .extraInfo  {font-weight:normal  }
.mapFilter label {margin-right:.25em;float:left; min-width:10em }
/*.mapFilter input {margin:0 .2em 0 0;}*/
.IE7 .mapFilter input {margin:0;}
.mapFilter em {display:inline;padding:0.5em 0.8em ;}
.IE7 .mapFilter em {display:inline;padding-top:0 ;zoom:1}
.filterText {float:left;line-height: 170%;}
.mapFilter .showMore {display:block;  padding: 0 0.95em 0 .125em; position:absolute; right:0; line-height: 150%;  }

em.legendSold { background-position:0 -284px;}
em.legendNew { background-position:0 -305px;}
em.legendSale { background-position:0 -325px;}
em.legendPending { background-position:0 -1291px;}
em.legendExpired { background-position:0 -1312px;}
.mapFilter .filterRow {clear:both;margin:.25em 0 0 3.6em; overflow:hidden;}
.map {position:relative; height: 310px; border:1px solid #b2b2b2; }
.schoolReport .map {border-left:none; border-right:none}
.iconMap    { background-image:url(../assets/icon-sprite-global.png);  background-repeat: no-repeat; background-position:0 -900px;}
.iconMap div {font-size:10px ! important; letter-spacing:-1px;}
.communityReport .iconMap div, .schoolReport .iconMap div { text-indent:-999px}
.mapWrap .pinSold {background-position:0 -972px;}
.mapWrap .pinNewListing {background-position:0 -935px;}
.mapWrap .pinForSale {background-position:0 -900px;}
.mapWrap .pinPending {background-position:0 -1215px;}
.mapWrap .pinExpired {background-position:0 -1254px;}
.markerLabel {  font-size: 70%; font-weight: bold; text-align: center; color: #fff; background-color: transparent; width: 15px;}
.mapInfo {padding: .5em .8em .5em 0}
.legendTarget { float:right; padding:1.1em .8em 1.1em 3em; background-position:0 -240px}     

/*map info popups*/
.map .infoBoxContainer {z-index:9999}
.popup, .editSchedule {position: absolute; top:25%;left:25%; padding: 0.5em; width: 22em; background: #fff; border: 1px solid #b2b2b2; -webkit-box-shadow: 3px 3px 3px #ccc;-moz-box-shadow: 3px 3px 3px #ccc;box-shadow: 3px 3px 3px #ccc;  }
.popup .title {display:block;overflow:hidden; padding: .25em .15em .25em;background-color:#006790}
.popup h4 {padding-left:.25em;max-width:18em; color:#fff;font-size:120%; line-height:130%;}
.msReport .popup .pointerLeftCenter {    top:32%;  }
.popup .close {float:right; padding-top: 1.7em;    margin-left: 0.25em;width: 1.7em;background-position:0 -376px;color:#FFF;}
.popup .close:hover { background-position:-29px -376px;}
.popup .dataRow {overflow:hidden;padding:.15em;background-color:#EBEFF2 ; font-size:110%}
.popup .dataRow .status {float:right; font-style:italic; font-weight:normal; font-size:83.33%}
.popup .photo img {height:48px; float:left; padding:.125em .5em .125em .125em; border:0;}
.popup p {margin: 0 0 .25em; font-size:110%}
.popup .dataRow th {padding-right:.5em;text-align:left; font-weight:normal;vertical-align:top; }
.popup .dataNowrap {display:block; max-width:11em; overflow:hidden;}
.popup .dataWrap {display:block;max-width:11em}
.popup .pointer, .popup .pointerInner { position:absolute;border: 9px solid transparent;}
.popup .pointer {    z-index: 1;}
.popup .pointerLeftCenter {    top:32%;  left: -30px;border-right-color: #b2b2b2;}
.schoolReport .popup .pointerLeftCenter {    top:40%;  }
.popup .pointerInner {z-index: 2;}
.IE .popup .pointerInner {height:0}
.popup .pointerLeftCenter .pointerInner {top: -15px;left: -14px;border-right-color: #fff;    }
.popup .pointerBottomCenter {      bottom: -30px;      left: 45%;   border-top-color: #b2b2b2;}
.popup .pointerBottomCenter .pointerInner {    bottom: -14px;    left: -15px;    border-top-color: #fff;    }
.popup .pointerBottomRight {      bottom: -18px;      right: 19%;   border-top-color: #b2b2b2;}
.popup .pointerBottomRight .pointerInner {    bottom: -7px;    left: -9px;    border-top-color: #fff;    }
.popup .pointerTopRight {      top: -18px;      right: 16%;   border-bottom-color: #b2b2b2;}
.popup .pointerTopRight .pointerInner {    top: -7px;    left: -9px;    border-bottom-color: #fff;    }
.msReport .popup .price {font-size:120%; font-weight:bold}
.msReport .popup .location {padding-left:1.5em; font-style:italic; font-size:90%}
.popup .viewDetails {margin-right:.5em; font-size:110%}
.popup .price { font-weight:bold; font-size:120%}
.popup.seller .pointerBottomRight{ right: 23%;}
.popup .location {font-size:90%; font-style:italic; text-align:right;}
/*MS SCHEDULE BAR*/
.msReport-2 .schedule { overflow:hidden; background-color:#343434; color:#FFF; font-size:120%;margin-top:.5em;padding:0.5em 0.85em;}
.msReport-2 .schedule .btnTheme { display:inline-block; padding:.2em .4em; margin-left:.5em;color:#fff;  }
.msReport-2 .schedule .selectReport {float:right; }
.msReport-2 .schedule select {font-size:100%}


/*CTA BUTTONS - same for all themes*/
.ctaGradient {
  background-color: #69AD2B;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#69AD2B), to(#336E0F)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(TOP, #69AD2B, #336E0F); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(TOP,#69AD2B, #336E0F); /* FF3.6 */
  background-image:     -ms-linear-gradient(TOP, #69AD2B, #336E0F); /* IE10 */
  background-image:      -o-linear-gradient(TOP, #69AD2B, #336E0F); /* Opera 11.10+ */
  background-image:         linear-gradient(TOP, #69AD2B, #336E0F);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#69AD2B', EndColorStr='#336E0F'); /* IE6–IE9 */
-moz-border-radius: 0.3em;-webkit-border-radius:0.3em;  border-radius: 0.3em;	
}

.ctaGradient:hover {
  background-color: #336E0F;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#69AD2B), to(#336E0F)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, #69AD2B, #336E0F); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(bottom,#69AD2B, #336E0F); /* FF3.6 */
  background-image:     -ms-linear-gradient(bottom, #69AD2B, #336E0F); /* IE10 */
  background-image:      -o-linear-gradient(bottom, #69AD2B, #336E0F); /* Opera 11.10+ */
  background-image:         linear-gradient(bottom, #69AD2B, #336E0F);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#336E0F', EndColorStr='#69AD2B'); /* IE6–IE9 */
}
.btnGradient{
  background-color: #4dbce9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4dbce9), to(#006790)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(TOP, #4dbce9, #006790); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(TOP,#4dbce9, #006790); /* FF3.6 */
  background-image:     -ms-linear-gradient(TOP, #4dbce9, #006790); /* IE10 */
  background-image:      -o-linear-gradient(TOP, #4dbce9, #006790); /* Opera 11.10+ */
  background-image:         linear-gradient(TOP, #4dbce9, #006790);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4dbce9', EndColorStr='#006790'); /* IE6–IE9 */
			-moz-border-radius: 0.3em;-webkit-border-radius:0.3em;border-radius: 0.3em;	
}

.btnGradient:hover, .default-theme em.btnGradient:hover {
  background-color: #006790;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4dbce9), to(#006790)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, #4dbce9, #006790); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(bottom,#4dbce9, #006790); /* FF3.6 */
  background-image:     -ms-linear-gradient(bottom, #4dbce9, #006790); /* IE10 */
  background-image:      -o-linear-gradient(bottom, #4dbce9, #006790); /* Opera 11.10+ */
  background-image:         linear-gradient(bottom, #4dbce9, #006790);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#006790', EndColorStr='#4dbce9'); /* IE6–IE9 */
}
.IE7 .btnGradient, .IE7 .ctaGradient {zoom:1}



/*COMMUNITY REPORT TRENDS*/
.communityReport .trends { width:95%;}
.communityReport .trends h3 { display:block;text-align:left;padding:.12em .5em;   margin-right: 0.025em;}
.communityReport .trends h3 a {display:inline-block;padding: 0.2em;margin-left:.5em;}
.communityReport .backDisabled {background-position: 0 -440px;}
.communityReport .panel {width:100%;margin-left:0; }
.communityReport .panelInner {overflow:hidden; padding:0;margin-right: 0.025em;text-align:left;font-size:120%;background-color:#DEDEDE; }
.communityReport .panel .column {float:left;padding:.8em .2em .4em .5em;min-height:166px;}
.communityReport .panel .column:first-child {width:60%;border-right: 1px solid #999; background-color:#fff;}
.communityReport .panel .area {min-width:45%; padding-bottom: 0.3em; font-size:133.33%; font-weight:bold;}
.communityReport .panel .target {float:left;height:1.5em;width:1.5em;margin-top:0;background-position: -132px -240px;}
.communityReport .panel .column:first-child {    width: 65%;}
.communityReport .panel .column ul {width:14em;float:left;margin-left:.5em;}
.communityReport .panel .column ul.trendList {margin-left:5em;}
.communityReport .panel .column .summaryList {float:left; width: 12.5em;padding-left:3em;font-size:110%; font-weight:normal}
.communityReport .panel .column .trendList {width:13em; list-style:none}
.trendList li{padding:0 0 .5em 3.5em;margin-left:.5em; font-size:90%}
.trendList span{display:block;font-size:166.66%}
.communityReport .panel .state {width:31%;}
.communityReport .panel .state .area{float:none;}
.communityReport .panel .state table {width:100%;}
.overviewPrice {background-position:0 -357px;}
.overviewPop {background-position:0 -407px;}
.overviewNumber {background-position:0 -461px;} 
.communityReport .panel table {float:left; margin-left:.5em;border-collapse:collapse;}
.communityReport .panel td  {font-size:116.66%;border-bottom:1px dotted #b2b2b2;}
.communityReport .panel th {width:14.5em; padding-right:.25em;font-size:91.66%; font-weight:normal; text-align:left;border-bottom:1px dotted #b2b2b2;}
.communityReport .smallChart {float:right;margin-right:1em;min-width:170px}
.communityReport .smallChart span {display:block;font-size:91.66%}
.communityReport .smallChart .extraInfo {display:inline}
.communityReport .chartTitle { font-style:italic; text-align:center}
.communityReport .smallChart img {margin-bottom:.25em;height:130px; border:0;} 
.communityReport .employment .column:first-child, .communityReport .crime .column:first-child{width:100%}
.communityReport .employment table, .communityReport .crime table { margin: 0 .5em 0 0;}
.communityReport  .topRow th{font-weight:bold}
.communityReport .employment th {width:auto;    padding-right: 1.5em;}
.communityReport .employment  .smallChart {margin-right:1em}
.communityReport .climate td img {height:120px;}
.communityReport .nestedData {text-indent:1em;}
.communityReport .crime .panelInner { background-color:#FFF; }
.communityReport .crime .column:first-child {border-right:0}
.communityReport .tableTitle { font-weight:bold; font-size: 100% }
.communityReport .employment .column:first-child, .communityReport .crime .column:first-child {width:100%}
.communityReport .state table {width:100%}
.communityReport .employment table, .communityReport .crime table { width: 30%;}
.communityReport .tableTitle { margin-top:-2em;clear:left;text-align: center;}
.communityReport .amenities { width: 50%;}
.communityReport .mapWrap {    width: 47%;}

/*COMMUNITY REPORT TREND slides*/
#slides {width:880px;margin:auto;position:relative;}
.communityReport .trends .menuLink {padding-top: .65em;width: .9em;background-position: 0 -630px;}
.communityReport  .panelNav {overflow:hidden;padding:0;	border: 1px solid #b2b2b2; background-color:#fff}
.menu {margin-left:.5em;padding:.4em;}
.communityReport .panelNav li { list-style:none;font-size:120%}
.communityReport .panelNav li a {display:block;padding:.25em .25em .25em .5em; text-decoration:none; color:#000}
.communityReport .panelNav li:hover { background-color:#BACED6}
#SummarySlider {width: 1760px; }
#slides {width:80%;min-width: 660px;}
.slides_container {min-width: 660px;display:block; z-index:99;overflow:hidden;}
.slides_container .panel {min-width: 660px;height:211px;display:block;}
#slides .next, 	#slides .prev   {display:block;position:absolute;top:60px;width:40px; height: 60px; overflow: hidden; text-indent: -9999px;background-image:url(../assets/icon-sprite-global.png); background-repeat:no-repeat; }
#slides .next  {top:70px;right:-50px; background-position: -150px -524px}
#slides .prev {top:70px;left:-40px; background-position: 0 -524px}		

/*COMMUNITY AMENITIES*/
.communityReport .gridContent {font-size:120%}
.communityReport .gridContent p {margin: 0 0 .5em}
.amenities {float:left;width:440px;height:330px;}
.amenities table {width:100%; border-collapse:collapse}
.amenities table td {width:50%;height:2em;padding:.25em;border:1px solid #b2b2b2;}
.amenityLink {display:block;padding:0 0 .33em}
.communityReport .iconMap    {display: inline-block;  float: right;  height: 19px;   width: 18px;  background-image:url(../assets/icon-sprite-global.png);  background-repeat: no-repeat; background-position:0 -749px;}
.communityReport .airports {background-position:0 -660px;}
.communityReport .museums {background-position:-30px -660px;}
.communityReport .movie {background-position:-150px -720px;}
.communityReport .grocers, .communityReport .food {background-position:-150px -690px;}
.communityReport .beer {background-position:-181px -660px;}
.communityReport .department {background-position:-120px -720px;}
.communityReport .pharmacies {background-position:-60px -749px;}
.communityReport .police, .communityReport .sheriff  {background-position:-30px -720px;}
.communityReport .fire {background-position:-210px -720px;}
.communityReport .post {background-position:-30px -749px;}
.communityReport .libraries {background-position:-210px -690px;}
.communityReport .hospitals, .communityReport .clinics {background-position:-181px -690px;}
.communityReport .banks, .communityReport .savings,  .communityReport .commercial  {background-position:-90px -660px;}
.communityReport .worship {background-position:-180px -720px;}
.communityReport .golf {background-position:-90px -690px;}
.communityReport .health {background-position:-60px -690px;}
.communityReport .cafes {background-position:0 -690px;}
.communityReport .bars {background-position:-150px -660px;}
.communityReport .restaurants {background-position:-60px -720px;}

/* SCHOOL REPORT */
/*.schoolReport .panel {width:39em;margin:auto;float:none;}
.schoolReport .panelInner {overflow:hidden;padding: 0 5%}
.schoolReport .panelInner ul {float:left; margin:4em .75em 0 0;padding:0; list-style:none;}
.schoolReport .panelInner li  {float:left; padding: 0 0 .5em 2.5em;margin-right:.5em;text-align:left; font-size:120%;  }*/
.schoolReport .trends {width:100%;padding:0; font-size:120%}
.schoolReport .trends h4 {color:#595959;font-size:110%;padding-bottom:.5em }
.schoolReport .trends .Grades h4 {float:left;width:5em}
.schoolReport .trends em { font-style:normal; font-weight:bold}
.schoolReport .largeCount {display:block;float:left;     padding: 0 0.5em 0.25em 1em;}
.schoolReport .totalSchools {width: 3em;    padding: 2.2em 0 0.35em; text-align: center; background-position: 0 -510px;   font-size: 230%; color:#fff;}
.schoolReport .largeCount label { display: block;text-align: center}
.schoolReport .largePublic { background-position: 0 -1170px;}
.schoolReport .largePrivate { background-position: -108px -1170px;}
.schoolReport .largeOther { background-position: -215px -1170px;}
.schoolReport .trends .column  {padding:.5em;min-height:12em;float:left;margin-right:1%; background-color:#E5F0F9;-moz-border-radius: 0.3em; border-radius: 0.3em; }
.schoolReport .trends .RadiusSelector {width:17%; min-width: 18em;}
.schoolReport .trends .RadiusSelector ul {float:left}
.schoolReport .trends .RadiusSelector li input {margin-right:.5em}
.schoolReport .trends .TypeOfSchool {width:12%;    min-width: 8.7em;}
.schoolReport .trendList li{padding:.25em ;margin:.25em 0 0; font-size:100%}
.IE .schoolReport .RadiusSelector li{padding:0}
.schoolReport .TypeOfSchool .trendList li{padding:.5em ;margin-top:0}
.IE .schoolReport .TypeOfSchool .trendList li{margin-top:0; }
.schoolReport .trends .columnWide {width:60%; min-width: 26.5em; }
.IE .schoolReport .trends .columnWide {width:58%; }
.schoolReport .trends .column table{border:0; padding:0}
.schoolReport .trends .column table td {    padding: 0.25em 1em 0.25em 0.25em; white-space: nowrap;}
.schoolReport .trends ul{margin:0;padding:0; list-style:none;}
.schoolReport .trends li {padding:.25em}
.schoolReport .trends .RadiusSelector {float:left}
.schoolReport .trends .RadiusSelector .largeCount {float:left;margin-left:.5em}
.schoolReport .trends .ctaSmall {margin-bottom:1em}
.schoolReport .TypeOfSchool li {clear:both}
.schoolReport .trends .icon {float:left;display:block;width:28px;padding-top:28px;font-size:100%}
.IE .schoolReport .trends .icon {padding-top:0;height:28px}
.schoolReport .listings {min-height: 42.5em;}
.schoolReport .listings th {  padding: .5em .25em .5em .5em; }
.schoolReport .listings td {padding: .5em .25em .5em .5em;font-weight:normal;}
.schoolReport .listings td.pagingRow {padding:0}
.schoolReport .listings .schoolName { font-weight:bold; }
.schoolReport .mapWrap { border: 1px solid #B2B2B2;}
.schoolReport .mapFilter {padding:.25em 0  .25em .25em}
.schoolReport .mapFilter .icon,.schoolReport .mapFilter input {float:left;}
.schoolReport .mapFilter p {float:left;padding: 0.25em 0.5em 0 0;margin:0; font-weight:bold}
.schoolReport .mapFilter span { font-weight:normal;padding:0 0 .35em 1.75em;margin-right:.75em;}
.IE7 .schoolReport .mapFilter input {margin-top:-.25em}
.schoolReport .mapInfo {padding:.5em ;font-size:120%}
.schoolReport .mapInfo li  {float:left;margin-bottom:.5em}
.schoolReport .mapInfo p {clear:both;}
.schoolReport .mapInfo span {font-size:166.66%}
.schoolReport .public {background-position:0 -778px;}
.schoolReport .private {background-position:0 -818px;}
.schoolReport .otherSchools {background-position:0 -853px;}
.schoolReport .mapFilter .public {background-position:0 -780px;}
.schoolReport .mapFilter .private {background-position:0 -821px;}
.schoolReport .mapFilter .otherSchools {background-position:0 -856px;}
.schoolReport .mapPublic {background-position:0 -780px;}
.schoolReport .mapPrivate {background-position:0 -821px;}
.schoolReport .mapOther{background-position:0 -856px;}
.rightSelect {float:right}
.schoolDetails .nav {height: 2.25em;}
.schoolDetails .nav ul li{ font-size:100%}
.schoolDetails .tabs .this {   margin: -3px 0 -1px;  border-top: 3px solid #fff;}
.schoolDetails .detailsRow {clear:both; margin:.5em 0;min-height:480px;max-height:640px;overflow:auto;-webkit-overflow-scrolling: touch;}
.schoolDetails h4 { text-transform:uppercase; color:#fff; padding:.25em .5em; font-size:90%; border-top:2px solid #fff;}
.schoolDetails h5 { font-size:120%; text-align:center }
.schoolDetails .column {width:49.4%;float:left;background-color: #F7F7F7;}
.IE7 .schoolDetails .column {width:48.3%}
.schoolDetails .column:first-child {margin-right:.65em}
.schoolDetails .columnWide {width:auto}
.schoolDetails .detailsChart img {width: 660px}
.schoolDetails .detailsChart .noData, .schoolDetails .subjects .noData {width:180px;margin:auto}
.schoolDetails .detailsChart .noData img{width:180px;}
.schoolDetails .detailsTable table{width:100%; border-collapse:collapse}
.IE7 .schoolDetails table.districtSchools {width:97.75%;}
.schoolDetails .detailsTable p, .schoolDetails .detailsChart p {padding:.25em;  margin: 0 0 .25em;}
.schoolDetails .detailsTable th, .schoolDetails .detailsTable td {padding:.25em; font-weight:normal; text-align:left; border-bottom:1px solid #fff}
.schoolDetails .detailsTable th {width: 12em;}
.schoolDetails .detailsTable .districtSchools th {width:auto}
.schoolDetails .detailsTable td {font-weight:bold}
.schoolDetails .detailsTable .districtSchools td {font-weight:normal}
.schoolDetails .stats { padding:.5em;  overflow:hidden;}
.schoolDetails .stats .trendList {width:49%;float:left}
.schoolDetails .stats .trendList li{min-height:3.5em; padding: 0 0 0.85em 4.5em; margin-left: 0.25em;}
.teachStaffCount {background-position:0 -634px}
.studentCount {background-position:2px -694px}
.classroomsCount {background-position:0 -779px}
.schoolsCount {background-position:2px -923px}
.studentTeacherCount {background-position:2px -850px}
.schoolDetails .nestedTable {clear:both; }
.schoolDetails .nestedTable table, .schoolDetails .detailsTable table.plainTable { border-collapse:separate; border-spacing:1px}
.schoolDetails .nestedTable  td {background:#fff; padding:2px;}
.schoolDetails .nestedTable span {    display: block;   float: left;width:9em; font-weight:normal;}
.schoolDetails .nestedTable h4{border-top:none;}
.schoolDetails .detailsMain .chart {background-color:#F9FAFB}
.schoolDetails .subjects table th {width:50%; }

/* Modal Styling - View Details, Large Chart, Email Me */
.details, .largeChart, .emailMe {background-color:#fff;border:1px solid #B2B2B2;   -moz-box-shadow: 3px 3px 3px #A0A0A0;-webkit-box-shadow: 3px 3px 3px #A0A0A0;box-shadow: 3px 3px 3px #A0A0A0;}
.details {width:750px; padding:.5em; overflow:auto;font-size:120%; }
.largeChart .title, .details .title, .emailMe .title {padding:.25em ;min-height:1.5em;   line-height: 140%;color:#fff; background-color:#006790;}
.movable {cursor: move;}
.largeChart .title, .emailMe .title, .details .title{font-size:140%; font-weight:bold;}
.largeChart .title {padding-right:0}
.close {float:right; padding-top: 1.5em; width: 1em;background-position:0 -376px;color:#FFF;}
.close:hover { background-position:-29px -376px;}
.largeChart .close, .emailMe .close {width: 1.15em;}
.summary {float:left;width:35em;padding:.65em 0 .65em .65em; overflow:hidden;}
.summary .column {float:left;width:49%;}
.summary .column:first-child{padding-right:.5em; width:49%}
.summary h2 {color:#006790; font-size:180%}
.summary .dom {font-size:120%; font-weight:bold}
.propertyCTA { font-size:120%;padding:.25em ; margin:.5em 0;border:0}
.details .photo {float:left;margin:.45em 0;display:block;width:320px;min-height:180px; overflow:hidden; }
.details .photo img {width: 320px; }
.details .type {float:right;width:6.5em; margin-top:auto;margin-bottom: 4px; font-weight:bold; text-transform:uppercase;  line-height: 205%;}
.details .type.newListing {width:6.65em}
.details .pointerLeft { left: -22px;}
.details .pointer {border-width:11px;}
.details div.sidebar {clear:both; padding:.5em .5em .25em;margin:1em 0;background-color:#dde1e5;-moz-border-radius: 0.3em;border-radius: 0.3em;  font-size: 94%;	 }
.details div.sidebar span {display:block; font-weight:bold;  font-size: 120%;}
.details div.sidebar p {margin: 0 0 .5em}
.description {clear:both}
.features {clear:both;}
.features table {width:49%; float:left; padding-right:.5em;}
.features table td {padding:.15em}
.features h4 {display:block;padding: .25em 0;font-size:100%; border-bottom: 1px dotted #999; }
.broker {clear:both; overflow:hidden;padding:.5em 0 .05em;}
.broker h4 {display:block; padding: .5em 1.5em .25em 0; margin-bottom:.25em;border-width:0;border-bottom: 1px dotted #999}
.broker h4 span { font-size:100%; font-weight:normal; padding-left:.5em;}
.details .disclaimer, .details .copyright { padding:1em 0 .5em;font-size:83.33%;}
.details .disclaimer { clear:both;}
/*Large Chart*/
.largeChart {padding:.5em ; overflow:auto;font-size:120%; background-color:#fff;max-width:680px;}
.IE7 .largeChart {width:680px}
.largeChart .chartTitle { padding: 1em;}
.chartWrap {width:680px; min-height:442px;}
.chartDetails {overflow:hidden;margin-top:.5em;background-color:#dde1e5;border:1px solid #999; }
.chartDetails .detailsNav {height: 2.55em;font-weight:bold; font-size:123.33%; line-height:153.33%;color:#006790; background-color:#DDE1E5}
.chartDetails .detailsNav a:hover { text-decoration:none}
.chartDetails .detailsNav li { float:left;list-style:none;}
.chartDetails .detailsNav li a {border-right:1px solid #999;}
.chartDetails .detailsNav li a.sel {border-left:none;border-bottom:none}
.chartDetails .detailsNav li:first-child a.sel {border-left:none}
.chartDetails .nestedGrid {padding:1em .5em .5em;}
.chartDetails .target {display:inline-block; background-position: -132px -240px;   height: 2.5em;   margin-top: 0.25em; width: 2em; vertical-align:middle}
.chartDetails table {width:100%}
.chartDetails th {text-align:left;border-bottom: 1px solid #999;  }
.chartDetails th.colL{width:7em;padding-right:1em;text-align:right;border-bottom: 1px dotted #999;}
.chartDetails td, .chartDetails dt, .chartDetails dd {padding:.25em;border-bottom: 1px dotted #999;}
.chartDetails dl { display: table; width: 100%;}
.chartDetails dt {float: left; padding: .25em 0; width: 30%; font-weight:bold;}
.chartDetails dd {float: left;padding-left: .25em;text-align: left;width: 18%}
.chartDetails .small {padding:1em .5em;font-size:83.33%;  margin: 0 0 .5em;}
.chartDetails p { line-height:140%}
.largeChart .errorMsg {padding:2em;width: auto;min-height:100px;}
.largeChart .errorMsg p { margin:1.5em 0;font-size:120%;}
.largeChart .errorMsg input {padding:0 .5em; }
/*email me modal*/
.emailMe {width:350px;padding:.75em; }
.emailMe .formRow {overflow:hidden;padding:.5em .25em;margin-bottom:1px;font-size:120%; background-color:#DDE1E5}
.emailMe label{float:left;width:6em;}
.emailMe input{width:19.5em}
.emailMe textarea {width:20em; font-family:Arial, Helvetica, sans-serif;}
.emailMe .checkBox {padding-left:6em;}
.emailMe .checkBox input {float:left;width:1.5em;}
.emailMe .checkBox label {width:auto;float:left}
.emailMe .buttonRow {overflow:hidden; padding:.75em .5em .5em 6em;font-size:120%;}
.emailMe .buttonRow a {display:block;float:left;padding: .25em 1.5em;}
.emailMe .buttonRow .cancelLink {padding-left:.5em;line-height:200%}

#Popup_EmailMe .title {padding: .25em;min-height: 1.5em;line-height: 140%;font-size:14px; color: #fff;background-color: #006790;}
#Popup_EmailMe .title img {margin:-3px -3px 0 0}
.wizard-wrap .emailMe input, .wizard-wrap .emailMe textarea {width:80%}
.wizard-wrap .emailMe label{float:left;padding-left:4px;width:5em;display:block; font-weight:normal}
.wizard-wrap .emailMe .checkBox {padding-left:5em;}
.wizard-wrap .emailMe .checkBox input {float:left;width:1.5em;}
.wizard-wrap .emailMe .checkBox label {width:auto;float:left;padding-left:0;}
.wizard-wrap .emailMe .buttonRow {overflow:hidden; padding:0 .5em .5em 6em;}
.wizard-wrap .emailMe .buttonRow a {display:block;float:left;padding: .25em 1.5em;}
.wizard-wrap .emailMe .buttonRow .cancelLink {padding-left:.5em;line-height:200% }
.emailMe .btn-primary {color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.emailMe .btn-primary:hover, .emailMe .btn-primary:focus,.emailMe .btn-primary:active,.emailMe .btn-primary.active{ color: #ffffff; background-color: #47a447;  border-color: #398439;}

/*edit schedule popup*/
.editSchedule {width: 28em; background-color:#fff;}
.editSchedule p {padding-top:.5em}
.editSchedule .buttonRow {margin:auto;width:9em;overflow:hidden;padding-top:1em}
.editSchedule .buttonRow a { display:block;float:left;line-height:150%; padding:.25em 0}
.editSchedule .buttonRow .btnTheme {padding:.25em 1em; margin-right:.5em}
.iconMap img {display:none} /*hides 1px transparent image*/
.contentFmlsDisclaimer {margin:auto;margin-top:.5em;border: 1px solid; width: 550px; text-align: center; padding: 2px; font-size: 8pt;}
.errorMsg {padding-left:6.8em; color:#A81212; font-size:110%; font-weight:bold;}

/* MEDIA QUERIES*/
@media only screen and (min-device-width : 320px) {
.msReport-2 { -webkit-text-size-adjust: none;   }
.brandTop {width:74%}
.agentInfo li {max-width:19em; white-space:normal }
.agentCTA em {font-size:100%}
h1 {font-size:160%}
.listings { width: 47%; }
.listings .thumb {  height: 4.6em;   min-width: 4.5em;  overflow: hidden;}
.listings .thumb img {    width: 4.5em;}
/*.listings td span.viewTools {display:none}*/
.mapFilter label, #FilterOptions label{   min-width: 7em;   padding-right: 0.25em;}

.mapWrap {   width: 50%; margin-left: .8em;}
.extraInfo  {display:none; font-weight:normal }
.mapInfo p {width:70%}
.schoolReport .mapInfo p {width:100%}
.trends {width:98%; padding:1%}
.schoolReport .trends .columnWide {width:40%;}
.panel { margin-left: 1.4%;}
.avgDays { margin-left: 0;}
.details {width:680px}
.details .photo, .details .photo img {width:250px}
#slides .prev { left: -30px; top: 80px;}
#slides .next, #slides .prev {  width: 26px;}
#slides .next {    background-position: -156px -524px; right: -31px;   top: 70px;}
.communityReport .panel table { width: 50%;}
.communityReport .panel th {font-size:87%;}
.communityReport .panel td  {font-size:112%}
.communityReport .state table {    width: 100%;}
.communityReport .employment table, .communityReport .crime table {  width: 33%;margin-left:.5em}
.communityReport  #Overview .area  {width:55%;    padding-bottom: 0.5em; }
.communityReport .panel .column .summaryList { width: 12.5em;}
.communityReport .panel .column .trendList { width: 13em;}
.communityReport .smallChart img {  height: 100px;}
.communityReport .smallChart .extraInfo {    display: none;}
.schoolReport .mapFilter p {padding:0 0.5em 0 0;}
}
/*desktop screen sizes*/
@media screen and (min-width : 970px) {
.msReport-2 { -webkit-text-size-adjust: auto; }
.brandTop {width:auto}
.agentInfo li {max-width:38em; }
.contactInfo li {max-width:12em; }
.agentCTA em {font-size:110%}
h1 {font-size:180%}
.gridContent { padding: 1em 0 1em 1%;}
.listings .thumb, .listings .thumb img {   width: 5.25em;}
.listings td span.viewTools{display:block}
.mapWrap {  float:left; width: 50%;margin: 0 0 0 1.5%; }
.IE7 .mapWrap, .IE8 .mapWrap {width: 56%}
.extraInfo  {display:inline;font-weight:normal  }
.mapFilter span {display:inline; }
.mapFilter label, #FilterOptions label{   min-width: 9.25em;   padding-right: 0.25em;}
.trends {width:90%}
.schoolReport .trends .columnWide {width:58%;}
.panel { margin-left: 1%;}
#slides .next, 	#slides .prev   {top:60px;width:40px; height: 60px; }
#slides .next  {top:70px;right:-50px; background-position: -150px -524px}
#slides .prev {top:70px;left:-40px; background-position: 0 -524px}
.communityReport .smallChart img {  height: 130px;}
.communityReport .amenities { width: 47%;}
.communityReport .panel table { width: 45%;}
.communityReport .panel th {font-size:91.66%;}
.communityReport .panel td  {font-size:116.66%}
.communityReport .panel .column .summaryList { width: 14em;}
.communityReport .employment table, .communityReport .crime table {  width: 28%;}
.communityReport .smallChart .extraInfo {    display: inline;}
.schoolReport .mapFilter p {float:left;padding: 0.25em 0.5em 0 0;}
}

@media screen and (min-width:1424px) 
{
.agentInfo li,.contactInfo li {max-width:38em;}
.listings .thumb, .listings .thumb img {   width: 6.25em;}
.schoolReport .trends .columnWide {width:65%;}
.mapFilter label, 
#FilterOptions label {min-width: 11em; }