/*Common*/
* { font-family:Arial; }
html { height: 100%; margin: 0; padding: 0; }
body { margin: 0; font-size: 12px; background: #bfbfbf; color: #343434; height: 100%; }
table { font-size: 12px; border-spacing: 0;border-collapse:separate; }
td { text-align: left; padding-right: 2px; margin: 0; }
form { padding: 20px; }
iframe { background: #bfbfbf; }
img{border-style: none;
    border-color: inherit;
    border-width: 0;
    text-align: center;
}
.input { width: 150px; border: 1px solid #8899aa; background: #def; height: 16px; }
.input:hover, .input:focus { border: 1px solid #607080; background: #fff; }
textarea { height: 100px; width: 100%; border: 1px solid #8899aa; background: #def; margin: -2px; }
textarea:hover, textarea:focus { border-color: #607080; background: #fff; }
select { border: 1px solid #8899aa; font-family:Arial; line-height: 20px; background: #def;
    }
select:hover, select:focus { border: 1px solid #607080; }
a { text-decoration: none; font-size: 12px; color: #4d4b4b; }
a:hover { color: #2b2b2b; }
.button { border: 1px outset #ccc; background: #708090; color: #bfbfbf; padding: 2px 10px; display: inline-block; cursor: pointer;
    margin-bottom: 0px;
}
.button:hover { border: 1px ridge #ccc; color: #dfdfdf; }
.button:active { border: 1px inset #ccc; color: #dfdfdf; }

.Expanded { padding-left: 20px; background: url('/Image/Collapse.gif'); background-position: 5px 9px; cursor: pointer; background-repeat: no-repeat; }
.Collapsed { padding-left: 20px; background: url('/Image/Expand.gif'); background-position: 5px 9px; cursor: pointer; background-repeat: no-repeat; }

.w_100 { width: 100% !important; }
.width200 { width: 200px !important; }
.width100 { width: 100px !important; }
.width600 { width: 600px !important; }
.width400 { width: 400px !important; }
.width250 { width: 250px !important; }
.width106 { width: 106px !important; }
.width154 { width: 154px !important; }
.width700{width:700px !important;}
.h300{height: 300px !important;}
.h100 { height: 100px !important; }
.h50 { height: 50px !important; }
.h25 { height: 25px !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.top { vertical-align: top !important; }
.lowwer { font-size: 8px !important; }
.tdelete { text-decoration: line-through !important; }
.underline { border-bottom: 1px solid #ccc !important; }
.hide { display: none !important; }
.title { font-size: 16px; font-family: Arial; font-weight: bold; text-align: center; }

.bgCCC { background: #ccc !important; }
.bgWhite { background: white !important; }
.bgff9{background-color:#ffff99!important;}
.bgcbcbad{background-color:#cbcbad!important;}

.inlineblock { display: inline-block !important; }
.bold { font-weight: bold !important; }
.red{color:Red!important;}
.gray { color: Gray !important; }
.blue{color:Blue!important;}
.print { border-collapse: collapse !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; }

.block { display: block; line-height: 22px; padding-left: 5px; }
.lblblock{border:1px solid black;display:inline-block;margin-right:5px;padding:5px;}
.lbltitle { font-size: 12px; font-family: Arial; text-align: right; }
.header { border-bottom: 1px solid #ccc; font-weight: bold; }
.checkBox { font-family:Arial; color: #AAA; }

/*Login Dialog*/
.innerDialogBox { background: #d6d6d6; border: 1px outset #fff; text-align: left; position: absolute; top: 45%; left: 50%; height: 200px; width: 400px; margin: -100px 0 0 -200px; box-shadow: 5px 5px 5px #777; -moz-box-shadow: 5px 5px 5px #777; -webkit-box-shadow: 5px 5px 5px #777; overflow: hidden; }
.innerDialogTitle { background: #d6d6d6; padding: 6px; }
.innerDialogTitleLabel { font-size: 14px; color: #343434; font-weight: bold; display: inline-block; }
.innerDialogInnerBox { margin: 3px; margin-top: 0; padding: 30px; border: 1px solid #aaa; height: 107px; }
.innerDialogRow { padding: 2px 4px 2px 4px; }
.innerDialogRowLabel { text-align: right; display: inline-block; width: 90px; font-size: 12px; color: #343434; }
.lowwer { font-size: 12px; }

/*MainFrame*/
.mainFrameTable { width: 100%; height: 100%; }
.mainFrameTable .mainTitle { background: #d6d6d6; font-size: 16px; padding: 10px; font-weight: bold; height: 40px; }
.mainFrameTable .mainTitle .ver { font-size: 10px; text-align: right; vertical-align: bottom; padding: 0; margin: 0; }
.mainFrameTable .mainTitle .TTL1 { font-size: 20px; }
.mainFrameTable .mainTitle .TTL2 { font-size: 14px; }
.mainFrameTable .bgmenu { background: #646464; width: 200px; }
.mainFrameTable .bgmenu .menutitle { display: block; margin-top: 2px; background: #9a9a9a; background: -moz-linear-gradient(top,#9a9a9a, #828282); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9a9a9a), to(#828282)); }
.mainFrameTable .bgmenu .menutitle label { font-size: 12px; font-weight: bold; line-height: 28px; display: block; padding-left: 20px; }
.mainFrameTable .bgmenu .menulist { margin: 0; padding: 2px; font-size: 12px; background: #d6d6d6; border: 0 solid #909090; border-width: 0 1px 1px 1px; }
.mainFrameTable .bgmenu .menulist a { background: #d6d6d6; padding-left: 10px; margin: 1px; border: 0 solid #ccc; border-width: 1px 0; font-size: 12px; display: block; color: #000; line-height: 25px; }
.mainFrameTable .bgmenu .menulist a:hover { background: #3399ff; }

.tablesearch, .tablebox, .table, .tablesearchnobg, .tableboxborderspace2, .LinkBar { box-shadow: 2px 2px 2px #999; -moz-box-shadow: 2px 2px 2px #999; -webkit-box-shadow: 2px 2px 2px #999; }

.LinkBar { border: 1px solid gray; }
.LinkBar label { font-weight: bold; display: block; line-height: 25px; }
.LinkBar a { line-height: 22px; border: 1px dashed #eee; margin: 2px; background: #fff; }
.LinkBar a:hover { background: #c7dbfa; }

/*Table Search*/
.tablesearch { font-size: 12px; border: 0 solid gray; border-width: 1px 0 0 1px; width: 100%; margin-bottom: 5px;}
.tablesearch tr { height: 20px; background: #dfdfdf; }
.tablesearch > tbody > tr > td { padding: 2px; border: 0 solid gray; border-width: 0 1px 1px 0; }
.tablesearch > tbody > tr > th { padding: 5px; border: 0 solid gray; font-size: 14px; border-width: 0 1px 1px 0; }



.tablesearch1 { font-size: 12px; border: 0 solid gray; border-width: 1px 0 0 1px; width: 100%; margin-bottom: 5px;}
.tablesearch1 tr { height: 20px; background:write; }
.tablesearch1 > tbody > tr > td { padding: 2px; border: 0 solid gray; border-width: 0 1px 1px 0; }
.tablesearch1 > tbody > tr > th { padding: 5px; border: 0 solid gray; font-size: 14px; border-width: 0 1px 1px 0; }

/*DataGridView*/
.tablebox { border: 0 solid #aaa; border-width: 1px 0 0 1px; width: 100%; margin-bottom: 5px; }
.tablebox > tbody > tr { background-color: white; }
/*.tablebox > tbody > tr:hover { background: #c7dbfa; }*/
.tablebox > tbody > tr > td { padding: auto; border: 0 solid #aaa; border-width: 0 1px 1px 0; font-size: 12px; color: #4d4b4b; line-height: 18px; }
.tablebox > tbody > tr > td label { font-weight: normal; font-size: 14px; }
.tablebox .header { font-weight: bold; }
.tablebox .header > td { padding: 5px; text-align: center; background: #d6e9f8; background: -moz-linear-gradient(top,#eaf5fe, #d4e9fa); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eaf5fe), to(#d4e9fa)); }
.tablebox .alternating { background: #f5fafe; }
.tablebox .selecting { background-color: #3399ff; }
.tablebox .pager { color: Navy; text-align: right; font-weight: bold; line-height: 20px; }
.tablebox .pager > td { background: #FFF; padding: 5px; text-align: right; }
.tablebox .pager > td a, .tablebox .pager td span { display: inline-block; padding-left: 5px; padding-right: 5px; border: 1px solid #c7d7e4; background: #c7d7e4; color: #440b0b; }
.tablebox .pager > td span { color: Gray; }
.tablebox .pager > td a:hover { border: 1px solid #478fc9; background: #478fc9; }

.pager1{color: Navy; text-align: right; font-weight: bold; line-height: 20px; border: 1px solid #aaa;padding:5px;}
.pager1 a,.pager1 span{display: inline-block; padding-left: 5px; padding-right: 5px; border: 1px solid #c7d7e4; background: #c7d7e4; color: #440b0b; margin-left:5px; }
.pager1 a:hover { border: 1px solid #478fc9; background: #478fc9; }
.pager1 span{color: Gray;}

.tableboxnoborder > tbody > tr > td { padding: 2px; font-size: 12px; border: none; }
.tableboxnoborder > tbody > tr > th { padding: 2px; font-size: 12px; text-align: justify; }
.tableboxnoborder .header { font-weight: bold; color: #4169e1; line-height: 18px; background: #lightskyblue; text-align: center; }
.tableboxnoborder .alternating { background-color: #87cefa; }
.tableboxnoborder .pager { color: Navy; text-align: right; font-weight: bold; }

.table td { border: 0; border-bottom: 1px solid #5a455a; padding: 2px; font-size: 12px; }
.table th { border: 0; border-bottom: 2px solid #5a455a; padding: 2px; font-size: 12px; text-align: justify; }

.tablesearchnobg { border: 0; font-size: 12px; }
.tablesearchnobg > tbody > tr { height: 18px; }
.tablesearchnobg > tbody > tr > td { padding: auto; }

.tableboxborderspace2 { border: 1px solid Gray; background: #FFF; font-size: 12px; }
.tableboxborderspace2 > tbody > tr > td, .tableboxborderspace2 > tbody > tr > th { border: 1px solid Gray; }

.clr{clear:both;}