body {
	height:100%;
	overflow:hidden;
	font-family: 'Montserrat', Helvetica, sans-serif;
	margin:0;
	padding:0;
}

#map {
	position:absolute;
	top:50px;
	bottom:0;
	right:0;
	left:0;
	background-color:#000000;
}

form {
	display:inline;
}
/**tabs globals **/
.tabcontent {
	padding:10px;
	z-index:101;
	position:absolute;
	background-color:#FFFFFF;
	width:100%;
	display:block;
	max-height:300px;
	overflow:hidden;
}
.tabstab{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #FFFFFF;
	float: left;
	padding: 8px 20px;
	position: relative;
	top: -35px;
	z-index:100;
	font-size:90%;
}
.tabstab:hover {
	cursor:pointer;
}
.tabselector {
	left: 0;
	margin: 0;
	position: absolute;
	width: 100%;
	background-color: #FFFFFF;
	bottom:-40px;
}

/**layers tab**/
#layers-tab{
	background-color: rgba(0, 60, 136, 0.5);
}
#layers-tab:hover {
	background-color: rgba(0, 60, 136, 1);
	cursor:pointer;
}
#layers-selector{
	
}
#layers-content label {
	display:block;
}
.slidercontainer{
	width:400px;
}
/**query tab**/
#query-tab{
	background-color: rgba(0, 111, 136, 0.5);
	left:151px
}
#query-tab:hover {
	background-color: rgba(0, 111, 136, 1);
}
#query-selector{
	background-color: #FFFFFF;
}
/**results tab**/
#results-tab{
	background-color: rgba(0, 111, 200, 0.5);
	left:286px
}
#results-tab:hover {
	background-color: rgba(0, 111, 200, 1);
}
#results-selector{
	background-color: #FFFFFF;
}

/** dropdown visual census tab **/
#vc-header{
	margin: 0;
	width: 100%;
	background-color: #E8E8E8;
	height:45px;
	border-top:5px solid #000000;
}

#vc-tab:hover {
  background-color: #D1D1D1;
  cursor:pointer;
}
#vc-header .v {
	color:#99AE00;
	font-weight:bold;
}
#vc-header .c {
	color:#7E7E7E;
	font-weight:bold;
}

ul.menu {
	list-style-type: none;
	margin:.5em 3em;
}
ul.menu li {
	display:inline-block;
	
}

ul.menu li a {
	display:block;
	font-weight:bold;
	color:#193483;
	text-decoration:none;
	padding:.25em 1.5em;
	margin: 0 .25em;
	border-radius:5px;
}
ul.menu li.social > a {
	display:inline;	
	padding:0;
	margin:0;
}
ul.menu li a:hover {
	background-color: #999999;
	
}
/** startup cover **/
#startup-cover {
  font-size: 250%;
	background-color: #BFE2EA;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index:150;
}
#browsermessage {
	background: none repeat scroll 0 0 #FFEB73;
	border: 1px solid #FF7F00;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	left: 50%;
	margin-left: -15%;
	padding: 5px;
	position: absolute;
	top: -3px;
	width: 30%;
	z-index: 151;
}
header{
	overflow:auto;
	border-top:5px solid #000000;
	background:#E8E8E8;
	padding:0 .25em;
}
header .v {
  color: #99AE00;
  font-weight: bold;
}
header .c{
	color:#7E7E7E;
	font-weight:bold;
} 
#innovative {
  padding: 3em 0;
  text-align: center;
  background-color: #333333;
  color:#F0F0F0;
}
#loadingbar {
	text-align:center;
}
.loadingtext {
	font-size:50%;
}

/** visualiztions tab horizontals **/
.baselayers, .left.baselayers {
    margin-right:3em;
}
ul.panels {
    list-style-type:none;
    height:250px;
    padding:0;
    margin:0;
}
.panel {
    display:block;
    float:left;
    width:50px;
    padding:0;
    margin:0;
    transition: all 1s ease-in-out;
    height:100%;
    position:relative;
}
.panelbody{
    display:none;
    overflow:hidden;
    margin-left:2em;
    width:100%;
}

.panel:hover > .panelhead {
    background-color:#BFE2EA;
}

.panelhead {
    background: none repeat scroll 0 0 #E8E8E8;
    bottom: -54px;
    left: 0;
    padding: 5px 10px;
    position: absolute;
    transform: rotate(-90deg);
    transform-origin: 0 50% 0;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: 0 50% 0;
    -o-transform: rotate(-90deg);
    -o-transform-origin: 0 50% 0;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 0 50% 0;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: 0 50% 0;
    width: 300px;
    height:40px;
    color:#99AE00;
}
/*.panellast {
      background-color: #00FF00;
      display: block;
      float: left;
      height: 110%;
      left: 560px;
      position: absolute;
      right: 0;
      top: 0;
      width: auto;
      margin:0;
      padding:0;
}*/
   .panel.last{
       
   }

/** current view horizontal tab **/
#currviewing {
  background: none repeat scroll 0 0 #FFFFFF;
  max-width: 100%;
  padding-right: 2em;
  min-width: 250px;
  z-index: 105;
}
#currviewing > .panelbody {
  display: block;
  max-width: 100%;
  width: auto;
}
#currviewing > .panelhead {
  background: none repeat scroll 0 0 #99AE00;
  color: #000000;
}
/** Start Query Tab **/
.queryable, .queryablelayers {
	float:left;
	height:300px;
}
.queryable {
	
}
.queryablelayers {
	margin-left:2em;
}
.queryable h4 {
	margin-top:1em;
	margin-bottom:.25em;
}
.queryable input[type=button] {
	padding:5px 25px;
	
}
#query-content h2 small{
	display: block;
	font-size: 50%;
	margin-bottom: -1em;
}
.blockdata {
	display:none;
}
.population-dropdown {
	cursor:pointer;
}
#hideallcontainer {
	position:absolute;
	bottom:0;
	width:250px;
}
button {
	width:200px;
	margin:0 auto;
	border:1px solid #333333;
	font-size:110%;
	padding: 5px 10px;
}
button:hover {
	background-color:#BFE2EA;	
}
button:active {
	background-color:#666666;
	color:#FFFFFF;
}
button:disabled {
	background-color: #CCCCCC !important;
}

/** context (right-click) menu **/
#ContextMenu {
	position:absolute;
	background:#FFFFFF;
	z-index:10000;
}
/** asthetics **/
.left {
	float:left;
	margin: auto 5px;
	padding: 3px;
}
.right {
	float:right;
}
.hidden {
	display:none;
}