body
{
    color: #706ab7;
    font-family: Arial;
    font-size: small;
    background-color: #dae9fd;
}

img {border-style: none;}

.PageTitle
{
    font-weight: bold;
    font-size: 1.0em;
    font-family: Verdana, 'Times New Roman';
}

.buttons
{
    padding-right: 10px;
    padding-left: 10px;
    font-weight: bold;
    vertical-align: middle;
    color: #ffffff;
    height: 25px;
    text-align: center;
}

.ViewTitle
{
    font-weight: bold;
    font-size: 0.9em;
    font-family: Verdana, 'Times New Roman';
}

.SearchPanel
{
    border-right: #8db2e3 1px solid;
    border-top: #8db2e3 1px solid;
    border-left: #8db2e3 1px solid;
    border-bottom: #8db2e3 1px solid;
}

.SearchTable
{
    background-color: #cfdff0;
    color: #000000;
    border-right: #8db2e3 1px solid;
    border-top: #8db2e3 1px solid;
    border-left: #8db2e3 1px solid;
    border-bottom: #8db2e3 1px solid;
}

.updateprogress
{
}

.CssAdPane
{
    background-position: center center;
    background-image: url(images/loading2.gif);
    background-repeat: no-repeat;
    width: 600px;
    height: 200px;
}

.CssAdPane IMG
{
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.FreezePaneOff
{
    visibility: hidden;
    display: none;
    position: absolute;
    top: -100px;
    left: -100px;
}

.FreezePaneOn
{
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    display: block;
    width: 98%;
    height: 98%;
    z-index: 999;
    text-align: center;
    background-color: #0074d3;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    padding-top: 25%;
}

.InnerFreezePane
{
    text-align: center;
    width: 30%;
    background-color: #99ccff;
    color: #3333cc;
    font-size: large;
    padding: 9px;
}


.ToolButton
{
    border-right: #96bad5 thin solid;
    border-top: #96bad5 thin solid;
    border-left: #96bad5 thin solid;
    border-bottom: #96bad5 thin solid;
    background-color: #ece9d8;
    background-image: url(images/ButtonBG.gif);
    text-align: center;
    vertical-align: middle;
    padding-right: 5px;
    padding-left: 5px;
    margin: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    overflow: visible;
    font-weight: bold;
    width: auto;
    cursor: pointer;
    display: inline-block;
}

.ToolButton:hover
{
    background-color: #ecddd8;
    background-image: url(images/ButtonHoverBG.gif);
    border-right: #333399 thin solid;
    border-top: #333399 thin solid;
    border-left: #333399 thin solid;
    border-bottom: #333399 thin solid;
}

A.ToolButton:link
{
    color: #16419E;
    font-weight: bold;
}

A.ToolButton IMG
{
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

A.ToolButton:visited
{
    color: #16419E;
    font-weight: bold;
}

/*
A.ToolButton:hover
{
    background-color: #ecddd8;
    background-image: url(images/ButtonHoverBG.gif);
    border-right: #ffcc00 thin solid;
    border-top: #ffcc00 thin solid;
    border-left: #ffcc00 thin solid;
    border-bottom: #ffcc00 thin solid;
}
*/

img.ImageButton:hover
{
    border-right: #00cccc thin solid;
    border-top: #00cccc thin solid;
    border-left: #00cccc thin solid;
    border-bottom: #00cccc thin solid;
}

.LinkButton
{
    font-weight: bold;
    font-family: Arial;
    cursor: pointer;
    text-decoration: underline;
}
.LinkButton:hover
{
    color: #3366FF;
}

.ButtonToolBar
{
    width: 98%;
    background-image: url(images/ToolBarBG.gif);
    background-repeat: repeat-x;
    border-right: #8db2e3 1px solid;
    border-top: #8db2e3 1px solid;
    border-left: #8db2e3 1px solid;
    border-bottom: #8db2e3 1px solid;
}


.SubTabSelected
{
    background-color: #ffffff;
    color: #000000;
    display: inline-block;
    border-right: #8dbce3 1px solid;
    border-top: #8dbce3 1px solid;
    border-left: #8dbce3 1px solid;
    border-bottom: #ffffff 2px solid;
    text-align: center;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 2px;
    position: relative;
    top: 1px;
}

.SubTabUnselected
{
    background-color: #004ae9;
    color: #ffffff;
    display: inline-block;
    border-right: #8dbce3 1px solid;
    border-top: #8dbce3 1px solid;
    border-left: #8dbce3 1px solid;
    border-bottom: #004ae9 1px solid;
    text-align: center;
    cursor: pointer;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 2px;
}

.TabStrip
{
    width: 98%;
    border-bottom: #8dbce3 1px solid;
}

.MainTabSelected
{
    background-color: #ebf1ff;
    color: #00228d;
    display: inline-block;
    width: 100px;
    border-right: #8dbce3 1px solid;
    border-top: #8dbce3 1px solid;
    border-left: #8dbce3 1px solid;
    border-bottom: #ebf1ff 2px solid;
    text-align: center;
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
    top: 1px;
}

.MainTabUnselected
{
    background-color: #00228d;
    color: #ffffff;
    display: inline-block;
    width: 100px;
    border-right: #8dbce3 1px solid;
    border-top: #8dbce3 1px solid;
    border-left: #8dbce3 1px solid;
    border-bottom: #00228d 1px solid;
    text-align: center;
    cursor: pointer;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 2px;
}

.MainTabPanel
{
    background-color: #ebf1ff;
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 98%;
    line-height: 1.8em;
}

.SubTabPanel
{
    border-right: #919b9c 1px solid;
    border-left: #919b9c 1px solid;
    border-bottom: #919b9c 1px solid;
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 98%;
    display: none;
}

.SubSubTabPanel
{
    border: 1px solid #C0C0C0;
    background-color: #ffffff;
    padding: 10px 10px 10px 10px;
    margin-top: -1px;
}

.AddNewPanel
{
    background-color: #afeeee;
    width: 98%;
}

.RecListSelection
{
}

.ErrorMessage
{
    font-weight: bold;
    font-size: 1em;
    color: red;
    background-color: #ffff00;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 98%;
    border-style: none;
    border-width: 0px;
}

.CssCaption
{
    font-weight: bold;
    color: #0054e3;
    margin-left: 3px;
}

.CssReadOnly
{
    font-size: small;
    border: 1px solid #C0C0C0;
    margin-left: 3px;
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #FFFFFF;
    line-height: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #333333;
}

html body form .radInput_Default .CssReadOnly
{
    background-color: #FFFFFF;
}

.CssHeading
{
    margin-left: 3px;
    font-size: small;
}
.CssInEdit
{
    border: 1px solid #808080;
    margin-left: 3px;
    background-color: #ffffcc !important;
    font-size: small;
}
.CssFocus
{
    border: 1px solid #666666;
    margin-left: 3px;
    background-color: #FFFF99;
    font-size: small;
}

html body form .RadInput_Default .CssInEdit
{
    background-color: #ffffcc;
}
div.CssInEdit .rcbInputCell INPUT.rcbInput
{
    background-color: #ffffcc;
}
div.RadComboBox
{
    border-style: none;
    border-width: 0px;
}
.rcInputCell .RadInput_Default .CssInEdit, div.RadComboBox .CssInEdit .rcbInputCell .rcbInput
{
    background-color: #ffffcc;
}
/* disabled because textbox does not support in-fouce style*/

html body form .RadInput_Default .CssFocus
{
    background-color: #FFFF99;
}

.rcInputCell .RadInput_Default .CssFocus
{
    background-color: #FFFF99;
}

div.CssFocus .rcbInputCell INPUT.rcbInput
{
    background-color: #FFFF99;
    padding-right: 12px;
    margin-right: 10px;
}


.CssSearchCriteria
{
    background-color: #ffffff;
}

.CssEnabled
{
}

.CssDisabled
{
    font-weight: bold;
    color: white;
    background-color: black;
}

.CssAttention
{
    font-weight: bold;
    color: #fffacd;
    background-color: #ff6633;
}

.CssOK
{
    font-weight: bold;
    color: #009900;
    background-color: transparent;
}

.StatusPanel
{
    background-color: #ffff66;
}

.SubtleTable
{
    background-color: #87ceeb;
}

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeader a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/*Main Menu*/

.MainMenuL1
{
    background-image: url(images/MenuL1BG.gif);
    background-repeat: repeat-x;
}

.MainMenuL1Item
{
    font-weight: normal;
    font-size: small;
    font-family: Tahoma, Arial;
    color: #FFFFFF;
    cursor: pointer;
}

.MainMenuL2
{
    border-right: #002479 1px solid;
    border-top: #0035b1 1px solid;
    border-left: #0035b1 1px solid;
    border-bottom: #002479 1px solid;
}

.MainMenuL2Item
{
    background-color: #0035b1;
    font-weight: normal;
    font-size: small;
    font-family: Tahoma, Arial;
    color: #ffffff;
}

.MainMenuL3
{
    border-right: #a2bed5 1px solid;
    border-top: #a2bed5 1px solid;
    border-left: #a2bed5 1px solid;
    border-bottom: #a2bed5 1px solid;
}

.MainMenuL3Item
{
    background-color: #0035b1;
    font-weight: normal;
    font-size: small;
    font-family: Tahoma, Arial;
    color: #ffffff;
}

.MainMenuItemHover
{
    background-color: #467dff;
    color: #ffffff;
}

.TitleBar
{
    font-weight: bold;
    font-size: small;
    font-family: Tahoma, Arial;
    color: #776ab8;
    display: inline-block;
    width: 100%;
}

.CollapsePanelHeader
{
    width: 98%;
    background-color: #87ceeb;
    padding-bottom: 2px;
    padding-top: 2px;
    vertical-align: middle;
}

.SearchValuesPanel
{
    width: 98%;
    border-color: #87ceeb;
    border-style: solid;
    border-width: 1px;
    background-color: #ccd6dd;
    color: #000000;
    display: none;
}

.SearchButton
{
    width: 40px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
}

.SearchButtonCollapsed {
    background: url('../Default/images/Expand2.gif') center no-repeat;
}

.SearchButtonExpanded {
    background: url('../Default/images/collapse2.gif') center no-repeat;
}

div.SearchValuesPanel table tr td:first-child { text-align:right }

.PricePanel
{
    width: 98%;
    border-color: #87ceeb;
    border-style: solid;
    border-width: 1px;
    background-color: #d6e4ed;
    color: #000000;
}

.PopupMenu
{
    color: #3366cc;
    background-color: #99ddff;
    position: absolute;
    visibility: hidden;
    border-right: #3399ff 1px outset;
    border-top: #3399ff 1px outset;
    border-left: #3399ff 1px outset;
    border-bottom: #3399ff 1px outset;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
}

.ModalPopup
{
    background-color: #eef4ff;
    padding: 20px;
    width: 400px;
    border-right: midnightblue 3px solid;
    border-top: midnightblue 3px solid;
    border-left: midnightblue 3px solid;
    border-bottom: midnightblue 3px solid;
    text-align: center;
    vertical-align: middle;
    color: #003366;
}

.modalBackground
{
    background-color: silver;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.LogoutButton
{
    background-color: #D60008;
    color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
}

.LogoutButton:hover
{
    color: #ffcc33;
}

.dynamicPopulate_Updating
{
    background-image: url(images/loading.gif);
    background-repeat: no-repeat;
    border: silver 1px inset;
    text-align: center;
    padding: 2px;
    height: 2em;
    margin: 5px;
    width: 200px;
}

.Calendar .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: #fffacd;
    color: #0033ff;
}
.Calendar .ajax__calendar_other .ajax__calendar_day, .Calendar .ajax__calendar_other .ajax__calendar_year
{
    color: black;
}
.Calendar .ajax__calendar_hover .ajax__calendar_day, .Calendar .ajax__calendar_hover .ajax__calendar_month, .Calendar .ajax__calendar_hover .ajax__calendar_year
{
    color: black;
}
.Calendar .ajax__calendar_active .ajax__calendar_day, .Calendar .ajax__calendar_active .ajax__calendar_month, .Calendar .ajax__calendar_active .ajax__calendar_year
{
    color: black;
    font-weight: bold;
}

.DropButtonPanel
{
    border-right: lightsteelblue 3px ridge;
    border-top: lightsteelblue 1px ridge;
    border-left: lightsteelblue 1px ridge;
    border-bottom: lightsteelblue 3px ridge;
    background-color: white;
    margin-top: 3px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.cssContentGrid
{
}

.cssContentGrid td
{
    vertical-align: top;
}

.FormTable tr td:first-child {
    text-align: right;
    vertical-align: top;
}

.tdcaption
{
    text-align: right;
    vertical-align: top;
}

.CssSerialNum
{
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #33CC33;
}

.CssWithoutAlert
{
    border: 1px solid #000000;
    background-color: #FFFFFF;
}

.CssWithAlert
{
    border: 1px solid #000000;
    background-color: #FF6600;
    color: #FFFFCC;
    text-decoration: blink;
}

.CssWithAlert a
{
    color: #FFFFCC;
}

.statuson
{
    background-position: 0px -1px;
    background-image: url(images/onoff.gif);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
}
.statusoff
{
    background-position: 0px -15px;
    background-image: url(images/onoff.gif);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
}
.tabPanel
{
    border-right: #919b9c 1px solid;
    border-left: #919b9c 1px solid;
    border-bottom: #919b9c 1px solid;
    background-color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 98%;
}

.RadGrid_Default .rgSelectedRow a
{
    color: Black !important;
}

.RadGrid_Default input[type="checkbox"], .RadGrid_Default input[type="image"] 
{
    border-style: none !important;
    background-color:transparent !important;
}
/*
.rgHeader div
    {
        display: none !important; hide grid popup control bar 
    }*/
.required
{
    font-weight: bold;
    color: #FF0000;
}

div.caption
{
    text-align: right;
    display: inline-block;
    padding-right: 10px;
    vertical-align: top;
}
.cellCenter
{
    display:table-cell; vertical-align:top;
}

.cancelledLine
{
    background-color:#bdbbb7;
}
.ButtonDisabled { opacity:0.3; }

.left { float:left; }