body
{
    -moz-opacity:0;
    filter:alpha(opacity:0);
    opacity:0;
}
body,form
{
    margin:0px;padding:0px;
}
body,form,div,input,label,select,span,table,textarea
{
    font-family:Verdana;font-size:8pt;
}
a, a:link, a:visited, a:active, a:hover
{
    color:#32549C;
    font-family:Verdana;font-size:8pt;
    text-decoration:underline;
}
#Head
{
    width:100%;height:90px;
    background:url(images/header.jpg);
}
.Title
{
    color:#FFFFFF;padding:0px 16px 0px 16px;
    font-size:22pt;
}
.UI
{
    text-align:right;
    padding:0px 16px 0px 16px;
}
#Body
{
    width:100%;
    vertical-align:top;
}
.Content
{
    width:100%;
}
.ContentCenter
{
    margin:auto;
}
.ContentTD
{
    width:100%;padding:16px;
}
.BtnLarge
{
    background:transparent url(images/btnLarge.gif) no-repeat;
    border:0px;height:22px;min-width:144px;
    color:#000000;cursor:pointer;
    font-weight:bold;
}
.BtnMedium
{
    background:transparent url(images/btnMedium.gif) no-repeat;
    border:0px;height:22px;width:114px;
    color:#000000;cursor:pointer;
    font-weight:bold;
}
.BtnSmall,.BtnSubmit,.BtnCancel
{
    background:transparent url(images/btnSmall.gif) no-repeat;
    border:0px;height:22px;width:81px;
    color:#000000;cursor:pointer;
    font-weight:bold;
}
.BtnSubmit,.BtnCancel
{
    margin:16px 8px 0px 0px;
}
.Btn75
{
    background:transparent url(images/btn75.gif) no-repeat;
    border:0px;height:22px;width:75px;
    color:#000000;cursor:pointer;
    font-weight:bold;
}
 .InputTitleL,  .InputTitleR,  .InputTitleC,
.ReportTitleL, .ReportTitleR, .ReportTitleC
{
    border:solid 1px #32549C;
    background-color:#32549C;color:#FFFFFF;
    padding:8px 16px 8px 16px;
    font-weight:bold;font-size:10pt;
    white-space:nowrap;
}
 .InputTitleL,
.ReportTitleL
{
    text-align:left;
}
 .InputTitleR,
.ReportTitleR
{
    text-align:right;
}
 .InputTitleC,
.ReportTitleC
{
    text-align:center;
}
 .InputTitleSep,
.ReportTitleSep
{
    height:9px;
}
 .InputTable,  .InputCtrls,
.ReportTable, .ReportCtrls
{
    border-collapse:collapse;
}
 .InputTable th,  .InputCtrls tbody th,
.ReportTable th, .ReportCtrls tbody th
{
    border:solid 1px #000000;
    background-color:#DDDDDD;
    text-align:right;vertical-align:top;
    padding:14px 10px 14px 14px;
    white-space:nowrap;
}
 .InputTable td,  .InputCtrls tbody td,
.ReportTable td, .ReportCtrls tbody td
{
    border:solid 1px #000000;
    background-color:#FFFFFF;
    white-space:nowrap;
    padding:10px;
}
 .InputTable div,  .InputTable th div,  .InputTable td div,
 .InputCtrls div,  .InputCtrls th div,  .InputCtrls td div,
.ReportTable div, .ReportTable th div, .ReportTable td div,
.ReportCtrls div, .ReportCtrls th div, .ReportCtrls td div
{
    white-space:nowrap;
}
 .InputSep,
.ReportSep
{
    height:16px;
}
 .InputColSep,
.ReportColSep
{
    width:16px;
}
 .InputRowSep,
.ReportRowSep
{
    height:16px;
}
.InnerTable th, .InnerTable tbody th,
.InnerTable td, .InnerTable tbody td
{
    border:none;padding:0px;
}
.InputFile
{
    border-collapse:collapse;
}
.InputFile thead th
{
    border:solid 1px #32549C;
    background-color:#32549C;color:#FFFFFF;
    padding:8px 16px 8px 16px;text-align:left;
    font-weight:bold;font-size:10pt;
    white-space:nowrap;
}
.InputFile thead td
{
    height:9px;
}
.InputFile tbody th
{
    font-size:10pt;
    font-weight:normal;
    line-height:180%;
    text-align:left;
    white-space:nowrap;
    padding:8px 16px 0px 16px;
    border:solid 1px #000000;
    border-bottom:none;
}
.InputFile tbody td
{
    padding:8px 16px 4px 16px;
    border:solid 1px #000000;
    border-top:none;
    border-bottom:none;
}
.InputFile tfoot td
{
    padding:8px 16px 16px 16px;
    border:solid 1px #000000;
    border-top:none;
}
.CheckList td, .CheckListCenter td,
.RadioList td, .RadioListCenter td
{
    border:0px;padding:0px 12px 0px 0px;
    white-space:nowrap;
}
.CheckListCenter,
.RadioListCenter
{
    margin:auto;
}
.Tab
{
    color:#FFFFFF;
    background-image:url(images/tab.jpg);
    padding:0px 12px 0px 12px;height:36px;
    font-weight:bold;font-size:10pt;text-align:left;
    white-space:nowrap;cursor:pointer;
}
.TabSelect
{
    color:#FFFFFF;
    background-image:url(images/tabSelect.jpg);
    padding:0px 12px 0px 12px;height:36px;
    font-weight:bold;font-size:10pt;text-align:left;
    white-space:nowrap;cursor:pointer;
}
.TabSep
{
    background-color:transparent;padding-left:1px;
}
.TabBar
{
    color:#FFFFFF;
    background-image:url(images/tabBar.jpg);
    font-weight:bold;font-size:10pt;text-align:left;
    width:100%;height:36px;
}
.MenuTop
{
    color:#FFFFFF;
    background-image:url(images/menuTop.jpg);
    padding:8px 16px 8px 16px;white-space:nowrap;
    font-weight:bold;font-size:10pt;text-align:left;
    cursor:pointer;
}
.Menu
{
    color:#FFFFFF;
    background-image:url(images/menu.jpg);
    padding:8px 16px 8px 16px;white-space:nowrap;
    font-weight:bold;font-size:10pt;text-align:left;
    cursor:pointer;
}
.MenuSelect
{
    color:#FFFFFF;
    background-image:url(images/menuSelect.jpg);
    padding:8px 16px 8px 16px;white-space:nowrap;
    font-weight:bold;font-size:10pt;text-align:left;
    cursor:pointer;
}
.MenuSep
{
    background-color:transparent;padding:3px;
}
.NoData
{
    color:Red;font-size:12pt;
    white-space:nowrap;
}
.ErrorETbl
{
    margin:16px 16px 0px 16px;
}
.ErrorHead
{
    height:36px;
    padding:0px 12px 0px 12px;
    color:#FFFFFF;background-color:Red;
    font-weight:bold;font-size:10pt;
    white-space:nowrap;
}
.ErrorCell
{
    padding:8px 16px 16px 16px;
    border:solid 1px #000000;
    border-top:none;
}
.ErrorDMsg
{
    font-size:10pt;
    line-height:180%;
    margin-bottom:10px;
    white-space:nowrap;
}
.ErrorDMsg div
{
    font-size:10pt;
    line-height:180%;
    white-space:nowrap;
}
.SuccessETbl
{
    margin:16px 16px 0px 16px;
}
.SuccessHead
{
    height:36px;
    padding:0px 12px 0px 12px;
    color:#FFFFFF;background-color:Green;
    font-weight:bold;font-size:10pt;
    white-space:nowrap;
}
.SuccessCell
{
    padding:8px 16px 16px 16px;
    border:solid 1px #000000;
    border-top:none;
}
.SuccessDMsg
{
    font-size:10pt;
    line-height:180%;
    margin-bottom:10px;
    white-space:nowrap;
}
.SuccessDMsg div
{
    font-size:10pt;
    line-height:180%;
    white-space:nowrap;
}
.ConfirmETbl
{
    margin:16px 16px 0px 16px;
}
.ConfirmHead
{
    height:36px;
    padding:0px 12px 0px 12px;
    color:#FFFFFF;background-color:#32549C;
    font-weight:bold;font-size:10pt;
    white-space:nowrap;
}
.ConfirmCell
{
    padding:8px 16px 16px 16px;
    border:solid 1px #000000;
    border-top:none;
}
.ConfirmDMsg
{
    font-size:10pt;
    line-height:180%;
    margin-bottom:10px;
    white-space:nowrap;
}
.ConfirmDMsg div
{
    font-size:10pt;
    line-height:180%;
    white-space:nowrap;
}

#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 30px;
    font-size: 17px;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.3s, fadeout 0.3s 2.5s;
    animation: fadein 0.3s, fadeout 0.3s 2.5s;
}

@-webkit-keyframes fadein {
    from {top: 0; opacity: 0;} 
    to {top: 30px; opacity: 1;}
}

@keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {top: 30px; opacity: 1;} 
    to {top: 0; opacity: 0;}
}

@keyframes fadeout {
    from {top: 30px; opacity: 1;}
    to {top: 0; opacity: 0;}
}