html, body, form
{
    box-sizing: border-box;
}

html
{
    height: 100%;
    font-size: 8pt;
    font-family: 'Microsoft Sans Serif';
    /*background-color: #ffffd7;*/
}

body
{
    height: 100%;
    background-attachment: fixed;
    font-size: 8pt;
    font-family: 'Microsoft Sans Serif';
    margin: 0px;
    padding: 0px;
    scrollbar-3dlight-color: #d1d7dc;
    scrollbar-arrow-color: #006699;
    scrollbar-darkshadow-color: #98aab1;
    scrollbar-face-color: #dee3e7;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #dee3e7;
    scrollbar-track-color: #efefef;
    overflow: auto;
    /*border: 1px solid red;*/
}

form
{
    height: 100%;
    padding: 0px;
    margin: 0px;
    font-size: 8pt;
    font-family: 'Microsoft Sans Serif';
    /*border: 1px solid blue;*/
}

/* Remove gap at bottom */
iframe
{
    display: block;
}

td, input, textarea, .text
{
    font-size: 8pt;
    font-family: 'Microsoft Sans Serif';
    box-sizing: border-box;
}

.status
{
    font-weight: bold;
    font-size: 12pt;
    color: red;
    font-family: 'Microsoft Sans Serif';
}

.content
{
    font-size: 10pt;
    font-family: 'Microsoft Sans Serif';
    vertical-align: top;
    width: 100px;
    text-align: right;
}

.headings
{
    font-size: 15pt;
    color: gray;
    white-space: nowrap;
    font-family: 'Microsoft Sans Serif';
}

h1
{
    font-size: 15pt;
    color: gray;
    font-family: 'Microsoft Sans Serif';
}

.redtext
{
    font-weight: bold;
    font-size: 7pt;
    color: red;
    font-family: 'Microsoft Sans Serif';
}

.greentext
{
    font-weight: bold;
    font-size: 7pt;
    color: green;
    font-family: 'Microsoft Sans Serif';
}

.smallblue
{
    font-weight: bold;
    font-size: 8pt;
    color: #0000c0;
    font-family: 'Microsoft Sans Serif';
}

.hide
{
    visibility: hidden;
    display: none;
    height: 1px;
    width: 1px;
    position: absolute;
}

.hidecalendar
{
    visibility: hidden;
    display: none;
    position: absolute;
    z-index: 10000;
    top: 1px;
    left: 1px;
}

.dropdown
{
    height: 19px;
}

.dropdownno
{
    height: 19px;
    border-color: #A9A9A9;
    border-style: solid;
    border-width: 1px;
    z-index: 500;
}

.droptextbox
{
    box-sizing: border-box;
    border-style: none;
    border-width: 0px;
    padding: 2px 2px 2px 3px;
    margin: 0px 0px 0px 0px;
    float: left;
    height: 100%;
    width: -webkit-calc(100% - 17px);
    width: -moz-calc(100% - 17px);
    width: expression((this.parentNode.clientWidth - 17) + 'px');
    width: calc(100% - 17px);
}

.droptextboxno
{
    box-sizing: border-box;
    border-style: none;
    border-width: 0px;
    padding: 2px 2px 2px 3px;
    margin: 0px 0px 0px 0px;
    float: left;
    height: 100%;
    width: -webkit-calc(100% - 17px);
    width: -moz-calc(100% - 17px);
    width: expression((this.parentNode.clientWidth - 17) + 'px');
    width: calc(100% - 17px);
}

.dropimage
{
    float: right;
    border-style: none;
    height: 100%;
    width: 16px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.dropframe
{
    border-width: 1px;
    border-style: solid;
    border-color: #D3D3D3;
    z-index: 10000;
    position: absolute;
    background-color: white;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.TextField
{
    width: 100%;
    height: 19px;
    text-align: right;
    padding: 0px;
    margin: 0px;
}

.TextAreaField
{
    width: 100%;
    height: 19px;
    padding: 0px;
    margin: 0px;
}

.noscroll
{
    overflow: unset;
}

.blurdiv
{
    filter: Alpha(Opacity=50);
    left: 0px;
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: white;
    z-index: 1000;
}

.topdiv
{
    left: 25%;
    position: absolute;
    top: 30%;
    height: 30%;
    width: 50%;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    z-index: 1001;
}

.messagediv
{
    left: 35%;
    position: absolute;
    top: 30%;
    height: 20%;
    width: 30%;
    background-color: #DCDCDC;
    border-width: 2px;
    border-color: #2F4F4F;
    border-style: solid;
    padding: 10px;
    text-align: center;
    z-index: 1001;
}

.messagediv td
{
    padding: 5px 5px 5px 5px;
}

.messagetext
{
    font-weight: bold;
    font-size: 12pt;
    color: black;
    font-family: 'Microsoft Sans Serif';
}

.drag
{
    cursor: pointer;
    margin: 5px 0px 0px 0px;
    overflow: auto;
    z-index: 1;
    max-height: 250px;
}

.DashboardPanel
{
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid white;
    box-sizing: border-box;
}

.DashboardPanelHover
{
    display: block;
    width: 100%;
    height: 100%;
    border: 2px dashed gray;
    box-sizing: border-box;
}

.editstyle
{
    box-sizing: border-box;
    padding: 2px;
    background-color: #F0F8FF;
    border-width: 1px;
    border-color: #1E90FF;
    border-style: solid;
}

.message
{
    background-color: #F0FFF0;
    color: #555555;
    border-width: 2px;
    border-color: #555555;
    border-style: solid;
    padding: 10px;
    text-align: center;
    z-index: 100001;
}

.currencyAmount
{
    text-align: right;
}

.hidepanel
{
    display: none;
}

.showpanel
{
    display: inline;
}

.scrolldiv
{
    overflow: auto;
    height: 80px;
    text-align: left;
    border-width: 1px;
    border-color: #2F4F4F;
    border-style: solid;
}

.bigscrolldiv
{
    overflow: auto;
    height: 150px;
    text-align: left;
    border-width: 1px;
    border-color: #2F4F4F;
    border-style: solid;
}

.cascadediv
{
    left: 22%;
    position: absolute;
    top: 15%;
    width: 56%;
    background-color: #DCDCDC;
    border-width: 2px;
    border-color: #2F4F4F;
    border-style: solid;
    padding: 10px;
    text-align: center;
    z-index: 1001;
}

.smalldiv
{
    left: 22%;
    position: absolute;
    top: 15%;
    height: 120px;
    width: 250px;
    background-color: #DCDCDC;
    border-width: 2px;
    border-color: #2F4F4F;
    border-style: solid;
    padding: 10px;
    text-align: center;
    z-index: 1002;
}

.OverviewItem
{
    /*font-weight: bold;*/
    /*font-size: 7pt;*/
    /*color: #0000c0;*/
    font-size: 14px;
    font-family: 'Calibri';
}

a
{
    text-decoration: none;
}

a:visited
{
    color: green;
}

a:hover
{
    text-decoration: underline;
}

a.events_link
{
    color: #004d8c;
}

table.OuterTable
{
    background-color: #526fb6;
    margin-left: auto;
    margin-right: auto;
}

table.InnerTable
{
    background-color: White;
    color: #333333;
    font-size: 0.8em;
    font-family: Verdana;
    height: 100%;
    width: 100%;
}

.gridRowHeight
{
    height: 20px;
    white-space: nowrap;
}

.cpYearNav, .cpMonthNav
{
    background-color: #C0C0C0;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

.cpDayColumnHeader, .cpYearNav, .cpMonthNav, .cpCurrentMonthDate, .cpCurrentMonthDateDisabled, .cpToday, .cpTodayDisabled, .cpOtherMonthDate, .cpOtherMonthDateDisabled, .cpCurrentDate, .cpCurrentDateDisabled, .cpTodayText, .cpTodayTextDisabled, .cpText
{
    font-family: arial;
    font-size: 8pt;
}

TD.cpDayColumnHeader
{
    text-align: right;
    border: solid thin #C0C0C0;
    border-width: 0px 0px 1px 0px;
}

.cpCurrentMonthDate, .cpToday, .cpOtherMonthDate, .cpCurrentDate
{
    text-align: right;
    text-decoration: none;
}

.cpCurrentMonthDateDisabled, .cpTodayDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled
{
    color: #D0D0D0;
    text-align: right;
    text-decoration: line-through;
}

.cpCurrentMonthDate, .cpToday, .cpCurrentDate
{
    color: #000000;
}

.cpOtherMonthDate
{
    color: #808080;
}

TD.cpCurrentDate
{
    background-color: #C0C0C0;
    border-width: 1px;
    border: solid thin #800000;
}

TD.cpToday
{
    border-width: 1px;
    border: solid thin #C0C0C0;
}

TD.cpToday
{
    border-width: 1px;
    border: solid thin #C0C0C0;
}

TD.cpCurrentDateDisabled
{
    border-width: 1px;
    border: solid thin #FFAAAA;
}

TD.cpTodayText, TD.cpTodayTextDisabled
{
    border: solid thin #C0C0C0;
    border-width: 1px 0px 0px 0px;
}

A.cpTodayText, SPAN.cpTodayTextDisabled
{
    height: 20px;
}

A.cpTodayText
{
    color: black;
}

.cpTodayTextDisabled
{
    color: #D0D0D0;
}

.cpBorder
{
    border: solid thin #808080;
}

.selectedAddress
{
    border: 1px outset lightgrey;
    border-bottom: 1px;
    background-color: white;
}

.unselectedAddress
{
    border: 1px outset lightgrey;
    cursor: pointer;
    background-color: #DCDCDC;
}

.selectorPanel
{
    border-right: dodgerblue 1px solid;
    border-top: dodgerblue 1px solid;
    border-left: dodgerblue 1px solid;
    border-bottom: dodgerblue 1px solid;
    background-color: #f0f8ff;
    margin: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
}

.currencyTextboxNoBorders
{
    border-width: 0px;
    text-align: right;
}

.currencyTdTotal
{
    border-bottom: 3px double #000000;
    border-top: 1px solid #000000;
}

.currencyTdSubTotal
{
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
}

.SelectorTable
{
    border: none;
    padding: 0px 0px 0px 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    display: inline-block;
}

.MrgR10
{
    margin-right: 10px;
}

.dxgvArm > td
{
    width: 30px;
}

.noselect
{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}