.grid {
   width:100%;
}

.subgrid {
   height:100%;
   width:90%;
   overflow:auto;
}

.gridHeader {
   width:100%;
   height: 20px;
   font-size: 100%; font-weight: bold; text-align: left;
   padding-top: 2px;
   padding-bottom: 2px;
   white-space: nowrap;
   background: url(../img/oneRowTdBg.png) 0 0 repeat-x;
   color: #000000;
   border:1px solid #B7CAF6;
}

.gridHeaderTitle {
   padding-left: 10px;
   float: left;
}

.gridHeaderButton {
   padding-right: 10px;
   float: right;
}

.gridFooter {
   width:100%;
   height: 32px;
   background: url(../img/twoRowTdBg.png) 0 0 repeat-x;
   color: #000000;
   padding-top: 2px;   
   border:1px solid #B7CAF6;   
}

.gridFooterIcon
{
   width:300px;
   margin:0 auto;
   display:block;
   font-size:16px;
   height: 30px;
   vertical-align:middle;
}
.gridFooterIcon img
{
    display: inline-block;
    vertical-align:top; /* 如果輸入框前面有 inline-block 組件，則如果不設定此屬性，位置可能會偏移 */
    margin-left:2px;
    margin-right:2px;    
    width:26px;
    height: 30px;
}

.pbox {
   width: 10px;
   height: 30px;
   font-size:14px;   
}

.selected_total{
   font-size:80%;
   font-weight:bold;
   margin-left:20px;
   margin-right:10px;
}
.paging{
   font-size:14px;
   font-weight:bold;
}

.pagebox
{
    display:inline-block;
    font-size:14px;
    width:40px;
    height: 24px;
}
.gridTickIcon{
   background: url(../img/selected.gif) no-repeat;
   
}

.gridFooterInfo{
   padding-right: 10px;
   float: right;
}

.gridcols{
   padding-right:5px;
   padding-left:5px;
   border:1px solid #B7CAF6;
}

.gridBody {
   border-left:1px solid #B7CAF6;
   border-right:1px solid #B7CAF6;
   width:100%;
   overflow-x:auto;
}

.gridBodycols{
}

.gridBodyrows{
}


.rowElement {
   display:block;
   white-space:nowrap;
   overflow:hidden;
}


table.gridstyle {
   padding:0px;
   margin:0px;
   border-collapse:collapse;
   width:100%;
}

table.gridstyle thead tr{
   background-color: #bfbfbf; 
}

table.gridstyle tr {
   background-color: #f7f7f7; 
}

table.gridstyle tr.alt{
   background-color: #fdedff; 
}

table.gridstyle tr.clicked{
   background-color: #F8F7CB; 
}


table.gridstyle td  
{
   padding:0px 2px 0px 2px;   
   margin:0px;
   border-left: 1px solid #fff;
   border-bottom: 1px solid #fff;
   font-size: 15px;
   text-align: left;
   overflow: hidden;
   color: #666666;
   height:30px;
   vertical-align:middle;
}
table.gridstyle td.NumTextAlign	 
{
    text-align:right;
}
table.gridstyle tr.gridhead td
{
    background-color:#bfbfbf;
}
table.gridstyle td
{
    background-color:#ffd0c4;
}
table.gridstyle tr.alt td
{
    background-color:#fff;
}
table.gridstyle thead td  {
   font-weight:bold;
   vertical-align:middle;
   text-align:center;
   height: 30px;
   font-size:16px;
}
table.gridstyle td.cs_delLink
{
    text-align:center;    
    width:32px;
}
table.gridstyle td.cs_delLink span.delSpanLink
{
    cursor: pointer;
    margin:0 auto;
    display:block;
    height:30px;
    width:30px;
    background: url(../img/rowdelete.png) no-repeat;
}
table.gridstyle td.cs_editLink
{
    text-align:center;    
    width:32px;
}
table.gridstyle td.cs_editLink span.editSpanLink
{
    cursor: pointer;
    margin:0 auto;
    display:block;
    width:30px;
    height:30px;
    background: url(../img/rowedit.png) no-repeat;
}    
table.gridstyle td.cs_editM0061_Link span.editM0061SpanLink
{
    cursor: pointer;
    margin:0 auto;
    display:block;
    width:30px;
    height:30px;
    background: url(../img/icon_cust.png) no-repeat;
}    

table.gridstyle td span.boolChecked
{
    margin:0 auto;
    display:block;
    height:20px;
    width:20px;
    background: url(../img/checked.gif) no-repeat;
}
table.gridstyle td span.boolUnChecked
{
    margin:0 auto;
    display:block;
    height:20px;
    width:20px;
    background: url(../img/unchecked.gif) no-repeat;
}
.headerText {
   cursor: pointer;
   width: 100%;
   display: block;
   overflow: hidden;
   float:left;
   white-space: nowrap;
   overflow: hidden;
}

.cbox {
	height: 10px;
	width: 10px;
}



.gridRowOption{
   font-size:8pt;
}
#BtmSpaceWidth
{
    width:400px;
    display:inline-block;
}
table.fixWidth{
    table-layout:fixed;
    width:100%;
}