body {
    margin: 0;
}

.gray-row {
    background-color: #BCC8D8;
}

.blue-button {
    background-color: #1d5ba4;
    font-weight: bold;
    color: White;
}

#map {
    position: relative;
}

#div-header, .div-header {
    background-image: url(images/treespotbannerbright_bg.jpg);
    background-repeat: repeat-x;
    text-align: left;
    margin: 0;
    padding: 0;
    width: auto;
    height: 100px;
    border-bottom: 1px solid #FFFFFF;
}

.textbox-input {
    border: 1px solid #dcdcdc;
    background: #FFFFFF;
    color: #000000;
}

.textbox-input-small {
    border: 1px solid #dcdcdc;
    background: #FFFFFF;
    color: #000000;
    width: 40px;
}

.ambit-blue {
    background-color: #1d5ba4;
}


.red-button {
    background-color: #CC0000;
    font-weight: bold;
    color: White;
}

.li-hit-red {
    color: #CC0000;
    font-weight: bold;
    background-color: #FFFFCC;
}

.li-hit-blue {
    color: #1d5ba4;
    font-weight: bold;
    background-color: #FFFFCC;
}


.blue-row {
    background: #E0EAEC;
}

.light-row {
    background: #f3f3f3;
}

.hitHeader {
    background: #E0EAEC;
    text-align: right;
    font-weight: bold;
}

.hitTableTitle {
    background: #E0EAEC;
    text-align: center;
    font-weight: bold;
}

.hitRow {
    background: #f3f3f3;
    text-align: right;
    font-weight: bold;
}

.altHitRow {
    background: #f3f3f3;
    text-align: right;
    font-weight: bold;
}

.highlightRow {
    background: #1d5ba4;
    text-align: right;
    font-weight: bold;
    color: White;
}

.highlightPanel {
    background: #99D699;
    font-weight: bold;
    color: White;
}

.graytd {
    background: #f3f3f3;
    text-align: right;
    font-weight: bold;
}

.graytdleft {
    background: #f3f3f3;
    text-align: left;
    font-weight: bold;
}

.graytdleftNoBold {
    background: #f3f3f3;
    text-align: left;
}

.whitetdleft {
    text-align: left;
    font-weight: bold;
}

.whitetdright {
    text-align: right;
    font-weight: bold;
}

.emaillink {
    color: #7B828A;
    font-weight: bold;
    font-size: 11px;
    font-family: tahoma, trebuchet ms, arial, sans-serif;
}


.finderdropdown {
    background: #f3f3f3;
    font-size: 10px;
    font-family: tahoma, trebuchet ms, arial, sans-serif;
}



/* FORMS */

#form, .form {
    margin: 0px 0px 0px;
}

    #form td {
        padding: 4px 5px;
        background: #E0EAEC;
        border: 1px solid #fff;
        border-width: 0px 1px 1px 0px;
    }

        #form td.darkbg {
            background: #f3f3f3;
            text-align: right;
            font-weight: bold;
        }

    #form input, #form textarea {
        border: 1px solid #C0C9D2;
        padding: 2px;
        font-size: 11px;
    }

    #form .noborder {
        border: none;
    }

.required {
    color: #f00;
}

.submit {
    width: 50px;
    height: 20px;
    font-size: 10px;
    background: #eee;
}

table, td, th {
    font-size: 11px;
    font-family: tahoma, trebuchet ms, arial, sans-serif;
    color: #666;
    text-align: left;
}


#form_hits, .form_hits {
    margin: 15px 0px 0px;
}

    #form_hits td {
        padding: 4px 5px;
        background: #E0EAEC;
        border: 1px solid #fff;
        border-width: 0px 1px 1px 0px;
    }

        #form_hits td.darkbg {
            background: #f3f3f3;
            text-align: right;
            font-weight: bold;
        }

    #form_hits tr.darkbg {
        background: #f3f3f3;
        text-align: right;
        font-weight: bold;
    }


h2 {
    font-size: 13px;
    color: black;
    padding: 5px 0px;
}

h3 {
    font-size: 11px;
    padding: 10px 0px 0px 0px
}



.ImageDownloadLink {
    color: #1d5ba4;
}

.ImageHighlightLink {
    color: #1d5ba4;
}

.imageLink {
    color: black;
}

.imageLinkBmp {
    color: black;
    text-decoration: none;
}

.imagePreview {
    border-style: solid;
    border-width: 1px;
    border-color: Black;
}

.imagePreviewBmp {
    border-style: solid;
    border-width: 2px;
    border-color: #CC0000;
}

.ImagePreviewTable {
    BORDER-COLLAPSE: collapse;
    padding: 0px 0px 0px 0px;
    border: none;
}

/*Start*/

.divDiscoverXHome {
    display: inline;
    float: right;
    padding-top: 30px;
}

#spnDiscoverXHomeCSS {
    padding-right: 25px;
    font-size: 32px !important;
}

.spnDiscoverXHomeAncher {
    color: white;
    text-decoration: none;
}

.headerTable {
    padding-top: 0px;
    border-spacing: 0px;
    border: 0px;
    width: 100%;
}

.textBoxCommandToClientCSS {
    display: none;
}

.tableRowHighlightDropdownsTable {
    BORDER-RIGHT: #708090 1px solid;
    BORDER-TOP: #708090 1px solid;
    BORDER-LEFT: #708090 1px solid;
    BORDER-BOTTOM: #708090 1px solid;
    BACKGROUND-COLOR: #ffffff;
    height: 18px;
    border-spacing: 0px;
    width: 150px;
}

.tdTextalignCenter {
    text-align: center;
    width: 30px;
}

.width99 {
    width: 99px;
}

.width1 {
    width: 1px;
}

.tableRowHighlightDropdownsTrTd {
    text-align: left;
    width: 10%;
}

.tableRowHighlightDropdownsTableTd1 {
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BACKGROUND: #0000FF;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    height: 14px;
    width: 32px;
}

.tableRowHighlightDropdownsTableTd2 {
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    FONT-SIZE: 10pt;
    BORDER-LEFT: 0px solid;
    COLOR: #000000;
    BORDER-BOTTOM: 0px solid;
    FONT-FAMILY: Verdana, Tahoma, Arial;
    BACKGROUND-COLOR: #ffffff;
}

.tableRowHighlightDropdownsTableTd3 {
    BACKGROUND-COLOR: #708090;
    width: 1px;
}

.tableRowHighlightDropdownsTableTd4 {
    cursor: pointer;
    BACKGROUND-COLOR: #d3d3d3;
    text-align: center;
    width: 20px;
}

.border0px {
    border: 0px;
}

.backgroundColorA9A9A9 {
    background-color: #A9A9A9;
}

.backgroundColorD3D3D3 {
    background-color: #D3D3D3;
}

.tableColorPicker3Css {
    BORDER-RIGHT: #708090 1px solid;
    BORDER-TOP: #708090 1px solid;
    BORDER-LEFT: #708090 1px solid;
    BORDER-BOTTOM: #708090 1px solid;
    BACKGROUND-COLOR: #ffffff;
    height: 18px;
    border-spacing: 0px;
    width: 150px;
}

.textalignWidth30 {
    text-align: center;
    width: 30px;
}


.tableColorPicker3Td1 {
    height: 14px;
    width: 32px;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BACKGROUND: #00CC00;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
}

.tableColorPicker3Td2 {
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    FONT-SIZE: 10pt;
    BORDER-LEFT: 0px solid;
    COLOR: #000000;
    BORDER-BOTTOM: 0px solid;
    FONT-FAMILY: Verdana, Tahoma, Arial;
    BACKGROUND-COLOR: #ffffff;
}

.tableColorPicker3Td3 {
    BACKGROUND-COLOR: #708090;
    width: 1px;
}

.tableColorPicker3Td4 {
    CURSOR: pointer;
    BACKGROUND-COLOR: #d3d3d3;
    text-align: center;
    width: 20px;
}

.tableColorPicker4CSS {
    BORDER-RIGHT: #708090 1px solid;
    BORDER-TOP: #708090 1px solid;
    BORDER-LEFT: #708090 1px solid;
    BORDER-BOTTOM: #708090 1px solid;
    BACKGROUND-COLOR: #ffffff;
    height: 18px;
    border-spacing: 0px;
    width: 150px;
}

.tableColorPicker4Td1 {
    height: 14px;
    width: 32px;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BACKGROUND: #CC33CC;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
}

.tableColorPicker4Td2 {
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    FONT-SIZE: 10pt;
    BORDER-LEFT: 0px solid;
    COLOR: #000000;
    BORDER-BOTTOM: 0px solid;
    FONT-FAMILY: Verdana, Tahoma, Arial;
    BACKGROUND-COLOR: #ffffff;
}

.tableColorPicker4Td4 {
    CURSOR: pointer;
    BACKGROUND-COLOR: #d3d3d3;
    text-align: center;
    width: 20px;
}

.tableImageCreateOptionsCss {
    width: 100%;
    border-spacing: 0px;
    border: 0px;
    padding: 2px;
}

.tableRowSelectSpotsColortd {
    text-align: left;
    width: 10%;
}

.tableRowSelectSpotsColorCss {
    BORDER-RIGHT: #708090 1px solid;
    BORDER-TOP: #708090 1px solid;
    BORDER-LEFT: #708090 1px solid;
    BORDER-BOTTOM: #708090 1px solid;
    BACKGROUND-COLOR: #ffffff;
    height: 18px;
    border-spacing: 0px;
    padding: 0px;
    width: 150px;
}

.tableRowSelectSpotsColorCssTd1 {
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BACKGROUND: #ffffff;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
}

.tableRowSelectSpotsColorCssTd2 {
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    FONT-SIZE: 10pt;
    BORDER-LEFT: 0px solid;
    COLOR: #000000;
    BORDER-BOTTOM: 0px solid;
    FONT-FAMILY: Verdana, Tahoma, Arial;
    BACKGROUND-COLOR: #ffffff;
    height: 14px;
    width: 32px;
}

.tableRowSelectSpotsColorCssTd3 {
    BACKGROUND-COLOR: #708090;
    width: 1px;
}

.tableRowSelectSpotsColorCssTd4 {
    CURSOR: pointer;
    BACKGROUND-COLOR: #d3d3d3;
    text-align: center;
    width: 20px;
}

.width700 {
    width: 700px;
}

.widthBorder0 {
    width: 490px;
    border: 0px;
}

.cellPaddingSpacing {
    border-spacing: 2px;
    padding: 2px;
}

.tableRowGridDataTableCss {
    border-color: #6666cc;
    font-size: smaller;
    background-color: white;
}

.tableRowGridDataTableHeaderCss {
    background-color: #1d5ba4;
    color: white;
    font-weight: bold;
}

.displayNone {
    display: none;
}

.divHitTableCss {
    overflow-x: hidden;
    overflow-y: auto;
    height: 945px;
    width: 490px;
}

.divImgTreeImageCss {
    position: relative;
    width: 490px;
}

.backgroundColor1 {
    background: #CC0000;
}

.backgroundColor2 {
    background: #0000FF;
    width:32px;
}

.backgroundColor3 {
    background: #00CC00;
}

.backgroundColor4 {
    background: #CC33CC;
}

.createGroupAreas1 {
    font-weight: bold;
    font-size: 11px
}

.createGroupAreas2 {
    color: #1d5ba4;
}

.createGroupAreas3 {
    color: #1d5ba4;
}

.createGroupAreas4 {
    font-weight: normal;
    font-size: 11px;
    color: black;
}

.createSpotmap1 {
    font-weight: bold;
    font-size: 11px;
}

.createSpotmap2 {
    color: #1d5ba4;
}

.createSpotmap3 {
    color: #1d5ba4;
}

.createSpotmap4 {
    color: #1d5ba4;
}

.createSpotmap5 {
    color: #1d5ba4;
}

.createSpotmap6 {
    font-weight: normal;
    font-size: 11px;
    font-color: black;
}

.createTreespotImges1 {
    font-weight: bold;
    font-size: 14px;
    font-color: black;
}

.createTreespotImges2 {
    position: relative;
    width: 490px;
}

.fontBold {
    font-weight: bold;
}

.fontNormal {
    font-weight: normal;
}

.blackColor {
    color: black;
}

.redColor {
    color: red;
}

.labelSpotCutoffValueHelpCss {
    color: black;
    font-weight: normal;
}

.borderStyleWidth {
    border-width: 0px;
    border-style: None;
}

.colorPicker_colorPickerDivCss {
    position: absolute;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#D3D3D3', Direction=120, Strength=3) alpha(Opacity=100);
}

#ColorPicker4_colorPickerDiv {
    position: absolute;
    visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#D3D3D3', Direction=120, Strength=3) alpha(Opacity=100);
}

.textDecorator {
    text-decoration: underline;
    cursor: pointer;
}

.tdColor {
    color: #CC0000;
}

.width50 {
    width: 50px;
}

.width100 {
    width: 100%;
}

.footerCss {
    color: #7B828A;
    font-family: verdana, geneva, arial, sans-serif;
    font-size: x-small;
}

.spnDiscoverXHome30 {
    font-size: 30px;
}

.spnDiscoverXHome28 {
    font-size: 28px;
}

.hitTable{
    width:100%;
}

.colorwhite {
    color: white;
}

.groupAreaSpan {
    font-weight: normal;
    font-size: 11px;
    color: black;
}

.cursorPointer {
    cursor: pointer !important;
}

.logoutLink {
    color: #7B828A;
    font-weight: bold;
    font-size: 11px;
    font-family: tahoma, trebuchet ms, arial, sans-serif;
    cursor: pointer !important;
    text-decoration: underline;
}