body {
    word-wrap: break-word;
    font-size: 13px;
    margin: 0px;//10px 10px 0px 10px;
    padding: 0px;
    border: 0px;
    outline: 0px;
    height: 100%;
    min-width: 1060px;
}

#maincontent {
    line-height: 1.23 !important;
}

a {
    outline : none;	
	color: blue;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: purple;
}

a img {
    outline : none;
}

abbr {
	border-bottom: 1px dotted #000;
	text-decoration: none;
}

.likeLink {
    color: blue;
    cursor: pointer;
}

.likeLink:hover {
    text-decoration: underline;
}

img {
    border : 0;
}

.hover-text {
    background-color: #FFF;
    border: 1px solid #222222;
    box-shadow: 3px 3px 3px #969696;
    border-radius: 4px;
    font-style: normal;
    font-weight: bold;
    font-size: .8em;
    display: none;
    color: #222222;
    text-align: center;
    position: absolute;
    padding: 5px 8px 8px;
    opacity: 1.0;
}

/* also on data-use-agreement.html */
#dataUsePrintIcon {
    position: absolute;
    top: 5px;
    right: 40px;
    cursor: pointer;
}

.bison_tool_tip {
    margin-left: 4px;
    margin-top: 0px;
    vertical-align: middle;
    width: 12px;
    height: 12px;
}

#foldDiv {
    position: relative;
    height: 200px;
    text-align: center; 
    margin: 12px 0px 12px 0px;
}

#aboutTab {
    box-sizing: border-box;
}

.bison-title-section {
	background-color: #00264c;
	padding-top: 7px;
	padding-bottom: 3px;
	padding-left: 15px;

}

h1.bison-title {
    font-size: 18px;
    margin-top: 0px !important;
    margin-bottom: 4px !important;
	color: #fff !important;
	font-family: 'Source Sans Pro',sans-serif !important;
}

#titleAppendShort {
    display: inline;
}

#titleAppendLong {
    display: none;
}

.ui-widget {
    font-family: 'Source Sans Pro',sans-serif !important;
    font-size: 1em;
}

#bisonBlog .blogTopEntry .content {
    display: block;
    overflow:hidden;
    line-height: 18px;
    height: 108px;
}

#bisonStatistics {
    position: absolute;
    left: 0px;
    top: 0px;
}

#loadingdiv {
    font-style: italic;
    text-align: center;
    z-index: 999;
    position: absolute;
    margin-top: 200px;
    margin-left: 400px;
    background: white;
    padding: 20px;
    border: 1px solid #ccc;
    display: none;
}

#sampleLocatorWrapper .row {
    background: white;
    border: 0;
}

#sampleLocatorWrapper {
    border: 1px solid #ccc;
    padding: 10px 20px 10px 20px;
}

.sample_locator_samplebox {
    border: 1px solid #ccc;
    padding: 10px;
    font-family: Courier New, Courier, monospace;
}

.states {
    fill: none;
    stroke: #fff;
    stroke-linejoin: round;
}

#maps {
    background-color:#E3E3E3;
}

#btn_resetbutton {
    margin-top: 10px;
    width: 110px;
}

#btn_submitbutton {
    margin-top: 50px;
    width: 110px;
}


#statsSmallWaitIndicator img {
    margin-left: 6px;
    margin-bottom: -2px;
}

#statsResponseTitle {
    float: right;
    margin-top: 2px;
}

#bisonBlog {
    position: absolute;
}

#bisonGallery {
    position: absolute;
    right: 0px;
    top: 0px;
}

.galleryCardLink {

}

.galleryButton {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    cursor: pointer;
    opacity: 0.6;
}

.galleryButton:hover {
    opacity: 1.0;
}

.gLeft {
    left: 0px;
}

.gRight {
    right: 0%;
}

.popupListPanelItemTable abbr,
.summaryDetails abbr {
	cursor: default;
}

#cboxWrapper {
    font-family: 'Source Sans Pro',sans-serif !important;
}

.header-nav {
  border-bottom: 1px solid #fff;
}

/*  START MEDIA QUERIES */
@media screen and (min-width:0px) and (max-width:1279px) {

    #titleAppendShort {
        display: inline;
    }

    #titleAppendLong {
        display: none;
    }
    #bisonStatistics {
        width: 25%;
        height: 100%;
    }
    #bisonBlog {
        left: 26%;
        right: 26%;
        top: 0px;
        height: 100%;
    }
    #bisonGallery {
        width: 25%;
        height: 100%;
    }

    #bisonBlog .blogTopEntry .content {
        height: 90px;
    }
}
@media screen and (min-width:1280px) and (max-width:1599px) {
    #titleAppendShort {
        display: none;
    }

    #titleAppendLong {
        display: inline;
    }
    #bisonStatistics {
        width: 22.5%;
        height: 100%;
    }
    #bisonBlog {
        left: 23.5%;
        right: 23.5%;
        top: 0px;
        height: 100%;
    }
    #bisonGallery {
        width: 22.5%;
        height: 100%;
    }
    #bisonBlog .blogTopEntry .content {
        height: 108px;
    }
}
@media screen and (min-width:1600px) {
    #titleAppendShort {
        display: none;
    }

    #titleAppendLong {
        display: inline;
    }
    #bisonStatistics {
        width: 20%;
        height: 100%;
    }
    #bisonBlog {
        left: 21%;
        right: 21%;
        top: 0px;
        height: 100%;
    }
    #bisonGallery {
        width: 20%;
        height: 100%;
    }
    #bisonBlog .blogTopEntry .content {
        height: 126px;
    }
}

/*  END MEDIA QUERIES */

#bisonBlog .blogTopEntry {
    position: relative;
    height: 174px;
}

#bisonBlog .blogTopEntry h3 {
    margin-top: 0px;
    margin-bottom: 6px;
}

#bisonBlog .blogTopEntry img {
    float: left;
    height: 174px;
    margin: 0px 12px 0px 0px;
}

#bisonBlog .blogTopEntry .moreBlog {
    position: absolute;
    right: 6px;
    bottom: 0px;
    display: block;
    cursor: pointer;
	color: blue;
}

#bisonBlog .blogTopEntry .moreBlog:hover {
    text-decoration: underline;
}

#bisonBlog .blogTopEntry .moreBlog:visited {
    color: purple;
}

#bisonGallery .galleryEntry {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

#galleryBox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

#bisonGallery .galleryEntry img {
    float: left;
    width: 100%;
    height: 100%;
}

.underFold {
    height: 200px; 
    text-align: left; 
    display: inline-block; 
    border: 1px solid black; 
    border-radius: 4px;
    padding: 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden;
}

#layout {
    height: 100%;
    margin-left: 20px;
    margin-right: 20px;
}

#layout #header {
    width: 100%;
    height: 50px;
    background: black;
    overflow: hidden;
}

.header_logo {
    width: 116px;
    height: 50px;
    float: left;
    background: url(../images/usgs_logo.png)
} 

#usgsheaderfader {
    float: right;
    height: 5.14em;
    width: 20px;
    background: url(../images/right_fade.png) no-repeat;
}

#ornlfooter {
    text-align: right;
}

#ornlfooter A {
    font-weight: bold;
    color: #51776b;
}

.header_text {
    float: left;
    width: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 116px;
    display: inline-block; 
    background-repeat:repeat-y;
    background: url(../images/header_background.png)
}

.label {

    float:left; 
    width: 50px;
    font-weight: bold;
}

.welcomeContent {
    position: absolute;
    height:85%;
}

.welcomeContent div {
    padding: 5px 10px 0px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.welcomeContent div A {
    text-decoration: none;
    font-weight: bold;
    color: #002F57;	
}

.welcomeInfo {
    width: 250px;	
    float: right;
}

#gbifInfo {
    padding: 4px;
    height: 100%;
    text-align: left;
}

#providersInfo {
    width:100%;
    border:1px solid #ccc;
    overflow: auto;
    min-height: 800px;
}

#formInfo {
    font-weight: bold;
    background: #e3e3e3;	
    text-align: center;
}

.dialogButton {
    float: right;
    padding-right: 10px;
}

.dialogPanel {
    background-color: #8e99c8;
    border: medium none;
    border-radius: 8px;
    -moz-border-radius: 8px;
    font-weight: bold;
    margin-top: 2px;
    margin-left: 3px;
    margin-bottom: 3px;
    padding: 5px 10px;    
}

#content {
    height: 99%;	
}
@media print
{
    .noPrint{ display: none; }
    .yesPrint{ display: block !important; }
}

#searchText  {
    display: inline-block;
    font-weight: normal;
    height: 26px;
    width: 300px;
    padding: 0px;
    position: relative;
    z-index: 2000;
    vertical-align: middle;
}

#sciSearchTypeSelect {
    display: inline-block;
    font-weight: normal;
    height: 30px;
    width: 340px;
    padding: 0px;
    position: relative;
    z-index: 2000;
    vertical-align: middle;
}

#esriAttribution {
    font-family: "Avenir Next W00","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 10px;
    color: #323232;
    text-align: right;
    vertical-align: bottom;
    white-space: nowrap;
    padding: 0 4px;
    margin: 0 5px 0 0;
    background: rgba(255,255,255,0.7);
    z-index: 999;
    position: absolute;
    bottom: 0px;
    right: 170px;
}

.form-group {
    clear:both;
}

.typeSelected {
    font-weight: bold;	
}

.searchPanel {
    width: 100%;
    height: 80px;	
}

.searchPanelITIS {
    width: 100%;
    height: 120px;	
}
.terms {
    cursor: pointer;
    height: 20px;
    width: 100px;
    float: left;	
}

.itisSearchTypes, .quickSearchTypes {
    cursor: pointer;
    height: 20px;
    width: 150px;
    white-space:nowrap;
}

.terms {
    float: left;	
}

#termsButton {
    float: right;
    cursor: pointer;	
    font-weight: bold;
    margin-top: 2px;
    margin-left: 3px;
    margin-right: 5px;	
}

#filterButton {
    color: #002f57; 
    margin-right: 50px;
}


#resetButton,
#searchButton,
#filterButton {
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    padding: 3px;
    width: 80px;
    height: 30px;
    word-wrap: normal;
    vertical-align: middle;
}

#resetButton:hover, #searchButton:hover, #filterButton:hover {
    border: 1px solid #6d6d6d;
    border-radius: 3px;
}

#facetSearchButton, #hideFacets {
    float: right;
    background-color: #f68a1f;
    border-radius: 4px;
    -moz-border-radius: 4px;
    color: #333;
    cursor: pointer;
    font-weight: bold;
    margin-top: 5px;
    margin-left: 3px;
    margin-right: 5px;
    width: 180px;
    padding: 0 3px 0 3px;
    text-align: center;
    font-size: 85%;
}

.inactiveInput {
    color: #BBBBBB;	
}

#tabContainer {
    width: 100%;
    height: 24px;
    text-align: left;
    margin: 3px 0 8px 6px;
}

#tabContainer ul li {
    display: inline-block;
    text-align: center;
}

.spanTabLink {
    color: blue;
	text-decoration: none;
    cursor: pointer;
}

#tabs {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 0;
    border-style: none;
}

#tabs .ui-tabs-nav {
    width: 100%;
    border-radius: 0;
    margin: 0;
    background: #FFFFFF;
    border: none;
    padding: 0;
}

#tabs .ui-tabs-nav li {
    top: 0;
    padding: 3px 0;
    margin-right: 7px;
    font-size: 14px;
}

#tabs .ui-tabs-nav li {
    /*    background: lightblue;*/
    box-sizing:content-box;
    border: 1px solid #a4a4a4;
    border-radius: 3px;
    color: white;
    font-weight: bold;
}

#tabs li.ui-state-default span {
    font-weight: bold;
    color: black;
}

#tabs li.ui-state-default.ui-state-hover span {
    color: black;
}

#tabs li.ui-state-default.ui-state-active span {
    color: black;
}

#tabs .ui-tabs-nav li.ui-state-active {
    border: 1px solid #a4a4a4;
    background-color: #92cfde; background-image: -webkit-gradient(linear, left top, left bottom, from(#92cfde), to(#76bdd1));
    background-image: -webkit-linear-gradient(top, #92cfde, #76bdd1);
    background-image: -moz-linear-gradient(top, #92cfde, #76bdd1);
    background-image: -ms-linear-gradient(top, #92cfde, #76bdd1);
    background-image: -o-linear-gradient(top, #92cfde, #76bdd1);
    background-image: linear-gradient(to bottom, #92cfde, #76bdd1);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#92cfde, endColorstr=#76bdd1);

}

#tabs .ui-tabs-nav li.ui-state-hover{
    border: 1px solid #a4a4a4;
    background-color: #6bbed2; background-image: -webkit-gradient(linear, left top, left bottom, from(#6bbed2), to(#50abc4));
    background-image: -webkit-linear-gradient(top, #6bbed2, #50abc4);
    background-image: -moz-linear-gradient(top, #6bbed2, #50abc4);
    background-image: -ms-linear-gradient(top, #6bbed2, #50abc4);
    background-image: -o-linear-gradient(top, #6bbed2, #50abc4);
    background-image: linear-gradient(to bottom, #6bbed2, #50abc4);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#6bbed2, endColorstr=#50abc4);
}

#tabs .ui-tabs-nav li a {
    padding: 0 1em;	
}

#home {
    padding: 0em 0.4em;
}

#searchInputDiv {
    margin: 0px 0px 6px 0px;
}

#searchMap {
    width: 100%;
    height: 500px;
    background: white;
    position: relative;
    overflow: hidden;
}

#searchList {
    width: 100%;
    background: white;	
}

#legend{ 
    top: 50%;
    left: 0px;
    margin-top: -45px;
    width: 20px;
    height: 90px;
    position: absolute;
    cursor: pointer;
    z-index: 2100;
}

.searchResults {
    clear: both;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #333;
}

#mapTopResults {
    clear: both; 
    position: relative;
    height: 24px;
    line-height: 24px;
    border-bottom: 1px solid black;
    word-wrap: normal;
    vertical-align: middle;
}

.searchResults .searchResultsToolbar
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#333333;
    width:100px;
    background-color:#EEEEEE;
    border-style:solid;
    border-color:#BBBBBB;
    border-width:1px;
}

#searchResultsStatusDiv {
    position: relative;
    border-top: 1px solid #666;
}

#searchResultsStatusBar {
    height: 14px;
    background: #FFF;
    padding-left: 6px;
    font-family: Arial, Helvetica, sans-serif;
}

#mapLoading {
    height: 14px;
    background: #FFF;
    padding-right: 6px;
    padding-top: 1px;
    font-family: Arial, Helvetica, sans-serif;
    float: right;
    display: none;
}

#searchResultsSubToolbar {
    font-size: 85%;
    height: 21px;
    line-height: 21px;
    background: #D2D2D2;
    padding: 0px 4px;
    display: none;
    margin-bottom: 0px;
    border-bottom: 1px solid black;
}

#aoiToBBoxConversionNotice {
    font-size: 1em;
    font-weight: bold;
    height: 21px;
    line-height: 21px;
    background: #FFFFFF;
    padding: 0px 4px;
    margin-bottom: 0px;
    border-bottom: 1px solid black;
    text-align: center;
    color: red;
}

#searchResultsInfo {
    font-size: 85%;
    padding-left: 6px;
    color: #333;
}

.olOccurrencePopup {		
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
}

.popupListPanelItemHeader {
    font-weight: bold; 
    margin-bottom: 3px; 
    margin-top: 8px; 
    font-style: italic;
}

.popupListPanelItemDetails {
    border-radius: 4px;
    border: 2px solid #DEDEDE;
}

.popupListPanelItemTable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

.popupListPanelItemTable td {
    padding: 3px 0px 3px 6px;
    vertical-align: top;
}

.popupListPanelItemTable .title {
    vertical-align: top;
    width: 40%;
}

.popupListPanelItemTable .even {

}

.popupListPanelItemTable .odd {
    background-color: #DEDEDE;
}


.popupListPanelLinks {
    text-align: center;
    padding: 6px;
}

.olOccurrencePopup A {
    font-weight: bold;
    color: blue;
}

.olOccurrencePopupHeader {
    padding: 3px;
    background: #ababab;
    color: #000000;
    margin-bottom: 8px;
}

.olOccurrencePopupSubHeader {
    padding-left: 5px;
    font-weight: bold;
    text-align: center;
}

.olOccurrencePopupSubHeader A {
    font-weight: bold;
}

.olOccurrencePopupSubHeader A:hover {
    color: orange;	
}


.olOccurrencePopup A:hover {
    font-weight: bold;
    color: orange;	
}

.olpopup {
    font-family: Arial, Helvetica, sans-serif;
}

.olpopup A {
    font-weight: bold;
    color: blue;
}

.olpopup A:hover {
    font-weight: bold;
    color: orange;	
}

#statusInfo {
    height: 20px;
    color: #333;
}

/* Open Layers Specific CSS */
.olControlPanelToolbar {
    float: right;
    height: 40px;
    right: 0;
    width: 320px;
}

.olControlPanelToolbar div {
    background-image: url("../images/ol/map_controls_sprite.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 32px;
    margin: 3px;
    width: 32px;
}

.olControlPanelToolbar .olControlDrawFeatureBboxItemActive {
    background-position: -192px -32px;
}

.olControlPanelToolbar .olControlDrawFeatureBboxItemInactive {
    background-position: -192px 0px;
    /* display: none; */
}

.olControlPanelToolbar .zoomToExtentIconItemInactive, .olControlPanelToolbar .zoomToExtentIconItemActive {
    background-image: url("../images/ol/zoom_to_extent.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 32px;
    margin: 3px;
    width: 32px;
}

.olHandlerSearchBox {
    border: 2px dashed #0000FF;
    background: #ebef7c;
}

.olControlPanelToolbar .olControlNavigationItemActive {
    background-position: -64px -32px;
}

.olControlPanelToolbar .olControlNavigationItemInactive {
    background-position: -64px 0px;
}

.olControlPanelToolbar .olControlDrawFeaturePolygonItemActive {
    background-position: -32px -32px;
}

.olControlPanelToolbar .olControlDrawFeaturePolygonItemInactive {
    background-position: -32px 0px;
    /* display: none; */
}

.olControlPanelToolbar .olControlDrawFeatureBboxItemActive {
    background-position: -192px -32px;
}

.olControlPanelToolbar .olControlDrawFeatureBboxItemInactive {
    background-position: -192px 0px;
    /* display: none; */
}

.olControlPanelToolbar .olControlDownloadItemActive {
    background-position: -224px -32px;
}

.olControlPanelToolbar .olControlDownloadItemInactive {
    background-position: -224px 0px;
    /* display: none; */
}


.olControlPanelToolbar .olControlZoomBoxItemActive {
    background-position: -96px -32px;
    cursor: pointer;
}

.olControlPanelToolbar .olControlZoomBoxItemInactive {
    background-position: -96px 0px;
}

.olControlPanelToolbar .olControlNavigationHistoryNextItemActive {
    background-position: -160px -32px;
    cursor: pointer;
}

.olControlPanelToolbar .olControlNavigationHistoryNextItemInactive {
    background-position: -160px 0px;
}

.olControlPanelToolbar .olControlNavigationHistoryPreviousItemActive {
    background-position: -128px -32px;
    cursor: pointer;
}

.olControlPanelToolbar .olControlNavigationHistoryPreviousItemInactive {
    background-position: -128px 0px;
}

.olControlPanelToolbar .olControlFeatureInfoItemActive {
    background-position: 0px -32px;
    cursor: pointer;
}

.olControlPanelToolbar .olControlFeatureInfoItemInactive {
    background-position: 0px 0px;
}

#stateCountyFeaturePopup {
    border-radius: 6px;
    box-sizing: border-box;
    background-color: black;
}

#stateCountyFeaturePopup_GroupDiv {
    border: 0px solid #000000;
    height: 100%;
    width: 100%;
    background-color: white;
    border-radius: 4px;
}

#stateCountyFeaturePopup_contentDiv {
    box-sizing: border-box;
    padding: 5px;
}

#summaryFeaturePopup {
    border-radius: 6px;
    box-sizing: border-box;
    background-color: black;
}

#summaryFeaturePopup_GroupDiv {
    border: 0px solid #000000;
    height: 100%;
    width: 100%;
    background-color: white;
    border-radius: 4px;
}

#summaryFeaturePopup_contentDiv {
    box-sizing: border-box;
    padding: 5px 5px 32px 5px;
    margin-top: 24px;
}

#advancedSearch {
    padding: 3px;
    border: 3px solid #405d76;
    border-radius: 8px;
    -moz-border-radius: 8px;
    position: absolute;
    display: none;
    height: 200px;
    width: 90%;
    background: white;
    z-index: 5001;
    overflow:auto;
}

#legendPanel {
    display: none;	
    top: 60%;
    left: -217px;
    margin-top: -150px;
    width: 217px;
    position: absolute;
    height: 300px;
    overflow: auto;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    background: url(../images/busy_bg.png);
    padding-left: 4px;
    z-index: 2101;
}

.legendMaximized {
    /*    left:		275px;*/
    background: url(../images/ol/legend-maximized.png);
    position:	absolute;
    margin-left: -1px;

}

.legendMinimized {
    background: url(../images/ol/legend-minimized.png);
    left: 5px; 
}

#legendInfo {
    margin:12px 8px 16px 8px;
    border: solid #333;
    border-width: 1px 1px 1px 1px;
    color: white; 
}

#legendInfo h4 {
    margin: 6px 0px;
}

#wetlandsLegend {
    margin:12px 8px 16px 8px;
    border: solid #333;
    border-width: 1px 1px 1px 1px;
    overflow: auto;
    color: white; 
}

#wetlandsLegend h4 {
    margin: 6px 0px;
}

#advancedShow {
    font-weight: bold;
    color: #002f57;
    cursor: pointer;
    width: 150px;
    float: right;
}

.download {	
    font-weight: bold;
    color: #002f57;
    cursor: pointer;	
    float: right;
}

#searchResultsFacets {
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin-left: 50px;
    background: #DDD;
    border: 1px solid #333;
    position: absolute;
    max-width:1200px;
    width: 80%;
    display: none;
    z-index: 5000;
    padding: 3px;
    overflow: hidden;
}

#facetResults {
    height: 270px;
    overflow: auto;
}

#newFacetResults {
    overflow: auto;
}

#facets {
    margin:5px 0px 0px 5px;
    height: 230px;
    width: 250px;
    border: solid #333;
    border-width: 1px 1px 1px 1px;
}

.facetPanel {
    width: 280px;
    height: 250px;
    position: relative;
    float: left;
    margin-left: 4px;
    background-color: white;
}

.facetItem {
    position: relative;
    margin-bottom: 3px;
}

#facetPanelWrapper {
    width: 1200px;
    height: 286px;
}

#facetYearRangeWrap {
    padding-top: 10px;
    position: relative;
}

.facetYearLabel {
    display: inline-block;
    width: 50px;
    font-weight: bold;
}

.providerResourceClicker {
    position: absolute;
    left: 0px;
    top: 3px;
    background-image: url('../images/olClose.png');
    width: 13px;
    height: 13px;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 3px;
}

.providerResourceClicker.closed {
    background-image: url('../images/olOpen.png');
}

.resourceItem {
    margin-left: 32px;
    display: none;
}

.providerItem {
    margin-left: 18px;
    margin-bottom: 4px;
}

.preResLink {
    margin-left: 4px;
    cursor: pointer;
    color: blue;
}

.preResLink:hover {
    text-decoration: underline;
}

.newFacetPanel {
    float: left;
    width: 300px;
    position: relative;
    background-color: white;
    border: 2px solid #dddddd;
    box-sizing:border-box;
    border-radius: 6px;
}

#providerDiv .facetWrapper {
    padding-top: 12px;
}

.facetWrapper {
    height: 200px;
    padding: 8px 8px 36px 8px;
    overflow: auto;
}

.facetUncheckAll {
    position: relative;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    color: black;
    background-color: white;
    text-align: center;
}

.newFacetPanel label {
    display: block;
}
.facetHeader {
    margin:5px 5px;	
    background-color: #CCCCCC;
    text-align: center;
    font-weight: bold;
}

.newFacetHeader {
    margin: 4px 0px 8px 0px;
    padding: 4px;
    border-radius:  3px;
    letter-spacing: 1px;
    background-color: #cccccc;
    color: black;
    text-align: center;
    font-weight: bold;
    width: 96%;
    margin-left: 2%;
    box-sizing: border-box;
}
.view-head {margin:0px;padding:0px;}

.facetContent {
    margin:0px 8px; 
    height:175px;
    /* position: absolute; */
    overflow:auto;
    width: 265px;
}

.facetFooter {
    height: 24px;
    padding-left: 5px;
    border-top: 1px dashed #CCCCCC;
}

.facetFooter A:hover {
    color: orange;
}

#providerExpander {
    position: absolute;
    top: 30px;
    text-align: center;
    height: 16px;
    font-size: 10px;
    width: 100%;
    z-index: 2;
    background-color: white;
}

.facetContent div label {
    cursor: pointer;
}

#hideLegend{
    float: right;
    font-weight: bold;
    color: #002f57;
    cursor: pointer;	
}

#listProgress,
#loadProgress,
#progress {
    display: none; 
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 3000;
    background:  url(../images/busy_bg.png);
    color: #DDD;
    font-weight: bold;
}
#listProgress div,
#loadProgress div,
#progress div {
    left: 50%; 
    top: 50%;
    position: absolute;
    margin: -54px auto 0px auto;
    clear:both; 
}

.pointsHeatmapSwitcher {

}

/* OpenLayers Stuff */
.olControlPanelHeatmap {
    border: 1px solid black;
    top: 0;
    left: 100px;
    width: 203px;
    height: 20px;
    position: absolute;
    cursor: pointer;
}

.olControlButtonCountyHeatmapItemActive,
.olControlButtonStateHeatmapItemActive {
    background-image: url("../images/ol/heatmap_buttons_sprite.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 100px;
    height: 18px;
    font-weight: bold;
    background-position: 0px 0px;
}

.olControlButtonCountyHeatmapItemActive {
    background-position: 0px -36px;
    left: 102px;
}

.olControlButtonCountyHeatmapItemInactive,
.olControlButtonStateHeatmapItemInactive {
    background-image: url("../images/ol/heatmap_buttons_sprite.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 100px;
    height: 18px;
    font-weight: bold;
    background-position: 0px -18px;
}

.olControlButtonCountyHeatmapItemInactive {
    left: 102px;
    background-position: 0px -54px;
}

.olLayerSwitcherLayerContainer {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    background: url(../images/busy_bg.png);
    padding-left: 4px;
}

.olLayerSwitcherHandler {
    top: 50%;
    left: -20px;
    margin-top: -37.5px;
    width: 20px;
    height: 75px;
    position: absolute;
    cursor: pointer;
}


.olLayerGroupTitle {
    /*
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    */
    height: 20px;
    line-height: 20px;
    color: #000;
    background-color: #DDDDDD;		
    padding-left: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: bold;
}

/*.metaTitleBar {
    padding-left: 16px;
    position: relative;
}

.metaTitleBar img {
    position: absolute;
    top: 4px;
    left: 0px;
    cursor: pointer;
}

.metaTitleBar input {
    margin-left: 0px;
}*/

.olLayerTitle {
    font-size: 13px;
    font-weight: bold;
}

.olLayerGroupLayers {
    margin-left:10px;
    padding: 3px;
    background: #BBB;
    border-bottom-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    /* white-space: nowrap; */

}

.resultsNav {
    color: #002f57;
    cursor: pointer;
    font-weight: bold;	
}

.scrollableArea img {
    float: left;	
}

#bisn_gallery {
    clear: both;
    margin-right:5px;
    overflow: hidden;
    height: 100px;
    width: 95%;	
    padding-bottom: 0px;
}

#bisn_gallery img {
    cursor: pointer;
    margin-right: 3px;
    margin-top: 4px;
    max-width: 100px;
}

#bisn_img {
    border: 1px solid #000;	
    overflow: hidden;
    max-width:100%;
    max-height: 100%;
}

#bisn_img img {
    /*cursor: pointer;
      width:850px!important;
          height:368px!important;
    */
}

#csvDownloadClicker {
    float: right;
    cursor: pointer;
    color: #0000ee;
    margin-right: 6px;
}

#csvDownloadSpinner img {
    margin-right: 12px;
    margin-bottom: -2px;
}

#csvDownloadClicker:hover {
    text-decoration: underline;
}

#solr_checklist {
    /*    overflow: hidden;*/
}

#solr_checklistTable {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}

#solr_checklistTable thead th {
    padding: 4px;
    background-color: grey;
    width: 50%;
    color: #000000;
    text-align: left;
}

#solr_checklistTable tfoot td {
    padding: 4px;
    font-weight: bold;
    background-color: grey;
}

#solr_checklistNotify {
    text-align: center;
    margin: 128px auto;
}

.solr_extendedRow td {
    text-align: left;
    color: #000;
    padding: 0px;
}

.checklistTable_row {
    cursor: pointer;
}

.checklistTable_row.odd {
    background-color: #d7deff;
}

.checklistTable_row td {
    padding: 4px;
}

.checklistTable_row:hover {
    color: blue;
    text-decoration: underline;
}

.solr_pivotTable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

.solr_pivotTable td {
    padding: 4px;
}

#solr_checklistTable .solr_pivotTable tfoot td, #solr_checklistTable .solr_pivotTable thead th {
    border-bottom: none;
    background-color: #8aa57e;
    font-weight: bold;
    color: #000;
    text-align: left;
}

.solr_pivotTable_row {
    background-color: #DDEEDD;
}

.solr_pivotTable_row.odd {
    background-color: #c4e1c3;
}

.spacerTd {
    background-color: #8aa57e;
}

.pivotRow {
    display: none;
}

#solr_checklistTable tbody td.pivotTd {
    background-color: #34422e;
    text-align: center;
}

#listContainer {
    margin: 0 auto;
    width: 1200px;
}

.ajaxLoadingImage {
    margin-top: 4px;
}

.listHeader {
    background-color: grey;	
    border: 1px solid black;	
    overflow: hidden;
    color: #fff;  
    font-weight: bold;
    line-height: 24px;
    height: 24px;
}

.listContent {
    color: #444;
    line-height: 1.2em; 
    padding: 4px;	  
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;  
}

.row {	
    width:100%;
    overflow:hidden;
    border-bottom: 1px solid #dedede;
    background-color: #E5E8F3;	
}

/*.footer {	
    border:1px solid #E5E8F3;	
    padding-left: 3px;
    padding-right: 3px;
}*/

.paging {
    float:right;
}	

#FirstPage,#PrevPage,#NextPage,#LastPage{  
    margin-left: 15px;
    color:blue;
}

#mapButton,
#listButton,
#checkListButton,
#mapPointsButton,
#mapStateHeatmapButton,
#mapMarineHeatmapButton,
#mapCountyHeatmapButton{
    font: bold 11px Arial,Helvetica,sans-serif;
    height: 24px;  
    color: #002f57;	
    float:right;
    margin: 0px;
    cursor:pointer;
    border-left: 1px solid #617779;
    padding: 0px 5px;
    line-height: 24px;
    z-index: 10;
}

#showFacets, #searchBackButton {
    font: bold 11px Arial,Helvetica,sans-serif;
    height: 24px;  
    color: #002f57;	
    float:left;
    margin-right: 0px;
    cursor:pointer;
    border-right: 1px solid #617779;
    padding: 0px 12px;
    line-height: 24px;
    z-index: 10;

    box-sizing:border-box;

    background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
    background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}

#showFacets:hover, #searchBackButton:hover {
    background-color: #d9dddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3));
    background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
    background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
    background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
    background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
    background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
}

.activeButton, .activeHmPointsButton {
    background: #92cfde;
}

.popupPager {
    clear: both;
}

#popupPrevious {
    font-size: 9px;
    float: left;
    margin-left: 6px;
}

#popupNext {
    font-size: 9px;
    float: right;
    margin-right: 6px;
}

.popupPagerEnabled {
    font-weight: bold;
    cursor: pointer;
    color: #002F57;
}

.popupPagerDisabled {
    font-weight: bold;
    cursor: default;
    color: #DDDDDD;
}

#checkAll,
#uncheckAll {
    font: bold 11px Arial,Helvetica,sans-serif;   
    color: #002f57;		
    margin: 0px 1px 0px 1px;
    cursor:pointer;
}
.column-1
{
    overflow: hidden;
    width: 30px;
    height: 3.0ex; 
    margin-left: 0px;
    margin-right: 0px;
}
.column-2
{
    overflow: hidden;
    width: 170px;
    height: 3.0ex; 
    text-align: left;
    white-space: nowrap;
}
.column-3
{
    text-align: left;
    overflow: hidden;
    width: 100px;
    margin-left: 0px;
    margin-right:0px;
    height: 3.0ex; 
}
.table-1
{
    font: bold 11px Arial,Helvetica,sans-serif; 
}

.providerRow {
    background: #E3E3E3;
    border-top: 1px solid black;
}

.subProviderRow {
    background: #FEFEFE;
    border-top: 1px solid black;
    padding-left: 10px;
}

.subProviderRowCell {
    padding-left: 10px;
}
.resourceList {
    list-style-type: none;
}

#faq {
    width:100%;
    overflow: auto;
}

#about, #speciesIndexDiv {
    overflow: auto;
}

#about .about {
    width: 920px;
    margin: auto;
    padding: 20px;
}

.answer { 
    display:none;
    background:#E3E3E3; 
}   

.resourceRow {
    border-bottom: 1px black dashed;
}

.resourceRow TD {
    text-align: center;
    border-bottom: 1px black dashed;
}

.providerHeader {
    background: #ccc;
    font-weight: bold;
}

TD.resourceName {
    padding-left: 10px;
    text-align: left;
}

#statsTable {
    width: 100%;
}

#statistics .statsTable {
    width: 100%;
    margin-top: 24px;
}

.scrollStats {
    overflow: auto;
}

.statsTableHeader_1 {
    margin-right: 15px;
}

.statsTableHeader_2 td {
    font-size: 1.1em;
    padding-top: 8px;
}

#statsWaitSpinner {
    width: 100%;
    text-align: center;
    height: 400px;
}

#statsWaitSpinner img {
    margin: auto;
    margin-top: 150px;
}

#pager {
    list-style: none outside none;
    margin: 2px 0 0;
    position: relative;
    max-height: 100%;
    max-width:100%;
}
#pager li a img{
    border: 3px solid #000000;
    float: left;
    margin-right: 7px;
    opacity: 0.85;

}
#pager li a img:hover, #pager li.activeSlide a img{
    border: 3px solid #d6272d;
    opacity: 1;
}



.smwhiteboxhead {
    background-color: #6699CC;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
#kingdoms {
    float: left;
    padding-top: 0px;

}

table.api-table { 
    width:90%;
    text-align: left; 
}

.helpNotice {
    margin: 15px;
    border: 1px black solid;
    background: #E3E3E3;
    padding: 10px;
}

#speciesIndexHelp a
{
    color: #0000FF;		
}

.recordDetailsPrintIcon {
    cursor: pointer;
}

@media print {
    .summaryDetails {
        display: table-row;
    }
    .taxonomicDetails {
        display: table-row;
    }
    .spatialDetails {
        display: table-row;
    }
    .generalComments {
        display: table-row;
    }
    .media {
        display: table-row;
    }
}

.accordionHeader {
    background-color:#ABABAB;
    color:black;
    border-bottom:1px solid black;
}

.accordionHeader:hover {
    background-color:gray;
    cursor:pointer;
}

/*.accordionHeaderHover {
    background-color:gray;
    cursor:pointer;
}*/

.olLayerControls .ui-slider-handle {
    background-color: gray;
    z-index: 10000;
}

.dynLegendWrap {
    height: 16px;
    line-height: 16px;
    margin: 6px 0px;
}

.dynLegendIcon {
    width: 28px;
    height: 16px;
    margin-right: 8px;
    display: inline-block;
}

.dynLegendInfo {
    display: inline-block;
}

.dynLegendInfo span {
    display: table-cell;
    vertical-align: middle;
}

.opacityWrapper {
    position: relative;
    height: 14px;
    /* changing this width also requires changing currentFixedWidth on line 486 in BisnLayerSwitcher.js*/
    width: 221px;
    background-color: white;
    border: 1px solid gray;
}

.olLayerControls .opacityFiller {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 14px;
    background-color: lightgray;
}

.olLayerControls .opacitySlider {
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: gray;
}

.bisn_layer_tooltip {
    width: 14px;
    height: 14px;
    margin: 0px 2px -1px -3px;
}

#zoom_info_container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    text-align: center;
}

#current_zoom_level {
    margin: auto;
}

#zoom {
    font-weight: bold;
}

.appStatusAlerts {
    margin-top: 20px;
    margin-bottom: -8px;
    padding: 5px;
}

/* bootstrap styles added for global alert messages */
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close {
  position: relative;
  top: -4px;
  right: -21px;
  /* changed/added */
  color: #838383;
  float: right;
  font-size: 1.5em;
  padding: 0px 3px 0px 3px;
}

/* start added */
.alert-dismissable .close:hover {
 top: -4px;
 right: -21px;
 background-color: #ccc;
 border-radius:  3px;
 color: #838383;
 padding: 0px 3px 0px 3px;
 cursor: pointer;
}
/* end added */

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info h4 {
  color: #3a87ad;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}