body {
background: #F8F8F8;
font-family: 'Cabin Condensed', sans-serif;
font-weight: 400;
margin: 0 auto 20px;
font-size: 18px;
line-height: 28px;
color: #58585a;
width: 942px;
}
a {
color: #4285F4;
text-decoration: underline;
cursor: pointer;
}
a:link, a:visited, a:active {
color: #4285F4;
text-decoration: underline;
}
a:hover{
color: #d37105;
text-decoration: underline;
}
h1, h2 {
color: #777;
font-weight: 700;
margin-top: 0;
}
h1 {
 font-size: 32px;
}
h2 {
font-size: 27px;
border-bottom: 1px solid #ccc;
font-size: 20px;
padding-bottom: 5px;
}
form label {
display: block;
float: left;
margin-right: 5px;
padding-top: 3px;
width: 55px;
}
input[type=text], select {
width: 216px;
}
input[type=text], select, textarea {
background: #fefefe;
border: 1px solid #ddd;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 1px;
}
noscript p {
background: #c00;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #f33;
border-right-color: #600;
border-bottom-color: #600;
color: #fff;
padding: 6px 10px 8px;
text-shadow: #600 1px 1px 0;
}
.button {
cursor: pointer;
display: block;
padding: 5px;
text-align: center;
color: #fff;
font-size: 18px;
background: #4285f4;
box-shadow: 1px 0px 0px #356bc5, 0px 1px 0px #2c5ba8, 2px 1px 0px #356bc5, 1px 2px 0px #2c5ba8, 3px 2px 0px #356bc5, 2px 3px 0px #2c5ba8, 4px 3px 0px #356bc5, 3px 4px 0px #2c5ba8, 5px 4px 0px #356bc5, 4px 5px 0px #2c5ba8, 6px 5px 0px #356bc5;
-webkit-transition: -webkit-box-shadow 0.1s linear, -webkit-transform 0.1s linear, background 0.1s linear;
outline: none;
border: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.button:hover {
background: #5c95f3;
box-shadow:1px 0px 0px #356bc5,
0px 1px 0px #2c5ba8,
2px 1px 0px #356bc5,
1px 2px 0px #2c5ba8,
3px 2px 0px #356bc5,
2px 3px 0px #2c5ba8,
4px 3px 0px #356bc5,
3px 4px 0px #2c5ba8,
5px 4px 0px #356bc5,
4px 5px 0px #2c5ba8,
6px 5px 0px #356bc5;
outline:none;
}
.button:focus, .button:active {
box-shadow: 1px 0px 0px #356bc5,0px 1px 0px #2c5ba8,2px 1px 0px #356bc5,1px 2px 0px #2c5ba8,3px 2px 0px #356bc5;
-moz-transform: translate(3px, 3px);
-ms-transform: translate(3px, 3px);
-o-transform: translate(3px, 3px);
-webkit-transform: translate(3px, 3px);
transform: translate(3px, 3px);
}
#infobox label {
width: auto;
}
#header {
background: #fff;
margin-bottom: 20px;
height: auto;
padding: 25px;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}
.headlog1 {
float: left;
display:block;
}
.headlog2 {
float: right;
margin-top: 10px;
display:block;
}
#pagehead {
background: #f28722;
color: #fff;
font-size: 20px;
height: 22px;
line-height: 22px;
margin: 0 0 10px 0;
padding: 10px 10px 10px;
}
#header #subheadline {
margin-top: 10px;
color: #888;
font-size: 12px;
line-height: 18px;
}
#content,
.content-box {
background: #fff;
overflow: auto;
padding: 20px;
margin-top: 20px;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}
.column-1,
.column-2 {
float: right;
overflow: visible;
}
.column-1 {
margin-left: 20px;
width: 600px;
}
.column-2 {
width: 280px;
}
.column-2 p {
overflow: auto;
}
#map {
width: 600px;
height: 300px;
}
#code {
clear: both;
padding-top: 20px;
width: 900px;
font-family: 'Source Code Pro', monospace;
}
#code textarea {
font-family: 'Source Code Pro', monospace;
font-weight: 400;
background: #f9f9f9;
color: #999;
width: 888px;
height: 135px;
padding: 5px;
overflow: hidden;	
}
#footer1,
#footer2,
#footer3 {
text-align: left;
margin-top: 22px;
padding: 0 20px 0 20px;
color: #555;
}
#footer1 {
text-align: left;
}
#footer1 a,
#footer2 a,
#footer3 a {
color: #555;
}
#footer3 {
margin: 20px 0 30px 0;
}
#footer3 ul {
margin-top: 5px;
}
.search_volume_submit {
font-weight: 400;
width: 100%;
padding: 15px 0;
text-align: center;
text-decoration: none !important;
display: block;
cursor: pointer;
color: #fff !important;
font-size: 18px;
background: #4285f4;
box-shadow: 1px 0px 0px #356bc5, 0px 1px 0px #2c5ba8, 2px 1px 0px #356bc5, 1px 2px 0px #2c5ba8, 3px 2px 0px #356bc5, 2px 3px 0px #2c5ba8, 4px 3px 0px #356bc5, 3px 4px 0px #2c5ba8, 5px 4px 0px #356bc5, 4px 5px 0px #2c5ba8, 6px 5px 0px #356bc5;
-webkit-transition: -webkit-box-shadow 0.1s linear, -webkit-transform 0.1s linear, background 0.1s linear;
outline: none;
border: none;
margin: 0;
}
.search_volume_submit:hover {
background: #5c95f3;
box-shadow:1px 0px 0px #356bc5,
0px 1px 0px #2c5ba8,
2px 1px 0px #356bc5,
1px 2px 0px #2c5ba8,
3px 2px 0px #356bc5,
2px 3px 0px #2c5ba8,
4px 3px 0px #356bc5,
3px 4px 0px #2c5ba8,
5px 4px 0px #356bc5,
4px 5px 0px #2c5ba8,
6px 5px 0px #356bc5;
outline:none;
}
.search_volume_submit:active{	
box-shadow: 1px 0px 0px #356bc5,0px 1px 0px #2c5ba8,2px 1px 0px #356bc5,1px 2px 0px #2c5ba8,3px 2px 0px #356bc5;
-moz-transform: translate(3px, 3px);
-ms-transform: translate(3px, 3px);
-o-transform: translate(3px, 3px);
-webkit-transform: translate(3px, 3px);
transform: translate(3px, 3px);
}
/* MAP CSS */
#map a {
outline: none;
}
#map {
font: normal 12px Arial, Helvetica, sans-serif;
}
#map .infoWindow {
white-space: nowrap;
}
#map .infoWindowLinks {
display: block;
margin-top: .5em;
}
#map .infoWindowLinks br {
display: none;
}