form , p {height: 100%;  margin: 0px; padding:0px; }


html{height:100%; width:100%;margin: 0px; padding: 0px;} 
body {		height:100%;width:100%;	_width:auto;margin:0;padding:0;position:relative;}
.bodyPopup {height:100%;width:100%;	_width:auto;margin:0;padding:0;position:relative;overflow:auto !important;}
#allitem { 
text-align:left; font-family: Arial, "新細明體"; font-size: 84%;
/* for mozilla */
min-width:1002px;
min-height:600px;
_width:auto;
width:99%;
height:100%;

position:relative ; 
left:8px;

/* for IE */

_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1002?"1002px":"");
_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<600?"600px":"");

}

#allitemPopup { 
text-align:left; font-family: Arial, "新細明體"; font-size: 84%; 

/* for mozilla */
min-width:200px;
min-height:150px;
_width:auto;
width:100%;
height:100%;

/* for IE */
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<200?"200px":"");
_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<150?"150px":"");

}
.main_allPopup{ padding:10px; background-color: #FFF; background-repeat:repeat; border: 1px solid #CCC; min-height:150px; height:inherit;}

/*----------------主要區塊------------------*/

.top_box { height: 57px; width:100%; background-image: url(../../images/top_bar_bg_x.jpg); background-repeat: no-repeat; background-position: right top; }
.top_logo { height: 57px; width:61px; position:absolute; z-index:999;}
.top_icon_bar { height: 31px; width:100%; }
.top_icon_bar_bg { height: 31px; background-image: url(../../images/icon_bar_bg_x.jpg); background-repeat: repeat-x; float:left; }
.top_icon_bar_info { height: 31px; background-image: url(../../images/icon_bar_bg_right.jpg); background-repeat: no-repeat; background-position: right; margin-left:61px; _margin-left:30px; padding-right:20px; padding-left:10px; _padding-left:5px; line-height:31px;_float:left; }

.top_icon_bar_info img { border:0px; margin-right:6px; margin-top:8px; }

.top_title_bar { height: 31px; background-image: url(../../images/title_icon.gif); background-repeat: no-repeat; float:left; line-height: 31px; font-weight: bold; color: #13738b; background-position: 4px 9px; padding-left: 20px; }
.top_info_bar { height: 31px; _height: 27px; background-image: url(../../images/login_icon.gif); background-repeat: no-repeat; float:right; line-height: 31px; color: #666666; background-position: 2px 6px; padding-left: 20px; text-align: right; padding-right: 30px;_padding-top:4px;position: absolute;right: 0px;}

/*標籤下方的橫條背景*/
.menu_box { height: 91px; width:100%; background-color: #FFF; }
.menu_box .border{ border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #cdcdcd; border-bottom-color: #cdcdcd; border-left-color: #cdcdcd; height: 90px;}
.menu_box .border .info{ margin-left:2px; margin-right:2px; height:85px; background-image: url(../../images/menu_bar_bg_x.jpg); background-repeat: repeat-x; padding-top: 4px; padding-right: 4px; padding-left: 4px;}

/*SUB GROUP的外框*/
.menu_box .menu_g{ background-image: url(../../images/menu_box_bg_right.jpg); background-repeat: no-repeat; background-position: right top; float:left; margin-left:4px; margin-right:4px; }
.menu_box .menu_g .in{ background-image: url(../../images/menu_box_bg_left.jpg); background-repeat: no-repeat; background-position: left top;height: 85px; padding-top: 4px; padding-right: 4px; padding-left: 4px; _float:left;}

/*SUB GROUP的標題*/
.menu_box .title{ font-weight: bold; color: #2b6b85; background-color: #abd0df; text-align: center; line-height: 18px; margin-top: 8px; }

/*被選取時的外框*/
.menu_box .menu_on { background-image: url(../../images/menu_over_bg_right.jpg); background-repeat: no-repeat; background-position: right top; float:left; margin-left:2px; margin-right:2px;}
.menu_box .menu_on .con { background-image: url(../../images/menu_over_bg_left.jpg); background-repeat: no-repeat; background-position: left top; height:56px; padding-right: 4px; padding-left: 4px; text-align: center; color: #666; _float:left;}
.menu_box .menu_on .con a { color: #666; text-decoration: none; display: block; }
.menu_box .menu_on .con a:hover { color: #C00; text-decoration: none; display: block; }
.menu_box .menu_on .con img { margin: 3px; border:0px; }

/*沒被選取時的外框*/
.menu_box .menu_off { float:left; margin-left:2px; margin-right:2px;}
.menu_box .menu_off .con { height:48px; padding-right: 2px; padding-left: 2px; text-align: center; color: #666; _float:left;}
.menu_box .menu_off .con a { color: #666; text-decoration: none; display: block; }
.menu_box .menu_off .con a:hover { color: #C00; text-decoration: none; display: block; }
.menu_box .menu_off .con img { margin: 3px; border:0px; }

.main_all{ padding:10px; margin: 5px; background-color: #FFF; border: 1px solid #CCC; min-height:600px }

.border_box{ padding:0px; margin-top: 0px;  margin-bottom: 4px; margin-left: 0px; margin-right: 0px;}

ul.search_box{ padding:0px; list-style-type: none; margin-top: 0px;  margin-bottom: 4px; margin-left: 0px; margin-right: 0px;}
ul.search_box li{display:block; clear:both;margin:0;padding:0;}
ul.search_box li.liTop{/* 上左 */
	background: url("../../images/search_bg.gif") top left no-repeat white;	
}
ul.search_box li.liTop div.main{/* 上右 */
	display:block;
	background: url("../../images/search_bg.gif") top right no-repeat white;
	margin-left:3px;
	padding:10px; /*無邊界,pading:3px 3px 0 0 ;*/	
}
ul.search_box li.liBottm{/* 下左 */
	height:3px;
	font-size:0px;
	line-height:0;
	background: url("../../images/search_bg.gif") bottom left no-repeat white;	
}
 
ul.search_box li.liBottm b{/* 下右 */
	display:block;
	background: url("../../images/search_bg.gif") bottom right no-repeat white;
	margin-left:3px;
	height:3px;
}

/*----------------文字樣式------------------*/

.blue_sty{ color: #0082b2; }
.blue_sty a{ color: #0082b2; }
.blue_sty a:hover{ color: #C30; }

.imgborder{	border: 1px solid #999999;	background-color: #FFFFFF;	padding: 5px;	margin-right: 3px;	margin-bottom: 3px;}
.img_box * { vertical-align:middle; }
.img_box { width:180px; float:left; vertical-align:middle; text-align:center; font-family: "新細明體", Arial; line-height: 140%; color: #333; margin-right:20px; }
.img_box a { display:block; text-align:center; vertical-align:middle; width:170px; padding:5px; height:170px; border: 1px solid #CCC; background-color: #FFF; }
I { height:100%; display:inline-block; }

.btnsty { margin-right: 4px; color: #FFF; background-image: url(../../images/btn_out.jpg); background-repeat: repeat-x; text-decoration: none; width: auto; float: left; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #cecece; border-right-color: #cecece; border-bottom-color: #999; border-left-color: #cecece; padding-right: 6px; padding-left: 6px; height: 17px; height: 15px ; height: 15px; padding-top: 2px; padding-top: 2px;background-color: #929292; }
a.btnsty{ margin-right: 4px; color: #FFF; background-image: url(../../images/btn_out.jpg); background-repeat: repeat-x; text-decoration: none; width: auto; float: left; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #cecece; border-right-color: #cecece; border-bottom-color: #999; border-left-color: #cecece; padding-right: 6px; padding-left: 6px; height: 17px; height: 15px; height: 15px; padding-top: 2px; padding-top: 2px;background-color: #929292; display: block; }
a:hover.btnsty { margin-right: 4px; color: #FFF; background-image: url(../../images/btn_over.jpg); background-repeat: repeat-x; text-decoration: none; width: auto; float: left; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #fbda0f; border-right-color: #fbda0f; border-bottom-color: #f5ab01; border-left-color: #fbda0f; padding-right: 6px; padding-left: 6px; height: 17px; height: 15px;height: 15px; padding-top: 2px; padding-top: 2px;background-color: #f19600; }

.btnsty2 { margin-right: 4px; color: #b6b6b6; background-image: url(../../images/btn_dis.jpg); background-repeat: repeat-x; text-decoration: none; width: auto; float: left; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #cecece; border-right-color: #cecece; border-bottom-color: #999; border-left-color: #cecece; padding-right: 6px; padding-left: 6px; height: 17px; height: 15px; height: 15px; padding-top: 2px ;padding-top: 2px;background-color: #dddddd; }

.btnsty3 { margin-right: 4px; color: #690; background-color: #e7f9ca; background-image: url(../../images/btn_3.jpg); background-repeat: repeat-x; font-size: 12px; font-weight: bold; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #cadda6; border-right-color: #cadda6; border-bottom-color: #cadda6; border-left-color: #cadda6; cursor:hand;}
.clearfloat { clear:both; height:0px; overflow:hidden; line-height:1px; margin: 0px; padding:0px; display:none;}

.title_sty{ color: #666; background-repeat: no-repeat; background-position: 2px 8px; padding-left: 10px;vertical-align:middle;padding-top:6px; }
.content_td{ vertical-align:Top }
.input_sty2 { color: #666666; margin:0; padding:0 0.25em; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #666; border-right-color: #ccc; border-bottom-color: #ccc; border-left-color: #666; font-size: 12px; }

.main_all{ padding:10px; margin: 5px; background-color: #FFF; border: 1px solid #CCC; }
/*----Hunt Add----*/

    td
    {
        text-align:left;
    }
        
.TableEdit
{
	FONT-SIZE: 9pt;
	border-bottom-style: solid;
	border-collapse: collapse;
	width:100%;
	border-bottom-color: #BFC8A1;
	border-bottom: 1px;
	background-color: #d5e7ef;
}


div.query{/* 上右 */
	display:block;
	background: url("../../images/search_bg.gif") top right no-repeat white;
	margin-left:3px;
	padding:10px; /*無邊界,pading:3px 3px 0 0 ;*/	
}

/*定義編輯功能區域的Table*/
.EditTableZone
{
    width: 100%;
    text-align: left;
}

/*定義訊息區塊(查詢)*/
.TableMessage
{
	FONT-SIZE: 9pt;
	border-bottom-style: solid;
	border-collapse: collapse;
	width:100%;
	border-bottom-color: #BFC8A1;
	border-bottom: 1px;
	background-color: #d5e7ef;
}

.TdMessage
{
    color: blue;
}

.TdMessageWaring
{
    text-align:left;
    font-weight: bold; 
    color: red;
}

.TdMessageWaringRight
{
    text-align:right;
    font-weight: bold; 
    color: red;
}

/*定義訊息區塊(編輯畫面，包含Form或Grid，且底色為白色的部分)*/
.TableEditMessage
{
	FONT-SIZE: 9pt;
	/*background-color: #d5e7ef;*/
}

.TdEditMessage
{
    color: blue;
}

/*Button*/
.btnsty1 { margin-right: 4px; color: #FFF; text-decoration: none; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #88E1FF; border-right-color: #88E1FF; border-bottom-color: #0CC; border-left-color: #88E1FF; background-color: #099; padding-top:2px; cursor: hand; }

.btnsty1:hover { margin-right: 4px; color: #FFF; text-decoration: none;  border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #fbda0f; border-right-color: #fbda0f; border-bottom-color: #f5ab01; border-left-color: #fbda0f; background-color: #f19600;  padding-top:2px;}

.btnsty1:active { margin-right: 4px; color: #FFF; text-decoration: none; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #fbda0f; border-right-color: #fbda0f; border-bottom-color: #f5ab01; border-left-color: #fbda0f; background-color: #EE4F02;  padding-top:2px;}

.RadButtonCustom input
{
    line-height:20px;
}
.RadButtonCustom span
{
    line-height: 20px;
}


/*查詢或編輯的外框的圖檔,缺四個角*/
.boderTopMiddle{background: url(../../Images/border-02.jpg) repeat-x;}
.boderLeft{background: url(../../Images/border-04.jpg) repeat-y; background-color: #EAEFF5;}
.boderRight{background: url(../../Images/border-05.jpg) repeat-y right;background-color: #EAEFF5;}
.boderBottomMiddle{background: url(../../Images/border-07.jpg) repeat-x}

.TextOverFlow 
{
    text-overflow: ellipsis;
}

/*碳盤查各階段Table的CSS*/
.infotable {
	BORDER-BOTTOM: #ccdbee 1px double; BORDER-LEFT: #ccdbee 1px double; BORDER-TOP: #ccdbee 1px double; BORDER-RIGHT: #ccdbee 1px double; border-collapse:collapse;
}
.infotable .infotd_center {
	TEXT-ALIGN: center; BACKGROUND-COLOR: #ccdbee; HEIGHT: 25px; COLOR: navy; border-width:1px; border-style:solid; border-color:White;
}
.infotable .infotd_left {
	TEXT-ALIGN: left; BACKGROUND-COLOR: #ccdbee; HEIGHT: 25px; COLOR: navy;border-width:1px; border-style:solid; border-color:White;
}
.infotable .infotd_right {
	TEXT-ALIGN: right; BACKGROUND-COLOR: #ccdbee; HEIGHT: 25px; COLOR: navy; border-width:1px; border-style:solid; border-color:White;
}

/*文字置中*/
.TextCenter 
{
    text-align: center;
}

.TableToolTip
{
    line-height:25px;
    color:Red;
}
ol.OlToolTip > li:only-child 
{
    list-style-type:none;
    margin-left: -20px
}
ol.OlToolTip
{
    line-height:25px;
    color:Red;
    margin: 0;
    padding-left: 20px;
}
.MySelectedClass 
{ 
   background:transparent !important; 
}
tr.MySelectedClass td
{
    border-bottom-color:#D0D7E5 !important;
    border-left-width: 1px !important;
    padding-left: 7px !important;
}
ul.ulFileDownLoad
{
    list-style-type: none;
    margin-left: -30px;
}
ul.ulFileDownLoad > li > input
{
    margin-bottom: -3px;
}
ul.ulFileDownLoad > li > a 
{
    margin-bottom: 3px;
}

.RadGrid_Default .rgSelectedRow td {
    background-color:whitesmoke   !important;  

} 

/*所有Grid高度變成auto*/
.rgDataDiv
{
   height : auto !important ;

}
/*SKIN Office2007的Grid不顯示外框*/
.RadGrid_Office2007
{
    border:0 !important;
    outline: none !important;
}
.RadGrid_Office2007

{

    /*works in IE*/

    word-break:break-all;

}

.RadRibbonBar_Default {
    width: auto !important;
}


.RadGrid_Office2007 td

{

    /*works in Firefox*/

    overflow:hidden;

}

 /*Pager 靠左*/
.RadGrid .NextPrevNumericAndAdvanced .rgAdvPart {
    float: left !important;
    position: relative !important;
}

.TableWraper_SingleColumn {
    display: table;
    border: 2px solid cornflowerblue;
}
.TableWraper_DoubleColumn {
    display: table;
    border: 2px solid cornflowerblue;
}

/*For EditTemplate*/
.TableButtonBar {
    /*float: left;*/
    border-collapse: separate;
    /*width: auto;*/
    /*width: 100%;*/
    border-spacing: 2px !important;
    background-color: #EAEFF5;
    border: 1px solid #9FCBD8;
    display: block;
}

    .TableButtonBar td {
        vertical-align: middle;
        border-collapse: separate;
        text-align: left;
        font-weight: normal;
        margin: 0px;
    }

    .TableButtonBar input[type="submit"] {
        /*控制所有BUTTON*/
        vertical-align: middle !important;
        /*font-family: 微軟正黑體;*/
        /*font-size: 11pt !important;*/
    }

.DefaultTableStyle {
    margin: 0px;
    padding: 0px;
    /*新版面*/
    vertical-align: middle;
    /*border-radius: 10px;*/
    border-collapse: separate !important;
    border-top: 0;
    border-spacing: 2px !important;
    display: block
    /*新版面結束*/
}

    .DefaultTableStyle table {
        /*width: 100%;*/
        margin: 0px;
        padding: 0px;
        border-spacing: 2px;
    }

    .DefaultTableStyle td:nth-child(odd) {
        vertical-align: middle;
        background-color: #EAEFF5;
        text-align: left;
        font-family: 微軟正黑體;
        font-weight: normal;
        color: black;
        border: 1px solid #9FCBD8;
        margin: 0px;
        padding: 5px;
    }

    .DefaultTableStyle td:nth-child(even) {
        color: black;
        border: 1px solid #9FCBD8;
        background-color: white;
        padding: 5px;
        text-align: left;
    }

    .DefaultTableStyle tr {
        border-collapse: separate !important;
    }

    .DefaultTableStyle .RadDropDownTree .rddtInner {
        width: 250px;
    }

    .DefaultTableStyle .rgEditForm {
        border-collapse: separate !important;
        border-spacing: 2px !important;
        background-color: white;
    }

    .DefaultTableStyle input[type="submit"] {
        /*控制所有BUTTON*/
        vertical-align: middle !important;
        /*font-family: 微軟正黑體;*/
        /*font-size: 11pt !important;*/
    }

    .DefaultTableStyle .RadInput input[type="password"] {
        /*控制所有asp textbox*/
        width: 300px;
        display: table!important;
    }

    .DefaultTableStyle .RadInput input[type="textbox"] {
        /*控制所有telerik textbox*/
        width: 300px;
        display: table!important;
    }

    .DefaultTableStyle input[type="textbox"] {
        /*控制所有asp textbox*/
        /*font-size: 12pt;*/
        /*font-family: 微軟正黑體;*/
        width: 300px;
    }

    .DefaultTableStyle .riSingle .riTextBox[type="text"] {
        width: 300px;
        display: table!important;
    }

    .DefaultTableStyle .RadInput textarea.riTextBox {
        width: 300px;
        display: table!important;
    }

    .DefaultTableStyle .RadComboBox {
        width: 300px;
    }

    .DefaultTableStyle textarea, input[type="textbox"] {
        width: 300px;
    }
    .DefaultTableStyle .RadPicker {
        display: table!important;
    }
    .DefaultTableStyle .riSingle {
        display: table!important;
    }

.TextBoxStyle {
    width: 300px!important;
}

.TableToolBar {
    width: 100%;
    height: 20px;
    border: 1px hidden #ffffff;
}

    .TableToolBar td {
        background-color: #D5E7EF;
        /*padding: 6px;*/
    }

.TableToolTip table {
    box-shadow: none;
}

.DefaultAdavanceQueryPanel {
    border: 1px solid #9FCBD8;
    background-color: #EAEFF5;
    width: 100%;
}

.DefaultQueryPanelButtonBar {
    border: 1px solid #9FCBD8;
    font-size: 12pt;
    border-width: 0px;
    padding: 0px;
    width: 100%;
    background-color: #abd0df;
}


.PivotTableStyle {
    margin: 0px;
    padding: 0px;
    /*新版面*/
    vertical-align: middle;
    border-radius: 10px;
    border-collapse: separate !important;
    border-top: 0;
    border-spacing: 2px !important;
    display: block;
}

    .PivotTableStyle table {
        margin: 0px;
        padding: 0px;
        border: 1px solid #9FCBD8;
    }

    .PivotTableStyle td {
        vertical-align: middle;
        text-align: left;
        font-family: 微軟正黑體;
        font-weight: normal;
        color: black;
        border: 1px solid #9FCBD8;
        margin: 0px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

        .PivotTableStyle td:first-child {
            background-color: #EAEFF5;
        }