/*INNOVATE ESRI MAP STYLES*/
     
table {
    background-color:transparent !important;
}

.innvateLegend table td, .innvateLegend table th {
    border:0 !important;
}

.innvateLegend{
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;        
}

.innvateLegend table { 
    padding: 0 !important; border: 0 !important;
    margin-bottom: 0px !important;
}

.innvateLegend table td, .innvateLegend table th { 
    padding: 0 !important; border: 0 !important;
}

.soria .dojoxExpandoTitle {
    height: auto !important;
}

.soria .dojoxExpandoContent {
    height: auto !important;
}


.contentPane table tbody tr td {padding:5px;}

.dijitReset{vertical-align:middle;}
.dijitSliderH{
    width:200px;
    margin-left: 40px;
    float:left;
    position:absolute;
    top: 6px;
}
.dojoxExpandoClosed .dojoxExpandoTitleNode {display: block;}

#dsetFrm {
    position: relative;
    top: 10px;
    /*width:160px;*/
    display:block;
    margin-left: auto;
    margin-right: auto;
    z-index: 41;
    text-align:center;
}
#dsetFrm input[type="button"] {
    background: white;
    border: 1px solid #999;
    border-radius: 5px;
    font-size: smaller;
    color: #64acf7;
    padding: 3px;
}
        
#dsetFrm input[type="button"]:hover {
    background: #64acf7;
    text-decoration: underline;
    color: black;
    border: 1px solid white;
}  

span input.list_item[type='checkbox'], span input[name^='blayer'][type='radio'] {
    padding: 0 !important;
    position: relative !important;
    left: auto !important;
    margin-right:2px;
}


#innovate_container .esriScalebar {
    padding: 5px 5px;
    background-color: #ffffff !important;
    opacity: 0.7;
    filter: alpha(opacity=70);
    border-radius: 4px;
    width:155px !important;
    height:35px !important;
} 
#innovate_container .scalebar_bottom-right {
    bottom: 30px;
    right: 10px !important;
} 
#innovate_container .scalebar_bottom-left {
    bottom: 10px;
    left: 10px !important;
} 
#innovate_container .esriScalebarLabel {
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    font-size: 8px;
    text-align: left;
    width: auto !important;
    padding: 0 !important;
} 
#innovate_container  #fsFrame {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 100%;
    padding: 5px;
    background: #00008b;
    opacity: 0.8;
    border: 1px solid #999;
    border-radius: 10px;
    font-size: medium;
    color: white;
    z-index: 40;
}
#innovate_container  .mframe {
    width: 676px;
    height: 450px;
}

#innovate_container #BasemapToggle {width: 64px;}
.esriAttribution{
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
#innovate_container .layersNode {
    position: absolute;
    top: 52px;
    right: 11px;
    width: 180px;
    padding: 5px;
    background: #00008b;
    opacity: 0.8;
    border: 1px solid #999;
    border-radius: 3px;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    font-size:small;
    color:white;
    z-index: 40;
}
#innovate_container .expandIcon {
    position: absolute;
    top: 60px;
    right: 23px;
    padding: 1px;
    background: #f5f5f5;
    border: 1px solid #999;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    z-index: 41;
}
#innovate_container .fullScreen {
    position: absolute;
    top: 30px;
    right: 23px;
    padding: 1px;
    background: #f5f5f5;
    border: 1px solid #999;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    z-index: 42;
}
/*END INNOVATE ESRI MAP STYLES*/


/*styles retained from old innovate_styles.css*/
.innovate_container { 
    width: 680px; 
    height: 450px; 
    margin: 0 auto;
}
#innovate_container .mapTitle{
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#000;
    fill:#000;
    text-align: left;
	font-weight: bold;
    margin : 5px 10px 5px 10px;
}

#innovate_container .innovate_mapFooter{
    padding: 10px 10px 0 10px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: auto;
    min-height: 100px;
    text-align: left;
    display:table-cell;
    vertical-align: middle;
}

#innovate_container .innovate_mapFooter div{
    line-height: 16px;
	margin:0 0 10px 0;
}

#innovate_container .onecolumngraph {
    width: 680px;
}


/*overrides - for ESRI map styles that may be conflicting with EPA template or ERG styles -jm*/
.titlePane .title, .contentPane div {text-align:left;}

.mapDiv {text-align:left;}

/*need to specify Legend text font/size*/
table.esriLegendLayer tbody tr td table tbody tr td, table.esriLegendLayerLabel tbody tr td, .esriLegendServiceLabel {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.dojoxExpandoTitle {
	text-align:right;
    font-size:x-small !important;
    font-weight: bold !important; 
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}