html{
/*font-family: sans-serif;*/
font-family: 'Avenir', 'Nunito', sans-serif; 
/*font-size:4vh;*/
font-size:3vh;
width:100%;
height:100%;
}
body{
width:100%;
height:100%;
margin:0px;
background-color:#fff;
}
select{
    /* EXPERIMENTAL
	margin:40px;
    background: rgba(0,0,0,0.3);
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
	border: 1px solid #C7C6C6;
	border: none;
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance:none;
	*/
	outline: none;
	border: 1px solid #AAAAAA;
}

select option {
    background: rgba(255,255,255,0.3) !important;
	background-color: white !important;
	text-align:center !important;
    text-shadow: 0 1px 0 rgba(255,255,255, 0.4) !important;
}

a:link {
    color: #CC0000;
}
a:visited {
    color: #CC0000;
}
a:hover {
    color: #CC0000;
}
a:active {
    color: #CC0000;
}

#od{
position:relative;
/* width:543px; */
width:100%;
height:100%;
margin-left:auto;
margin-right:auto;
background-color:#fff;
}
#titleBar{
position:relative;
width:100%;
/*
height:10%;
*/
height:10.3%;
color:#fff;
background-color:#c00;	
font-weight:bold;
}
.logo_REMOVED{
/*
NOTHING
*/
}
.logo{
position:absolute;
top:1vh;
left:1.5vh;
/*
left:1.5vh;
height:8vh;
width:8vh;
*/
height:7.8vh;
width:7.8vh;
background-image:url('../images/white-logo.svg');
background-size:contain;
background-repeat:no-repeat;
}
.fullscreenicon{
position:absolute;
top:1vh;
right:1vh;
height:4.7vh;
width:3vh;
/* background-image:url('../images/fullscreen0.svg'); */
background-image:url('../images/fullscreen0.png');
background-size:contain;
background-repeat:no-repeat;
/* position:relative; float:right; top:3px; right:4px;  */
}
.titleText{
position:absolute;
top:8%;
/* left:10%; */
left:7%;
height:90%;
width:90%;
/* text-align:center; */
text-align:center;
line-height:4vh;
}
.h1{
/*
font-size:2.5vh;
line-height:2.5vh;
*/
position: relative; 
font-size:2.48vh;
line-height:2.5vh;
}
.h2{
/*
font-size:5vh;
line-height:5vh;
*/
position: relative; 
left:0.5vh;
font-size:2.6vh;
line-height:2.6vh;
}
.trademark{
position: relative; 
top:-5%;
font-size:1.8vh
}
#titleArea{
background:url('../images/page_title_bg.png') 0 0 repeat-x scroll;
height:5vh;
width:98%;
border-radius:20px 20px 0px 0px;
color:#fff;
font-weight:bold;
margin-left:auto;
margin-right:auto;
position:relative;
top:2vh;
}
#mcd{
/* padding-top:3vh; */
padding-top:3vh;
padding-left:0vh;
line-height:4vh;
}
#savingsText{
height:30vh;
width:100%;
margin:auto;
text-align:center;
}
.st1{
color:#888;
font-size:4vh; 
line-height:5.5vh;
font-weight:bold;
}
.st2{
color:#d00;
font-size:3.2vh;
line-height:3.5vh;
font-weight:900;
text-shadow: 0px 1px, 1px 0px, 1px 1px;
}
.usdText{
color:#888;
font-size:2vh;
font-weight:normal;
}
#percentDisplay{
position:absolute;
/* left:44% */
left:45%;
width:50%;
}
#pdText{
position:absolute;
top:35%;
width:100%;
height:100%;
text-align:center;
color:#d00;
line-height:4vh;
font-size: 4vh;
font-weight: bold;
}

.pdt1{
font-size:7vh;
color:#d00;
font-weight:bold;
}
.pdt2{
font-size:5vh;
font-weight:bold;
}
.pdt3{
font-size:4vh;
}
.pdt4{
font-size:7vh;
white-space:nowrap;
display:inline-block;
}

.selectArea{
position:relative;
/*top:2.5vh;*/
top:1.7vh;
margin-top:2.5vh;
width:100%;
text-align:center;
}
.selector{
width:82%;
font-size:3.5vh;
color:#d00;
text-align:center;
text-align-last:center;
}
#selectText{
font-size:3vh;
}

/*
#locationArea{
position:relative;
top:2.5vh;
width:100%;
text-align:center;
}
#buildingSelect{
width:82%;
font-size:3.5vh;
color:#d00;
text-align:center;
text-align-last:center;
}
#location{
width:82%;
font-size:3.5vh;
color:#d00;
text-align:center;
text-align-last:center;
}
#rvArea{
position:relative;
*/
/* top:9vh; */
/*
top:8vh;
width:100%;
text-align:center;
}
#rvText{
font-size:3vh;
}
*/
#slider{
margin-top:2vh;
width:80%;
margin-left:auto;
margin-right:auto;
}
.ui-slider-handle.ui-corner-all{
border-top-right-radius:50%;
border-top-left-radius:50%;
border-bottom-right-radius:50%;
border-bottom-left-radius:50%;
}
.ui-widget-content .ui-state-default {
background:#d00;
border-color:#d00;
}
.ui-widget-content .ui-state-active {
background:#d00;
border-color:#fff;
}
.ui-slider-horizontal {
height:2vh;
background-color:#888;
border-color:#000;
}	
.ui-slider-tick-mark{ 
display: inline-block;
width: 4px;
background: #fcf8e3;
height: 4vh;
position: absolute;
top: -1vh;
text-align:center;
color:#fff;
display:none;
}
.ui-slider-tick-label{
margin-left:-1em;
font-size:3vh;
color:#888;
position: absolute;
display: inline-block;
}
.ui-slider-tick-label.rvpicked{
color:#d00;
}
/*
#customizeArea{
position:relative;
top:14vh;
}
*/
.ca1{
width:50%;
font-size:3vh;
}
#roofSelect{
color:#d00;
text-align:center;
text-align-last:center;
/* width:80%;
font-size:4vh; */
width:87%;
font-weight: bold;
font-size:1.9vh;
height:5vh;
/* position: relative; 
left:-2vh;*/
}
.sqFtSelect{
color:#d00;
text-align:center;
text-align-last:center;
/* width:80%;
font-size:4vh; */
width:85%;
font-weight: bold;
font-size:1.9vh;
height:5vh;

}
#disclaimer{
text-align:justify; 
text-justify: distribute; 
/*padding-top:1.5vh;*/
padding-top:1.6vh;
padding-bottom:1.3vh;
padding-left:2%;
padding-right:2%;
position:relative;
/*top:23vh;*/
top:11.5vh;
width:96%;
height:9.5vh;
background-color:#888;
font-size:1.15vh;
color:#fff;
/* text-align:left; */
}

/* Default mouse select colors */
::selection {
	background: transparent; /* WebKit/Blink Browsers */
	background-color: transparent;
}
::-moz-selection {
	background: transparent; /* Gecko Browsers */
	background-color: transparent;
}

/* Fixes for firefox */
@-moz-document url-prefix() {
	#disclaimer{
		padding-top:0.7vh;
		padding-bottom:1.2vh;
		top:11vh;
	}
}

/* Fixes for IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	/* Adjust Disclaimer Padding for IE */		
	#disclaimer{
		padding-top:0.7vh;
		padding-bottom:2vh;
	}
	/* Center Select Box in IE Trick */		
	#roofSelect{
		padding-left:1vh;
	}	
	/* Center Select Box in IE Trick */		
	#sqFtSelect{
		padding-left:2vh;
	}	
	/* Center Select Box in IE Trick */		
	#location{
		padding-left:2vh;	
	}	
	#buildingSelect{
		padding-left:2vh;	
	}	
}

/* Fixes for Edge */
@supports (-ms-ime-align:auto) {

	/* Adjust Disclaimer Padding for IE */	
	#disclaimer{
		padding-top:0.7vh;
		padding-bottom:2vh;
	}
	/* Center Select Box in IE Trick */		
	#roofSelect{
		padding-left:1vh;
	}	
	/* Center Select Box in IE Trick */		
	#sqFtSelect{
		padding-left:2vh;
	}	
	/* Center Select Box in IE Trick */		
	#location{
		padding-left:2vh;	
	}	
	#buildingSelect{
		padding-left:2vh;	
	}	
}