@import url("https://ajax.googleapis.com/ajax/libs/dojo/1.6/dojox/layout/resources/ExpandoPane.css");

html, body {
    font-family: helvetica, arial, sans-serif;
    font-size: 90%;
    width: 100%;
    height: 100%;
    margin: 0;
    background: #333333 url('../images/bg-blk.jpg') repeat;
}

#borderContainer {
    width: 100%;
    height: 100%;
}

a {
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
}

.helpDiv a:hover {
    background-color: #000000;
    color: #ffffff;
    text-decoration: none;
}

body {
    background-color: #333333;
    overflow: hidden;
}

#header {
    width: 475px;
    height: 26px;
    background-color: #FFFFFF;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 500;
}

#toggleDiscoveryView {
    padding: 4px 24px 4px 7px;
    float: right;
    background-color: #3899D8;
    cursor: pointer;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.35s;
    -moz-transition-property: background-color;
    -moz-transition-duration: 0.35s;
}

#toggleDiscoveryView:hover {
    background-color: #999999;
}

#toggleDV {
    background-image: url(../images/arrows.png);
    background-repeat: no-repeat;
    width: 9px;
    height: 18px;

}

#toggleDV.hide {
    background-position: 0px 0px;
}

#toggleDV.show {
    background-position: -13px 0px;
}

/* the sgp logo */
#logo {
    position: absolute;
    z-index: 500;
    left: 10px;
    top: 4px;
}

/* no border around the sgp logo that is a link to a blank index.html - needed for ie */
#logo a img {
    border: 0;
}

.closed {
    display: none;
}

#viewButton
#rightPane {
    background-color: #FFF;
    color: #3f3f3f;
    border: solid 2px #224a54;
    width: 20%;
}

#leftPane {
    background-color: #FFF;
    color: #3f3f3f;
    border: solid 2px #224a54;
    width: 20%;
    margin: 5px;
    padding: 2px;
}

#map {
    border: none;
    -moz-border-radius: 0px;
    margin: 0px;
    position: relative;
    overflow: hidden;
    padding: 0px !important;
}

#footer {
    border: solid 2px #224a54;
    background-color: #ecefe4;
    color: #3f3f3f;
    font-size: 10pt;
    text-align: center;
    height: 40px;
    margin: 2px;
}

.dijitTabInnerDiv {
    background-color: #ecefe4;
}

#tabs {
    padding: 5px;
}

.resultBorder {
    height: 1px;
    width: 100%;
    border: 1px solid #52caf4;
    margin: 0px;
}

/* the top of the results pane after query */
#searchResultInfo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    float: left;
    padding: 8px;
    vertical-align: middle;
}

/* onmouseover of a query result */
.resultItem {
    border-bottom: 1px solid #3899D8;
    padding: 10px 10px 10px 5px;
}

.resultItem:hover {
    background-color: #EEF9FE;
}

.resultItem .dijitButton {
    margin-right: 3px;
}

.resultItem .item {

}

ul.savedList, ul.activityList {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* onmouseover of a query result */
ul.savedList li, ul.activityList li {
    padding: 10px 10px 10px 0px;
}

ul.savedList li:hover {
    background-color: #EEF9FE;
    cursor: pointer;
}

ul.savedList li span.title, ul.savedList li span.verb, ul.activityList li div.verb {
    font-weight: bold;
    color: #000000;
    cursor: pointer;
}

ul.savedList li div.link, ul.savedList li span.link, ul.activityList li div.link {
    background-color: #3899D8;
    color: #ffffff;
    padding: 4px 8px;
    cursor: pointer;
    float: right;
    border-radius: 3px;
    margin-right: 1px;
}

ul.savedList li span.link:hover, ul.activityList li div.link:hover {
    background-color: #888888;
}

ul.activityList div.clear, ul.savedList div.clear {
    clear: both;
}

ul.activityList div.replayable {
    width: 250px;
    float: left;
}

ul.savedList div.query {
    float: left;
    width: 320px;

}

ul.activityList li span.replayable {
    cursor: pointer;
}

ul.activityList li div.time {
    color: #888;
    font-weight: bold;
}

ul.activityList li div.addLayer span.verb {
    /* icons for each ver can be added here*/
}

/*Customize history list colors for the dark background */
ul#historyList.activityList li, ul#savedMapsList.savedList li,
ul#savedSearchesList.savedList li, ul#savedExtentsList.savedList li {
    border-top: 1px solid #3899D8;
    min-height: 25px;
}

ul#savedMapsList.savedList li:first-child, ul#savedExtentsList.savedList li:first-child {
    border-top: 0px;
}

ul#savedMapsList.savedList li div.layers {
    padding-top: 5px;
    padding-right: 65px;
}

ul#historyList.activityList li:hover {
    background-color: #EEF9FE;
}

ul#historyList.activityList li span.time {
    color: #666666;
}

ul#historyList.activityList li span.verb {
    font-weight: bold;
    color: #000000;
}

.historyDiv {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.editable .input {
    display: none;
}

.editable.editing .input {
    display: inline;
}

.editable.editing .value {
    display: none;
}

li.failed {
    border: solid 1px red;
}

li .error-message {
    display: none;
}

li.failed .error-message {
    display: block;
    color: red;
    padding-top: 10px;
}

#panelLinks {
    color: #3899D8;
    padding-top: 6px;
    padding-right: 6px;
    float: right;
    font-weight: bold;
}

#selectorText, #tourBtn {
    cursor: pointer;
}

#tourBtn:hover {
    cursor: pointer;

}

#topBar {
    color: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    font-size: 13px !important;
    font-size: 90%;
    padding: 0px;
    background-color: #444444;
}

#topBarLinks {
    /*position:fixed;*/
    position: relative;
    float: right;
    display: inline;
    z-index: 100;
    color: #ffffff;
    overflow: hidden;
    height: 26px;
}

#topBarLinks ul {
    display: inline;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#topBarLinks li {
    display: block;
    float: left;
    border-left: 1px solid #666;
}

#topBarLinks li:first-child {
    border-left: 0px;
}

#saveMap {
    float: right;
    position: relative;
    color: white;
    z-index: 100;
    height: 26px;
    overflow: hidden;
}

#saveMapBtn {
    padding: 7px;
    border-right: 1px solid #666;
    cursor: pointer;
    font-size: 90%;
}

#saveMapBtn:hover {
    background-color: #000000;
}

#topBarLinks .button {
    float: left;
    cursor: pointer;
    padding: 7px;
    font-size: 90%;
    display: block;
}

#topBarLinks .button:hover {
    background-color: #000000;
}

#topBarSpacer {
    width: 193px;
    height: 30px;
    float: left;
}

#navbarBtn {
    display: none;
    z-index: 100;
    position: relative;
    float: right;
    padding: 7px 10px;
    cursor: pointer;
}

.navbarBar {

    display: block;
    width: 18px;
    height: 2px;
    background-color: whiteSmoke;
    margin-bottom: 3px;
}

#navbarMenu {
    position: absolute;
    width: 142px;
    right: 0px;
    z-index: 100;
    top: 32px;
    color: white;
    background-color: #444;
    padding: 10px;
}

#navbarMenu div {
    cursor: pointer;
}

@media (max-width: 1080px) {

    #navbarBtn {
        display: block;
    }

    #topBarLinks {
        display: none;
        position: absolute;
        min-width: 125px;
        right: 0px;
        z-index: 100;
        top: 21px;
        color: white;
        background-color: #444;
        padding: 0px;
        cursor: pointer;
        overflow: visible;
    }

    .topBarLinksShow {
        display: inline !important;
    }

    #topBarLinks .button {
        border-top: 1px solid #666;
        width: 100%;
        background-color: #444;
    }

    #toggleTableView {
        border-top: 4px solid #666 !important;
    }

    #feedbackBtn {
        border-top: 4px solid #666 !important;
    }

    #topBarLinks ul {
        min-width: 125px;
    }

    #topBarLinks li {
        display: block;
        float: none;
        border-left: 0px solid #666 !important;
    }

    #permalinkBtn {
        border-top: 0px !important;
        margin-top: 5px;
    }

    #topBarLinks ul {
        display: inline-block;
    }

}

/*#exportBtn {

}*/

#exportLI {
    padding: 0;
    height: 26px;
}

#exportDiv {
    padding: 5px 7px 4px 7px;
    background-image: none;
    width: 11px;
}

#permalinkBtn {

}

#permalinkLI {
    padding: 0;
}

#permalinkDiv {
    padding: 5px 7px 4px 7px;
    background-image: none;
    width: 16px;
}

#feedbackLI {
    border-left: 4px double #666 !important;
}

#tableviewLI {
    border-left: 4px double #666 !important;
}

#historyLI {
    padding: 0;
    height: 26px;
}

#historyLI.active {
    background-color: #333333;
}

#historyDiv {
    padding: 5px 7px 4px 7px;
    background-image: none;
    width: 14px;
}

#historyBtn {
    background-position: -128px 0;
    width: 0px;
    height: 10px;
}

#panbtn {
    background-position: 0 0;
}

/*#langSelect:hover {
    background-color: #333333;
}*/

#basemapDock {
    border-style: none;
    position: relative;
}

/*#downloadDock {
    border-style: none;
    position: relative;
}*/

/*#downloadCount {
	background-color:red;
	padding:7px;
	font-size:90%;
}*/

#dialogButtonsLanguage {
    text-align: center;
    padding: 5px;
    margin: 5px;
}

#dialogButtons {
    text-align: center;
    padding: 5px;
    margin: 5px;
}

#langChangeMessage {
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;

}

/* stipulate the width of the dijit.Tooltip objects - this is important */
.dijitTooltip {
    max-width: 160px;
}

.claro .dojoxDockNode {
    background-color: transparent;
    background-image: none;
    color: #ffffff;
    font-family: Helvetica, Arial, sans-serif;
    border: 0px;
    padding: 7px 7px 0px 7px;
    font-size: 90%;
    border-radius: 0px;
    position: relative;
}

.claro .dojoxDockNode:hover {
    background-color: #333333;
}

.claro .dojoxDockRestoreButton {
    background: url("../images/spriteArrows.png") no-repeat -21px center;
    width: 7.2px;
    height: 14px;
    overflow: hidden;
    float: left;
}

.claro .dojoxDockTitleNode {
    padding-left: 4px;
    padding-right: 4px;
}

.claro .dojoxDock {
    background: none;
}

.dojoxDockRestoreButton {
    display: none;
}

#freehandButton {
    background-image: url(../images/freedraw.png);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

#polygonButton {
    background-image: url(../images/polybox.png);
    width: 30px;
    height: 20px;
    background-repeat: no-repeat;
}

#extentButton {
    background-image: url(../images/areabox.png);
    width: 25px;
    height: 20px;
    background-repeat: no-repeat;
}

.drawExtentButton {
    background-image: url(../images/areabox.png);
    width: 25px;
    height: 20px;
    background-repeat: no-repeat;
}

.clearExtentButton {
    background-image: url(../images/clearbutton.png);
    background-position: 0 0;
    width: 17px;
    height: 20px;
    background-repeat: no-repeat;
}

.dijitEditorIcon.dijitEditorIconCut {
    background-image: url(../images/clearbutton.png);
    background-position: 0 0;
    width: 17px;
    height: 20px;
    background-repeat: no-repeat;
}

.claro .dojoxExpandoRight .dojoxExpandoTitle, .claro .dojoxExpandoLeft .dojoxExpandoTitle, .claro .dojoxExpandoClosed .dojoxExpandoTitle {
    background-color: transparent;
    border: 0px;

}

.claro .dojoxExpandoTitle {
    padding: 0px 0 15px;
    background-image: none;
}

.claro .dojoxExpandoClosed .dojoxExpandoTitle {
    padding: 0px;
}

.claro .dojoxExpandoClosed {
    background: #000000;
    border: 0px !important;
    width: 0px !important;
}

.claro .dojoxExpandoClosed .dojoxExpandoTitle {
    background: #000000;
}

.claro .dijitSplitterV, .claro .dijitGutterV {
    background-color: #000000;
    z-index: 450;
}

.claro .dojoxExpandoIcon {
    background-image: url(../images/left_arrow.png);
    height: 24px;
    width: 14px;
}

.dojoxExpandoIconLeft {
    background-position: 4px -13px;
}

.dojoxExpandoBottom .dojoxExpandoIcon, .dojoxExpandoTop .dojoxExpandoIcon, .dojoxExpandoLeft .dojoxExpandoIcon {
    float: right;
    margin-right: 0px;
}

.dojoxExpandoClosed .dojoxExpandoIconLeft {
    background-image: url(../images/right_arrow.png);
    background-position: -14px -12px;
    position: fixed;
}

.claro .dojoxExpandoClosed .dojoxExpandoIconLeft, .claro .dojoxExpandoClosed .dojoxExpandoIconRight, .claro .dojoxExpandoClosed .dojoxExpandoIconTop, .claro .dojoxExpandoClosed .dojoxExpandoIconBottom {
    margin-top: 0;
}

.claro .dijitTabContainerTop-dijitContentPane, .claro .dijitTabContainerLeft-dijitContentPane, .claro .dijitTabContainerBottom-dijitContentPane, .claro .dijitTabContainerRight-dijitContentPane, .claro .dijitAccordionContainer-dijitContentPane {
    padding: 0px;
}

.claro .dijitSplitContainer-child, .claro .dijitBorderContainer-child {
    border: 0px;
}

.claro .dijitSplitContainer-dijitContentPane, .claro .dijitBorderContainer-dijitContentPane {
    padding: 0px;
}

#splitBottom {
    border-top: 1px solid #000000;
    overflow: hidden;
}
#bottomPages {
    height: 100%;
    width: 100%;
    position: absolute;
    left:0;
    /*overflow-y: scroll;*/
}
#browsePage {
    overflow-y: scroll;
    height: 100%;
    width: 100%;
    position: absolute;
    left:0;
}

#browseSwitch, #resultsSwitch, #downloadSwitch, #metadataSwitch, #metadataSwitch2
{
    color: #3899D8;
    font-weight: bold;
    cursor: pointer;
}

.switchArrow {
    height: 21px;
    width: 20px;
    background-color: #3899D8;
    margin-right: 5px;
    float: left;

}

.rightArrow {
    background-position: -17px 0px;
    background-image: url(../images/arrows.png);
    background-repeat: no-repeat;
    height: 13px;
    width: 7px;
    margin: 1px 0px 6px 8px;
}

.leftArrow {
    background-position: 2px 0px;
    background-image: url(../images/arrows.png);
    background-repeat: no-repeat;
    height: 13px;
    width: 7px;
    margin: 1px 0px 6px 5px;
}

.claro .dijitSplitterH, .claro .dijitGutterH {
    height: 0px;
}

.dojoxExpandoPane .dojoxExpandoWrapper {
    overflow: visible !important;
}

.dojoxExpandoWrapper {
    background-color: transparent;
}

.dijitTabContainerBottom-container, .dijitTabContainerTop-container, .dijitTabContainerLeft-container, .dijitTabContainerRight-container {
    border: 0;
}

#discoveryView {
    background-color: #FFFFFF;
    border-right: 1px solid #000000;

}

#discoveryView .dojoxExpandoTitle {
    display: none;
}

#searchRadioButtons {
    font-weight: bold;
}

#queries .dijitInputContainer {
    width: 99%;
}

#queries {
    border-spacing: 0px;
    width: 355px;
}

.query .q {
    height: 27px !important;
    width: 210px;
    display: inline-block;
    border-color: #3899D8;
}

.query .q .dijitTextBox {
    width: 204px;
}

.query .type {
    width: 7em;
    display: inline-block;
    vertical-align: top;
    margin: 0.25em 0em;
}

.query .type select {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
}

.query .action {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 0.35em;
    margin-left: 0.5em;
    cursor: pointer;
    background-position: 0 0;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}

.query .action.add {
    background-image: url(../images/add.png);
}

.query .action.remove {
    background-image: url(../images/delete.png);
}

#query {
    height: 20px !important;
    width: 200px;
}

#drawlimitbox {
    font-weight: bold;
    font-size: 90%;
    color: #3899D8;
    margin-right: 3px;
    margin-top: 4px;
}

.drawlimitbox {
    padding-top: 4px;
    font-weight: bold;
}

.claro .dijitTextBox .dijitInputField {
    padding: 3px 3px;
}

.searchform {
    padding: 20px 10px 0px 0px;
}

.searchbox {
    border: 1px solid #3899D8;
    overflow: hidden;
    width: 315px;
    float: left;
    margin-right: 3px;
    margin-top: 3px;
}

#submit_btn, #placeSubmit_btn {
    background-image: none;
    background-position: center top;
    background-repeat: repeat-x;
    background-color: #3899D8;
    color: #ffffff;
    border: 3px solid #3899D8;
    /*width: 100%;*/
    width: 72px; /*mk*/
    height: 26px;
    font-family: helvetica, arial, sans-serif;
    border-radius: 4px;
    padding-left: 0; /*mk*/
    padding-right: 0; /*mk*/
    padding-bottom: 4px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
}

.dijitTextBoxFocused {
    outline: none;
}

#reset_btn {
    background-color: transparent;
    border: 0;
    font: 18px/18px arial, sans-serif;
}

#widget_query {
    border: 0;
    background-image: none;
    width: 200px;

}

.claro .dijitTextBoxHover {
    background-color: #ffffff;
}

#searchForm {
    /*border: 1px solid #000000;*/
}

#searchForm .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode, .claro .dijitComboButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode {
    /*background-color: #ffffff; */
    /*background-image: url(""); */
    /*border: 0px solid #769DC0; */
    /*box-shadow: none; */
    padding: 0px;
    background-color: transparent;
    background-image: none;
    border: 0px solid #3899D8;
    box-shadow: none;
    border-radius: 0px;
}

#searchform .dijitToggleButton, .dijitButton, .dijitDropDownButton, .dijitComboButton {
    margin: 0;

}

#searchForm .dijitArrowButtonInner {
    /*display: none !important;*/
}

#searchForm .dijitButtonText {
    padding: 2px 4px;
}

#searchForm .dijitDropDownButton {
    margin-left: 10px;
}

.claro .dijitTextBoxFocused,
.claro .dijitTextBoxFocused .dijitButtonNode {
    border-color: #3899D8;
}

.statusbox {
    position: fixed;
    z-index: 99;
    right: 0px;
    top: 26px;
    background-image: url('../images/1x1black.png');
    color: #ffffff;
    padding: 10px 20px;
    font-size: 80%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    border-radius: 0px 0px 0px 4px;
}

.downloadbox {
    position: fixed;
    z-index: 9999;
    right: 0px;
    bottom: 30%;
    background-image: url('../images/1x1white.png');
    padding: 13px;
    font-size: 90%;
    font-weight: bold;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    border-radius: 4px 0px 0px 4px;
}

.layerChildren {
    padding-left: 20pt;
}

.pageOverlay {
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1001;
    display: block;
    text-align: center;
}

#loadingOverlay {
    background: #444444 url('../images/bg-blk.jpg') repeat;
}

.loaderimg {
    padding-top: 225px;
}

#loadingOverlay .loadingMessage {
    padding: 45px 20px;
    color: #999;
}

#loadingOverlayMessage {
    color: #F93; /* orange */
}

#loading {
    background-color: whitesmoke;
    font-weight: bolder;
    font-size: smaller;
    position: absolute;
    padding: 3px;
    bottom: 6px;
    display: none;
    z-index: 99;
}

/* Dojo theme tab overrides */

.claro .dijitTabContainerTop-tabs .dijitTabContent {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat-x;
    border-bottom-width: 0;
    padding: 0;
    text-align: left;
    box-shadow: 0;
    min-width: 0px;
}

.claro .dijitTabContent {
    border: 0px solid #B5BCC7;
}

.claro .dijitTabChecked .dijitTabInnerDiv {
    background-color: #3899D8;
    color: #ffffff;
    border-bottom: 0px solid #3899D8;
}

.claro .dijitTabInnerDiv {
    background-color: #999999;
    color: #ffffff;
    padding: 0px;
    width: 104px;
}

#mainTab_tablist_helpTab .tabLabel {
    font-size: 18px;
    font-weight: bold;
}

#helpTab {
    /*overflow-y: scroll !important;*/
}
#helpFrame {
    width:100% !important;
    height:100% !important;
    padding:0;
}
#helpText {
    padding: 0 10px 50px 0;
    color: #444444;

}

#helpText h3 {
    color: #000000;

}

#helpText h2 {
    color: #F93;
    font-size: 150%;
}

#helpLinks {
    border-bottom: 1px solid #3899D8;
    font-size: 15px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 5px;
}

#helpLinks a {
    color: #3899D8;
    text-decoration: none;
}

#helpLinks a:hover {
    border-bottom: 5px solid;
}

.helpLink {
    padding-right: 15px;
}

.helpLgLink a {
    color: #3899D8;
    font-weight: bold;
    font-size: 125%;
    padding-bottom: 25px;
}

.helpTop {
    padding: 15px 0px;
}

.helpTop a {
    color: #3899D8;
    font-weight: bold;
    float: right;

}

.claro .dijitTabContainerTop-tabs .dijitTabInnerDiv {
    background-image: none;
    box-shadow: none;
}

.claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabInnerDiv {
    box-shadow: none;
}

.claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent {
    padding-bottom: 0px;
    padding-top: 0px;
}

.claro .dijitTabChecked .dijitTabContent {
    color: #FFFFFF;
}

.claro .dijitTabPaneWrapper, .claro .dijitTabContainerTop-tabs, .claro .dijitTabContainerBottom-tabs, .claro .dijitTabContainerLeft-tabs, .claro .dijitTabContainerRight-tabs {
    border: 0px;
}

.claro .dijitTabContainerTop-tabs .dijitTab {
    margin-right: 1px;
    padding: 0;
    height: 35px;
    line-height: 12px;
    top: 0px;

}

.dijitTab .tabLabel {
    font-size: 12px;
    min-height: 20px;
    height: 20px;
    padding-top: 18px;
    padding-left: 4px;
    font-size: 90%;
}

#mapTabTab .dijitTabInnerDiv, #accountTabTab .dijitTabInnerDiv {
    background-color: #ffffff;
    color: #3899D8;
    width: 100%;
}

#mapTabTab .dijitTab .tabLabel, #accountTabTab .dijitTab .tabLabel {
    padding: 10px 30px 2px 4px;
    font-size: 100%;
    height: 20px;
}

#mapTabTab .dijitTabActive .dijitTabInnerDiv, #accountTabTab .dijitTabActive .dijitTabInnerDiv {
    color: #ffffff;
}

#mapTabTab .dijitTabHover .dijitTabInnerDiv, #accountTabTab .dijitTabHover .dijitTabInnerDiv {
    color: #ffffff;
}

#mapTab .dijitTabContainerTop-tabs {
    border-bottom: 1px solid #3899D8;
    height: 32px;
}

#mapTab .dijitTabContainerTop-tabs .dijitTabContent {
    padding: 0px;
}

.claro .dijitTabInnerDiv {
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    transition-duration: 0;
}

.claro .dijitTabHover .dijitTabInnerDiv {
    background-color: #3899D8 !important;
    color: #ffffff;
}

.claro .dijitTabActive .dijitTabInnerDiv {
    background-color: #3899D8 !important;
    color: #ffffff;
}

#mapTab .dijitTabChecked .dijitTabInnerDiv, #accountTab .dijitTabChecked .dijitTabInnerDiv {
    background-color: #3899D8;
    border-bottom: 0;
    padding: 0px;
    border-radius: 0px;
}

#accountTab .dijitTabContainerTop-tabs {
    border-bottom: 1px solid #3899D8;
    height: 32px;
}

#mapTab .dijitTabChecked .dijitTabContent, #accountTab .dijitTabChecked .dijitTabContent {
    color: #ffffff;
}

#mapTab .dijitTabContainerTop-tabs .dijitTab, #accountTab .dijitTabContainerTop-tabs .dijitTab {
    padding-top: 0px;
    height: 24px;
}

.claro .dijitTabContainerTop-tabs .dijitTabInnerDiv, .claro .dijitTabContainerTop-tabs .dijitTabContent {
    border-radius: 0;

}

#mainTab {
    padding-left: 15px;
    margin-top: 0px;
    top: 0px;
}

#mainTab_tablist_mapTab, #mainTab_tablist_browseTab, #mainTab_tablist_historyTab,
#dijit_layout_TabContainer_0_tablist_layers, #dijit_layout_TabContainer_0_tablist_legendPane, #dijit_layout_TabContainer_0_tablist_metadata {
    /* outline:none */;
}

#mainTab_tablist_mapTab .tabLabel, #mainTab_tablist_browseTab .tabLabel, #mainTab_tablist_historyTab .tabLabel {
    font-size: 90%;
}

/* BEGIN: other floating pane stuff - attribute table(s) */

/*#hideFloatIcon {
    display: inline;
    z-index: 99999;
    position: absolute;
    top: 12px;
    right: 12px;
}*/

#pagers {
    display: inline;
}

/* END: other floating pane stuff - attribute table(s) */

#basemapGallery {
    overflow-y: scroll;
    height: 315px;
}

#basemapHelpImg {

    float: right;
    cursor: pointer;
}

#basemapHelp {
    padding: 6px;
    margin-bottom: 6px;
    font-size: 11px;
}

#basemapDialog_underlay {
    display: none;
}

#basemapDialog {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    left: 600px;
    width: 485px !important;
    height: 355px !important;
    z-index: 99;
    margin-top: 14px;
    margin-left: 14px;
}

#detailsFloater {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    left: 550px;
    z-index: 99;
    margin-top: 14px;
    margin-left: 14px;
}

#detailsFloater .dijitDialogPaneContent {
    overflow: hidden;
    height: 100%;
    padding: 0px;
}

.metadataPage .dijitContentPane {
	padding:0px;
}
.metadataPage .bigDownload {
	display:none;
}
.metadataPage #xmllink {
	font-size:15px;
}

.metadataPage .itemTitle {
	padding-top:10px;
	padding-bottom:15px;
	font-size:150%;
}
.metadataPage .itemCollections {
	padding-right:5px;
}
.metadataPage .itemBtns {
	height:25px;
}
.metadataPage .plus-minus {
	float:right;
	font-size:25px;
}
.dijitContentPane {
	padding-left:0;
	padding-right:0;
}

.metadata h1 {
	display:none;
}
.metadata .item-row {
	margin-top:5px;
	margin-bottom:5px;
}

.metadata .sub-item-row {
	margin-top:10px;
	margin-left:10px;
}
.abstract{
	margin-bottom:5px;
	
}
#toggle-view h2 {
	cursor:pointer;
	background-color:#ffffff;
	color:#3899D8;
	padding:10px;
	line-height:25px;
	border-top:1px solid #3899D8;
}

#toggle-view h2:hover, #toggle-view h2:focus  {
	background-color:#3899D8;
	color:#ffffff;	
}

#toggle-view {
    list-style:none;    
    margin:0;
    padding:0; 
}

#toggle-view li {
	margin:0px;
	position:relative;        
}
    
#toggle-view h2 {
	margin:0;
	font-size:14px;
}

#toggle-view span {
        
}

#toggle-view .panel {
	margin:0px 10px 25px 10px;
	display:none;
}

.metadata table.header t {
    font-weight: bolder;
    color: #FF9800;
}

.metadata b {
    font-weight: bolder;
    color: #000000;
}
.metadata h1{
	 font-size: 17px;
}
.metadata h2{
	 font-size: 15px;
}

.metadata table {
	padding-right:5px;
}
.metadata table h1, .metadata h2 {
    color: #000000;
}

.metadata pre {
    white-space: normal;
    font-family: Arial, Helvetica, sans-serif;
}

.metadata a.nav-link {
    float: right;
    font-weight: normal;
    padding-left: 10px;
}

.metadata br {
    display: none;
}

.metadata hr {
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    border: 0px;
}


#detailsFloater_title {
    font-size: 12pt;
    font-weight: bold;
}

#detailsFloater .dijitDialogTitleBar {
    padding: 0px !important;
}

.dijitDialogPaneContent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    background-color: transparent;
    color: #ffffff;
    padding: 0px 4px 0px 4px;
}

.dojoxFloatingPaneContent a, .dijitDialogPaneContent a {
    font-weight: bold;
    color: #ffffff;
}

.claro .dijitDialogTitleBar {
    color: #ffffff;
    background-color: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    border: 0;
    padding: 6px 6px 4px 10px;

}

.dojoxFloatingMinimizeIcon {
    background-image: url("../images/popup.png");
    background-position: 0 -171px;
    width: 11px;
    z-index: 9999;
}

.claro .dijitDialog {
    border: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    border-radius: 6px;
    background-image: url("../images/1x1black.png");
    background-repeat: repeat;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #ffffff;
}

.claro .dijitDialogCloseIcon {
    background: url("../images/popup.png");
    background-position: 29px -171px;
    height: 30px;
    outline:0;
    position: absolute;
    right: 11px;
    top: 7px;
    width: 40px;
    z-index: 1000;
}

.claro .dijitDialogTitleBar {
    background: transparent;
    border: 0px;
    margin-right: 50px;

}

.claro .dijitDialogPaneContent {
    background: transparent;
    padding: 0px 10px 10px 10px;
    border-top: 0;
}

.dijitDialogPaneContent .dijitButton .dijitButtonNode, .dijitDialogPaneContent .dijitDropDownButton .dijitButtonNode, .dijitDialogPaneContent .dijitComboButton .dijitButtonNode, .dijitDialogPaneContent .dijitToggleButton .dijitButtonNode {
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 4px;
    background-image: none;
    box-shadow: 0;
    padding: 0px;
    color: #ffffff;
    font-weight: bold;
    font-size: 90%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.dijitButtonNode * {
    vertical-align: top;
}

.dijitDialogPaneContent #dialogButtons {
    padding: 25px 0px 10px 0px;
    margin: 0px;
}

#actionList {
    display: inline;
}

#responseMore {
    padding: 10px;
    float: right;
    cursor: pointer;
    color: #ffffff;
    background-color: #F93;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.35s;
    -moz-transition-property: background-color;
    -moz-transition-duration: 0.35s;
    width: 360px;
    font-size: 1.35em;
    font-weight: bold;
    text-align: right;
}

/*make sure it sees the div height so details and add buttons are not obscured. seriously.*/
.blankMore {
    height: 36px;
}

#responseNone {
    padding: 10px;
    float: right;
    cursor: pointer;
    color: #ffffff;
    background-color: #ffffff;
}

#responseMore:hover {
    background-color: #3899D8;
}

#responseWrap {
    text-align: left;
    padding: 7px 0px;
    position: absolute;
    width: 130px;
    background-color: #ffffff;
    border-bottom: 1px solid #3899D8;
}

#responseInfo .to-from {
    font-size: 80%
}

#responseArw {
    background-image: url(../images/arrows.png);
    background-position: -22px -2px;
    background-repeat: no-repeat;
    width: 28px;
    height: 14px;
    float: right;
}

#layerAccessMessage {
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    border: 1px solid red;
}

#offcampusMessage.hide {
    display: none;
}

#offcampusMessage {
    text-align: left;
    color: #ffffff;
    padding: 10px;
    position: absolute;
    top: 26px;
    z-index: 1000;
    left: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    border-radius: 0px 0px 6px 6px;
    background-image: url("../images/1x1black.png");
    background-repeat: repeat;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    padding-right:30px;
}
#offCampusCloseBut{
	width:15px;
	right: 8px;
	background-position: 4px -171px;
}
#offcampusMessage a {
    color: #ffffff;
}

#offcampusMessage a:visited {
    color: #ffffff;
}

#offcampusDialog a {
    color: #ffffff;
}

#offcampusDialog a:visited {
    color: #ffffff;
}

#resultWrapper {
    position: absolute;
    overflow-y: scroll;
    height: 100%;
    width: 460px;
}

#resultsPage {
    width: 100%;
    height: 100%;
    position: absolute;
    left:460px;
}

#resultsPage #searchFacets {
    width: 120px;
    float: left;
    background-color: #EEF9FE;
    padding: 100px 5px 5px 5px;
}

#resultsPage #searchResults {
    width: 305px;
    margin-left: 0px;
    float: right;
}

/* Hide facets for place search */
#resultsPage.place #searchFacets {
    display: none;
}

#resultsPage.place #searchResults {
    width: 100%;
    margin-left: 0px;
    float: left;
}

#responseResults {
    height: 100%;
    overflow: auto;
}

#downloadPage {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color:white;
    left:1380px;
}

#metadataPage {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow-y:auto;
 	background-color:white;
 	 left:920px;
}
#metadataPage2 {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow-y:auto;
 	background-color:white;
 	left:1840px;
}
#metadataPage_header2{
	padding: 1px;	
}
#metadataPage_header{
	padding: 1px;	
}
.itemTitle {
    padding-bottom: 3px;
    color: #000000;
}

.itemAbstract {
    padding-bottom: 0px;
    font-size: 90%;
    color: #333333;
}

.itemProducer {
    padding-bottom: 0px;
    font-size: 90%;
    color: #444444;
}

.date_superseded
{
    color: red;
}

.itemCollections {
    float: right;
    margin-left: 10px;
}

.itemService {
    padding-bottom: 5px;
    font-size: 90%;
}

.itemBtns {
    padding-bottom: 5px;
}

/* Make the download file list a scrolling region in the left-side pane. */
#downloadFileList
{
    position: absolute;
    top: 110px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
     margin-top: 15px
}

/* Use a table with fixed size and layout. Get rid of spacing. */
#downloadFileList table
{
    width: 430px;
    border-spacing: 0;
    table-layout: fixed;
}

/* Seperate each series item */
#downloadFileList tr td {
    border-bottom: 1px solid #3899D8
}

#downloadFileList tr:hover {
    background-color: #EEF9FE;
}

/* Add some inter-cell spacing. */
#downloadFileList td
{
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Add some inter-cell spacing on the leftmost column. */
#downloadFileList td:first-child
{
    padding-left: 5px;
    width:280px;
}

/* Set a fixed size on the last column for buttons. */
#downloadFileList td:last-child
{
    width: 120px;
}

/* Use italic for the description. */
#downloadFileList span.description
{
    font-style: italic;
}

#downloadPageList .itemBtns
{
    padding-bottom: 0;
}

#downloadPageList .itemTitle
{
    margin-right: 40px;
}

/* Reposition the logo. */
#downloadPageList div.itemCollections
{
    float: right;
    margin-left: 10px;
     margin-top: -10px;
}

#responseResults .dijitButtonNode,
#downloadPageList .dijitButtonNode
{
    background-color: transparent;
    background-image: none;
    padding: 0px;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

#responseResults .dijitButton,
#downloadPageList .dijitButton,
#infoLayerList .dijitButton
{
    background-color: #3899D8;
    background-position: center top;
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #FFFFFF;
    font-size: 90%;
    margin-right: 1px;
    margin-bottom: 1px;
}

#responseResults .dijitButtonActive,
#responseResults .dijitButtonHover,
#downloadPageList .dijitButtonActive,
#downloadPageList .dijitButtonHover,
#infoLayerList .dijitButtonActive,
#infoLayerList .dijitButtonHover {
    background-color: #888888;
}

#responseResults .dijitButton.dijitButtonHover.dijitHover .dijitButtonNode,
#downloadPageList .dijitButton.dijitButtonHover.dijitHover .dijitButtonNode
{
    color: #ffffff;
}

#responseResults .dijitButton.dijitButtonDisabled.dijitDisabled,
#downloadPageList .dijitButton.dijitButtonDisabled.dijitDisabled
{
    background-color: #cccccc !important;
}

/* download all button stuff */
#downloads .dijitButtonNode {
    background-color: transparent;
    background-image: none;
    padding: 2px;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

#downloads .dijitButton {
    background-color: #3899D8;
    background-position: center top;
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    font-size: 100%;
    font-weight: bold;
    color: #FFFFFF;
}

#downloads .dijitButtonActive,
#downloads .dijitButtonHover {
    background-color: #888888;
}

#downloads .dijitButton.dijitButtonHover.dijitHover .dijitButtonNode {
    color: #FFFFFF;
}

#downloads .dijitButton.dijitButtonDisabled.dijitDisabled {
    background-color: #CCCCCC !important;
}

input[disabled='disabled'] {
    color: #ffffff;
}

.claro .dijitButtonText {
    padding: 4px 8px;
    text-align: center;
}

.dijitOffScreen
{
    display: none;
}

.toggleAbstractIcon {
    color: #3899D8;
    font-weight: bold;
    margin-left: 5px;
    cursor: pointer;
}

#infoLayerList {
    height: 100%;

}

#infoLayerList .dijitButtonNode {
    background-color: transparent;
    background-image: none;
    padding: 0px;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    color: #ffffff;
}

#infoLayerList.dijitButton.dijitButtonHover.dijitHover .dijitButtonNode {
    color: #ffffff;
}

#layerTitle {
    padding-bottom: 5px;
    font-size: 80%;
    font-weight: bold;
}

.LayerList {
    padding: 10px 0px;
    clear: both;
}

#layerAbstract {
    padding-bottom: 5px;
    font-size: 90%;
    color: #333333;
}

.layerBtn {
    float: left;
}

.infoLayerDetails {
    border-bottom: 1px solid #3899D8;
    padding: 10px 10px 0px 0;
}

.li_sortable {
    cursor: url("../images/openhand.png"), url("../images/openhand.cur"), auto;
}

.li_sortable.grabbing {
    cursor: url("../images/closedhand.png"), url("../images/closedhand.cur"), auto;
}

.esriLegendServiceLabel {
    display: none;
}

.esriLegendService {
    padding-bottom: 0 !important;
}

.claro .dijitTreeRowSelected {
    background-color: transparent;
    border: 0;
    color: #000000;
    margin: 0;
    padding: 0;
}

.claro .dijitTreeRowHover {
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: 0;
}

.claro .dijitTreeRowActive {
    border: 0;
}

.claro .dijitTreeExpando {
    background-position: -38px 0;
    width: 14px;
}

.claro .dijitTreeRowHover .dijitTreeExpandoOpened {
    background-position: -56px 0;
    width: 14px;
}

.claro .dijitTreeRowHover .dijitTreeExpandoClosed {
    background-position: -20px 0;
    width: 14px;
}

.claro .dijitTreeRow, .claro .dijitTreeNode .dojoDndItemBefore, .claro .dijitTreeNode .dojoDndItemAfter {
    padding: 0px;
    margin: 0px;
    background-image: none;
    font-size: 80%;
    font-weight: bold;
    cursor: auto;
}

.dijitTreeRow, .dijitTreeContent {
    white-space: normal;
}

.dijitTree {
    overflow: visible;
}

#selectAnAreaLabel {
    font-size: 100%;
    font-weight: bold;
}

#selectLayersLabel {
    font-size: 100%;
    font-weight: bold;
}

.downloadOpText {
    font-size: 120%;
    color: #3899D5;
    font-weight: bold;
}

#specifyDownloadFormats {
    font-size: 100%;
    margin-top: 10px;
}

#specifyDownloadVectorLabel {
    font-size: 100%;
    margin-top: 10px;
}

#specifyProjectionLabel {
    font-size: 100%;
    margin-top: 10px;
}

#selectServicesLabel {
    font-size: 120%;
    font-weight: bold;
}

#existingAreaRadioLabel {
    font-size: 13px;
    font-weight: bold;
}

#drawAreaRadioLabel {
    font-size: 13px;
    font-weight: bold;
}

input:disabled:hover {
    cursor: not-allowed;
}

#allAreaRadioLabel {
    font-size: 19px;
    font-weight: bold;
    color: #3899D8
}

#selectAreaRadioLabel {
    font-size: 19px;
    font-weight: bold;
    color: #3899D8
}

#metadata {
    padding-top: 10px;
}
#detailsContent{
	width:auto;
	overflow:hidden;
	
}
#metadata .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode, .claro .dijitComboButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode {
    background-color: transparent;
    background-image: none;
    border: 0 solid #3899D8;
    border-radius: 0 0 0 0;
    box-shadow: none;
    padding: 0;
}

#downloadTools .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode, .claro .dijitComboButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode {
    background-color: transparent;
    background-image: none;
    border: 0 solid #3899D8;
    border-radius: 0 0 0 0;
    box-shadow: none;
    padding: 0;
}

#downloadTools {
    padding: 10px 10px 10px 0px !important;
}

#drawRegionText, #drawLabel, .bboxPlaceholder {
    font-size: 11px;
    padding-right: 5px;
}

#myDownloads {
    padding: 10px 0px;
    border-top: 1px solid;
}

#mydownloadlist {
    font-size: 120%;
    font-weight: bold;
    float: left;
}

#clipLayerList {
    padding: 10px 0px 0px 10px;
}

#extract {
    margin-bottom: 5px;
}

#extract .dijitButtonNode {
    color: #FFFFFF;
}

#extract .dijitButton.dijitButtonDisabled.dijitDisabled {
    background-color: #cccccc !important;
}

#extract .dijitButton.dijitButtonDisabled.dijitDisabled .dijitButtonNode {
    color: #818181;
}

#extract .dijitButton {
    background-color: #3899D8;
    background-position: center top;
    border: 0 none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 4px;
}

#subjectCats {
    float: left;
    width: 100%;
}

#topKeywords {
    float: right;
    width: 43%;
}

#facets {
    padding-top: 10px;
}

#searchFacets h2, #responseWrap h2 {
    margin-top: 0.3em;
    margin-bottom: 0;
    font-size: 1em;
    font-weight: bold;
}

.facetRefinement .text {
    padding-right: 5px;
    word-wrap: break-word; /*break words if necessary*/
    font-size: 11px;
}

.facetRefinement .action {
    font-weight: bolder;
    color: #3899D8;
    margin-left: 2px;
    cursor: pointer;
}

.facetSearch {
    cursor: pointer;
    line-height: 16px;
    color: #444444;
    font-size: 12px;
}

#searchFacets .facetSearch {
    font-size: 11px;
}

.facetSearch:hover {
    cursor: pointer;
    color: #000000;
    font-weight: bold;

    /*margin-left: 20px;*/
}

#facets H2 {
    margin: 0;
    color: #3899D8;
}

.facetTitle {
    color: #000000;
    padding-left: 0px;
    width: 100%;
    /* force height for ie */
    min-height: 23px;
    height: auto !important;
    height: 23px;
    border-bottom: 1px dotted #3899DB;
    margin-bottom: 5px;
}

.facetTitle H3 {
    margin: 0;
    float: left;
    padding-top: 3px;
}

#searchFacets .facetTitle H3 {
    color: #444444;
    font-size: 1em;
}

.searchQuesMark {
    display: inline;
    color: #3899D8;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    padding-left: 3px;
}

.facetHelp {
    float: right;
    color: #3899D8;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    padding-right: 7px;
}

.facetEnvelope {
    width: 100%;
    padding-bottom: 3px;
    padding-left: 0px;
}

.rssResult {
    cursor: pointer;
    color: #444444;
    font-size: 11px;
    font-weight: bold;
    margin-top: 12px;
}

.rssResult:hover {
    color: #000000;
}

.rssDate {
    font-size: 10px;
    font-weight: normal;
}

#copyright {
    font-size: 90%;
    padding: 20px 0 10px 0;
    color: #999999;
}

#touLinks {
    font-size: 87%;
    padding-bottom: 20px;
}

.placeCandidateTitle {
    font-size: 18px;
    font-weight: bold;
    margin-top: 12px;
    color: #F93;
    padding-left: 0px;
    width: 400px;
    height: 20px;
}

.placeCandidateDiv {
    display: block;
    padding-right: 10px;
    border-bottom: 1px solid #3899D8;
}

.placeCandidateDiv:hover {
    background-color: #EEF9FE;
}

.placeCandidateResult {
    display: block;
    padding: 10px 0px;
    height: 110%;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

.placeCandidateButton {
    display: inline;
    background-color: #3899D5;
    color: #FFFFFF;
    cursor: pointer;
    padding: 6px 12px;
    margin-right: 3px;
    border-radius: 3px;
}

.placeCandidateButton:hover {
    background-color: #888888;
}

#downloads {
    margin-bottom: 6px;
}

#downloads a:visited {
    color: #3899D5;
}

/* BEGIN: Dojo Accordion pane overrides */

#mapTab, #downloadTab, #accountTab {
    margin-top: 1px;
}

#mapTab .dijitAccordionTitle, #accountTab .dijitAccordionTitle, #downloadTab .dijitAccordionTitle {
    background-color: #444444;
    background-image: url('');
    color: #FFFFFF;
    padding: 5px;
    font-size: 14px;
}

#mapTab .dijitAccordionTitleSelected, #accountTab .dijitAccordionTitleSelected, #downloadTab .dijitAccordionTitleSelected {
    background-color: #3899D8;
}

#mapTab .dijitAccordionTitleHover, #accountTab .dijitAccordionTitleHover, #downloadTab .dijitAccordionTitleHover {
    background-color: #3899D8;

}

#mapTab .dijitAccordionContainer .dijitAccordionChildWrapper, #accountTab .dijitAccordionContainer .dijitAccordionChildWrapper, #downloadTab .dijitAccordionContainer .dijitAccordionChildWrapper {
    border: 0;
    margin: 0;
}

#mapTab .dijitAccordionInnerContainer, #accountTab .dijitAccordionInnerContainer, #downloadTab .dijitAccordionInnerContainer {
    border: 0px solid #3899D8;
}

.claro .dijitAccordionArrow {
    background: url("../images/arrows.png") no-repeat;
    background-position: -17px -4px;
    width: 9px;
    height: 15px;
}

.claro  .dijitAccordionTitleSelected .dijitAccordionArrow {
    background: url("../images/arrows.png") no-repeat;
    background-position: -32px -10px;
    margin-top: 4px;
    height: 12px;
}

.claro .dijitAccordionInnerContainerSelectedHover .dijitAccordionChildWrapper,
.claro .dijitAccordionInnerContainerSelectedActive .dijitAccordionChildWrapper {
    border: 0px !important;
}

.claro .dijitAccordionContainer .dijitAccordionContainer-child {
    padding: 0;
}

/* END: Dojo Accordion pane overrides */

/* BEGIN: Navigation tools in the map window */

#map_zoom_slider {
    top: 65px !important;
    left: 24px !important;
    width: 18px;
}

#zoomIn {
    top: 25px;
    left: 25px;
}

#zoomInBtn {
    background: url('../images/slider.png') -47px 0 no-repeat;
    width: 10px;
    height: 10px;
}

#zoomFullBtn {
    background: url('../images/slider.png') -31px 0 no-repeat;
    width: 10px;
    height: 10px;
}

#zoomExtent {
    top: 40px;
    left: 25px;
}

.mapButton {
    position: absolute;
    z-index: 30;
    padding: 2px;
    background-color: #ffffff;
    border: 1px solid #58595b;
    -moz-border-radius: 1px;
    border-radius: 1px;
    cursor: pointer;
}

.claro .dijitSliderButtonContainerV {
    padding: 0 1px 0;
}

.claro .dijitSliderImageHandleV {
    background-image: url('../images/slider.png');
    background-position: -63px 0;
    background-repeat: no-repeat;
    border: 0 none;
    height: 16px;
    width: 18px;
}

.claro .dijitSliderProgressBarV .dijitSliderThumbHover {
    background-position: -63px 0;
}

.claro .dijitSliderHover .dijitSliderImageHandleV {
    background-position: -63px 0;
}

.claro .dijitSliderFocused .dijitSliderImageHandleV {
    background-position: -63px 0;
}

#dijit_form_VerticalRule_0 {
    display: none;
}

.claro .dijitSliderDecrementIconH, .claro .dijitSliderIncrementIconH,
.claro .dijitSliderDecrementIconV, .claro .dijitSliderIncrementIconV {
    background-color: #ffffff;
    background-image: url('../images/slider.png');
    background-repeat: no-repeat;
    border: 1px solid #58595b;
    padding: 2px;
    border-radius: 0;
    cursor: pointer;
}

.claro .dijitSliderActive .dijitSliderDecrementIconH,
.claro .dijitSliderActive .dijitSliderIncrementIconH,
.claro .dijitSliderActive .dijitSliderDecrementIconV,
.claro .dijitSliderActive .dijitSliderIncrementIconV,
.claro .dijitSliderHover .dijitSliderDecrementIconH,
.claro .dijitSliderHover .dijitSliderIncrementIconH,
.claro .dijitSliderHover .dijitSliderDecrementIconV,
.claro .dijitSliderHover .dijitSliderIncrementIconV {
    border: 1px solid #58595b;
    background-color: #ffffff;
}

.claro .dijitSliderIncrementIconV {
    background-position: 3px 2px;
}

.claro .dijitSliderDecrementIconV {
    background-position: -13px 2px;
}

.claro .dijitSliderDecrementIconV, .claro .dijitSliderIncrementIconV {
    height: 10px;
    width: 10px;
}

.claro .dijitSlider .dijitSliderRemainingBarV, .claro .dijitSlider .dijitSliderTopBumper {
    background-color: #FFFFFF;
    background-image: none;
    border-color: #58595b;
}

.claro .dijitSliderTopBumper {
    border-top: 0px solid #58595b;
}

.claro .dijitSliderBottomBumper {
    border-bottom: 0px solid #B5BCC7;
}

.claro .dijitSlider .dijitSliderProgressBarV, .claro .dijitSlider .dijitSliderBottomBumper {
    background-color: #FFFFFF;
    background-image: none;
    border-color: #58595b;
}

.dijitSliderBumperV {
    border-width: 0 1px;
    height: 8px;
    width: 2px;
}

.dijitSliderBarV {
    border-width: 0 1px;
    width: 2px;
}

/* END: Navigation tools in the map window */

/* Options Menu */

#dijit_form_DropDownButton_0 {
    color: #ffffff !important;
}

#topBar .dijitArrowButtonInner {
    background-position: -148px;
}

#upperLeftLinks {
    position: absolute;
    left: 220px;
    top: 4px;
    z-index: 999;
    cursor: pointer;
    color: #0000EE;
}

#upperLeftLinks a {
    color: #0000EE;
    text-decoration: none;
}

.claro .dijitTooltipContainer {
    background-color: #FFFFFF;
    background-image: none;
    background-position: center bottom;
    background-repeat: repeat-x;
    border: 1px solid #000000;
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    font-size: 0.75em;
    padding: 4px 6px;
}

.claro .dijitTooltipConnector {
    background-image: url("../images/tooltip.png");
}

.claro .dijitTooltipRight .dijitTooltipConnector {
    background-position: -48px 0;
    height: 15px;
    left: 0;
    width: 16px;
}

/* basemap toggling stuff */
#toggleBmText {
    font-size: 11px;
    cursor: pointer;
}

#toggleBmOnOff {
    color: #FF6633;
}

/* clear the downloads list in the accordion*/
#clearDownloads {
    cursor: pointer;
    float: right;
    padding-right: 10px;
    color: #3899D5;
    font-weight: bold;
    font-size: 110%;
}

/* clear the download areas list in the accordion*/
#clearDownloadAreas {
    cursor: pointer;
    float: right;
    padding-right: 10px;
    color: #3899D5;
    font-weight: bold;
    font-size: 110%;
}

/* force the text of the help drop down button to remain white at all times */
#help {
    color: #FFFFFF;
}

#help:hover {
    color: #FFFFFF;
}

/* help text, help icon and close help stuff */
.helpIcon {
    cursor: pointer;
    padding-left: 6px;
    border: none;
}

.closeIcon {
    text-align: right;
    padding-right: 3px;
}

.helpDiv {
    color: #333333;
    font-size: 11px;
}

#downloadHelp.helpDiv {
    padding-left: 25px;
}

#tourDisplay {
    float: right;
    color: #3899D8;
    font-weight: bold;
    cursor: pointer;
}

#searchHelpText {
    float: right;
    color: white;
    font-weight: bold;
    cursor: pointer;
}

/* table view expando overrides */
#tableView {
    background-color: #000000;
}

#tableView .dojoxExpandoTitle {
    border: 0;
    padding: 0;
    background-color: #000000;
    color: #FFFFFF;
    min-height: 1px !important;
}

#tableView .dijitSplitContainer-child, #tableView .dijitBorderContainer-child, #browseTab .dijitBorderContainer-child {

    border-image: initial;
}

#tableView .dojoxExpandoIcon {
    height: 14px;
    background-position: 0 0;
    background-image: url(../images/x_black.png);
    position: absolute;
    bottom: 280px;
    right: 5px;
    z-index: 3;
}

.dojoxGridScrollbox {
    height: 212px !important;
}

.claro .dojoxExpandoTitle {
    height: 0px !important;
}

/*.claro .dojoxExpandoClosed {
    height: 0px !important;
}*/

.dojoxGrid {
    font-family: helvetica, arial, sans-serif;
    font-size: 90%;
}

/* table view expando overrides */

/* BEGIN: query UI related stuff */
.queryOperator {
    background-color: #444444;
    color: #FFFFFF;
    width: 30px;
    text-align: center;
    cursor: pointer;
    padding: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    float: left;
    border-radius: 3px;
}

.queryOperator:hover {
    /*background-color:#000000;*/
    background-color: #3899D8;
}

#queryActionDiv {
    display: block;
    margin-top: 12px;
    margin-bottom: 12px;
}

.queryActionButton {
    background-color: #3899D8;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    padding: 0px;
    display: inline;

}

.queryActionButton:hover {
    background-color: #333;
}

.queryMenuButton {
    border-right: 1px solid #FFFFFF;
    float: left;
    height: 100%;
}

.queryBtnLabel {
    padding: 10px 5px;
}

#queryBuilder {
    padding: 3px;
}

.queryErrorSpan {
    color: #FFFFFF;
    line-height: 120%
}

#queryOperatorButtonsDiv, #queryWhereClauseDiv {
    display: block;
    margin-top: 12px;
    margin-bottom: 12px;
}

#pagers {
    height: 50px;
}

#rowInfo {
    font-size: 1.15em;
    float: left;
    padding: 6px;
}

.rowNum {
    color: #FF9933;
    opacity: 0;
}

#pDown, #pUp {
    cursor: pointer;
    height: 28px;
    width: 50px;
    background-color: #3899D8; /*new - mk*/
    float: left;
    margin-right: 2px;
    border-radius: 36px; /*new - mk*/
}

#pDown:hover, #pUp:hover {
    background-color: #333333;

}

#queryOperatorButtonsDiv ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#queryOperatorButtonsDiv ul li {
    display: inline;
}

#executeQueryButton {
    font-size: 12px;
    padding: 3px;
}

.lar {
    background-image: url(../images/arrows.png);
    background-position: 0px 0px;
    width: 9px;
    height: 17px;
    margin: 6px 20px;
}

.rar {
    background-image: url(../images/arrows.png);
    background-position: -13px 0px;
    width: 9px;
    height: 17px;
    margin: 6px 22px;
}

/* END: query UI related stuff */

/* BEGIN: basemap gallery overrides */
.esriBasemapGallerySelectedNode .esriBasemapGalleryThumbnail {
    border: 2px dashed #FFF000 !important;
    margin: 0 !important;
}

/* END: basemap gallery overrides */

.abstractText {
    display: none;
    font-size: 12px;
    color: #444444;
}

#downloadGroup {
    border: 1px solid black;
}

.indicator {
    line-height: 133%;
    font-size: 11px;
    font-family: Arial, sans-serif;
}

.queryMessageText {
    float: right;
    font-size: 13px;
    color: #FFFFFF;
    padding: 6px;
}

.queryMessageLink {
    float: right;
    font-size: 13px;
    color: #FFFFFF;
    text-decoration: underline;
    cursor: pointer;
}

.underline {
    text-decoration: underline;
}

.invisible {
    display: none;
}

.clickableHelpTitle {
    color: #3899D8;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
}

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

.error {
    font-size: 12px;
    color: red;
}

.warning {
    font-size: 11px;
    color: orange;
}

.downloadOR {
    width: 10%;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    color: #F93;
}

.downloadRD {
    float: left;
    width: 25px;
    height: 30px;
}

#downloadableLabel {
    font-size: 11px;
    font-weight: bold;
}

/** BEGIN: tour styling */
.joyride-tip-guide {
    z-index: 1000 !important;
    width: 200px;
}

.joyride-tip-guide.tour-smaller {
    width: 150px;
}

.joyride-tip-guide .joyride-next-tip {
}

.tour-highlight {
    font-size: 110%;
    border: solid #c83232 2px !important;
    -webkit-box-shadow: 0 0 18px 5px #c83232 !important;
    border-radius: 20px !important;
    /* scale */
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    /* transition */
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}

#tour_underlay {
    opacity: 0.2;
}

.tour-ok {
    top: 430px !important;
    left: 520px !important;
}

.tour-ok .joyride-next-tip {
    display: none;
}

.tour-center {
    display: block;
    top: 45% !important;
    left: 50% !important; /*480px*/
}

.tour-center .joyride-nub {
    display: none !important;
}

.tour-center .joyride-next-tip {
    margin-left: 40% !important;
}

/* Begin: H Slider */
.claro .dijitSliderImageHandleH {
    border: 0;
    width: 15px;
    height: 14px;
    background-image: url(../images/slider.png);
    background-repeat: no-repeat;
    background-position: -88px 1px;
    border-image: initial;
}

.claro .dijitSliderProgressBarH .dijitSliderThumbHover,
.claro .dijitSliderProgressBarH .dijitSliderThumbActive,
.claro .dijitSliderFocused .dijitSliderImageHandleH,
.claro .dijitSliderHover .dijitSliderImageHandleH {
    background-position: -88px 1px;
}

.claro .dijitSlider .dijitSliderProgressBarH,
.claro .dijitSlider .dijitSliderLeftBumper,
.claro .dijitSlider .dijitSliderRemainingBarH,
.claro .dijitSlider .dijitSliderRightBumper {
    border-color: #58595B;
    background-color: #ffffff;
}

#infoLayerList .dijitSliderDecrementIconH, #infoLayerList .dijitSliderIncrementIconH,
#infoLayerList .dijitSliderDecrementIconV, #infoLayerList .dijitSliderIncrementIconV,
#basemapDialog .dijitSliderDecrementIconH, #basemapDialog .dijitSliderIncrementIconH,
#basemapDialog .dijitSliderDecrementIconV, #basemapDialog .dijitSliderIncrementIconV {
    display: none;
}

/* END: H Slider */

.printButton {
    background-color: #3899D8;
    width: 50px;
    text-align: center;
    cursor: pointer;
    padding: 4px 8px;
    margin-top: 6px;
    float: left;
    border-radius: 3px;

}

/*.printButtonRight {
    margin-left:6px;
}*/

/* Annotations UI stuff */

#annoTypeList td {
    width: 33px;
    text-align: center;
}

.arrowUp {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444444;
    margin: 0px auto;
}

.labelInput {
    position: absolute;
    z-index: 30;
    padding: 2px;
    background-color: #444444;
}

.lineColour {
    height: 6px;
    width: 24px;
}

.fillColour {
    height: 32px;
    width: 12px;
}

.fillColour:hover {
    border: 1px solid #666666;
    margin: -1px;
}

#annoTools {
    margin-top: 24px;
}

/* buttons in the annotations pane */
#annoTools .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode, .claro .dijitComboButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode {
    border-radius: 3px;
    color: #FFFFFF;
    background-color: #3899D8;
    background-image: none;
    border: 0px solid #3899D8;
    box-shadow: none;
    padding: 0;
    margin-right: 2px;
}

#annoTools .dijitButtonHover .dijitButtonNode, #annoTools .dijitButtonActive .dijitButtonNode {
    background-color: #888888;
}

/* the agree/disagree button on the dialog*/
#dialogButtons .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode, .claro .dijitComboButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode {
    margin-right: 2px;
}

#dialogButtons .dijitButtonHover .dijitButtonNode, #annoTools .dijitButtonActive .dijitButtonNode {
    background-color: #888888;
}

.queryBtn {
    background-color: #3899D8;
    width: 50px;
    text-align: center;
    cursor: pointer;
    padding: 4px 8px;
    margin-top: 6px;
    float: right;
    border-radius: 3px;
}

#queryHelpImg {
    background-color: #3899D8;
    font-weight: bold;
    width: 12px;
    text-align: center;
    cursor: pointer;
    padding: 4px 8px;
    margin-top: 6px;
    margin-left: 3px;
    float: right;
    border-radius: 3px;
}

/* BEGIN: legend element styles */
.layerLegend {
    float: left;
}

.layerLegend .toggle {
    font-size: 80%;
    font-family: helvetica, arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 3px;
}

.layerLegend .legend {
    width: 100%;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #444444;
}

.layerLegend .legendPatch {
    vertical-align: middle;
}

/* END: legend element styles */

#attribution {
    background-color: #FF9933;
    text-align: right;
    color: white;
    padding-right: 12px;
}

#attribution a {
    color: white;
    font-weight: normal;
}

#attribution img {
    vertical-align: middle;
}

/*
use this to make sure selected dialogs can be non-modal. add class nonModal to the dialog
class and the underlay will be removed  - allowing drag actions and access to the map
and menu underneath.
*/
.nonModal_underlay {
    display: none;
}

/* stuff for the toggling facet lists on the browse tab*/
.browseSubjectTitle {
    cursor: pointer;
}

.browseSubjectWrapper {
    padding-top: 20px;
}

/* links that appears in the identify results*/
.linkAsAttr {
    color: #FF0000 !important;
    font-weight: normal !important;
}

/* that big "Browse by..." title on the browse tab */
.bigBrowseBy {
    color: #FF9933;
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
}

/* that big "Download" title on the browse tab */
.bigDownload {
    color: #3899D8;
    font-size: 20px;
    font-weight: bold;
    padding-top: 15px;
}

/* account maps & extents stuff */

.listWrapper {
    width: 100%;

}

.accountTitle {
    padding: 10px 0px;
    color: #FF9933;
    font-size: 16px;
    font-weight: bold;
    background-color: #FFFFFF;
    width: 460px;
    overflow: hidden;
    -moz-box-shadow: 2px 0px 6px #888;
    -webkit-box-shadow: 2px 0px 6px #888;
    box-shadow: 2px 0px 6px #888;
}

.accountSubTitle {
    font-size: 11px;
}

.accountMessage {
    border-top: 1px solid #000000;
    font-weight: bold;
    padding: 10px 150px 10px 0px;
    height: 100%;
}

#offCampusLinks ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#loginTab a {
    text-decoration: none;
    color: #3899D8;
    font-size: 115%;
}

#loginTab a:hover, #loginTab a:focus {
    text-decoration: underline;
}

#loginOptionsToggle {

}
.permalink {
    padding-top: 10px;
    padding-bottom: 10px;
}
.input-append .add-on, .input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 15px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background-color: #eee;
    border: 1px solid #ccc;
}
.input-prepend .add-on:first-child, .input-prepend .btn:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.span6{
	display: inline-block;
    height: 15px;
    padding: 4px 6px;
    margin-bottom: 7.5px;
    font-size: 13px;
    line-height: 15px;
    color: #555;
    border-radius: 3px;
    vertical-align: middle;
     width: 80%;
     height:15px;
}
.input-prepend input {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    border: 1px solid #ccc;
}
.input-prepend .add-on, .input-prepend .btn {
    margin-right: -1px;
}
#itemThumbnail {
	position:relative;float: right; top:0px; display:inline-block; padding:5px;
}
#itemThumbnail img {
	width:auto;height:150px;border:solid black 1px;
}

#termsFloater{
	width:550px;
	height:400px;
}
.terms_frame_border{
	background-color:#fff;
	padding:5px;
}
#terms_frame{
	width:100%;
	height:340px;
}

#results_index_link{
	padding-top:6px;
}
#results_index_link a{
	color: #3899D8;
}
.loading{
	background-image:url('../images/loader.gif');
}
#toggle-view .ui-icon { 
	display: inline-block !important;
	position: absolute;
	top:14px;
	margin-left:5px
}
li:hover .ui-icon  {background-image: url(images/ui-icons_d8e7f3_256x240.png); }