.txtTitle   /*標準版*/
{
    border: solid 1px black;
    font-size: 16px;
    background-color: #F0E68C;
}
.txtTitle2  /*待簽核*/
{
    border: solid 1px black;
    font-size: 16px;
    background-color: #D8BFD8;
}
.txtTitle3  /*未完成簽核*/
{
    border: solid 1px black;
    font-size: 16px;
    background-color: #C0C0FF;
}
.txtChangable {
    border:solid 1px black;
    font-size: 12px; 
    background-color: #eaeaff;
}
.txtChangableInt  /*將數字欄位靠右顯示*/
{
    border: solid 1px black;
    font-size: 12px;
    background-color: #eaeaff;
    text-align: right;
}
.txtUnchangable
{
    border: solid 1px black;
    font-size: 12px;
    background-color: #c0c0ff;
}
.ddlChangable 
{
    font-size: 12px;
    background-color: #EAEAFF;
}
.ddlUnchangable 
{
    font-size: 12px;
    background-color: #c0c0ff;
    color: Gray;
}
.cmdHtml
{
    font-size: 12px;
}
.cmdServer
{
    font-size: 12px;
}
.rdoChangable
{
    font-size: 12px;
}
.rdoUnchangable 
{
    font-size: 12px;
}
.SignPanel
{
    border: solid 3px blue; 
    background-color: #C1D3FB;
}

.aspNetDisabled.ImgCalendar {
    height: 16px;
    width: 18px;
    background-image: url('../Images/Calendar2.png');
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
}

.ImgCalendar {
    height: 16px;
    width: 18px;
    background-image: url('../Images/Calendar.png');
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
}

.ShowTable
{
    border: thin solid #000000;
    word-break:keep-all;
    border-collapse:collapse;
}

.ShowTable td, .ShowTable th
{
    border: thin solid #000000;
}

/*標準版*/
.Grid
{
    background-color: #D2B48C;
    font-size: 16px;
}

.GridRow
{
    background-color: #FAFAD2;
}

.GridRow th, .GridRow td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridAlternatingRow
{
    background-color: #EEE8AA;
}

.GridAlternatingRow th, .GridAlternatingRow td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridSelectedRow
{
    background-color: #483D8B;
    color: #F8F8FF;
}

.GridSelectedRow th, .GridSelectedRow td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridHeader
{
    background-color: #D2B48C; 
    font-weight:bold;
    word-break:keep-all;
}

.GridHeader th, .GridHeader td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridPager
{
    background-color: #EEE8AA;
}

.GridPager tr td
{
    border-style: none;
    padding-left: 2px;
    padding-right: 2px;
}

.GridPager table
{
    text-align: center;
    margin:auto;
}

.GridFooter
{
    background-color: #D2B48C;
}

.GridFooter th, .GridFooter td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridFooter .ajax__calendar_container th
{
    padding-left: 0px;
    padding-right: 0px;
    border-style: none;
}
.GridFooter .ajax__calendar_container td
{
    padding-left: 0px;
    padding-right: 0px;
    border-style: none;
}

.GridEmptyDataRow
{
    background-color: #D2B48C;
    word-break:keep-all;
}

.GridEmptyDataRow tr th, .GridEmptyDataRow tr td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
}

/*膚色的header 白底 藍字*/
.Grid2
{
    background-color: #FFAA99;
    font-size: 16px;
}


.GridRow2
{
    background-color: #FFFFFF;
    color: #330099;
}

.GridRow2 th, .GridRow2 td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridAlternatingRow2
{
    background-color: #FFFFFF;
    color: #330099;
}

.GridAlternatingRow2 th, .GridAlternatingRow2 td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridSelectedRow2
{
    background-color: #FFEEFF;
    color: #663399;
}

.GridSelectedRow2 th, .GridSelectedRow2 td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridHeader2
{
    background-color: #FFAA99;
    font-weight: bold;
    word-break: keep-all;
    color: #330099;
}

.GridHeader2 th, .GridHeader2 td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridPager2
{
    background-color: #FFFFFF;
}

.GridPager2 tr td
{
    border-style: none;
    padding-left: 2px;
    padding-right: 2px;
}

.GridPager2 table
{
    text-align: center;
    margin:auto;
}

.GridFooter2
{
    background-color: #FFFFFF;
}

.GridFooter2 th, .GridFooter2 td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridFooter2 .ajax__calendar_container th
{
    padding-left: 0px;
    padding-right: 0px;
    border-style: none;
}
.GridFooter2 .ajax__calendar_container td
{
    padding-left: 0px;
    padding-right: 0px;
    border-style: none;
}

.GridEmptyDataRow2
{
    background-color: #FFAA99;
    word-break: keep-all;
}

.GridEmptyDataRow2 tr th, .GridEmptyDataRow2 tr td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
}


/*藍底藍字header 白底黑字 綠底footer*/
.Grid3
{
    font-size: 16px;
}


.GridRow3
{
    background-color: #FFFFFF;
    color: #003399;
}

.GridRow3 th, .GridRow3 td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridAlternatingRow3
{
    background-color: #EFF3FB;
    color: #003399;
}

.GridAlternatingRow3 th, .GridAlternatingRow3 td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridSelectedRow3
{
    background-color: #009999;
    color: #CCFF99;
}

.GridSelectedRow3 th, .GridSelectedRow3 td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridHeader3
{
    background-color: #507CD1;
    font-weight: bold;
    word-break: keep-all;
    color: #FFFFFF;
}

.GridHeader3 th, .GridHeader3 td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridPager3
{
    background-color: #99CCCC;
}

.GridPager3 tr td
{
    border-style: none;
    padding-left: 2px;
    padding-right: 2px;
}

.GridPager3 table
{
    text-align: center;
    margin:auto;
}

.GridFooter3
{
    background-color: #99CCCC;
}

.GridFooter3 th, .GridFooter3 td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridFooter3 .ajax__calendar_container th
{
    padding-left: 0px;
    padding-right: 0px;
    border-style: none;
}
.GridFooter3 .ajax__calendar_container td
{
    padding-left: 0px;
    padding-right: 0px;
    border-style: none;
}

.GridEmptyDataRow3
{
    background-color: Transparent;
    word-break: keep-all;
}

.GridEmptyDataRow3 tr th, .GridEmptyDataRow3 tr td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
}



/*簽核 紅底白字header 黃底黑字 紅底白字footer*/
.Grid4
{
    font-size: 16px;
}


.GridRow4
{
    background-color: #FFFBD6;
    color: #333333;
}

.GridRow4 th, .GridRow4 td
{
    padding-left: 4px;
    padding-right: 4px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 0px 1px 0px;
}

.GridAlternatingRow4
{
    background-color: #FFFFFF;
    color: #003399;
}

.GridAlternatingRow4 th, .GridAlternatingRow4 td
{
    padding-left: 4px;
    padding-right: 4px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 0px 1px 0px;
}

.GridSelectedRow4
{
    background-color: #FFCC66;
    color: navy;
}

.GridSelectedRow4 th, .GridSelectedRow4 td
{
    padding-left: 4px;
    padding-right: 4px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridHeader4
{
    background-color: #990000;
    font-weight: bold;
    word-break: keep-all;
    color: #FFFFFF;
}

.GridHeader4 th, .GridHeader4 td
{
    padding-left: 4px;
    padding-right: 4px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridPager4
{
    background-color: #FFCC66;
}

.GridPager4 tr td
{
    border-style: none;
    padding-left: 2px;
    padding-right: 2px;
}

.GridPager4 table
{
    text-align: center;
    margin:auto;
}

.GridFooter4
{
    background-color: #990000;
}

.GridFooter4 th, .GridFooter4 td
{
    padding-left: 4px;
    padding-right: 4px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 0px 0px 0px 0px;
}

.GridFooter4 .ajax__calendar_container th
{
    padding-left: 0px;
    padding-right: 0px;
    border-style: none;
}
.GridFooter4 .ajax__calendar_container td
{
    padding-left: 0px;
    padding-right: 0px;
    border-style: none;
}

.GridEmptyDataRow4
{
    background-color: Transparent;
    word-break: keep-all;
}

.GridEmptyDataRow4 tr th, .GridEmptyDataRow4 tr td
{
    padding-left: 4px;
    padding-right: 4px;
    border-color: #ACA899;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
}

/*標準版-小Padding*/
.Grid5
{
    background-color: #D2B48C;
    font-size: 16px;
}

.GridRow5
{
    background-color: #FAFAD2;
}

.GridRow5 th, .GridRow5 td
{
    padding-left: 4px;
    padding-right: 4px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridAlternatingRow5
{
    background-color: #EEE8AA;
}

.GridAlternatingRow5 th, .GridAlternatingRow5 td
{
    padding-left: 4px;
    padding-right: 4px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridSelectedRow5
{
    background-color: #483D8B;
    color: #F8F8FF;
}

.GridSelectedRow5 th, .GridSelectedRow5 td
{
    padding-left: 4px;
    padding-right: 4px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridHeader5
{
    background-color: #D2B48C; 
    font-weight:bold;
    word-break:keep-all;
}

.GridHeader5 th, .GridHeader5 td
{
    padding-left: 4px;
    padding-right: 4px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridPager5
{
    background-color: #EEE8AA;
}

.GridPager5 tr td
{
    border-style: none;
    padding-left: 2px;
    padding-right: 2px;
}

.GridPager5 table
{
    text-align: center;
    margin:auto;
}

.GridFooter5
{
    background-color: #D2B48C;
}

.GridFooter5 th, .GridFooter5 td
{
    padding-left: 4px;
    padding-right: 4px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridFooter5 .ajax__calendar_container th
{
    padding-left: 0px;
    padding-right: 0px;
    border-style: none;
}
.GridFooter5 .ajax__calendar_container td
{
    padding-left: 0px;
    padding-right: 0px;
    border-style: none;
}

.GridEmptyDataRow5
{
    background-color: #D2B48C;
    word-break:keep-all;
}

.GridEmptyDataRow5 tr th, .GridEmptyDataRow5 tr td
{
    padding-left: 4px;
    padding-right: 4px;
    border-color: #ACA899;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
}

/*標準版 首頁面板樣式*/
.Grid6
{
    border-style: inset;
    background-color: #CCCCCC;
    font-size: 16px;
}

.GridRow6
{
    background-color: #EEEEEE;
}

.GridRow6 th, .GridRow6 td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridAlternatingRow6
{
    background-color: #DCDCDC;
}

.GridAlternatingRow6 th, .GridAlternatingRow6 td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridSelectedRow6
{
    background-color: #008A8C;
    color: #F8F8FF;
}

.GridSelectedRow6 th, .GridSelectedRow6 td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridHeader6
{
    background-color: #FFCC66; 
    font-weight:bold;
    word-break:keep-all;
}

.GridHeader6 th, .GridHeader6 td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridPager6
{
    background-color: #999999;
}

.GridPager6 tr td
{
    border-style: none;
    padding-left: 2px;
    padding-right: 2px;
}

.GridPager6 table
{
    text-align: center;
    margin:auto;
}

.GridFooter6
{
    background-color: #CCCCCC;
}

.GridFooter6 th, .GridFooter6 td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: none solid none solid;
    border-width: 1px 1px 1px 1px;
}

.GridFooter6 .ajax__calendar_container th
{
    padding-left: 0px;
    padding-right: 0px;
    border-style: none;
}
.GridFooter6 .ajax__calendar_container td
{
    padding-left: 0px;
    padding-right: 0px;
    border-style: none;
}

.GridEmptyDataRow6
{
    background-color: #CCCCCC;
    word-break:keep-all;
}

.GridEmptyDataRow6 tr th, .GridEmptyDataRow6 tr td
{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ACA899;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
}

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
///////////////////////////////////////////////////////////////////////////////////////// 
// Super Tables v0.30 - MIT Style License
// Copyright (c) 2008 Matt Murphy --- www.matts411.com
//
// Contributors:
// Joe Gallo
///////////////////////////////////////////////////////////////////////////////////////// 
*/
.sBase {
	position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* HEADERS */
.sHeader {
	position: absolute;
	z-index: 3;
	background-color: transparent;
}
.sHeaderInner {
	position: relative;
}
.sHeaderInner table {
	border-spacing: 0px 0px !important;
	border-collapse: collapse !important;
	width: 1px !important;
	table-layout: fixed !important;
	background-color: transparent; /* Here b/c of Opera 9.25 :( */
}

/* HEADERS - FIXED */
.sFHeader {
	position: absolute;
	z-index: 4;
	overflow: hidden;
    
}
.sFHeader table {
	border-spacing: 0px 0px !important;
	border-collapse: collapse !important;
	width: 1px !important;
	table-layout: fixed !important;
	background-color: transparent; /* Here b/c of Opera 9.25 :( */
}

/* BODY */
.sData {
	position: absolute;
	z-index: 2;
	overflow: auto;
	background-color: transparent;
}

.sData table {
	border-spacing: 0px 0px !important;
	border-collapse: collapse !important;
	width: 1px !important;
	table-layout: fixed !important;
}

/* BODY - FIXED */
.sFData {
	position: absolute;
	z-index: 1;
	background-color: transparent;
}
.sFDataInner {
	position: relative;
}
.sFData table {
	border-spacing: 0px 0px !important;
	border-collapse: collapse !important;
	width: 1px !important;	
	table-layout: fixed !important;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

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

.body2
{
    margin-top: 0;
    margin-left: 0;
    background-color: #CAECE2;
}