/* STRUCTURE */
body {
    background-color: #cbd4d5;
}

.container {
	background-color: #e8eeef;
	border-style: solid;
    border-color: #8a8a8d;
    border-right-style: solid;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
}

.container_inYourArea {
	width: 70%;
	margin: 30px 0 0 80px;
}

.container_solarStatistics {
	width: 70%;
	margin: 30px 0 0 80px;
}

.container_advancedTools {
	width: 70%;
	margin: 30px 0 0 80px;
}

.container_calculator {
	width: 70%;
	margin: -450px 0 0 180px; width: 70%;
}
/* User Input Box, Top Left Corner */
.greybox {
    margin: -15px 0 0 -15px;
    padding: 10px 0 0 20px;
    width: 320px;
    height: 450px;
    background-color: #888b8d;
}

.subnav {
	margin: -80px 0 0 0px;
}

/* STYLES */

h1.userInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #ffffff;
	line-height: 2em;
	letter-spacing: 0.5px;
	margin: 0px 0px 3px 0px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #f2a900;
	line-height: 2em;
	letter-spacing: 0.5px;
	margin: 0px 0px 3px 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #ffffff;
	line-height: 2em;
	font-weight: bold;
	letter-spacing: 0px;
	margin: 0 0 10px 0;
}
.calcHeading{
   color: #000000;
   font-weight: bold;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #ffffff;
	line-height: 1.3em;
	font-weight: normal;
	letter-spacing: 0px;
	margin: 0 0 8px 0;
}

p.bodyInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #ffffff;
	line-height: 1.6em;
	font-weight: normal;
	letter-spacing: 0px;
	margin: 0 0 8px 0;
}

input[type=radio] {
    content: "";  
    display: inline-block;  
    width: 13px;  
    height: 13px;  
   /*  vertical-align: middle; */
    margin-right: 5px;

.style-1 input[type="text"] {
  padding: 10px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
}
.style-1 input[type="text"]:focus,
.style-1 input[type="text"].focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}

/* General body copy */

p.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #f2a900;
	line-height: 2em;
	letter-spacing: 0.5px;
	margin: 0px 0px 3px 0px;
}

p.subheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	line-height: 2em;
	letter-spacing: 0.5px;
}




/* unvisited link */
a:link {
    color: #0074c8;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 2em;
}

/* visited link */
a:visited {
    color: #0074c8;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 2em;
}

/* mouse over link */
a:hover {
    color: #0074c8;
    text-decoration: none;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 2em;
}

/* selected link */
a:active {
    color: #0074c8;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 2em;
}


input, textarea, select {
  width : 260px;
  margin: 0 0 0 0;

  -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
     -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
          box-sizing: border-box;       
}

input.button {
  width : 56px;
  margin: 10px 0 0 0;

  -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
     -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
          box-sizing: border-box;     
}

table, td, th {
    border: 0px solid black;
}

td {
    height: 20px;
    vertical-align: middle;
}

tr {
    vertical-align: middle;
}
p.greyBoxTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #ffffff;
	line-height: 0.8em;
	font-weight: normal;
	letter-spacing: 0px;
	margin: 0 0px 0 3px;
}

table.gridReady {
	border: 1px solid black;
}

/* These were added for In Your Area content */
hr.rule { 
    display: block;
    margin: 20px 0 8px 0;
    border: 1px solid #b3b3b3;
} 

p.bodyGeneral {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	line-height: 1.6em;
	font-weight: normal;
	letter-spacing: 0px;
}

.container_logos {
    width: 70%;
}