.HeadColor
{
    background-color: #fff;
    color: #333;
    line-height: 25px;
}
.AlterColor
{
    background-color: #edf1f8;
    line-height: 20px;
}
.NormalColor
{
    background-color: #f7f6f3;
    line-height: 20px;
}
.HoverColor
{
    background: #89A5D1;
    line-height: 20px;
}
.SelectColor
{
    background-color: #ACBFDF;
    line-height: 20px;
}
body
{
    font-size: 12px;
}

.focusField
{
    border: 2px solid #EB00FF; /* background-color: #FBD534;  color: #F84121;  */
    padding: 3px;
}

.OrangeText
{
    border: 1px solid #D4CE39;
    background: #FFFF9D;
    color: #B80C43;
    padding: 3px;
}

.disabledText
{
    border: 1px solid #ABD2FF;
    background: #F2F2F2;
    color: #962F11;
    padding: 3px;
}

table.stats a
{
    text-decoration: none;
    color: #F4357E;
}

table.stats
{
    border-collapse: collapse;
    width: 100%;
}
table.stats td
{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #CCCCCC;
    color: #666699;
    padding: 7px 1px;
    text-align: left;
}
table.stats th
{
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #6678B1;
    text-align: left;
    color: #003399;
}
.divTitle
{
    color: #684329;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 300;
    border-bottom-style: solid;
    border-bottom-width: .2em;
    border-bottom-color: #EDDE81;
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 5px 0 10px;
}
.divPath
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #474348;
    width: 100%;
    margin-bottom: 5px;
    background-color: #F2F2F2;
    padding: 3px;
}
.titleBar
{
    color: #0D4B7A;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 10px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #fcd113;
    padding: 3px;
}
.titleBarGreen
{
    font-weight: 300;
    color: #0D4B7A;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 10px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #c5dbec;
    padding: 3px;
    margin-top: 5px;
}
.titleBarOrange
{
    color: #0D4B7A;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 10px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #cd0a0a;
    padding: 3px;
    margin-top: 5px;
}
.InputTable
{
    border: 1px solid #DDDDDD;
    width: 100%;
    border-collapse: collapse;
    padding: 5px;
    margin: 10px 0;
}
.InputTable td
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #DDDDDD;
    padding: 5px;
}
.InputTdLabel
{
    background-color: #E9F3FC;
    text-align: right;
    color: #2E6E9E;
}
.divMaster
{
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #A6C9E2;
    color: #2E6E9E;
    margin: 3px 0px 3px 0px;
}

.ui-autocomplete
{
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.aTableInput
{
    width: 12%;
    background-color: #F9F9F9;
    color: #0073EA;
    text-align: right;
}
.aTableInputAll
{
    border: 1px solid #70AAD8;
    width: 100%;
    border-collapse: collapse;
}
.aTableInputAll td
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #D0DFDC;
    padding: 3px;
}


.menuItemTable
{
    border: 2px solid #FFBE43;
    width: 100%;
    background-color: #F2F2F2;
    border-collapse: collapse;
    text-align: center;
}
.menuItemTable td
{
    padding: 5px 0px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #FFBE43;
}
.menuItemHr
{
    background-color: #2D3B31;
    color: #FFE9A3;
}

.oddtr
{
    background-color: #FFF;
}
.eventr
{
    background-color: #FFF;
}
.trover
{
    background: #BDC9F2;
}



.transTtitleBar
{
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    border-color: #648991;
    width: 100%;
    background-color: #FFF8C8;
    text-align: right;
    padding: 5px;
}

.transTitle1
{
    border: 1px solid #D97EB0;
    padding: 3px;
    font-weight: bolder;
    margin-bottom: 3px;
}

.transTitle2
{
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #81B6B7;
    color: #3C5178;
    font-weight: bold;
    padding: 3px;
    margin: 10px 0px;
}

.transTitle3
{
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #95976F;
    color: #423c13;
    font-weight: bold;
    padding: 3px;
    margin: 10px 0px;
}

.transTitle4
{
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #FFE90B;
    color: #4176E8;
    font-weight: bold;
    padding: 3px;
    margin: 10px 0px;
}

.aStyle, .aStyle:link, .aStyle:visited
{
    background-color: #DFEFFC;
    border: 1px #C5DBEC solid;
    color: #2E6EBD;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    text-align: left;
    padding: 3px;
}

.aStyle:hover
{
    background-color: #E17009;
    color: #F9FBFB;
}

.aStyle:active
{
    background-color: #1C94C4;
    color: #FFF;
}

.transListViewTable
{
    border-collapse: collapse;
    width: 100%;
}

.transListViewTable td
{
    padding: 3px;
}

.footer
{
    color: #4e5766;
    text-align: center;
    line-height: normal;
}

.page
{
    width: 100%;
    background-color: #F5F4F3;
    margin: 20px auto 0;
    clear: both;
}

.header
{
    background: #D7E2E2;
    width: 100%;
    color: #2E2E2E;
    font-family: 標楷體;
    padding: 3px;
    border-collapse: collapse;
    border-spacing: 0;
}

.header td
{
    padding: 3px;
}

.headerSpan
{
    font-size: 38px;
    margin: 0px 10px;
}

.headerImage
{
    position: fixed;
    top: 10px;
    right: 20px;
}