@charset "UTF-8";
/* CSS Document */


/*-----------------------

IMAGE SIZING

------------------------*/ 

#home .homeGrid img { width:40px; height:40px;} /* home grid icons */
.ui-header img { width:26px; height:26px;} /* header icons */

.ui-footer img { width:26px; height:26px;} /* header icons */

#callActions img { width:25px; height:25px;} /* call to actions icons*/
.yearRow img { width:20px; height:20px;} /* demographics year icon */
ul.reportTypes.ui-listview .ui-li-icon { max-width:25px; max-height:25px;} /* report types list icons */

ul.reportTypes.ui-listview p { color:#666;}


/*-----------------------

TEXT AND LINKS

------------------------*/ 

p { font-size:14px; font-weight:normal; color:#a9a9a9;}

p.small { font-size:10px;}

span.tint { color:#555;}

h1 {color:#555555; font-size:18px; font-weight:normal;}

.ui-header h1 { color:#fff;} 

.ui-header h1 span { font-size:12px; font-weight:100;} 

h2 {color:#555555; font-size:14px;}

a:link, a:visited, a:hover { text-decoration:none;}

.clear { clear:both;}

.arrow-right { width: 0; height: 0;  border-top:8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid white;}

.arrow-left { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right:8px solid white; }

.dataSourceFootnote
{
    color: #2e5a98;
    float: right;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.dataSourceFootnote a
{
	width: 100%;
	display: inline-block;
	text-align: right;
}
/*-----------------------

HOME PAGE

------------------------*/ 


#home { 
	background: #2e5a98;
	color: #fff;
	text-shadow: 0 0 0;
	background-image: -moz-linear-gradient(  rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100% );
	background-image: -webkit-gradient(  linear, left top, left bottom, from(rgba(0,0,0,0.1)),  to(rgba(0,0,0,0.3)) );
	padding:20px 0px 30px 0px;}
	
#home a:link, #home a:visited { color:#fff;}

#contactClient a:link { color: #2e5a98; font-weight: normal; }

#contactClient a:visited { color: #2e5a98; }
	
#home #logo { margin-bottom:20px;}

#logo h1 a {
    background:url("/common/jquery-mobile/logos/ZPE-logo.png") no-repeat scroll 0 0 transparent; background-size:236px 76px; display: block; text-indent: -999em; transition: opacity 0.2s ease 0s; width: 236px; height:76px; }

#home #footer { margin-top:40px; font-size:12px;}

#home .ui-grid-b { font-size:12px; padding:0px 20px;}

#home .homeGrid { height:60px; padding:15px; text-align:center;}

#home .homeGrid.a, #home .homeGrid.b, #home .homeGrid.d, #home .homeGrid.e {
border-bottom: 2px groove #2e5a98;
border-right: 2px groove #2e5a98;
}

#home .homeGrid.c, #home .homeGrid.f {
border-bottom: 2px groove #2e5a98; }

#home .homeGrid.g, #home .homeGrid.h {
border-right: 2px groove #2e5a98; }

/*-----------------------

TOUR

------------------------*/ 


#tour { 
	background:url("../../../common/jquery-mobile/images/tour/tourBg.jpg") repeat-x 0 0 #f9f9f9;
	color: #555;
	text-shadow: 0 0 0;
	padding:20px 0px 30px 0px;
	background-size:8px 333px;
}

#tourSlider { margin-top:29px; padding:0px 0px 20px 0px; position:relative; display:block; background:url("../../../common/jquery-mobile/images/tour/tourCerclesBg.jpg") no-repeat 50% 50% transparent; background-size:298px 252px;}

#tourSlider h1 { color:#3c85d0;}

#tourSlider p { font-size:12px; margin-top:10px; line-height:20px;}

#tourSlider img { width:289px; height:252px;}



/*-----------------------

MAP

------------------------*/ 

.layersCollapsible .ui-collapsible-content { padding:0px 8px 10px;}

.mappingArea { font-size:12px; font-style:italic; line-height:12px; vertical-align:-10px;}

#mapDisplay { position:relative;}
	
.mapCounter { background:#000; opacity:0.6; height:25px; line-height:25px; font-size:12px; color:#fff; width:100%; text-align:center; position:relative; left:0px; text-shadow:none; top: -5px;}	
/*-----------------------

LAYERS PANEL

------------------------*/ 

li.hetmapValue img {height: 20px; width: 20px; margin-bottom: 1px;}

/* Open Legend ToolTip */ 

.legendTip { position:relative; width:70px; background: #1095E9; border: 2px solid #BC6226; color:#fff; font-size:10px; padding:5px; text-align:center; text-shadow:none; box-shadow:0 1px 2px 1px #888; -moz-box-shadow:0 1px 2px 1px #888; -webkit-box-shadow:0 1px 2px 1px #888;}

.legendTip:after, .legendTip:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}

.legendTip:after { border-color: rgba(244, 125, 43, 0);border-bottom-color: #1095E9; border-width: 10px; left: 50%; margin-left: -10px; }

.legendTip:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #126D9B; border-width: 13px; left: 50%; margin-left: -13px;}

.legendTip {
animation: fadein 4s;
-moz-animation: fadein 4s; /* Firefox */
-webkit-animation: fadein 4s; /* Safari and Chrome */
-o-animation: fadein 4s; /* Opera */
}

#legendTip 
{
    position: absolute;
    right: 0;
    width: 80px;
    z-index: 1000;
    padding: 12px 5px;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}​

/*-----------------------

PROPERTY LIST

------------------------*/ 

ul.propertyList li { position:relative;}

ul.propertyList li img { margin:20px 5px 5px 5px; border:2px solid #fff; box-shadow:0 0 1px #888; -moz-box-shadow:0 0 1px #888; -webkit-box-shadow:0 0 1px #888;}

ul.propertyList li p.city { margin-bottom:10px;}

ul.propertyList li .ribbonOn { position:absolute; top:-24px; left:-10px;}

ul.propertyList li .ribbonOn img { width:60px; border:0px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}

/*-----------------------

REPORTS PAGE

------------------------*/

.swipe { height: auto; /*212px;*/ overflow:hidden; padding:0px 1px; width: 1000px;} 

.infoCard { background:#fff; min-width:270px; margin-bottom:5px; min-height:200px; max-width: 270px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3); box-shadow: 0 1px 2px rgba(0,0,0,.3); float:left; margin-right:10px;}

.propertyInfo { height:120px; padding:20px; position:relative;}

.propertyInfo h2 { font-size:18px; font-weight:100; margin-bottom:5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.propertyInfo p.city { font-size:12px; margin:5px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.propertyInfo p.small { font-size:12px;}

.callActions { background:#f9f9f9; height:30px; padding:10px 0px;}

.callActions a {background-repeat: no-repeat; background-position: 0 0; background-size: 25px 25px; height: 25px; width: 25px; padding-left: 30px; padding-bottom: 10px;}

.callActions a span { vertical-align:-6px;}

.callActions a.callSave {
	background-image:url("../../../common/jquery-mobile/images/icon-action-star.png");
	-webkit-transition: all 0.8s ease-in 0s;
	-moz-transition: all 0.8s ease-in 0s;
	-ms-transition: all 0.8s ease-in 0s;
	-o-transition: all 0.8s ease-in 0s;
	transition: all 0.8s ease-in 0s;
}

.callActions a.callSave:hover { background-image: url("../../../common/jquery-mobile/images/icon-action-starOn.png");}

.callActions a.callCall {
	background-image: url("../../../common/jquery-mobile/images/icon-action-phone.png");
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
	
.callActions a.callCall:hover { background-image: url("../../../common/jquery-mobile/images/icon-action-phoneOn.png"); background-size:28px 28px;
width:28px; height:28px;}
	
.callActions a.callShare {
	background-image: url("../../../common/jquery-mobile/images/icon-action-share.png");
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s; 
}
	
.callActions a.callShare:hover { background-image: url("../../../common/jquery-mobile/images/icon-action-shareOn.png"); background-size:28px 28px;
width:28px; height:28px;}

.callActions a.callMap {
	background-image:url("../../../common/jquery-mobile/images/icon-action-map.png");
	-webkit-transition: all 0.8s ease-in 0s;
	-moz-transition: all 0.8s ease-in 0s;
	-ms-transition: all 0.8s ease-in 0s;
	-o-transition: all 0.8s ease-in 0s;
	transition: all 0.8s ease-in 0s;
}

.callActions a.callMap:hover { background-image: url("../../../common/jquery-mobile/images/icon-action-mapOn.png"); background-size:28px 28px;
width:28px; height:28px;}

.callActions a.callPics {
	background-image:url("../../../common/jquery-mobile/images/icon-action-pics.png");
	-webkit-transition: all 0.8s ease-in 0s;
	-moz-transition: all 0.8s ease-in 0s;
	-ms-transition: all 0.8s ease-in 0s;
	-o-transition: all 0.8s ease-in 0s;
	transition: all 0.8s ease-in 0s;
}

.callActions a.callPics:hover { background-image: url("../../../common/jquery-mobile/images/icon-action-picsOn.png"); background-size:28px 28px;
width:28px; height:28px;}

.callActions a.callEmail {
	background-image: url("../../../common/jquery-mobile/images/icon-action-email.png");
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
	
.callActions a.callEmail:hover { background-image: url("../../../common/jquery-mobile/images/icon-action-emailOn.png"); background-size:28px 28px;
width:28px; height:28px;}

.callActions .ui-bar-g { border:0px; font-size:12px; color:#555; height:20px;}

.callActions a:link, .callActions a:visited { color:#555; text-decoration:none;}

.callActions .ui-btn-up-g, .callActions .ui-btn-hover-g, .callActions .ui-btn-down-g {border:0px !important;}

.staticMap, .propertyPic {height:160px; position:relative;}

.swipeRibbon { position:absolute; top:0px; right:-30px; z-index:10;}

.callDirections {
    bottom: 55px;
    position: absolute;
    right: 10px;
}

.callDirections img {
    width: 45px;
}

.buttons-noslide 
{ background: #f9f9f9; 
      width: 100%; 
      margin-bottom: 5px; 
      padding:0px; 
      font-size:12px; 
      height:40px; 
      color:#555; 
      text-align:center;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

.buttons-noslide a { font-size:14px; color:#555; line-height:40px; font-weight:bold;}

.buttons-noslide .ui-block-a { border-right:1px solid #ddd;}

ul.reportTypes p { margin-top:5px;}

.reportsVariable a.callView {background:url("../../../common/jquery-mobile/images/icon-settings-view.png") no-repeat scroll 0px 2px transparent; display: block; height: 16px; text-indent: -999em; width: 16px; background-size: 16px 16px; margin-right:5px; display:inline-block;}

/*-----------------------

PROPERTY REPORTS

------------------------*/

ul.reportsRows p { font-size:14px;}
ul.reportsRows h2 { font-size:16px;}

.reportsAnswer {font-size:14px; color:#a9a9a9;}


/*-----------------------

DEMOGRAPHICS + LABOR FORCE + CONSUMER SPENDING... REPORTS

------------------------*/


.setDistance { background:#ddd; padding:10px 15px;}

.setDistance label.ui-input-text { font-size:11px;}

.reportsSubTitle { color: #cacaca; font-size: 14px; margin: 5px 0px;}

.reportsYear { color:#d03c3c;}

.reportsHeaderTable { width:100%}

.reportsHeaderVariable { width:60%;}

.reportsHeaderValue { width:20%; text-align:right; }

.tableRegular .reportsVariable { font-weight:bold; width:60%;}

.tableRegular .reportsValue { text-align:right !important; vertical-align:middle !important; width:20%;}

@media (max-width: 35em) {
.reportRowLabel { background:#e5e5e5;}
}

/* BREAKING POINT FOR THE TABLES */

@media ( min-width: 10em ) {
	/* Show the table header rows and set all cells to display: table-cell */
	.table-breakpoint td,
	.table-breakpoint th,
	.table-breakpoint tbody th,
	.table-breakpoint tbody td,
	.table-breakpoint thead td,
	.table-breakpoint thead th {
		display: table-cell;
		margin: 0;
	}
	/* Hide the labels in each cell */
	.table-breakpoint td .ui-table-cell-label,
	.table-breakpoint th .ui-table-cell-label {
		display: none;
	}
}

/*-----------------------

BUSINESS REPORTS

------------------------*/

.reportBusiness h2 { font-weight:bold; color:#2e5a98; font-size:16px;}

.reportsSubTitleBusiness {color:#555555; font-size:14px; margin:5px 0px;}


/*-----------------------

TALENT REPORTS

------------------------*/

.reportTalent h2 { font-weight:bold; color:#2e5a98; font-size:16px;}

.reportsSubTitleTalent {color:#555555; font-size:14px; margin:5px 0px;}


/**** END NEW STYLE FOR NEW REPORTS ******/ 




/*-----------------------

SEARCH PAGES

------------------------*/

.spacingRight { margin-right:5px;} 
.spacingLeft { margin-left:5px;}

h1.slidesH1 {
    position: relative;

    -moz-animation-name: slideHeader;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.5s;

    -webkit-animation-name: slideHeader;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.5s;
}
@-moz-keyframes slideHeader {
    0% {
        left: -50px;
		opacity:0;
    }
    100% {
        left: 0;
		opacity:1;
    }
}
@-webkit-keyframes slideHeader {
    0% {
        left: -50px;
		opacity:0;
    }
    100% {
         left: 0;
		opacity:1;
    }
	 }
	 
.slidesImg {
    position: relative;
    -moz-animation-name: slideImg;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.5s;
	-moz-animation-direction: alternate;

    -webkit-animation-name: slideImg;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.5s;
	-webkit-animation-direction: alternate;
}
@-moz-keyframes slideImg {
    0% {
        right: -50px;
		opacity:0;
    }
    100% {
        right: 0;
		opacity:1;
    }
}
@-webkit-keyframes slideImg {
    0% {
        right: -50px;
		opacity:0;
    }
    100% {
         right: 0;
		opacity:1;
    }
	 }

/*-----------------------

COMPARE

------------------------*/

ul.compareList { margin:0px !important;}

#comparePlaces form.ui-listview-filter { background:#ddd; padding:13px 10px; border-top:1px solid #999; margin: -15px; }

.compareButton { padding:0px 15px;}

.popupDistanceAction { line-height:25px;}

#popupDistance { background:#fff; padding:5px;}

#popupDistance .setDistance label.ui-input-text {font-size: 10px;}

.compareTitle { text-align:center !important; border-top:1px solid #fff; }


/*-----------------------

FOOTER 

------------------------*/

.iconFooter { vertical-align:-12px;}

.iconFooter:active { opacity:0.5;}

.footerNavPrev { float:left; width:10%;}

.footerNavNext { float:right; width:10%;}

.footerContent { float:left; text-align:center; width:80%;}

.footerContent a {margin:0.3em 0;}

.footerContent a img { vertical-align:-5px; width:20px; height:20px;}

#resultSplit
{
    height: 104px;
    width: 100%;
}

#resultSplit .propertyList.ui-listview
{
    margin: 0px;
}

.addthis_toolbox
{
    margin: -15px;
}

.favoritesPanelContainer .ui-collapsible, .favoritesPanelContainer .ui-collapsible-heading
{
    margin-left: 15px;
    display: none;
}