/*box-sizing: border-box;*/

/*todo - class NoWrap occurs more than once */

.WrapperDiv
{
    width: 100%;
}

xinput[type="text"]
{
    border-color: #aaaaaa;
    border-style: inset;
}

xselect
{
    border: 1px solid #ABADB3;
}

.Zoning label
{
    white-space: normal;    
}

/* color page - http://halflife.ukrpack.net/csfiles/help/colors.shtml  */

input[type=button], input[type=submit], input[type=button]
{
    font-size: 1em;
    color: black;
    font-weight: 400;
    background-color: hsl(210,70%,90%);
    border: 1px solid hsl(0, 0%, 68%);
    cursor: pointer;
    user-select: none;
    border-radius: 4px;
    padding: 6px 12px 6px 12px;
    margin: 4px;
    width: auto;
    overflow: visible;
}

    input[type=button]:hover, input[type=submit]:hover, input[type=button]:hover
    {
        background-color: hsl(210,70%,95%);
        border: 1px solid hsl(210,100%,40%);
    }

    input[type=button]:active, input[type=submit]:active, input[type=button]:active
    {
        background-color: hsl(210,70%,95%);
        margin: 3px;
        border: 2px solid hsl(210,100%,70%);
    }


/* * * * * * * * * * * * * * * * * * * * * */
/* FILE UPLOAD BUTTON                      */
/* * * * * * * * * * * * * * * * * * * * * */

/*https://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/*/

.xTestLabelButton {
    font-size: 1em;
    padding: 20px;
    font-weight: 400;
    color: black;
    background-color: #e1e1e1;
    border: 1px solid #adadad;
    display: inline-block;
    cursor: pointer;
    user-select: none;
}

/*hide the file upload button, but keep it alive for submit and part of the tab order*/
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    /*style the lable to look and act like a button*/
    /*since it is a label for, mouse clicks are automatically transferred to the file upload button*/
    .inputfile + label
    {
        font-size: 1em;
        color: black;
        font-weight: 400;
        padding: 5px 11px 5px 11px;
        margin: 4px 5px 4px 5px;
        background-color: hsl(210,70%,90%);
        border: 1px solid hsl(0, 0%, 68%);
        display: inline-block;
        cursor: pointer;
        user-select: none;
        border-radius: 4px;
        /*transition-duration: 0.4s;*/ /*mouse off, does not work if user tabs, or cancels out of file select*/
        /*font-size: 1.25em;
                padding: 20px;
                font-weight: 700;
                color: white;
                background-color: #d3394c;
                display: inline-block;
                cursor: pointer;
                user-select: none;*/
    }

    /*if tabbed to input*/
    /*this is why label follows input*/
    /*it would be nice to put label around input*/
    /*but css does not have a parent selector*/
    .inputfile:focus + label
    {
        background-color: hsl(210,70%,95%);
        border: 1px solid hsl(210,100%,40%);
    }

    .inputfile + label:hover
    {
        background-color: hsl(210,70%,95%);
        border: 1px solid hsl(210,100%,40%);
    }

    .inputfile + label:active
    {
        background-color: hsl(210,70%,95%);
        margin: 3px 4px 3px 4px;
        border: 2px solid hsl(210,100%,70%);
    }

    .inputfile + label * {
        pointer-events: none;
    }

    /*file name display*/
    .inputfile + label + lable {
        padding-left: 20px;
        cursor: pointer;
    }

/* * * * * * * * * * * * * * * * * * * * * */
/* END OF FILE UPLOAD BUTTON               */
/* * * * * * * * * * * * * * * * * * * * * */

/*work around bug in asp:menu
the styles are applied at the table level
Firefox needs them at the td level */

table.StaticMenuStyle > tbody > tr > td
{
    /*  padding: 0px 4px 0px 4px;  */
}

table.StaticMenuItemStyle > tbody > tr > td
{
    /* padding: 2px 2px 2px 2px; */
}

.MenuHeading
{
    /*  border-bottom: solid 1px silver;  */ /* margin-top: 10px; */
    color: Gray; /* font-weight: bold; */
    font-family: Georgia, 'Times New Roman' , Serif;
    font-size: 13px;
    display: block;
    padding: 15px 0px 4px 3px;
    border-bottom: 1px solid silver;
    white-space: nowrap;  
    background-color: #F5F5F5;  
}

table.MenuStyle /* used */
{
    background-color: #C5D4D8;
    background-color: #ffffff;
    color: #666666;
    color: #000000;
    line-height: 150%;
    line-height: 140%;
}

table.StaticMenuStyle /* style of overall table */
{
    width: 100%; /* ensures menu item highlighting is full width */
}

a.StaticMenuItemStyle
{
    color: #000000;
    font-size: small; /* padding: 2px 5px 2px 5px; */
    display: block; /* works with StaticMenuStyle width = 100% to ensure menu items are full width */
}

a.StaticSelectedStyle
{
    /* color: White; */
    background-color: #ddffff;
}

a.StaticHoverStyle /* used */
{
    /*color: black; */
    background-color: #ffffbb;
}

.AccountMenu
{
    padding: 0px 0px 0px 6px;
    white-space: nowrap;
    display: block;
    text-decoration: none;
    color: Black;
}

.AccountMenu:link
{
}

.AccountMenu:visited
{
}

.AccountMenu:hover
{
    background-color: #ffffbb;
    background-color: #ffff88;
}

.AccountMenuSelected
{
    padding: 0px 0px 0px 6px;
    white-space: nowrap;
    display: block;
    text-decoration: none;
    background-color: #ddffff;
    color: Black;
}

.AccountMenuSelected:link
{
}

.AccountMenuSelected:visited
{
}

.AccountMenuSelected:hover
{
    color: Black;
    background-color: #ffffbb;
    background-color: #ffff88;
}

/*
color picker
http://www.siteprocentral.com/cgi-bin/feed/feed.cgi
*/



/*http://meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss/ */

/* REMOVE PADDING AND MARGIN VALUES */
/*
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img,
blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form,
input, textarea, fieldset, pre
{margin: 0; padding: 0;}
*/

ul, ol, li
{
    margin-left: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */
/*
ul ul, ul ol, ul dir, ul menu, ul dl,
ol ul, ol ol, ol dir, ol menu, ol dl,
dir ul, dir ol, dir dir, dir menu, dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul, dl ol, dl dir, dl menu, dl dl
{margin-top: 0; margin-bottom: 0;}
*/

/* HARMONISE LIST-BULLET TYPE */
ul, dl
{
    list-style-type: disc;
}

ol
{
    list-style-type: decimal;
}


/* * * * * * * * * * * * * * * * * * * * * */
/* ORDERED LIST PUCTUATION                 */
/* * * * * * * * * * * * * * * * * * * * * */

    ol.Bracket
    {
        counter-reset: foo; /* default display:list-item */
        margin: -3px 0px -3px 10px;
        padding: 0px;
        /*border: solid 1px red;*/
    }

    ol.Bracket > li
    {
        counter-increment: foo;
        display: table; /* instead of table-row */
        margin: 3px 0px 3px 0px;
        /*border: solid 1px lime;*/
    }

        ol.Bracket > li::before
        {
            content: counter(foo) ")";
            padding-right: .5em;
            display: table-cell;
        }

/* * * * * * * * * * * * * * * * * * * * * */
/* END OF ORDERED LIST                     */
/* * * * * * * * * * * * * * * * * * * * * */

/* used on hints page, todo - change to list */
.xx
{
    text-indent: -10px;
    padding-left: 30px;
    margin: 0px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* Elements
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

a.LogoLink1:link
{
    color: #0000cd;
    color: #000000;
    text-decoration: none;
    font-size: 24pt; /*font-family: Veranda, Arial, sans-serif;*/
    font-family: Georgia, 'Times New Roman' , Serif; /*font-family: Veranda, 'Arial Rounded MT Bold';*/
    line-height: 100%;
}

a.LogoLink1:visited
{
    color: #0000cd;
    color: #000000;
    text-decoration: none;
    font-size: 24pt; /*font-family: Veranda, Arial, sans-serif;*/
    font-family: Georgia, 'Times New Roman' , Serif; /*font-family: Veranda, 'Arial Rounded MT Bold';*/
    line-height: 100%;
}

a.LogoLink1:hover
{
    color: #0000cd;
    color: #000000;
    text-decoration: none;
    font-size: 24pt; /*font-family: Veranda, Arial, sans-serif;*/
    font-family: Georgia, 'Times New Roman' , Serif; /*font-family: Veranda, 'Arial Rounded MT Bold';*/
    line-height: 100%;
}

.LogoLink2
{
    color: #0000cd;
    color: #000000;
    font-size: 10pt; /*font-family: 'Trebuchet MS';*/
    line-height: 100%;
}

/* 
    background-color: #778899;  LightSlateGray  background-color: #0089af;
    background-color: lightslategray;
    cadetblue;
    color: #778899; 
    background-color: #5e93b0; 778899
*/

*
{
    box-sizing: border-box;
}

html, body, form
{
    /*height: 100%;*/
}

body
{
    color: #3a4b78;
    color: #000060;
    color: #000000;
    margin: 0px 0px 16px 0px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: .8em;
    text-align: left; /* background-color: #8B9FB2; */
    background-color: #ffffff;
}

img
{
    border: none;
}

label
{
    white-space: nowrap;
}

td
{
    vertical-align: top;
    text-align: left;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* Classes
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.AlignLeft
{
    vertical-align: top;
    text-align: left;
    padding: 0px 0px 0px 4px;
}

.AlignRight
{
    width: 30px;
    vertical-align: top;
    text-align: right;
}

.Bookmark {
    display: block;
    position: relative;
    top: -20px;
    height: 0px;
    visibility: hidden;
    pointer-events: none;
}

h1
{
    font-family: Georgia, 'Times New Roman' , Serif;
    font-size: medium;
    font-weight: bold;
    line-height: 130%;
    margin: 5px 0px 5px 0px;
    display: block;
    text-align: left;
    color: #333333;
}

.xButtonStyle
{
    font-family: Verdana, Arial, sans-serif;
    font-size: small;
    font-weight: normal;
    line-height: 100%; /* text-align: center; */
}

.Content
{
    font-family: Verdana, Arial, sans-serif;
    font-size: small;
    font-weight: normal;
    line-height: 130%;
    line-height: 18px;
    text-align: left;
}

.Caption
{
    font-family: Verdana, Arial, sans-serif;
    font-size: small;
    font-weight: normal;
    line-height: 110%; /* text-align: center; */
}

.Counts
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: .9em;
}

.details
{
    font-family: Verdana, Arial, sans-serif;
    font-size: small;
    font-weight: normal;
    line-height: normal; /* color: #000000; */
    color: Black;
}

.DetailsTable
{
    /*width: 580px;*/ /*width: 487px;*/
    width: 100%;
    vertical-align: top;
    font-size: small;
    border: none;
    padding: 1px 2px 1px 2px;
}

.FarmersMarketCoupon
{
    font-family: Arial, Sans-Serif;
    font-size: medium;
    font-weight: normal;
    line-height: normal;
    color: #000000;
}

a.FarmersMarketLink:link
{
    color: #33cc33;
    text-decoration: none;
    font-size: 15pt;
    font-weight: bold;
}

a.FarmersMarketLink:visited
{
    color: #33cc33;
    text-decoration: none;
    font-size: 15pt;
    font-weight: bold;
}

a.FarmersMarketLink:hover
{
    color: #33cc33;
    text-decoration: none;
    font-size: 15pt;
    font-weight: bold;
}

.footer
{
    font-family: Verdana, Arial, sans-serif;
    font-size: x-small;
    font-weight: normal;
    line-height: normal;
    text-align: left; /*    margin-bottom: 10px;  */
    white-space: nowrap;
}

.gotopage
{
    border: 1px solid #005599;
    width: 30px;
    height: 16px;
    padding-left: 3px;
}

.header
{
    color: #000000;
}

.HighLightRow
{
    background-color: #eae9ff;
}

.IntroductionPicture
{
    cursor: pointer;
    width: 600px;
    height: 450px;
    border: solid 1px black;
}

.label-right
{
    /* font-family: Veranda, Arial, sans-serif; */ /* font-size: .9em; */
    font-weight: bold;
    text-align: right;
}

.StaticMenuStyle
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: small;
}

.MLSPicture
{
    cursor: pointer;
    width: 245px;
    /*border: solid medium black;*/
    border: solid 1px silver;
}

.NormalLabel
{
    text-align: left;
    font-weight: normal;
    border: none;
}

.NormalRow
{
}

.NoWrap
{
    white-space: nowrap;
}

.PageHeading
{
    font-family: Georgia, 'Times New Roman' , Serif;
    font-size: medium;
    font-weight: bold;
    margin: 5px 0px 10px 0px;
    text-align: center;
    display: block;
    color: #333333;
}

.PictureTable
{
    padding: 2px 2px 2px 2px;
}

.SearchArea
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 1em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* TreeView
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

div.TreeDiv img
{
    width: 16px;
    height: 16px;
}

/* tree root icon is always included, this shuts it off */
div.ob_d4
{
    display: none;
}

td.ob_t4 img
{
    width: 16px;
    height: 16px;
}

/* for div where treeview is placed */
div.ob_tree
{
    overflow: auto;
    height: 500px;
    width: 100%;
}

/* for node text */
td.ob_t2
{
    text-decoration: underline;
    cursor: pointer;
}

/* for node text highlighted/selected */
td.ob_t3
{
    /*border: 1px solid red;*/
    background-color: #dcdcdc;
    cursor: pointer;
    text-decoration: underline; /*color: #4444ff;*/
}

/* for plus-minus images of the root node* */
td.ob_t8
{
    width: 16px;
    vertical-align: top;
    display: block;
}

/* for tooltip */
div.tooltip
{
    background-color: #ffffff;
    font-weight: bold;
    border: 1px #006699 solid;
    padding: 3px 3px 3px 3px;
    white-space: nowrap;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* Google Earth balloons that are displayed on View or Maps
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.ListingLeftStyle
{
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.ListingLeftStyleWrap
{
    text-align: left;
    vertical-align: top;
    white-space: normal;
}

.ListingRightStyle
{
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    padding-right: 6px;
}

/* strange - on the server, FireFox does not see these stylsheets */
/* on localhost they work fine... */

#xballoon
{
    /*    height: auto;     width: auto;      min-width: 400px; */
    padding: 5px 5px 5px 5px;
    background-color: white;
    border: solid 1px black;
    z-index: 1000;
    position: absolute; /*    top: 100px;      left: 100px; */
    visibility: hidden;
}

#BalloonTable
{
    border: solid 1px #bcbcbc;
}

#BalloonInnerDiv
{
    max-height: 350px;
    min-width: 100px;
    overflow: auto;
}


/* default for balloons - GE does not use classes */
/* for now, airports */
#xGEMAP
{
    font-size: small;
    overflow: auto;
    max-height: 350px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* Not used, throw away
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.BoldHeading
{
    text-align: left;
    font-weight: bold;
    border: none;
    background-color: #eae9ff;
}

.BoldLabel
{
    text-align: left;
    font-weight: normal;
    border: none;
}

.xContent
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 1em;
    text-align: left;
}

.NoWrap
{
    white-space: nowrap;
    padding-right: 10px;
    padding-left: 10px;
}

.xPictureTable td
{
    border: solid thin black;
}

.xSearchArea td
{
    padding: 0px 3px 0px 3px;
}

xxli
{
    display: inline;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* GridView Styles
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*keep firefox from highlighting when mouse is down */
/*http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_21194297.html#a12493664*/

.RowCSS td
{
    white-space: nowrap;
    padding: 3px 6px 3px 6px;
    border-left: solid silver 1px;
    border-right: solid silver 1px;
    -moz-user-focus: ignore;
    -moz-user-input: disabled;
    -moz-user-select: none;
}

.HeaderCSS th
{
    white-space: nowrap;
    padding: 3px 6px 3px 6px;
    border-left: solid #aaaaaa 1px;
    border-right: solid #aaaaaa 1px;
}

/* by making td 100% and a as block, the menu activation is full width!!! */
td.TreeViewNodeStyle
{
    /*width: 100%;*/
    padding: 0px 0px 0px 0px;
    -moz-user-focus: ignore;
    -moz-user-input: disabled;
    -moz-user-select: none;
}

a.TreeViewNodeStyle
{
    display: table-cell;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    -moz-user-focus: ignore;
    -moz-user-input: disabled;
    -moz-user-select: none;
}

.ContextMenu
{
    background-color: #C0C0C0;
    padding: 2px 2px 2px 2px;
    border: outset thin silver;
}

.ContextMenuItem
{
    display: block;
    padding: 1px 15px 2px 15px;
    white-space: nowrap;
}

a.ContextMenuItem:link
{
    color: #000000;
    text-decoration: none;
}

a.ContextMenuItem:visited
{
    color: #000000;
    text-decoration: none;
}

a.ContextMenuItem:hover
{
    color: #ffffff;
    background-color: #000080;
    text-decoration: none;
}

.TreeViewItem
{
    background-color: Transparent;
    width: 100%;
    padding: 0px 5px 2px 5px; /*display: table-cell; */
    -moz-user-focus: ignore;
    -moz-user-input: disabled;
    -moz-user-select: none;
}

.TreeViewSelectedItem
{
    background-color: #CADDFF;
    border: solid 1px silver;
    width: 100%;
    padding: 0px 5px 2px 5px; /*display: table-cell; */
    -moz-user-focus: ignore;
    -moz-user-input: disabled;
    -moz-user-select: none;
}

.SilverBorders td
{
    border: solid 1px silver;
    padding: 2px 4px 2px 4px;
}

.NoWrapx td
{
    white-space: nowrap;
}

.PaddedTable td
{
    border: solid 1px silver;
    padding: 4px 4px 4px 4px;
}

.ColumnHeading > td
{
    background-color: #E0E0E0;
    font-weight: bold;
    vertical-align: bottom;
}


/* * * * * * * * * * */
/* ExcelToKml styles */
/* * * * * * * * * * */

.eLetterRow
{
    text-align: center !important;
    background-color: #C0C0C0 !important;
    border: solid 1px #808080 !important;
    vertical-align: bottom !important;
    padding: 2px 6px 2px 6px !important;
    line-height: 100% !important;
}

.eRowNumber
{
    text-align: center !important;
    background-color: #C0C0C0 !important;
    border: solid 1px #808080 !important;
    vertical-align: bottom !important;
    padding: 2px 3px 2px 3px !important;
    line-height: 100% !important;
}

.ePreHeading
{
    white-space: nowrap;
    padding: 0px 3px 0px 3px;
    border: solid 1px silver;
    background-color: #F5F5DC;
}

.eHeading
{
    white-space: nowrap;
    padding: 0px 3px 0px 3px;
    border: solid 1px silver;
    background-color: #E6E6FA;
}

.eData
{
    white-space: nowrap !important;
    text-align: left !important;
    padding: 2px 3px 2px 3px !important;
    border: solid 1px silver !important;
}

.eDataTest
{
    white-space: normal;
    padding: 0px 3px 0px 3px;
    border: solid 1px silver;
}

.eDataTable
{
    width: 300px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: none;
    white-space: normal;
}

.eDataCell
{
    /*width: 300px;*/ /*would overlap with cells to the right in FF if data had a table in it that was wider than 300px */
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: none;
    white-space: normal;
}

.eDataWarn
{
}

.eDataError
{
}

.eErrorDiv
{
    left: 100px;
    top: 0px;
    position: absolute;
    border: 1px solid #FF00FF;
    border: 1px solid green;
    background-color: #FFFF99;
    padding: 2px 2px 2px 2px;
    z-index: 33;
    visibility: hidden;
}

.eErrorValue:link
{
    text-decoration: none;
}

.eErrorValue:visited
{
    text-decoration: none;
}

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

.eErrorLink:link
{
    color: red;
    text-decoration: none;
}

.eErrorLink:visited
{
    color: red;
    text-decoration: none;
}

.eErrorLink:hover
{
    color: red;
    text-decoration: underline;
}


/* * * * * * * * * * * * * * * * * */
/* Township and Range list styles  */
/* * * * * * * * * * * * * * * * * */

.xRadioButtonList td
{
    border: solid 0px white; /*font-size: small;     line-height: 100%;     height: 20px;*/
    vertical-align: middle;
    padding: 2px;
}

.xRadioButtonList input
{
    width: 15px;
    height: 15px;
    padding: 0px;
    margin: 0px;
}

.xrbl
{
    padding-left: 5px;
    padding-right: 5px;
    border: solid 1px white;
}

.xRadioButtonList div
{
    border: solid 1px #A0A0A0;
    height: 13px;
    width: 13px;
}

.rblWhite
{
    background-color: white;
}

.rblCyan
{
    background-color:  cyan;
}

.rblBlack
{
    background-color: black;
    color: White;
}

.rblBlue
{
    background-color: blue;
    color: White;
}

.rblFuchsia
{
    background-color: fuchsia;
}

.rblGray
{
    background-color: gray;
}

.rblGreen
{
    background-color: green;
    color: White;
}

.rblLime
{
    background-color: lime;
}

.rblMaroon
{
    background-color: maroon;
    color: White;
}

.rblNavy
{
    background-color: navy;
    color: White;
}

.rblOlive
{
    background-color: olive;
}

.rblPurple
{
    background-color: purple;
    color: White;
}

.rblRed
{
    background-color: red;
}

.rblSilver
{
    background-color: silver;
}

.rblTeal
{
    background-color: teal;
}

.rblWhite
{
    background-color: white;
}

.rblYellow
{
    background-color: yellow;
}

#ColorBox
{
    width: 20px; /*height: 20px;*/
    border: solid 1px black;
}

.SliderFrame
{
    width: 119px;
    height: 21px;
    background-color: #BBBBBB;
    border: solid 1px;
    border-color: #DDDDDD #999999 #999999 #DDDDDD;
    float: left;
    z-index: 1;
}

.SliderLine
{
    width: 100px;
    height: 1px;
    border: inset;
    background-color: #333333;
    border: solid 1px;
    border-color: #333333 #999999 #999999 #333333;
    z-index: 2;
    position: relative;
    top: 10px;
    left: 8px; /* position: relative;     z-index: 1;     top: 8px;      left: 8px; */
}

.SliderButton
{
    width: 8px;
    height: 12px;
    background-color: #666666;
    border: solid 2px; /*              top right bottom left */
    border-color: #999999 #333333 #333333 #999999;
    position: relative;
    top: 0px;
    left: 4px;
    z-index: 3; /*    top: -1px;     left: 20px; */
}

.PositionsTable td
{
    font-family: Monospace;
    font-size: small; /*     xborder: none;      xpadding: 0px 3px 6px 3px;     xmargin: 0px;     xline-height: 140%;     */
}

.NoDecoration
{
    color: Black;
    text-decoration: none;
}

.SignInLink
{
    /*color: Black;*/ /*text-decoration: none;*/
    padding: 2px;
    margin: 2px;
}

.SignInLink:hover
{
    background-color: #ffffbb;
}

.SolidTable td
{
    border: 1px solid black;
    padding: 2px;
}

.NumberedList li
{
    margin-left: 10px;
    padding-left: 10px;
    list-style-type: decimal;
    padding-top: 3px;
}

.NumberedTable
{
    xmargin-top: 6px;
    xmargin-left: 10px;
}

.NumberedTable td
{
    xpadding-bottom: 0px;
    border: none;
}

.NumberedTable td:first-child
{
    padding-left: 0px;
    padding-right: 7px;
    text-align: left;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* Menu
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.Menu
{
    margin: 0px;
    padding: 0px;
    border-left: solid 1px silver;
}

.Menu
{
    margin: 0px;
    padding: 0px;
}

.Menu ul
{
    margin: 0px;
    padding: 0px;
}

.Menu ul ul
{
    margin: 0px;
    padding: 0px;
}

.Menu li
{
    list-style-type: none;
    border-bottom: 1px solid silver; /*border-left: 1px solid silver;*/
    display: block;
    margin: 0px;
    padding: 0px;
}

.Menu li a
{
    padding-right: 12px;
    padding-left: 9px;
    display: block;
    line-height: 22px;
    text-decoration: none;
    font-size: 13px;
    color: Black;
    white-space: nowrap;
}
 
.Menu li li
{
    border-bottom: 1px solid silver;
    display: block;
    margin: 0px;
    padding: 0px
}

.Menu li li a
{
    padding-right: 12px;
    padding-left: 25px;
    display: block;
    line-height: 22px;
    text-decoration: none;
    font-size: 11px;
    color: Black;
    /*border-bottom: 1px solid silver;*/ /*border-left: 1px solid silver;*/
    white-space: nowrap;
}

.Menu a:hover
{
    color: White;
    background-color: #6CB0B2;
}

.MenuSelected
{
    color: White;
    background-color: #ABD2D3;
}