﻿    html,body,#iMapContainer
    {
        padding:0px;
        margin:0px;
        height:100%;width:100%;
        background-color:#7893A8;
    }
    .tooltip {
        background-color: white;
        border: 1px solid #7EABCD;
        border-radius: 4px 4px 4px 4px;
        font-size: 19pt;
        padding: 5px;
        position: fixed;
        width: 100px;
        z-index: 9999;
        display: none;
      }
    .claro .dijitDialogTitleBar { color: White; background-color: #7893A8; }
    .dojoxFloatingPaneTitle { color: White; background-color: #7893A8; cursor: move; }
    .layerTable,.singleLayer,.parentLayer,.subLayer { text-align: left; vertical-align: top; color: #006699; }
    .singleCheck,.parentCheck { padding-left: 0px; }
    .parentLayer { font-size: 14px; font-weight: bold; } 
    .singleLayer, .parentLayer { padding-left: 5px; } 
    .singleLayer,.subLayer { font-size: 12px; } 
    #mapDiv { background-color:#7893A8; padding:0px; margin:0px; }
    #topBar { background-color: #7893A8; padding:0px 5px 0px 0px; color: #ffffff; font-family: arial; }
    #left_ContentPane { background-color: #7893A8; padding:0px; color: #444; font-family: arial; width: 235px; }
    #mapTitle { position:absolute; left:250px; top:50px; z-index:100; font-family:Helvetica,Arial; font-size:16px; font-weight:bold; color:#ffffff; }
    #p1,#p1a { font-size:12px; font-weight:bold; color:#006699; }
    #p2,#p2a { font-size:16px; font-weight:bold; color:#006699; }
    #menuLabel1,#menuLabel2,#menuLabel3 { padding:0px; margin:0px; font-size:14px; font-weight:bold; color:#006699; }
    #maps_mainmenu,#categories_mainmenu,#build_mainmenu { font-size:12px; color:#006699; width:100%; }
    #menuLabel1a,#menuLabel2a,#menuLabel3a { padding:0px; margin:0px; font-size:14px; font-weight:bold; color:#006699; }
    #maps_mainmenu2,#categories_mainmenu2,#build_mainmenu2 { font-size:12px; color:#006699; width:100%; }
    #labelSelection { font-size:14px; font-weight:bold; height:100px; text-align:left; }
    #fpMeasure,#fpPrint,#fpParcelInfo,#fpDocFinder {
        position:relative; top:0; left:0; z-index:999; visibility:hidden; border-right-width:2px;
        border-right-color:#006699; border-bottom-width:2px; border-bottom-color:#006699;
    }
    
    .dojoxGridMasterMessages { color: White; background-color: #7893A8; }

    /*****************************************/
    /* Document Finder Floating Pane Styling */
    /*****************************************/
    #fpDocFinder { width:700px; height:425px; }
    #docInstruct { font-size:12px; font-weight:normal; color:#006699; }
    #docGrid,#roadGrid { width:100%; height:350px; }
    .dojoxGrid { border: 2px solid #7893A8; }
    #divDocSearchOptions,#divSelects { width:700px; height:30px; float:left; }
    #divDocSearchOptions { padding: 10px 0px 0px 0px; }
    #divSelects { padding: 0px 0px 10px 5px; }
    #divDocSearchBox { width:525px; height:30px; padding: 0px 5px 5px 5px; float:right; }
    #txtDocSearchBox { width:400px; }
    .claro .dijitRadio, .claro .dijitRadioIcon {margin: 2px 5px 2px 2px;}
    #docNote,#roadNote { height: 15px; font-size:14px; font-weight:bold; color:#006699; padding: 0px 0px 5px 0px; float:left; }
    #docPDF { height: 15px; font-size:14px; font-weight:normal; color:#006699; padding: 0px 10px 0px 10px; float:right; }
    #dfTabContainerDiv { width: 75%; }
    #dfTab1Div, #dfTab2Div, #dfTab3Div {
        border: 1px solid grey;
        background-color: #fce6d9;
    }
    /*************************************/
    /* Parcel Info Floating Pane Styling */
    /*************************************/
    #fpParcelInfo { width:700px; height:425px; }
    #assGrid { width:98%; height:350px; }
    #assNote, #assInstruct { height: 15px; font-size:14px; font-weight:bold; color:#006699; padding: 0px 0px 5px 0px; float:left; }
    #assPDF { height: 15px; font-size:14px; font-weight:normal; color:#006699; padding: 0px 10px 0px 10px; float:right; }
    .tblPI{ width: 100%; }
    /***************************************/
    /* Print Options Floating Pane Styling */
    /***************************************/
    #fpPrint { width:400px; height:425px; }
    #printOptions1,#printOptions2,#printOptions3,#exportButtons { padding:5px 0px 5px 0px; }
    #mapTextLabels { font-weight:bold; width:100px; height:60px; float:left; padding-top:3px; }
    #mapTextBoxes { width:200px; height:60px; float:left; }
    #mapPageSetupLabels { font-weight:bold; width:100px; height:90px; float:left; }
    #mapOrientRadios,#mapSizeRadios,#exportOptionRadios { width:250px; height:30px; float:left; }
    #notePrintScale { font-weight:lighter; font-style:italic; color:Red; }
    #printScaleLabel { font-weight:normal; width:100px; float:left; padding-top:3px; }
    #printScaleBox { width:250px; height:30px; float:left; }
    #butPrint { font-weight:bold; width:100px; float:left; }
    #barProgress { width:200px; float:left; padding:0px 0px 0px 0px; }
    #progress-label { position: absolute; left: 35%; top: 385px; font-weight: normal; }
    /*.ui-progressbar,.ui-progressbar-indeterminate { height:5px; }
    .ui-progressbar,.ui-progressbar-indeterminate,.ui-progressbar-value { background:#006699; }
    /**************/
    #fromText,#toText,#agencyText,#categoryText { font-family:arial; font-size:12px; font-weight:bold; padding:2px; border:0px; text-align:left; }
    #fromDate,#toDate,#goButton { font-size:14px; text-align:left; width:100%; }
    #fsSearch { width:175px; }
    /***************************************/
    /* Measurement Widget Floating Pane Styling */
    /***************************************/
    #fpMeasure { width:350px; height:350px; }
    /*Measurement Results CSS*/
    /*.esriLocationResultSymbol > svg { width:24px; height:24px; }*/
    /*.esriLocationResultSymbol > svg > image { transform:none; }*/
    .esriMeasurement { padding: 5px 5px 5px 5px; height:30px; width:200px; }
    /**************/
    #cpSegments { position:relative; top:25px; left:0px; width:340px; height:175px; background-color: white; }
    #measureNote { font-size:small; color:Red; position:absolute; top:340px; left:10px; }
    #transparencyLabel { text-align:justify; }
    #searchLabel { font-size:medium; }
    #searchNote { font-size:medium; }
    #cpSearchTools { color:#006699; }
    #info
    {
        position:absolute;
        left:200px;
        bottom:5px;
        z-index:50;
        color:#000;
        padding:5px;
        margin:5px;
    }
    #northArrow
    {
        position:absolute;
        left:10px;
        bottom:5px;
        z-index:999;
        padding:5px;
        margin:5px;
    }
    #slider
    {
        position:absolute;
        left:500px;
        bottom:5px;
        z-index:50;
        color:#000;
        padding:5px;
        margin:5px;
    }
    h3
    {
        margin: 0 0 5px 0;
        border-bottom: 1px solid #444;
        padding: 0 0 5px 0;
        text-align: center;
    }
    .esriBasemapGallerySelectedNode .esriBasemapGalleryThumbnail
    {
        border-color: #66FFFF !important;
    }
    /*************************/
    /* BEGIN Vertical Slider */
    /*************************/
    .claro .dijitSliderDecrementIconH, .claro .dijitSliderIncrementIconH, .claro .dijitSliderDecrementIconV, .claro .dijitSliderIncrementIconV
    { background-color: #7893A8; border-radius: 4px 4px 4px 4px; border: 1px solid #7893A8; font-size: 1px; }
    .claro .dijitSliderIncrementIconV, .claro .dijitSliderDecrementIconV { height: 16px; width: 16px; background-position: 0px 0px;}
    .claro .dijitSliderIncrementIconV { background-image: url("/Maps/iMap/icons/MAGplus.png"); }
    .claro .dijitSliderDecrementIconV { background-image: url("/Maps/iMap/icons/MAGminus.png"); }
    .claro .dijitSliderActive .dijitSliderDecrementIconV, .claro .dijitSliderActive .dijitSliderIncrementIconV, .claro .dijitSliderHover .dijitSliderDecrementIconH, .claro .dijitSliderHover .dijitSliderIncrementIconH, .claro .dijitSliderHover .dijitSliderDecrementIconV, .claro .dijitSliderHover .dijitSliderIncrementIconV
    { background-color: #006697; }
    .esriLargeSliderVertical { height: 200px; border-color:Fuchsia; border-width: 2px;}
    /***********************/
    /* END Vertical Slider */
    /***********************/
    /*****************************/
    /* BEGIN Accordian Container */
    /*****************************/
    .claro .dijitAccordionInnerContainer { background-color: #CFE5FA; border: 1px solid #B5BCC7; margin-bottom: 1px; }
    .claro .dijitAccordionInnerContainerSelected { background-color: #CFE5FA; border-color: #759DC0; }
    .claro .dijitAccordionInnerContainerHover { background-color: #ABD6FF; border: 1px solid #759DC0; }
    /***************************/
    /* END Accordian Container */
    /***************************/
    #tbAuto { font-size:8pt; width:194px; }
    #navToolbar { background-color: #7893A8; width:100%; }
    .mapsIcon { background-image:url(images/Maps16.png); width:16px; height:16px; }
    .bookmarkIcon { background-image:url(images/BookmarkCreate16.png); width:16px; height:16px; }
    .zoominIcon { background-image:url(icons/MAGplus.png); width:16px; height:16px; }
    .zoomoutIcon { background-image:url(icons/MAGminus.png); width:16px; height:16px; }
    .zoomfullextIcon { background-image:url(images/ZoomFullExtent16.png); width:16px; height:16px; }
    .zoomprevIcon { background-image:url(icons/leftarrowarrowGOLD.png); width:16px; height:16px; }
    .zoomnextIcon { background-image:url(icons/rightarrowarrowGOLD.png); width:16px; height:16px; }
    .measureIcon { background-image:url(images/MeasureTool16.png); width:16px; height:16px; }
    .barchartIcon { background-image:url(icons/bar_chart.png); width:16px; height:16px; }
    .reportIcon { background-image:url(icons/report.png); width:16px; height:16px; }
    .docfinderIcon { background-image:url(icons/doc16.png); width:16px; height:16px; }
    .parcelinfoIcon { background-image:url(icons/buffer4c.png); width:16px; height:16px; }
    .eraseIcon { background-image:url(icons/eraser2.png); width:16px; height:16px; }
    .helpIcon { background-image:url(icons/questionGOLD.png); background-position:center; width:16px; height:16px; }
    .printIcon { background-image:url(icons/print.png); background-position:center; width:16px; height:16px; }
    .toggleIconIn { background-image:url(icons/scrollleftGOLD.png); width:16px; height:16px; }
    .toggleIconOut { background-image:url(icons/scrollrightGOLD.png); width:16px; height:16px; }
    .esriPrint { padding:0px; margin-top:1px; margin-right:2px; float:left; }
    .esriPrintButton { width:100px; }
    .esriScalebar { margin-left: 40px; }
    .claro .dijitSelect .dijitArrowButtonContainer {
        border: 1px solid #FFFFFF;
        width: 16px;
    }
    .claro .dijitMenuItem { font-size:12px; color:#006699; }
    .claro .dijitMenuTable { padding: 3px 0px 0px 3px; }
    .claro td.dijitMenuItemIconCell { display : none; } /* This eliminates the icon cell that is infront of the map names in Chrome and firefox. */
    #status
    {
        position:absolute;
        right:200px;
        top:50px;
        background-color: black;
        color: white;
        padding: 3px;
        border: solid 1px white;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        visibility: hidden;
    }
.claro .dijitTooltipConnector {
    visibility: hidden;
}
.claro .dijitTooltipContainer {
    margin-left: -15px;
    padding: 3px;
}
