﻿body, th, td, input, button, label, textarea
{
    font-family: "Verdana";
    font-size: 13px;
}

textarea, select
{
    border: 1px solid #999999;
}

button
{
    background-color: #CCCCCC;
}

.RadioButtonList input
{
    border: 0px;
}

/* 表單最外層 Table 使用 */
.table_Form
{
    border: 0px solid;
    width: 100%;
    height: 100%; /*table-layout:fixed;*/
}

.TableFixed
{
    width: 100%;
    height: 100%;
    table-layout: fixed;
}

.toolbar
{
    margin: 0;
    padding: 0;
    border-bottom-style: inset;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    margin-bottom: 1px;
    background-color: white;
}

.toolbar li
{
    float: left;
    list-style: none;
}

.toolbar li a /* 按鈕 */
{
    display: block;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #F1F1E4;
}

.toolbar li a img /* 按鈕圖示 */
{
    margin-top: 4px;
}

/*	.toolbar li a:hover /* 按鈕 mouseover */
/*	{	border: 1px solid #0066FF;}       */

.toolbar li ul /* 按鈕的下拉選單 */
{
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    border: 1px solid #5970B2;
}

.toolbar li ul li /* 按鈕的下拉選單項目 */
{
    float: none;
    display: inline;
}

.toolbar li ul li a
{
    background-position: #FFFFFF;
    width: auto;
    padding: 3px 12px;
    background: #FFFFFF;
    color: #2875DE;
    text-align: left;
}

.toolbar li ul li a:hover
{
    background: #49A3FF;
    color: #FFF;
}


/* TBGridView 控制項樣式 */

.GridViewPanel
{
    background-color: #CCCCCC;
}

.gridview
{
}

.gridview th /* 表頭儲存格 */
{
    white-space: nowrap;
    font-weight: normal;
    background-image: url('GridViewHeaderbg_Blue.gif');
}

.gridviewedit th /* 表頭儲存格 */
{
    white-space: nowrap;
    font-weight: normal;
    background-image: url('GridViewHeaderbg_Brown.gif');
}

/*
.girdview .toolbarrow td
{
    padding: 3px;
}

.gridview .gvtoolbar
{
}

.gridview .gvtoolbar input
{
    margin-right: 4px;
}
*/

.textbox
{
    border: 1px solid #999999;
    height: 20px;
}

.readonly
{
    border: 1px solid #999999;
    height: 20px;
    background-color: #FEFEF5;
}

.gvtoolbar
{
    margin: 0;
    padding: 0;
    border-bottom-style: inset;
    border-bottom-width: 0px;
    border-bottom-color: #999999;
    margin-bottom: 0px;
    background-color: #FFFFFF;
    height: 22px;
}

.gvtoolbar li
{
    float: left;
    list-style: none;
}

.gvtoolbar li a /* 按鈕 */
{
    display: block;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
}

.gvtoolbar li a img /* 按鈕圖示 */
{
    margin-top: 3px;
    margin-left: 4px;
}

.gvtoolbar li a:hover /* 按鈕 mouseover */
{
}

.gvtoolbar li ul /* 按鈕的下拉選單 */
{
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    border: 1px solid #5970B2;
}

.gvtoolbar li ul li /* 按鈕的下拉選單項目 */
{
    float: none;
    display: inline;
}

.gvtoolbar li ul li a
{
    background-position: #FFFFFF;
    width: auto;
    padding: 3px 12px;
    background: #FFFFFF;
    color: #2875DE;
    text-align: left;
}

.gvtoolbar li ul li a:hover
{
    background: #49A3FF;
    color: #FFF;
}


/* TBTabControl 控制項樣式 */
.tabsI
{
    float: left;
    width: 100%;
    background: #EFF4FA;
    font-size: 93%;
    line-height: normal;
    border-bottom: 1px solid #DD740B;
}
.tabsI ul
{
    margin: 0;
    padding: 10px 10px 0 10px;
    list-style: none;
}
.tabsI li
{
    display: inline;
    margin: 0;
    padding: 0;
}
.tabsI a
{
    float: left;
    background: url("tableftI.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}
.tabsI a span
{
    float: left;
    display: block;
    background: url("tabrightI.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabsI a span
{
    float: none;
}
/* End IE5-Mac hack */
.tabsI a:hover span
{
    color: #FFF;
}
.tabsI a:hover
{
    background-position: 0% -42px;
}
.tabsI a:hover span
{
    background-position: 100% -42px;
}

.tabsI .current a
{
    background-position: 0% -42px;
}
.tabsI .current a span
{
    background-position: 100% -42px;
}

/* TBTabControl 控制項樣式 */
/*- Menu Tabs J--------------------------- */

.tabsJ
{
    float: left;
    width: 100%;
    background: #F4F4F4;
    font-size: 93%;
    line-height: normal;
    border-bottom: 1px solid #24618E;
}
.tabsJ ul
{
    margin: 0;
    padding: 10px 10px 0 10px;
    list-style: none;
}
.tabsJ li
{
    display: inline;
    margin: 0;
    padding: 0;
}
.tabsJ a
{
    float: left;
    background: url("tableftJ.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}
.tabsJ a span
{
    float: left;
    display: block;
    background: url("tabrightJ.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: #24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabsJ a span
{
    float: none;
}
/* End IE5-Mac hack */
.tabsJ a:hover span
{
    color: #FFF;
}
.tabsJ a:hover
{
    background-position: 0% -42px;
}
.tabsJ a:hover span
{
    background-position: 100% -42px;
}

.tabsJ .current a
{
    background-position: 0% -42px;
}
.tabsJ .current a span
{
    background-position: 100% -42px;
    color: #FFF;
}

/* TBEditButton 控制項樣式 */
.editbutton
{
    border: 0px solid #999999;
    height: 20px;
}
.editbutton table
{
    width: 100%;
    height: 20px;
}
.editbutton .edit
{
    padding-right: 1px;
}
.editbutton input
{
    height: 20px;
    border: 1px solid #999999;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}

.editbutton .buttoncell
{
    width: 20px;
}

.editbutton .button
{
    width: 22px;
    height: 20px;
    cursor: pointer;
    border: 1px solid #999999;
    background-color: #CCCCCC;
    font-size: 8pt;
    text-align: center;
    vertical-align: middle;
}

/* TBDropDownButton 控制項樣式(下拉清單+按鈕)  */
.dropdownbutton
{
    border: 0px solid #999999;
    height: 20px;
}
.dropdownbutton table
{
    margin: 0px;
    width: 100%;
    height: 20px;
}
.dropdownbutton .edit
{
    padding-right: 1px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.dropdownbutton select
{
    width: 100%;
    border: 1px solid #999999;
}
/*
.dropdownbutton input
{
    height: 20px;
    border: 0px solid #999999;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}
*/

.dropdownbutton .buttoncell
{
    width: 22px;
}

.dropdownbutton .button
{
    width: 22px;
    height: 20px;
    cursor: pointer;
    border: 1px solid #999999;
    background-color: #CCCCCC;
    font-size: 8pt;
    text-align: center;
    vertical-align: middle;
}

/* TBComboBox 控制項樣式 */
.DropDown_Div
{
    padding: 0px 15px 0px 0px;
    margin: 0px;
    background: #FFFFFF;
    background-image: url(images/bt_Down.gif);
    background-position: right center;
    background-repeat: no-repeat;
    border: #999999 1px solid;
    height: 20px;
}

.DropDown_Textbox
{
    margin: 0px;
    border: 0px solid #999999;
    background: #FFFFFF;
    height: 16px;
}

.DropDownList_Box
{
    background-color: #ffffff;
    border: #999999 1px solid;
    position: absolute;
    z-index: 200;
}

.DropDownList_Box select
{
    margin: -3;
    border: none;
    width: 100%;
}

.GridViewScrollHeader TH, .GridViewScrollHeader TD {
    /*padding: 10px;*/
    font-weight: normal;
    white-space: nowrap;
    border-right: 1px solid #e6e6e6;
    /*border-bottom: 1px solid #e6e6e6;*/
    background-color: #F4F4F4;
    background-image: url('GridViewHeaderbg_Blue.gif');
    color: #999999;
    text-align: left;
    vertical-align: bottom;
}

.GridViewScrollItem TD {
    /*padding: 10px;*/
    white-space: nowrap;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #FFFFFF;
    color: #444444;
}

.GridViewScrollItem2 TD {
    /*padding: 10px;*/
    white-space: nowrap;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #99CCFF;
    color: #444444;
}

.GridViewScrollItemFreeze TD {
    /*padding: 10px;*/
    white-space: nowrap;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #FAFAFA;
    color: #444444;
}

.GridViewScrollFooterFreeze TD {
    /*padding: 10px;*/
    white-space: nowrap;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #F4F4F4;
    color: #444444;
}