html {
    height: 100%;
    width: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: sans-serif;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

/*#login_canvas {
    width:628px;  
	height:812px;  
	position:relative;
	margin: 0 auto;  
	left:0px;  
	z-index: 6;
	top: 0px;
}

#imageLogin{
width: 100%;
z-index: 6;
visibility: hidden;
}*/


#login_canvas {
    width: 628px;
    height: 812px;
    position: relative;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    z-index: 4;
    top: 0px;
    margin-bottom: -812px;
    overflow: hidden;
}






div.divCenteredTextHolder {
    width: 100%;
    position: absolute;
    margin: 0px auto;
    text-align: center;
    height: 100px;
    vertical-align: central;
    line-height: 100px;
    min-width: 500px;
}


#divSplashSub {
    top: 150px;
}


#labelSplashSub {
    font-size: 20px;
    display: block;
    font-family: 'Catamaran', sans-serif;
    color: #aaaaaa;
    font-weight: 300;
}

#divCopywrightHome {
    top: 685px;
}

#labelCopywright {
    font-size: 12px;
    display: block;
    font-family: 'Roboto', sans-serif;
    color: #888888;
    font-weight: 400;
}


#divTerms {
    top: 430px;
}

#labelTerms {
    font-size: 12px;
    display: block;
    font-family: 'Roboto', sans-serif;
    color: #dddddd;
    font-weight: 400;
}


#labelUser {
    position: absolute;
    top: 326px;
    left: 100px;
    width: 90px;
    font-size: 14px;
    text-align: right;
    display: block;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-weight: 400;
}

#labelPwd {
    position: absolute;
    top: 385px;
    left: 100px;
    width: 90px;
    font-size: 14px;
    text-align: right;
    display: block;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-weight: 400;
}



#textUser {
    position: absolute;
    top: 323px;
    left: 200px;
    width: 220px;
    height: 20px;
    vertical-align: middle;
    font-size: 14px;
    border: 1px solid #333333;
    font-family: 'Roboto', sans-serif;
    color: #333333;
    font-weight: 400;
    padding-left: 5px;
    margin-left: 5px;
    text-indent: 5px;
}

#textPwd {
    position: absolute;
    top: 382px;
    left: 200px;
    width: 220px;
    height: 20px;
    vertical-align: middle;
    font-size: 14px;
    border: 1px solid #333333;
    font-family: 'Roboto', sans-serif;
    color: #333333;
    font-weight: 400;
    padding-left: 5px;
    margin-left: 5px;
    text-indent: 5px;
}

#buttonLogin {
    height: 20px;
    top: 340px;
    position: absolute;
    left: 450px;
    z-index: 7;
    width: 70px;
    height: 40px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    color: #333333;
    font-weight: 400;
    font-size: 14px;
    /*visibility: hidden;*/
}








/*#textUser {
	position: absolute;
	top: 333px;
	left: 240px;  
	width: 220px;
	font-size: 14px;
	visibility: hidden;
    border: none;
}

#textPwd {
	position: absolute;
	top: 392px;
	left: 240px;  
	width: 220px;
	font-size: 12px;
	visibility: hidden;
    border: none;
}

#buttonLogin {
	height: 20px;
	top: 350px;
	position:absolute;  
	left: 510px;  
	z-index: 7;
	width: 80px;
	height: 40px;
	text-align: center;
	font-family: Calibri;
	font-size: 14px;
	visibility: hidden;
}*/

/*#siteInputs_canvas {
    width: 100%;  
	height: 50px;  
	position: absolute;  
	top: 50px;
	margin: 0 auto;
	z-index: 9;
	background-color: #dddddd;
    opacity: 0.85;
	visibility: hidden;
}*/



@media screen {
    div.siteInputsVisible {
        width: 100%;
        height: 50px;
        position: absolute;
        top: 50px;
        margin: 0 auto;
        z-index: 7;
        background-color: #aaaaaa;
        opacity: 0.85;
        visibility: visible;
        display: block;
    }
}



@media screen {
    div.siteInputsHidden {
        width: 100%;
        height: 50px;
        position: absolute;
        top: 50px;
        margin: 0 auto;
        z-index: 7;
        background-color: #aaaaaa;
        opacity: 0.85;
        visibility: hidden;
        display: none;
    }
}












#labelSalesDetails {
    position: absolute;
    top: 15px;
    left: 62px;
    font-family: Calibri;
    font-size: 16px;
    font-weight: bold;
    color: #67819d;
    z-index: 8;
}


#labelBrandAvg {
    position: absolute;
    top: 690px;
    left: 635px;
    font-family: Calibri;
    font-size: 12px;
    color: #0000ff;
    z-index: 8;
}


#divProgress {
    width: 124px;
    height: 19px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 20;
    background-color: #eeeeee;
    visibility: hidden;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
}

#imgProgress {
    position: absolute;
    width: 2px;
    height: 15px;
    left: 2px;
    top: 2px;
    z-index: 15;
    visibility: hidden;
}

/*#divPleaseWait {
    width:174px;  
	height:100px;  
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
	z-index: 21;
	background-color: transparent;
	visibility: hidden;
}

#imgPleaseWait{
	position:absolute;  
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}*/

#divPleaseWait {
    width: 86px;
    height: 50px;
    position: absolute;
    left: 48%;
    top: 415px;
    z-index: 21;
    background-color: transparent;
    visibility: hidden;
}

#imgPleaseWait {
    width: 86px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}


/*#map_canvas {
    position: absolute;
    width: 100%;
    height: calc(100% - 100px);
    display: block;
    margin: auto;
    top: 100px;
    left: 0px;
    right: 0px;
    z-index: 5;
    visibility: hidden;
    overflow: hidden;
}*/



@media screen {
    div.mapVisible {
        position: absolute;
        width: 100%;
        height: calc(100% - 100px);
        display: block;
        margin: auto;
        top: 100px;
        left: 0px;
        right: 0px;
        z-index: 5;
        visibility: visible;
        overflow: hidden;
    }
}


@media screen {
    div.mapHidden {
        position: absolute;
        width: 0px;
        height: 0px;
        display: none;
        margin: auto;
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: 1;
        visibility: hidden;
        overflow: hidden;
    }
}





/*div.mapPrepPrint {
        position: relative;
        top: 50px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        width: 1100px;
        height: 800px;
        z-index: 9;
        display: block;
        overflow: auto;
        visibility: visible;
        page-break-before: always;
        page-break-after: always;
    }*/




#divSiteQSettings {
    /*height: 500px;*/
    height: calc(100% - 100px);
    width: 300px;
    z-index: 9;
    background-color: #ffffff;
    opacity: 1;
    font-family: Calibri;
    font-size: 12px;
    visibility: hidden;
    position: absolute;
    top: 100px;
    left: 0px;
}


#imgCloseSiteQSettings {
    position: absolute;
    top: 18px;
    left: 263px;
}

#imgResetScores {
    position: absolute;
    height: 18px;
    width: 18px;
    top: 53px;
    left: 180px;
    background-color: Transparent;
    z-index: 9;
}

#labelSiteScoresTop {
    position: absolute;
    font-size: 16px;
    font-family: Roboto;
    color: #555555;
    font-weight: 700;
    top: 50px;
    left: 20px;
}

select.siteQdrop {
    position: absolute;
    left: 100px;
}

#siteVis {
    top: 90px;
}

#siteAccess {
    top: 120px;
}

#siteSign {
    top: 150px;
}

#sitePark {
    top: 180px;
}

#siteTraffic {
    top: 210px;
}

#siteCondition {
    top: 240px;
}

#siteOp {
    top: 270px;
}

label.labelSiteQ {
    position: absolute;
    left: 20px;
    width: 40px;
    font-size: 14px;
    font-family: Roboto, Calibri;
    font-weight: 300;
    color: #666666;
    z-index: 8;
}

#labelVis {
    top: 90px;
}

#labelAccess {
    top: 120px;
}

#labelSign {
    top: 150px;
}

#labelPark {
    top: 180px;
}

#labelTraffic {
    top: 210px;
}

#labelCondition {
    top: 240px;
}

#labelOp {
    top: 270px;
}

input.sliderSiteQSettings {
    position: absolute;
    left: 160px;
}

#sliderVis {
    top: 80px;
}

#sliderAccess {
    top: 110px;
}

#sliderSign {
    top: 140px;
}

#sliderPark {
    top: 170px;
}

#sliderTraffic {
    top: 200px;
}

#sliderCondition {
    top: 230px;
}

#sliderOp {
    top: 260px;
}






/*#checkboxGrowthHeader {
    position: absolute;
    top: 300px;
    left: 20px;
    font-size: 14px;
    font-family: Roboto, Calibri;
    font-weight: 300;
    color: #666666;
    z-index: 8;
}

#labelGrowthMetric {
    position: absolute;
    top: 320px;
    left: 30px;
    font-size: 14px;
    font-family: Roboto, Calibri;
    font-weight: 300;
    color: #666666;
    z-index: 8;
}

#dropGrowthMetric {
    position: absolute;
    top: 340px;
    left: 30px;
    font-size: 14px;
    font-family: Roboto, Calibri;
    font-weight: 300;
    color: #666666;
    z-index: 8;
}

#textGrowthMetric {
    position: absolute;
    top: 320px;
    left: 100px;
    font-size: 14px;
    font-family: Roboto, Calibri;
    font-weight: 300;
    color: #666666;
    z-index: 8;
}

#labelGrowthArea {
    position: absolute;
    top: 390px;
    left: 30px;
    font-size: 14px;
    font-family: Roboto, Calibri;
    font-weight: 300;
    color: #666666;
    z-index: 8;
}

#dropGrowthArea {
    position: absolute;
    top: 410px;
    left: 30px;
    font-size: 14px;
    font-family: Roboto, Calibri;
    font-weight: 300;
    color: #666666;
    z-index: 8;
}

#labelGrowthAttributes {
    position: absolute;
    top: 510px;
    left: 30px;
    font-size: 14px;
    font-family: Roboto, Calibri;
    font-weight: 300;
    color: #666666;
    z-index: 8;
}

#checkboxGrowthAttrib1 {
    position: absolute;
    top: 530px;
    left: 30px;
    font-size: 14px;
    font-family: Roboto, Calibri;
    font-weight: 300;
    color: #666666;
    z-index: 8;
}

#textGrowthAttrib1 {
    position: absolute;
    top: 530px;
    left: 120px;
    font-size: 14px;
    font-family: Roboto, Calibri;
    font-weight: 300;
    color: #666666;
    z-index: 8;
}

#checkboxGrowthAttrib2 {
    position: absolute;
    top: 545px;
    left: 30px;
    font-size: 14px;
    font-family: Roboto, Calibri;
    font-weight: 300;
    color: #666666;
    z-index: 8;
}

#textGrowthAttrib2 {
    position: absolute;
    top: 545px;
    left: 120px;
    font-size: 14px;
    font-family: Roboto, Calibri;
    font-weight: 300;
    color: #666666;
    z-index: 8;
}*/



#formGrowth {
    position: absolute;
    top: 340px;
    left: 20px;
    font-size: 14px;
    font-family: Roboto, Calibri;
    font-weight: 300;
    color: #666666;
    z-index: 8;
}




#imgClosePanel {
    position: absolute;
    top: 6px;
    left: 268px;
    z-index: 10;
}

#layers_canvas {
    /*height: 1000px;*/
    /*height: 100%;*/
    height: calc(100% - 100px);
    overflow: auto;
    width: 320px;
    z-index: 8;
    background-color: #ffffff;
    opacity: 0.87;
    font-family: Calibri;
    font-size: 12px;
    visibility: hidden;
    position: absolute;
    top: 100px;
    left: 0px;
    /*background-image:  url(http://www.mapleviews.com/panago/Assets/LayersPanel5c.png);	
	background-position: center;
	background-repeat: no-repeat;
	background-color: Transparent;*/
}



#divDecisionLayers {
    z-index: 9;
    background-color: #8db4e3;
    opacity: 0.8;
    /*position: absolute;*/
    position: sticky;
    top: 0px;
    left: 0px;
    height: 35px;
    /*width: 320px;*/
    width: 100%;
    font-family: 'Catamaran', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
}

#labelDecisionLayers {
    height: 40px;
}


#formCheckBox {
    position: absolute;
    top: 50px;
    left: 20px;
    font-family: Roboto;
    font-weight: 300;
    color: #333333;
    font-size: 16px;
    line-height: 30px;
    vertical-align: middle;
}

input.legendLayer {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #888888;
}




div.divLegendItem {
    height: 20px;
    width: 20px;
    display: inline;
}


#divLegendItemStores {
    background-image: url(http://www.mapleviews.com/isi/assets/legendIconStores.png);
}

/*div.divLegendEntry {
    height: 24px;
    width: 270px;
    background-color: #eeeeee;
    z-index: 6;
    opacity: 0.87;
}

img.imgRefreshLegendEntry {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    left: 250px;
    top: 50px;
    line-height: 24px;
}*/



/*#salesChartDiv {
	position: absolute;
	top: 30px;
	height : 40px;
	width: 460px;
	z-index: 4;
	left: 10px;
}

#salesTableDiv {
	position: absolute;
	top: 85px;
	height : 100px;
	width: 500px;
	z-index: 5;
	left: 85px;
}

#peersChartDiv{
	position: absolute;
	top: 35px;
	left: 10px;
	height : 40px;
	width: 460px;
	z-index: 4;
}

#peersTableDiv{
	position: absolute;
	top: 100px;
	height: 100px;
	width: 500px;
	z-index: 4;
	left: 85px;
}

#salesTable{
width: 450px;
max-width: 450px;
}

#peersTable {
left: 0px;
top: 0px;
width: 450px;
max-width: 450px;
}

#locsTable {
    left: 40px;
    top: 45px;
    width: 450px;
    max-width: 450px;
}*/

table.commonTable {
    text-align: left;
    position: absolute;
    font-family: Calibri;
    font-size: 14px;
    border: none;
    padding-left: 5px;
}

    table.commonTable th {
        border-width: 1px;
        padding: 1px;
        border-style: solid;
        border-color: Gray;
        background-color: #888888;
        font-weight: bold;
        color: #ffffff;
    }

    table.commonTable td {
        border-width: 1px;
        padding: 1px;
        border-style: solid;
        border-color: white;
        background-color: #e7edf5;
        padding-left: 5px;
        white-space: nowrap;
    }

table tbody .alt td {
    border-width: 1px;
    padding: 1px;
    border-style: solid;
    border-color: white;
    background-color: #eeeeee;
    padding-left: 5px;
    white-space: nowrap;
}


/*salesHeader1{
width: 200px;
}

salesHeader2{
width: 75px;
}

salesHeader3{
width: 75px;
}



#tableSalesDetailsUrban{
	font-size: 14px;
	width: 818px;
	left: 60px;
	top: 50px;
    height: 600px;
    max-height: 420px;
}


#tableSalesDetailsSmall{
	font-size: 14px;
	width: 818px;
	left: 60px;
	top: 50px;
	visibility: hidden;
    height: 600px;
    max-height: 420px;
}


#SDUcol1{
	width:80px;
}

#SDUcol2{
	width:238px;
}

#SDUcol3{
	width:80px;
}

#SDUcol4{
	width:400px;
}




#SDScol1{
	width:80px;
}

#SDScol2{
	width:238px;
}

#SDScol3{
	width:80px;
}

#SDScol4{
	width:400px;
}




#locsTableR1C1{
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: Gray;
	background-color: #888888;
	font-weight: bold;
	color: #ffffff;
	width: 80px;
	padding-left: 5px;
}

#locsTableR2C1{
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: Gray;
	background-color: #888888;
	font-weight: bold;
	color: #ffffff;
	width: 80px;
	padding-left: 5px;
}

#locsTableR3C1{
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: Gray;
	background-color: #888888;
	font-weight: bold;
	color: #ffffff;
	width: 80px;
	padding-left: 5px;
}

#locsTableR4C1{
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: Gray;
	background-color: #888888;
	font-weight: bold;
	color: #ffffff;
	width: 80px;
	padding-left: 5px;
}*/


div.siteGuidelines {
    position: absolute;
    top: 100px;
    left: 300px;
    height: 300px; /*must be explicit width set versus % for centering to work with the absolute position*/
    width: 485px;
    z-index: 9;
    background-color: #ffffff;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 300;
    visibility: hidden;
    border-style: solid;
    border-width: 1px;
    border-color: #888888;
}




/*img.imgCloseSiteWin{
	position: absolute;
	top: 10px;
	left: 455px;
	z-index: 9;
	width: 14px;
	height: 14px;
}

#imgCloseSalesDetails{
	position: absolute;
	top: 15px;
	left: 955px;
	z-index: 9;
	width: 14px;
	height: 14px;
}


#imgCloseDashWindow{
	position: absolute;
	top: 15px;
	left: 455px;
	z-index: 9;
	width: 14px;
	height: 14px;
}*/


/*#divExplanContent{
    position: absolute;
    top: 30px;
    left: 30px;
}

#labelExplanHeader{
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 9;
}

div.demogChart {
	position: absolute;
	height : 40px;
	width: 400px;
	z-index: 5;
    left: 20px;
}

div.scoresChart {
	position: absolute;
	height : 45px;
	width: 460px;
	z-index: 5;
    left: 10px;
}


img.imgBarSD {
	position: relative;
	height : 14px;
	z-index: 5;
	width: 396px;
	left: 0px;
    top: 1px;
}	


img.imgBar1 {
	position: absolute;
	top: 6px;
	height : 16px;
	z-index: 5;
	width: 300px;
	left: 80px;
}	

img.imgBar2 {
	position: absolute;
	top: 22px;
	left: 80px;
	height : 16px;
	z-index: 5;
	width: 150px;
}

img.imgBarDistrib1 {
	position: absolute;
	height : 16px;
	z-index: 5;
	width: 60px;
	top: 14px;
}

img.imgBarDistrib2 {
	position: absolute;
	height : 16px;
	z-index: 5;
	width: 60px;
	top: 30px;
}

#barDemogs4_1{
	left: 80px;
}

#barDemogs4_2{
	left: 140px;
}

#barDemogs4_3{
	left: 200px;
}

#barDemogs4_4{
	left: 260px;
}

#barDemogs4_5{
	left: 320px;
}

#barDemogs4a_1{
	left: 80px;
	width: 73px;
}

#barDemogs4a_2{
	left: 153px;
	width: 58px;
}

#barDemogs4a_3{
	left: 211px;
	width: 71px;
}

#barDemogs4a_4{
	left: 282px;
	width: 57px;
}

#barDemogs4a_5{
	left: 339px;
	width: 41px;
}


#imgSales1a{
width: 150px;
}

#imgPeers1a{
width: 150px;
}

#imgScores2{
position: absolute;
top: 6px;
width: 300px;
left: 80px;
	height : 16px;
	z-index: 5;
}

#imgScores2a{
position: absolute;
top: 22px;
width: 180px;
left: 80px;
	height : 16px;
	z-index: 5;
}

#imgScores3{
position: absolute;
top: 6px;
width: 300px;
left: 80px;
	height : 16px;
	z-index: 5;
}

#imgScores3a{
position: absolute;
top: 22px;
width: 156px;
left: 80px;
	height : 16px;
	z-index: 5;
}

#imgScores4{
position: absolute;
top: 6px;
width: 300px;
left: 80px;
	height : 16px;
	z-index: 5;
}

#imgScores4a{
position: absolute;
top: 22px;
width: 150px;
left: 80px;
	height : 16px;
	z-index: 5;
}



#labelDemogs{
position: absolute;
top: 6px;
left: 10px;
font-family: Calibri;
font-size: 14px;
font-weight: bold;
color: #67819d;
z-index: 8;
}

#labelDemogsNote{
position: absolute;
top: 8px;
left: 100px;
font-family: Calibri;
font-size: 12px;
color: #666666;
z-index: 8;
}

#dashDemogs1 {
	top: 40px;
	height: 50px;
	width: 460px;
}

#dashDemogs2 {
	top: 95px;
	height: 50px;
	width: 460px;
}
#dashDemogs3 {
	top: 150px;
	height: 50px;
	width: 460px;
}

#dashDemogs4 {
	top: 205px;
	height: 50px;
	width: 460px;
}
#dashDemogs5 {
	top: 260px;
	height: 50px;
	width: 460px;
}
#dashDemogs6 {
	top: 315px;
	height: 50px;
	width: 460px;
}

#dashScores2{
top: 40px;
}

#dashScores3{
top: 95px;
}

#dashScores4{
top: 150px;
}

label.ageHeader{
position: absolute;
width: 60px;
height: 12px;
top: 2px;
vertical-align: middle;
text-align:center;
font-family: Calibri;
font-size: 10px;
color: #67819d;
z-index: 8;
}*/

label.guidelineHeader {
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
    color: #67819d;
    position: relative;
    left: 20px;
    z-index: 8;
}

/*#labelAge1{
left: 80px;
}

#labelAge2{
left: 140px;
}

#labelAge3{
left: 200px;
}

#labelAge4{
left: 260px;
}

#labelAge5{
left: 320px;
}


label.chartHeader{
position: absolute;
width: 70px;
height: 32px;
left: 5px;
top: 6px;
vertical-align: middle;
text-align:center;
font-family: Calibri;
font-size: 12px;
color: #67819d;
z-index: 8;
}

#headerDemogs4{
position: absolute;
width: 70px;
height: 32px;
left: 5px;
top: 16px;
vertical-align: middle;
text-align:center;
font-family: Calibri;
font-size: 12px;
color: #67819d;
z-index: 8;
}

#labelSales1{
position: absolute;
width: 70px;
height: 16px;
left: 85px;
top: 2px;
vertical-align: middle;
text-align: left;
font-family: Calibri;
font-size: 16px;
z-index: 8;
color: #ffffff;
font-weight: bold;
}


#labelPeers1{
position: absolute;
width: 70px;
height: 16px;
left: 85px;
top: 2px;
vertical-align: middle;
text-align: left;
font-family: Calibri;
font-size: 16px;
z-index: 8;
color: #ffffff;
font-weight: bold;
}

#labelPositNote{
position: absolute;
width: 70px;
height: 16px;
vertical-align: middle;
text-align:center;
top: 60px;
left: 5px;
font-family: Calibri;
font-size: 10px;
color: #666666;
z-index: 8;
}


#headerCannib{
position: absolute;
width: 70px;
height: 32px;
left: 15px;
top: 90px;
vertical-align: middle;
text-align:center;
font-family: Calibri;
font-size: 12px;
color: #67819d;
z-index: 8;
}

#headerPeersTable{
position: absolute;
width: 70px;
height: 32px;
left: 5px;
top: 60px;
vertical-align: middle;
text-align:center;
font-family: Calibri;
font-size: 12px;
color: #67819d;
z-index: 8;
visibility: hidden;
}

#imgOpenSalesDetails{
position: absolute;
left: 43px;
top: 45px;
z-index: 9;
}

#headerLocs{
position: absolute;
width: 70px;
height: 32px;
left: 5px;
top: 15px;
vertical-align: middle;
text-align:center;
font-family: Calibri;
font-size: 12px;
color: #67819d;
z-index: 8;
}

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

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

#headerScores2{
line-height: 16px;
}

#headerScores3{
line-height: 16px;
}

#headerScores4 {
line-height: 16px;
}

label.chartLabel{
position: absolute;
width: 70px;
height: 16px;
left: 85px;
top: 4px;
vertical-align: middle;
text-align: left;
font-family: Calibri;
font-size: 14px;
z-index: 8;
color: #ffff99;
font-weight: bold;
}

label.chartLabel2{
position: absolute;
width: 70px;
height: 14px;
left: 85px;
top: 22px;
vertical-align: middle;
text-align: left;
font-family: Calibri;
font-size: 12px;
z-index: 8;
}*/



#imgLayers {
    /*image width 30 and height 26*/
    position: absolute;
    top: 12px;
    left: 0px;
    z-index: 9;
}


#imgSiteQSettings {
    /*image width 40 and height 40*/
    position: absolute;
    top: 12px;
    left: 28px;
    z-index: 9;
}








#imgDemoLeg1 {
    position: absolute;
    top: 3px;
    left: 10px;
    background-color: Transparent;
}

#imgDemoLeg2 {
    position: absolute;
    top: 20px;
    left: 10px;
    background-color: Transparent;
}

#imgDemoLeg3 {
    position: absolute;
    top: 37px;
    left: 10px;
    background-color: Transparent;
}

#imgDemoLeg4 {
    position: absolute;
    top: 54px;
    left: 10px;
    background-color: Transparent;
}

#imgDemoLeg5 {
    position: absolute;
    top: 3px;
    left: 120px;
    background-color: Transparent;
}

#imgDemoLeg6 {
    position: absolute;
    top: 20px;
    left: 120px;
    background-color: Transparent;
}

#imgDemoLeg7 {
    position: absolute;
    top: 37px;
    left: 120px;
    background-color: Transparent;
}

#imgDemoLeg8 {
    position: absolute;
    top: 54px;
    left: 120px;
    background-color: Transparent;
}


#labelDemoLeg1 {
    position: absolute;
    top: 0px;
    left: 45px;
    font-family: Calibri;
    font-size: 12px;
    color: #333333;
    z-index: 8;
}

#labelDemoLeg2 {
    position: absolute;
    top: 17px;
    left: 45px;
    font-family: Calibri;
    font-size: 12px;
    color: #333333;
    z-index: 8;
}

#labelDemoLeg3 {
    position: absolute;
    top: 34px;
    left: 45px;
    font-family: Calibri;
    font-size: 12px;
    color: #333333;
    z-index: 8;
}

#labelDemoLeg4 {
    position: absolute;
    top: 51px;
    left: 45px;
    font-family: Calibri;
    font-size: 12px;
    color: #333333;
    z-index: 8;
}

#labelDemoLeg5 {
    position: absolute;
    top: 0px;
    left: 155px;
    font-family: Calibri;
    font-size: 12px;
    color: #333333;
    z-index: 8;
}

#labelDemoLeg6 {
    position: absolute;
    top: 17px;
    left: 155px;
    font-family: Calibri;
    font-size: 12px;
    color: #333333;
    z-index: 8;
}

#labelDemoLeg7 {
    position: absolute;
    top: 34px;
    left: 155px;
    font-family: Calibri;
    font-size: 12px;
    color: #333333;
    z-index: 8;
}

#labelDemoLeg8 {
    position: absolute;
    top: 51px;
    left: 155px;
    font-family: Calibri;
    font-size: 12px;
    color: #333333;
    z-index: 8;
}




























#exportTableButton {
    top: 440px;
    left: 60px;
}

a.zoomInBigFont {
    /*font-size: 40px;*/
}








.headerRowClass {
    padding: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #555555;
    background-color: #aaaaaa;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
    height: 14px;
}


.headerRowClassGreen {
    padding: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #555555;
    background-color: #92d050;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
    height: 14px;
}


.headerRowClassPurple {
    padding: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #555555;
    background-color: #b3a2c7;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
    height: 14px;
}



.tableRowClass {
    padding: 1px;
    padding-left: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #888888;
    height: 14px;
    white-space: nowrap;
}




.oddTableRowClass {
    border-width: 1px;
    padding: 1px;
    padding-left: 3px;
    border-style: solid;
    border-color: #555555;
    background-color: #eeeeee;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #888888;
    height: 14px;
    white-space: nowrap;
}

.tableCellClass {
    padding: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #555555;
}


.headerCellClass {
    padding: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #555555;
    background-color: #aaaaaa;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
    height: 14px;
}

.headerCellClassGreen {
    padding: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #555555;
    background-color: #92d050;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
    height: 14px;
}

.headerCellClassPurple {
    padding: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #555555;
    background-color: #b3a2c7;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
    height: 14px;
}







/*#header_canvas {
    position: absolute;
    top: 0px;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
    width: 100%;  
    min-width: 600px;
	height: 50px;  
	margin: 0px auto;
	z-index: 9;
	visibility: hidden;
	background-color: #444848;
    opacity: 1;
}*/





@media screen {
    div.headerVisible {
        /*position:relative;*/
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        min-width: 600px;
        height: 60px;
        margin: 0px auto;
        z-index: 9;
        visibility: visible;
        background-color: #363636;
        opacity: 1;
        display: block;
    }
}

@media screen {
    div.headerHidden {
        /*position:relative;*/
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        min-width: 600px;
        height: 50px;
        margin: 0px auto;
        z-index: 9;
        visibility: hidden;
        background-color: #444848;
        opacity: 1;
        display: none;
    }
}





#imgLogo {
    position: absolute;
    top: 8px;
    z-index: 9;
    left: 8px;
    opacity: 1;
}


a.aHomeLink {
    text-decoration: none;
    font-family: 'Roboto', sans-serif, Tahoma, Geneva;
    font-size: 20px;
    font-weight: 300;
    color: #dd7000;
}



/*#home_canvas {
    position: absolute;
    width: 100%;
    height: 1000px;
    min-width: 600px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50px;
    border: none;
    z-index: 7;
    font-family: 'Roboto:300', sans-serif, Tahoma, Geneva;
    font-size: 12px;
    text-align: center;
    background-color: #aaaaaa;
    display: block;
}*/




div.divHomeDash {
    position: absolute;
    z-index: 7;
    margin: 0px auto;
    font-family: 'Roboto:300', sans-serif, Tahoma, Geneva;
    font-size: 12px;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 3px 3px 3px #888888;
}


#divHomeSiteInputs {
    width: 45%;
    height: 60px;
    top: 12px;
    left: 10%;
    background-color: #888888;
}




#divHomeKPIs {
    width: 45%;
    height: 200px;
    top: 92px;
    left: 10%;
}

div.divHomeFrame {
    position: absolute;
    top: 32px;
    width: 100%;
}

#divHomeKPIsFrame {
    height: 168px;
}

#divHomeGaugesFrame {
    height: 160px;
    width: 36%;
    top: 10px;
    left: 1%;
}

#divHomeChart1Frame {
    position: absolute;
    height: 120px;
    width: 25%;
    top: 40px;
    left: 40%;
}

#divHomeChart1Title {
    position: absolute;
    height: 15px;
    width: 25%;
    top: 5px;
    left: 40%;
}


#labelChart1Title {
    position: absolute;
    text-align: center;
    width: 100%;
    font-family: 'Roboto', sans-serif, Tahoma, Geneva;
    font-size: 12px;
    color: #4f81bd;
}


#divHomeChart2Frame {
    position: absolute;
    height: 120px;
    width: 25%;
    top: 40px;
    left: 70%;
}


#divHomeChart2Title {
    position: absolute;
    height: 15px;
    width: 25%;
    top: 5px;
    left: 70%;
}


#labelChart2Title {
    position: absolute;
    text-align: center;
    width: 100%;
    font-family: 'Roboto', sans-serif, Tahoma, Geneva;
    font-size: 12px;
    color: #4f81bd;
}


/*format the text in the middle of each gauge*/
svg:first-child > g > text[text-anchor~=middle] {
    font-family: Roboto;
    font-weight: 300;
    font-size: 10px;
}


/*format one of the circles of the gauge*/
/*svg:nth-child(1) > g > circle{
    fill: purple;
}*/



#divHomeAssessed {
    width: 34%;
    height: 200px;
    top: 12px;
    left: 56%;
}

#divHomeAssessedFrame {
    height: 155px;
    width: 98%;
    left: 1%;
}

#divHomeLocMap {
    width: 45%;
    height: 400px;
    top: 312px;
    left: 10%;
}

#divHomeLocMapFrame {
    height: 363px;
}

#divHomeTree {
    width: 34%;
    height: 480px;
    top: 232px;
    left: 56%;
}


#divHomeTreeFrame {
    height: 435px;
}

#divHomeStores {
    width: 45%;
    height: 200px;
    top: 732px;
    left: 10%;
}

#divHomeStoresFrame {
    height: 155px;
    width: 98%;
    left: 1%;
}


#divHomeMarkets {
    width: 34%;
    height: 200px;
    top: 732px;
    left: 56%;
}

#divHomeMarketsFrame {
    height: 155px;
    width: 98%;
    left: 1%;
}

/*div.divDashBanner {
    width: 100%;
    position: absolute;
    margin: 0px auto;
    top: 0px;
    height: 25px;
    font-family: 'Roboto', sans-serif, Tahoma, Geneva;
    font-size: 18px;
    font-weight: 300;
    color: #555555;
    text-align: center;
    vertical-align: middle;
    background-color: #b8cce4;
}*/


label.labelDashSiteInputs {
    font-weight: 700;
}

img.imgMaxWindow {
    position: absolute;
    right: 5px;
    top: 3px;
    z-index: 9;
}





#addressHome {
    position: absolute;
    vertical-align: middle;
    height: 18px;
    width: 79%;
    background-color: #ffffff;
    top: 31px;
    left: 10%;
    z-index: 5;
    font-size: 14px;
    font-family: Calibri;
    color: #333333;
    text-indent: 5px;
    line-height: normal;
    padding-top: 5px;
    border: none;
}




#imageGoHome {
    position: absolute;
    top: 31px;
    right: 10%;
    z-index: 6;
    width: 5%;
    height: 24px;
}




div.legendCircle {
    width: 12px;
    height: 12px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    position: absolute;
    border-width: 1px;
    border-style: solid;
    border-color: #555555;
}





label.legendCircleLabel {
    position: absolute;
    font-family: Calibri;
    font-size: 12px;
    color: #333333;
    z-index: 8;
    vertical-align: top;
}



div.divWithinForm {
    /*display: inline-block;*/
}


#siteLocLegend {
    height: 70px;
    width: 260px;
    z-index: 6;
}


#circle1 {
    background-color: #8cff00;
}

#circle2 {
    background-color: #ccff00;
}

#circle3 {
    background-color: #ffff00;
}

#circle4 {
    background-color: #ffcc00;
}

#circle5 {
    background-color: #ff9900;
}

#circle6 {
    background-color: #ff6600;
}

#circle7 {
    background-color: #ff3300;
}

#circle8 {
    background-color: #cc0000;
}




#labelCircle1 {
    top: 0px;
    left: 40px;
}

#labelCircle2 {
    top: 17px;
    left: 40px;
}

#labelCircle3 {
    top: 34px;
    left: 40px;
}

#labelCircle4 {
    top: 51px;
    left: 40px;
}

#labelCircle5 {
    top: 0px;
    left: 150px;
}

#labelCircle6 {
    top: 17px;
    left: 150px;
}

#labelCircle7 {
    top: 34px;
    left: 150px;
}

#labelCircle8 {
    top: 51px;
    left: 150px;
}


div.divTableFullScreen {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: calc(100% - 65px);
    width: 100%;
    z-index: 8;
    background-color: #ffffff;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 300;
    display: none;
}




div.divTableauHeading {
    position: absolute;
    /* center the element */
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    /* give it dimensions */
    top: 20px;
    min-height: 5em;
    width: 90%;
    height: 30px;
    text-align: center;
    font-family: 'Roboto', sans-serif, Tahoma, Geneva;
    font-size: 26px;
    font-weight: 300;
    color: #dd7000;
}


div.tableauPlaceholder {
    position: absolute;
    /* center the element */
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    /* give it dimensions */
    top: 0px;
    min-height: 10em;
    width: 100%;
    height: 100%;
}


table.tableLegend {
    text-align: left;
    vertical-align: middle;
    font-family: Calibri;
    font-size: 12px;
    color: #333333;
    border: none;
    background-color: transparent;
}

    table.tableLegend th {
        border: none;
        line-height: 0px;
    }

    table.tableLegend tr {
        line-height: 14px;
        vertical-align: top;
    }

    table.tableLegend td {
        line-height: 14px;
        vertical-align: top;
    }

#tableLegendCol1 {
    width: 15px;
}

#tableLegendCol2 {
    width: 15px;
}

#tableLegendCol3 {
    width: 65px;
}

#tableLegendCol4 {
    width: 15px;
}

#tableLegendCol5 {
    width: 65px;
}



#tableDemogLegendCol1 {
    width: 15px;
}

#tableDemogLegendCol2 {
    width: 20px;
}

#tableDemogLegendCol3 {
    width: 55px;
}

#tableDemogLegendCol4 {
    width: 20px;
}

#tableDemogLegendCol5 {
    width: 55px;
}


/*
set margins of the hidden div used for infoWindows
    .gm-style-iw {
   top: 0;
   left: 0;
   background-color: #fff;
   box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
}*/




/*.gm-style-iw {
    width: 300px;
    min-height: 150px;
}*/


label.mapLegendHeader {
    font-weight: 700;
}







img.imgTraffic {
    position: absolute;
    z-index: 6;
    top: 2px;
    right: 3px;
}







#dashSales {
    width: 39%;
    height: 200px;
    top: 45px;
    left: 10%;
    background-color: #ffffff;
    z-index: 4;
}

#dashScores {
    width: 39%;
    height: 250px;
    top: 265px;
    left: 10%;
    background-color: #ffffff;
    z-index: 4;
}

#dashPeers {
    width: 39%;
    height: 250px;
    top: 535px;
    left: 10%;
    background-color: #ffffff;
    z-index: 4;
}

#dashDemogs {
    width: 39%;
    height: 550px;
    top: 45px;
    left: 51%;
    background-color: #ffffff;
    z-index: 4;
}

#dashLocs {
    width: 39%;
    height: 170px;
    top: 615px;
    left: 51%;
    background-color: #ffffff;
    z-index: 4;
}



#divSiteDashHeader {
    position: absolute;
    /* center the element */
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    /* give it dimensions */
    top: 10px;
    min-height: 10em;
    width: 90%;
    height: 25px;
    text-align: center;
    font-family: 'Roboto', sans-serif, Tahoma, Geneva;
    font-size: 20px;
    font-weight: 300;
    color: #ffffff;
}







#divBusinessSearch {
    position: absolute;
    background-color: #d2dce6;
    height: 30px;
    left: 550px;
    top: 100px;
    width: 312px;
    border: 1px solid #8eb4e3;
    visibility: hidden;
    z-index: 15;
}

#textBiz {
    position: absolute;
    vertical-align: middle;
    border: 1px solid black;
    /*border-radius: 10px;*/
    border-radius: 2px;
    box-shadow: #888888 1px 1px inset;
    height: 14px;
    width: 255px;
    top: 4px;
    left: 5px;
    z-index: 5;
    font-size: 14px;
    font-family: Calibri;
    color: #333333;
    border: 0px;
    padding-left: 5px;
    margin-left: 5px;
    text-indent: 5px;
    padding-top: 5px;
    line-height: normal;
    margin-right: 5px;
    outline: none;
}


#imgSubmitBiz {
    position: absolute;
    top: 4px;
    left: 277px;
    background-color: Transparent;
}


#dropDownThematic {
    height: 24px;
    width: 215px;
    background-color: #ffffff;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    color: #555555;
    border-style: solid;
    border-width: 1px;
    border-color: #aaaaaa;
    border-radius: 2px;
    z-index: 8;
}


optgroup {
    background-color: #cccccc;
    color: white;
    font-size: 12px;
}

option.optionThematic {
    background-color: #ffffff;
    color: #555555;
}






#SDU_C1R1 {
    color: red;
}

#SDU_C1R7 {
    color: green;
}

#SDU_C1R12 {
    color: blue;
}

#SDU_C1R15 {
    color: darkorange;
}

#SDU_C1R16 {
    color: rebeccapurple;
}



#SDS_C1R1 {
    color: red;
}

#SDS_C1R7 {
    color: green;
}

#SDS_C1R15 {
    color: blue;
}

#SDS_C1R17 {
    color: darkorange;
}

#SDS_C1R18 {
    color: rebeccapurple;
}


















table.popupTable {
    text-align: left;
    font-family: Calibri;
    font-size: 14px;
    border: none;
    padding-left: 5px;
}


#customPopupTable {
    text-align: center;
}


#topCustomPopupTable {
    text-align: center;
}






table.popupTable th {
    border-width: 1px;
    padding: 1px;
    border-style: solid;
    border-color: Gray;
    background-color: #888888;
    font-weight: bold;
    color: #ffffff;
}

table.popupTable td {
    border-width: 1px;
    padding: 1px;
    border-style: solid;
    border-color: white;
    background-color: #e7edf5;
    padding-left: 5px;
    white-space: nowrap;
}

table.popupTable tbody .alt td {
    border-width: 1px;
    padding: 1px;
    border-style: solid;
    border-color: white;
    background-color: #eeeeee;
    padding-left: 5px;
    white-space: nowrap;
}


table.popupTable td.popupCol1 {
    width: 100px;
    color: #67819d;
}

table.popupTable td.popupCol2 {
    width: 280px;
    color: #555555;
}


#tdStorePic {
    width: 390px;
    padding-left: 1px;
    padding-top: 4px;
    padding-bottom: 2px;
}


table.tablePopupLinks {
    /*width: 400px;*/
    max-width: 400px;
    table-layout: fixed;
}


.inputInfoWin {
    width: 95%;
    outline: none;
    border: none;
    background-color: transparent;
}


img.imageTopPop {
    margin-left: 18px;
}


#imgStorePic {
    margin-left: 4px;
}

table.streetViewPreviewTable {
    margin-left: 30px;
}

#menuNonTrad {
    visibility: hidden;
}




input[type=range] {
    -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
    background: transparent; /* Otherwise white in Chrome */
}

    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
    }

    input[type=range]:focus {
        outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
    }

    /*Styling the thumb in Chrome*/
    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: 1px solid #000000;
        height: 14px;
        width: 6px;
        border-radius: 3px;
        background: #ffffff;
        cursor: pointer;
        margin-top: -4px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
        box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
    }

    /*Styling the track in Chrome*/
    input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 8px;
        cursor: pointer;
        box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
        /*background: #3071a9;*/
        background: #aadaff;
        border-radius: 1.3px;
        border: 0.2px solid #010101;
        margin-top: 2px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
    }

    input[type=range]:focus::-webkit-slider-runnable-track {
        /*background: #367ebd;*/
        background: #aadaff;
    }




.delete-menu {
    position: absolute;
    background: white;
    padding: 3px;
    color: #666;
    font-weight: bold;
    border: 1px solid #999;
    font-family: sans-serif;
    font-size: 12px;
    box-shadow: 1px 3px 3px rgba(0, 0, 0, .3);
    margin-top: -10px;
    margin-left: 10px;
    cursor: pointer;
}

    .delete-menu:hover {
        background: #eee;
    }

































#dashboard_canvas {
    position: absolute;
    width: 100%;
    /*height: 5000px;*/
    height: calc(100% - 50px);
    min-width: 600px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50px;
    border: none;
    z-index: 7;
    font-family: 'Roboto:300', sans-serif, Tahoma, Geneva;
    font-size: 12px;
    text-align: center;
    background-color: #aaaaaa;
    visibility: hidden;
    /*the lines that follow cause inner divs with relative position to use height required for content before stacking next ones*/
    display: block;
    overflow: auto;
}

/*#dashboard_canvas {
    position: absolute;
    width: 100%;
    height: calc(100% - 50px);
    min-width: 1000px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50px;
    border: none;
    z-index: 7;
    font-family: 'Roboto:300', sans-serif, Tahoma, Geneva;
    font-size: 12px;
    text-align: center;
    background-color: #aaaaaa;
    visibility: hidden;
}*/




#divSiteProfileHeader {
    width: 1100px;
    height: 800px;
    position: relative;
    top: 20px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    line-height: 100px;
    page-break-after: always;
}


#imgSiteProfileStreetView {
    opacity: 0.3;
    filter: alpha(opacity=35); /* For IE8 and earlier */
    width: 1100px;
    height: 800px;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 5;
}

#divSiteProfileBanner1 {
    width: 100%;
    height: 100px;
    position: absolute;
    top: 600px;
    margin: 0px auto;
    /*background-color: #b8cce4;*/
    background-color: white;
    opacity: 0.75;
    line-height: 40px;
    z-index: 7;
}

#imgSiteProfileMVLogo {
    position: absolute;
    height: 70px;
    left: 30px;
    top: 15px;
    z-index: 8;
}


#imgSiteProfileDiscographyLogo {
    position: absolute;
    height: 50px;
    right: 30px;
    top: 25px;
    z-index: 8;
}


#labelSiteProfileHeader1 {
    width: 100%;
    position: absolute;
    top: 15px;
    left: 20px;
    font-family: 'Roboto', sans-serif, Tahoma, Geneva;
    font-size: 26px;
    font-weight: 500;
    color: #222222;
    z-index: 8;
    opacity: 1.0;
}

#labelSiteProfileSubHeader1 {
    width: 100%;
    position: absolute;
    top: 50px;
    left: 20px;
    font-family: 'Roboto', sans-serif, Tahoma, Geneva;
    font-size: 20px;
    font-weight: 500;
    color: #76923c;
    z-index: 8;
    opacity: 1.0;
}


#divTerritoryReportMap {
    position: relative;
    top: 50px;
    width: 1100px;
    height: 800px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center; /* causes image to be centered horizontally*/
    page-break-before: always;
    page-break-after: always;
}

#imgReportMap {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 5;
}






div.divDashSection {
    position: relative;
    width: 1100px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    line-height: 100px;
    background-color: white;
    top: 50px;
    /*height: 800px;*/
    /*height: 1200px;*/
    /*page-break-before: always;*/
    /*page-break-after: always;*/
    /*box-shadow: 3px 3px 3px #888888;*/
}




#divDashOverall {
    height: 260px;
    top: 70px;
}


#divDashSite {
    height: 450px;
    page-break-after: always;
}


#divDashRetail {
    height: 310px;
}

#divDashMarketDemand {
    height: 510px;
    page-break-after: always;
}

#divDashDemographics {
    height: 430px;
}

#divDashCompetition {
    height: 350px;
    page-break-after: always;
}

#divDashDiscographyPresence {
    height: 390px;
}

#divDashProximity {
    height: 350px;
    page-break-after: always;
}

#divDashModel {
    height: 460px;
}

#divDashKeyDemogs {
    height: 550px;
    page-break-after: always;
}











div.divDashBanner {
    width: 100%;
    height: 50px;
    position: absolute;
    margin: 0px auto;
    background-color: #b8cce4;
    opacity: 0.5;
    line-height: 40px;
    z-index: 7;
}

label.labelDashBanner {
    width: 100%;
    position: absolute;
    top: 10px;
    left: 20px;
    font-family: 'Roboto';
    font-size: 22px;
    font-weight: 500;
    color: #222222;
    z-index: 8;
    opacity: 1.0;
}












table.tableDash {
    text-align: left;
    font-family: 'Roboto', sans-serif, Tahoma, Geneva;
    font-size: 16px;
    font-weight: 300;
    border: none;
    /*padding-left: 5px;*/
    padding: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    table-layout: fixed;
    width: 100%;
    top: 80px;
    line-height: 30px;
}


    table.tableDash thead tr {
        height: 20px;
        max-height: 20px;
    }

    table.tableDash tobdy tr {
        height: 20px;
        max-height: 20px;
    }

    table.tableDash th {
        border-width: 1px;
        padding: 1px;
        border-style: solid;
        border-color: Gray;
        background-color: #888888;
        font-weight: bold;
        padding-left: 5px;
        color: #ffffff;
    }

    table.tableDash td {
        border-width: 1px;
        padding: 1px;
        border-style: solid;
        border-color: white;
        background-color: #e7edf5;
        padding-left: 5px;
        white-space: nowrap;
    }

    /*table.tableDash tbody .alt td {
        border-width: 1px;
        padding: 1px;
        border-style: solid;
        border-color: white;
        background-color: #eeeeee;
        padding-left: 5px;
        white-space: nowrap;
    }*/

    table.tableDash tbody tr:nth-child(odd) td {
        border-width: 1px;
        padding: 1px;
        border-style: solid;
        border-color: white;
        background-color: #eeeeee;
        padding-left: 5px;
        white-space: nowrap;
    }


col.colDash1 {
    width: 30%;
}


#colDash1Presence {
    width: 40%;
}

col.colDash2 {
    width: 10%;
}

col.colDash3 {
    width: 60%;
}


td.tdDash3 {
    /*background-image: url(http://www.mapleviews.com/tandia/assets/BarSales3.png);*/
    background-image: url(http://www.mapleviews.com/isi/assets/BarRed1Soft.png);
    background-repeat: no-repeat;
    background-size: 25% 65%;
    /*vertical-align: central;*/
    vertical-align: middle;
    background-position-y: center;
    height: 20px;
    padding-top: 5px;
}


#tdDash3Site_r1 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarRed1Soft.png);
}

#tdDash3Site_r2 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarRed1Soft.png);
}

#tdDash3Site_r3 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarRed1Soft.png);
}

#tdDash3Site_r4 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarRed1Soft.png);
}

#tdDash3Site_r5 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarRed1Soft.png);
}

#tdDash3Site_r6 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarRed1Soft.png);
}

#tdDash3Retail_r1 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarGreen1Soft.png);
}

#tdDash3Retail_r2 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarGreen1Soft.png);
}

#tdDash3Retail_r3 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarGreen1Soft.png);
}


#tdDash3MarketDemand_r1 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarBlue1Soft.png);
}

#tdDash3MarketDemand_r2 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarBlue1Soft.png);
}

#tdDash3MarketDemand_r3 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarBlue1Soft.png);
}

#tdDash3MarketDemand_r4 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarBlue1Soft.png);
}

#tdDash3MarketDemand_r5 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarBlue1Soft.png);
}

#tdDash3MarketDemand_r6 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarBlue1Soft.png);
}

#tdDash3MarketDemand_r7 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarBlue1Soft.png);
}

#tdDash3MarketDemand_r8 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarBlue1Soft.png);
}

#tdDash3Demographics_r1 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarYellow1Soft.png);
}

#tdDash3Demographics_r2 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarYellow1Soft.png);
}

#tdDash3Demographics_r3 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarYellow1Soft.png);
}

#tdDash3Demographics_r4 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarYellow1Soft.png);
}

#tdDash3Demographics_r5 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarYellow1Soft.png);
}

#tdDash3Demographics_r6 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarYellow1Soft.png);
}

#tdDash3Competition_r1 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarPink1Soft.png);
}

#tdDash3Competition_r2 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarPink1Soft.png);
}

#tdDash3Competition_r3 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarPink1Soft.png);
}

#tdDash3Competition_r4 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarPink1Soft.png);
}

#tdDash3KeyDemogs_r1 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarOrange1Soft.png);
}

#tdDash3KeyDemogs_r2 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarOrange1Soft.png);
}

#tdDash3KeyDemogs_r3 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarOrange1Soft.png);
}

#tdDash3KeyDemogs_r4 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarOrange1Soft.png);
}

#tdDash3KeyDemogs_r5 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarOrange1Soft.png);
}

#tdDash3KeyDemogs_r6 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarOrange1Soft.png);
}

#tdDash3KeyDemogs_r7 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarOrange1Soft.png);
}

#tdDash3KeyDemogs_r8 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarOrange1Soft.png);
}

#tdDash3KeyDemogs_r9 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarOrange1Soft.png);
}

#tdDash3DiscographyPresence_r1 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarTeal1Soft.png);
}

#tdDash3DiscographyPresence_r2 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarTeal1Soft.png);
}

#tdDash3DiscographyPresence_r3 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarTeal1Soft.png);
}

#tdDash3DiscographyPresence_r4 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarTeal1Soft.png);
}

#tdDash3DiscographyPresence_r5 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarTeal1Soft.png);
}



#tdDash3Model_r1 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarPurple1Soft.png);
}

#tdDash3Model_r2 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarPurple1Soft.png);
}

#tdDash3Model_r3 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarPurple1Soft.png);
}

#tdDash3Model_r4 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarPurple1Soft.png);
}

#tdDash3Model_r5 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarPurple1Soft.png);
}

#tdDash3Model_r6 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarPurple1Soft.png);
}

#tdDash3Model_r7 {
    background-image: url(http://www.mapleviews.com/isi/assets/BarPurple1Soft.png);
}





td.tdDash3nobar {
    background-image: none;
    /*vertical-align: central;*/
    vertical-align: middle;
    height: 20px;
    padding-top: 2px;
}

/*#tdDash3Site_r1 {
    background-image: none;
}*/



#divSiteAccessBar {
    width: 80%;
    height: 50%;
    align-self: center;
    vertical-align: central;
    background-color: #00ff00;
    box-shadow: 2px 2px #666666;
    top: 10%;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    color: #888888;
    font-weight: 400;
}


#divDashBannerMap {
    opacity: 0.8;
}





img.imgVertLine {
    position: absolute;
    left: 70%;
    color: #0000ff;
    z-index: 9;
    width: 3px;
    top: 115px;
    height: 20px;
    opacity: 0.15;
}


#imgVertLineOverall {
    height: 30px;
    top: 85px;
}

#imgVertLineSite {
    height: 215px;
}

#imgVertLineRetail {
    height: 105px;
}

#imgVertLineMarketDemand {
    height: 292px;
}

#imgVertLineDemographics {
    height: 216px;
}

#imgVertLineCompetition {
    height: 142px;
}

#imgVertLineDiscographyPresence {
    height: 180px;
}


#imgVertLineModel {
    height: 250px;
}

#imgVertLineKeyDemogs {
    height: 325px;
}




















#divSiteInputsFrame {
    position: absolute;
    left: 80px;
    z-index: 10;
    width: 1400px;
    height: 50px;
}


#nav_canvas {
    width: 700px;
    height: 44px;
    left: 50px;
    position: relative;
    margin: 0px auto;
    /*left: 125px;*/
    top: 11px;
    /*left: 300px;*/
    /*right: 0;*/
    z-index: 10;
    visibility: visible;
    /*Next line includes a free Web font 'Open Sans Condensed' hosted by Google that requires the "link" entry at the beginning of the htm(l) page*/
    /*font-family: 'Roboto', sans-serif, Tahoma, Geneva;
    font-weight: 300;*/
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    color: #aaaaaa;   
}

    #nav_canvas ul {
        position: relative;
        height: 40px;
        padding: 8px 10px;
        margin: 0px auto;
    }

        #nav_canvas ul li {
            display: inline;
            padding: 2px;
        }

    #nav_canvas a {
        text-decoration: none;
        padding: 8px 8px 8px 8px;
        color: #aaaaaa;
    }


        #nav_canvas a:hover {
            background-color: #dd8800;
        }


    #nav_canvas ul li:hover > ul {
        display: block;
        z-index: 8;
        background-color: #444848;
    }



#nav_canvas_bi {
    width: 550px;
    height: 38px;
    position: absolute;
    top: 6px;
    left: 550px;
    background-color: #666666;
    border-radius: 10px;
    /*right: 0;*/
    /*margin-left: auto;
    margin-right: auto;*/
    z-index: 10;
    visibility: visible;
    font-size: 16px;
    /*Next line includes a free Web font 'Open Sans Condensed' hosted by Google that requires the "link" entry at the beginning of the htm(l) page*/
    font-family: 'Roboto', sans-serif, Tahoma, Geneva;
    font-family: 'Roboto';
    font-weight: 300;
}

    #nav_canvas_bi ul {
        position: relative;
        height: 40px;
        padding: 8px 10px;
        margin: 0px auto;
    }

        #nav_canvas_bi ul li {
            display: inline;
            padding: 2px;
        }

    #nav_canvas_bi a {
        text-decoration: none;
        color: #ffffff;
        padding: 8px 8px 8px 8px;
    }


        #nav_canvas_bi a:hover {
            background-color: #dd8800;
        }

    #nav_canvas_bi ul li:hover > ul {
        display: block;
        z-index: 8;
        background-color: #444848;
    }





#labelTableau {
    position: absolute;
    font-size: 9px;
    font-family: Catamaran;
    color: #dddddd;
    font-weight: 300;
    top: 1px;
    left: 437px;
}


#imgTableau {
    position: absolute;
    top: 12px;
    z-index: 9;
    left: 423px;
}


#imgVertLineTableau {
    position: absolute;
    top: 0px;
    left: 405px;
    z-index: 9;
    height: 38px;
}




#labelAddress {
    position: absolute;
    font-size: 16px;
    width: 40px;
    font-family: Calibri;
    color: #ffffff;
    font-weight: bold;
    top: 15px;
    left: 0px;
}


#divAddress {
    position: absolute;
    width: 335px;
    height: 34px;
    top: 8px;
    left: 62px;
    /*background-color: #ffffff;
    border-radius: 10px;*/
}

#address {
    position: absolute;
    vertical-align: middle;
    /*border: 1px solid black;*/
    border-radius: 5px;
    /*box-shadow: #888888 1px 1px inset;*/
    height: 20px;
    width: 255px;
    top: 4px;
    left: 2px;
    z-index: 6;
    font-size: 14px;
    font-family: Calibri;
    color: #333333;
    border: 0px;
    padding-left: 5px;
    margin-left: 5px;
    text-indent: 5px;
    line-height: normal;
    padding-top: 5px;
    margin-right: 5px;
}


#dropDownLocs {
    position: absolute;
    height: 32px;
    width: 284px;
    background-color: #ffffff;
    font-family: Calibri;
    font-size: 12px;
    border-style: solid;
    border-width: 0px;
    border-color: #aaaaaa;
    border-radius: 10px;
    top: 1px;
    left: 3px;
    z-index: 5;
}


#imgSubmit {
    position: absolute;
    height: 30px;
    width: 30px;
    top: 2px;
    left: 292px;
    background-color: Transparent;
    z-index: 7;
}




/*#labelReloc {
    position: absolute;
    top: 31px;
    left: 54px;
    z-index: 5;
    font-size: 12px;
    font-family: Calibri;
    color: #666666;
}

#formRelocCheckBox {
    position: absolute;
    top: 28px;
    left: 216px;
    z-index: 5;
    color: #666666;
}*/



label.labelMapIcon {
    position: absolute;
    font-size: 10px;
    font-family: Catamaran;
    color: #333333;
    font-weight: 400;
    top: 33px;
    width: 45px;
    text-align: center;
}






#imgClickMap {
    position: absolute;
    top: 6px;
    left: 420px;
    background-color: Transparent;
}


#labelMapIconClickMap {
    left: 420px;
}


#imgBusinesses {
    position: absolute;
    top: 6px;
    left: 470px;
    background-color: Transparent;
}

#labelMapIconBusinesses {
    left: 470px;
}

#imgPrintPage {
    position: absolute;
    top: 6px;
    left: 520px;
    background-color: Transparent;
}

#labelMapIconPrint {
    left: 520px;
}


#imgClearMarkers {
    position: absolute;
    top: 6px;
    left: 570px;
    background-color: Transparent;
}

#labelMapIconClear {
    left: 570px;
}



#imgTrade {
    position: absolute;
    top: 6px;
    left: 640px;
    background-color: Transparent;
}

#labelMapIconDrawArea {
    left: 640px;
}



#imgMeasure {
    position: absolute;
    top: 6px;
    left: 690px;
    background-color: Transparent;
}

#labelMapIconMeasure {
    left: 690px;
}



#imgDrive {
    position: absolute;
    top: 6px;
    left: 740px;
    background-color: Transparent;
}

#labelMapIconDrive {
    left: 740px;
}



#driveDropDown {
    position: absolute;
    top: 6px;
    left: 785px;
    height: 22px;
    color: #222222;
    background-color: #ffbbcc;
    visibility: hidden;
}

#imgZoomTool {
    position: absolute;
    top: 6px;
    left: 870px;
    background-color: Transparent;
}

#labelMapIconZoom {
    left: 870px;
}



#imgMarkupMarker {
    position: absolute;
    top: 6px;
    left: 920px;
    background-color: Transparent;
}

#labelMapIconMarker {
    left: 920px;
}



#imgMarkupCircle {
    position: absolute;
    top: 6px;
    left: 970px;
    background-color: Transparent;
}

#labelMapIconCircle {
    left: 970px;
}



#imgMarkupPolygon {
    position: absolute;
    top: 6px;
    left: 1020px;
    background-color: Transparent;
}

#labelMapIconPolygon {
    left: 1020px;
}



#imgMarkupLine {
    position: absolute;
    top: 6px;
    left: 1070px;
    background-color: Transparent;
}

#labelMapIconLine {
    left: 1070px;
}




#imgDoHeat {
    position: absolute;
    top: 6px;
    left: 1140px;
    background-color: Transparent;
    visibility: hidden;
}

#labelMapIconHeatMap {
    left: 1140px;
    visibility: hidden;
}




#imgDoSQLPoly {
    position: absolute;
    top: 6px;
    left: 1190px;
    background-color: Transparent;
    visibility: hidden;
}

#labelMapIconDemographics {
    left: 1190px;
    visibility: hidden;
}



#imgHotSpots {
    position: absolute;
    top: 6px;
    left: 1240px;
    background-color: Transparent;
    visibility: hidden;
}

#labelMapIconHotSpots {
    left: 1240px;
    visibility: hidden;
}


#imgSchools {
    position: absolute;
    top: 6px;
    left: 1290px;
    background-color: Transparent;
    visibility: hidden;
}

#labelMapIconSchools {
    left: 1290px;
    visibility: hidden;
}












#divOverallContent {
    position: relative;
    /* center the element */
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    /* give it dimensions */
    top: 50px;
    width: 750px;
    height: 150px;
    font-family: 'Roboto', sans-serif, Tahoma, Geneva;
    font-size: 14px;
    font-weight: 300;
    color: #555555;
}


#imgOverallBackground {
    position: absolute;
    left: 20px;
    top: 40px;
    z-index: 8;
}


#labelOverallHeading {
    position: absolute;
    top: 5px;
    left: 40px;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 300;
    color: #dddddd;
    z-index: 9;
}

#labelOverallScore {
    position: absolute;
    top: 42px;
    left: 35px;
    font-family: 'PT Sans Caption';
    font-size: 64px;
    font-weight: 700;
    color: #dddddd;
    z-index: 9;
}


label.labelCategoryScore {
    position: absolute;
    top: 0px;
    left: 5px;
    height: 30px;
    line-height: 30px;
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    z-index: 9;
}




div.divBarOverall {
    position: absolute;
    height: 30px;
    width: 50px;
    top: 70px;
    /*leftOffset topOffset blur width color*/
    box-shadow: 0px 2px 2px 0px #888888;
}


div.divBarCategoryFooter {
    position: absolute;
    height: 20px;
    width: 100px;
    top: 105px;
    margin: 0px auto;
    text-align: center;
    vertical-align: central;
    line-height: 20px;
}

label.labelCategoryFooter {
    height: 20px;
    line-height: 20px;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 300;
    color: #aaaaaa;
    z-index: 9;
}

#divBarCategoryFooter1a {
    left: 200px;
}

#divBarCategoryFooter2a {
    left: 310px;
}

#divBarCategoryFooter3a {
    left: 420px;
}

#divBarCategoryFooter4a {
    left: 530px;
}

#divBarCategoryFooter5a {
    left: 640px;
}






#divBarOverall1a {
    background-color: #b42b00;
    left: 200px;
}

#divBarOverall1b {
    background-color: #ff845d;
    left: 250px;
}

#divBarOverall2a {
    background-color: #82c836;
    left: 310px;
}

#divBarOverall2b {
    background-color: #bce292;
    left: 360px;
}

#divBarOverall3a {
    background-color: #377bcd;
    left: 420px;
}

#divBarOverall3b {
    background-color: #90b6e4;
    left: 470px;
}

#divBarOverall4a {
    background-color: #f5801f;
    left: 530px;
}

#divBarOverall4b {
    background-color: #fab882;
    left: 580px;
}

#divBarOverall5a {
    background-color: #ff0dae;
    left: 640px;
}

#divBarOverall5b {
    background-color: #ff93db;
    left: 690px;
}


#imgHelp {
    position: absolute;
    top: 6px;
    z-index: 9;
    right: 20px;
    opacity: 1;
}





#divGIFView1 {
    width: 89px;
    height: 150px;
    position: absolute;
    left: 5px;
    top: 65px;
    z-index: 21;
    background-color: transparent;
    visibility: hidden;
}

#imgGIFReturn {
    width: 89px;
    height: 150px;
    /*position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);*/
}





#divHomePage {
    margin: 0px;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    min-width: 600px;
}


#divKeyFeaturesBackground {
    position: relative;
    width: 100%;
    height: 1050px;
    top: 0px;
    border: none;
    z-index: 6;
    margin: 0px auto;
    background-color: #eeeeee;
}


#divKeyFeatures {
    position: relative;
    width: 100%;
    height: 900px;
    top: 40px;
    border: none;
    z-index: 7;
    margin: 0px auto;
}



label.labelFeatureBlockHeader {
    position: absolute;
    font-family: 'Roboto', sans-serif, Tahoma, Geneva;
    font-size: 20px;
    font-weight: 500;
    color: #689cda;
    width: 300px;
}

div.spanFeatureDescrip {
    position: absolute;
    font-family: 'Roboto', sans-serif, Tahoma, Geneva;
    font-size: 16px;
    font-weight: 300;
    color: #666666;
    width: 65%;
    height: 700px;
    left: 30%;
    top: 20px;
}

/*#spanFeatureDescrip1 {
    position: absolute;
    font-family: 'Roboto', sans-serif, Tahoma, Geneva;
    font-size: 18px;
    font-weight: 300;
    color: #aaaaaa;
    width: 65%;
    height: 700px;
    left: 30%;
    top: 30px;
}*/



#imgFeatureBlock1 {
    position: absolute;
    top: 30px;
    left: 5%;
    width: 20%;
}

#labelFeatureBlockHeader1 {
    position: absolute;
    top: 45px;
    left: 270px;
}



div.divProductHeader {
    width: 100%;
    position: relative;
    /*top: 10px;*/
    margin: 0px auto;
    font-family: 'Roboto', sans-serif, Tahoma, Geneva;
    font-size: 32px;
    font-weight: 300;
    /*color: #dd7000;*/
    color: #217896;
    text-align: center;
}

#divKeyFeaturesHeader {
    top: 40px;
    /*color: #d99694;*/
    color: #217896;
}



ul.ulMidPage {
    list-style-type: square;
    list-style-position: inside;
    text-align: left;
    text-indent: -2em;
}


    ul.ulMidPage li {
        margin-bottom: 10px;
    }
















/***/
/***/
/***/
/***/
/***/
/***/
/***/
/*mapleviews styles start here*/
/***/
/***/



#divHolder_header {
    position: relative;
    margin: 0px auto;
    width: 100%;
    min-width: 600px;
    /*width: 1200px;*/
    height: 91px;
    background-color: #363636;
    z-index: 4;
}

#header_canvas {
    position: relative;
    /*width:1200px;*/
    width: 100%;
    min-width: 600px;
    height: 60px;
    margin: 0px auto;
    z-index: 4;
    top: 0px;
    visibility: visible
}



div.canvasMain {
    position: relative;
    width: 100%;
    height: calc(100% - 60px);
    top: 0px;
    border: none;
    z-index: 7;
    margin: 0px auto;
    font-family: 'Roboto:300', sans-serif, Tahoma, Geneva;
    font-size: 12px;
    text-align: center;
}


#home_canvas {
    /*background-image: url(https://www.pristats.com/Assets/annielytics1920x1080.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-color: Transparent;*/
    display: block;
}


/*#home_canvas {
    position: relative;
    width: 100%;
    min-width: 600px;
    top: -44px;
    border: none;
    z-index: 7;
    margin: 0px auto;
    font-family: 'Roboto:300', sans-serif, Tahoma, Geneva;
    font-size: 12px;
    text-align: center;
}*/



#imgConfidence {
    width: 100%;
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}


#HomeTitleHeading {
    width: 100%;
    position: absolute;
    /*top: 150px;*/
    top: 10px;
    margin: 0px auto;
    font-family: 'Roboto', sans-serif, Tahoma, Geneva;
    font-size: 40px;
    font-weight: 400;
    /*color: #bb9900;*/
    color: #114278;
    /*text-shadow: 0 0 1px #7299b0;*/
}

#HomeTitleSubHeading {
    position: absolute;
    /*top: 250px;*/
    top: 170px;
    margin: 0px auto;
    font-family: 'Catamaran', sans-serif, Tahoma, Geneva;
    font-size: 32px;
    font-weight: 200;
    color: #bbbbbb;
    width: 100%;
}