﻿@import url('/css/common.css');

#logo {
    height: 100px;
}

#tagline {
    left: 92px;
    position: absolute;
    top: 70px;
	z-index: 2001;
}

#tagline a {
	color: #37ddf7;
	text-decoration: none;
}

#logo  img.ed {
    left: 10px;
    position: relative;
    top: 9px;
	z-index: 2000;
}
#header {
	background-color: #14407e; /*#1588b5;*/
    height: 101px;
    overflow: hidden;
}

#coords {
    bottom: 6px;
    color: #202020;
    position: absolute;
    right: 8px;
    z-index: 30;
}

#main {
	overflow: hidden;
}

.eslogo {
	position: absolute;
	top: 15px;
	right: 15px;
}

.eg {
	color: #a0a0a0;
}

#tableBorder {
	overflow: hidden;
}

.tab-graph {
    background: url(/css/icons/tab-graph.png) no-repeat; 
    height: 16px;
    margin: 0 auto;
    width: 16px;
}

.tab-table {
    background: url(/css/icons/tab-table.png) no-repeat; 
    height: 16px;
    margin: 0 auto;
    width: 16px;
}

.tab-map {
    background: url(/css/icons/tab-map.png) no-repeat; 
    height: 16px;
    margin: 0 auto;
    width: 16px;
}

.tab-edi {
    background: url(/css/icons/tab-edi.png) no-repeat; 
    height: 16px;
    margin: 0 auto;
    width: 16px;
}

.tab-info {
    background: url(/css/icons/tab-info.png) no-repeat; 
    height: 16px;
    margin: 0 auto;
    width: 16px;
}

.tab-sites {
    background: url(/css/icons/tab-sites.png) no-repeat; 
    height: 16px;
    margin: 0 auto;
    width: 16px;
}

.tab-stats {
    background: url(/css/icons/tab-stats.png) no-repeat; 
    height: 16px;
    margin: 0 auto;
    width: 16px;
}

/* SORIA OVERRIDES */

.soria .dijitDialogTitleBar {
    background-color: #2d6e96;
}

.esriPopupWrapper .contentPane {
    font-size: 1em;
}

#search_splitter, #key_splitter  {
    display: none;
}

.soria .dijitToolbar {
    height: 28px;
    padding: 2px;
}

.tools {
    background-color: #e6e6e6;
    border-bottom: 1px solid #c0c0c0;
    height: 32px;
}

.soria .dijitToolbar .dijitIcon {
    height: 20px;
    width: 20px;
}

.dijitToggleButton, .dijitDropDownButton, .dijitButton {
    border: 1px solid #e6e6e6;
    padding: 2px !important;
}

#gribbon .small  {
	padding: 0px !important;
}

.soria .dijitToolbar .dijitDropDownButtonHover, .soria .dijitToolbar .dijitHover, .soria .dijitToolbar .dijitToggleButtonChecked, .soria  .dijitButtonHover {
    background: url(/css/template/button-highlight.png) repeat-x !important; 
    border: 1px solid #54b4f4 !important;
}

.soria .dijitTabContainerTop-tabs {
    background-image: url("template/desktop-panel.png") !important;
    overflow: hidden;
    padding: 0;
}

.soria .dijitTab {
    background: #e4e4e4 url(template/desktop-panel.png) repeat-x top left !important;
	color: #000000;
    width: 150px;
}

.soria .dijitTabContainerTop-tabs .dijitTabChecked  {
    background: #e6e6e6 !important;
    color: #000000 !important;
}

.soria .dijitTabContainerTop-tabs {
    border: 0;
    border-bottom: 1px solid #e6e6e6;
}

.soria .dijitTabContainerTop-tabs .dijitTab {
    border: 0;
    border-radius: 0;
	top: 0;
}

.soria .dijitSplitterV {
	background-color: #e6e6e6;
}

.soria .dijitTabHover {
	background: #ececec !important;
}

.soria .dijitTreeNode {
	background: none;
}

.dijitTabPaneWrapper {
    border: 0 !important;
}

.dijitTreeIsRoot .dijitTreeLabel {
	font-weight: bold;	
}

.dijitTreeNodeContainer .dijitTreeLabel {
	font-weight: normal !important;
}

#tcLayers, #tcTable, #tcGraph, #tcStats {
	padding: 0px !important;
}

.basemaps { 
	background: url(/css/icons/basemap.png) no-repeat; 
	width: 28px !important;
}

.layers {
	background: url(/css/icons/layers.png) no-repeat; 
    width: 28px !important;
}

.mobile {
    border: 0;
    background: url(/css/icons/mobile.png) no-repeat center center;
}

.beacon { 
    background: url(/css/icons/beacon.png) no-repeat;
}

.pan {
	background: url(/css/icons/pan.png) no-repeat; 
}

.print {
	background: url(/css/icons/print.png) no-repeat; 
}

.save {
	background: url(/css/icons/save.png) no-repeat; 
}

.zoom-in {
	background: url(/css/icons/zoom-in.png) no-repeat top left;
}

.zoom-extent {
	background: url(/css/icons/extent.png) no-repeat top left;
}

.zoom-out {
	background: url(/css/icons/zoom-out.png) no-repeat top left;
}

.es {
	background: url(/css/icons/es.png) no-repeat top left;
}

.filter {
	background: url(/css/icons/filter.png) no-repeat top left;
}

.smin { 
	background: url(/css/template/in.png) no-repeat; 
	height: 13px;
	width: 13px;
}

.sout { 
	background: url(/css/template/out.png) no-repeat; 
	height: 13px;
	width: 13px;
}

.sort { 
	background: url(/css/template/apply-sort.png) no-repeat; 
	height: 16px;
	width: 16px;
}

#basemaps {
	padding: 3px 3px 8px 3px;
	width: 372px;
}

.gallery {
	background-color: #fff;
	border: 1px solid #d0d0d0;
	padding: 3px;
}

.esriBasemapGalleryNode {
	border: 1px solid #fff;
	height: 100px;
}

.esriBasemapGalleryThumbnail {
	background-color: #fff;
	border: 1px solid #c0c0c0;
	box-shadow: none;
	padding: 3px;
	height: 68px;
	width: 90px;	
}

.esriBasemapGallerySelectedNode .esriBasemapGalleryThumbnail {
	border: 2px solid #c7eaff !important;
}

.esriBasemapGalleryNode:hover, .esriBasemapGallerySelectedNode {
    background-color: #c7eaff;
    border: 1px solid #54b4f4 !important;
}

#navigation {
    display: inline-block;
}


#dataHidden {
	background: #e6e6e6 url(/css/template/ed-side.png) no-repeat center center;
}

.edata {
    background-color: #e6e6e6;
    border-bottom: 1px solid #c6c6c6;
    font-weight: bold;
    line-height: 26px;
    padding-left: 5px !important;
    vertical-align: middle;
}

#fwContainer  {
	font-size: 1.10em;
    line-height: 26px;
    padding-left: 5px !important;
    vertical-align: middle;
}

#gdis {
	background-color: #e0e0e0;
	border-top: 1px solid #c0c0c0;
	padding: 8px;
}

.edata  .dijitButton, .edata  .dijitButtonNode, #dataHidden .dijitButton, #dataHidden .dijitButtonNode {
    background: none;
	border: 0;
	padding: 0 !important;	
}

.edata  .dijitButton, #dataHidden .dijitButton {
	border: 1px solid #e6e6e6;
    position: absolute;
    right: 3px;
    top: 2px;
}

.dijitTreeExpando  {
	visibility: hidden;
}

select .in {
    height: 22px;
    line-height: 22px;    
    left: -4px;
    width: 115px !important;
}

#filter {
	background-color: White;
	border: 3px solid #d0d0d0;
	margin: 0 auto;
	padding: 5px;
	position: relative;
	top: 150px;
	width: 300px;
}

#filter label {
	margin-left: 8px;
}

#fapply, #fcancel {
	background: #ffffff;
	border: 1px solid White;
	font-size: 10px;
	height: 24px;
	width: 70px;
}

#fapply:hover, #fcancel:hover {
    background-color: #c7eaff;
    border: 1px solid #54b4f4 !important;
}

#fapply {
	background: url(/css/template/apply.png) no-repeat 2px 4px;
}

#fcancel {
	background: url(/css/template/cancel.png) no-repeat 2px 4px;
}

.right {
	text-align: right;
}

h1 { 
	color: #008cd3;
	font-size: 14px;
	margin-top: 0;
}

#tcSites, #tcEdi, #tcInfo {
	padding: 0px;
}

#ediFooterContainer {
	padding: 3px 2px 3px 0;
}

.notice {
	background-color: #f3f3f3;
	border: 1px solid #d6d6d6;
	font-weight: normal;
	padding: 2px 5px;
}

.download {
	color: #075da9;
	text-decoration: none;
}

.pdf {
	position: relative;
	top: 4px;
}

.right {
	position: absolute;
	right: 3px;
}

#sidetabs  .dijitTab {
	border-top: 1px solid #d6d6d6;
    width: 33.3%;
}

#hovers {
	background-color: #fff;
	border: 1px solid #c0c0c0;
	padding: 4px;
	position: absolute;
	z-index: 1000;
}

#mcontainer {
	position: absolute;
	right: 5px;
	top: 37px;
	z-index: 1002;
}

#mcontainer  .dijitDropDownButton, #mcontainer  .dijitButtonNode, #mcontainer  .dijitButtonHover {
	background: none !important;
	border: 0 !important;
}

.options {    
    background: url(/css/icons/options.png) no-repeat center center;
	border: 0;
	height: 20px;
	width: 28px;
}

h3 {
	font-size: 1em;
	margin: 0 0 15px 0;
	text-transform: uppercase;
}

#info {
	height: 100%;	
	overflow: auto;
	padding: 3px;
}

.info {
	margin-bottom: 15px;
}

.info td {
	vertical-align: top;
}

#info p {
	margin-top: 0;
}

@media screen and (max-width: 800px) {
    .soria .dijitToolbar .dijitButtonText, .eslogo {
        display: none;
    }
	.soria .dijitTab  {
		width: 25%;
	}
}