Body
{
	/* mrak by ginny for CEPCC 為了省網路空間,所以不要此圖了 */
    /* background-image:url(../OdImg/Blue/back01.jpg); */
}

/*Logo及上面畫面的背景處理*/
.LogoHead
{
	background-image: url(../OdImg/Blue/header_blue.jpg); 
}


/*WebPart選單的樣式*/
.blue02 {
	color: #0066CC;
	letter-spacing: 0.1em;
	background-position: center;
	font-weight: bold;
	text-indent: 5px;
}


/*WebPart標題的樣式*/
.WebPartTitle
{
	/*line-height: 20px;
	color: #003366;
	background-color: #B0CEEC;
	left: 2px;*/
	font-weight: normal;
	padding: 2px 5px;
	vertical-align: middle;
	line-height: 20px;
	background: url(../OdImg/tb_titlebg.gif);
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #96d0e5;
}

/*WebPart畫面的背景處理*/
.WebPartBody
{
	/*background-color: #E6F4FF;
	color: #333333;
	border: #999999 1px solid;
	font-size: 10pt;*/
	border-collapse:collapse;
	font-size: 100%;
	margin-bottom: 20px;
	left: auto;
	right: auto;
	border: 1px solid #96d0e5;
}
/*WebPart每一行*/
.webpartMsg
{
	padding: 2px 5px;
	text-align: left;
	vertical-align: middle;
	font-size: 12pt;
	text-indent: 15px;
	background: url(../OdImg/bullet_orange.gif) no-repeat 6px 10px;
	width:160px;
}

.webpartLinedot {
	background: #FFFFFF url(../OdImg/line_dot.gif) repeat-x left center;
	font-size: 10px;
	width:50px;
}

.webpartBotton {
	vertical-align: middle;
	background: url(../OdImg/detailbg.gif);
	border: 1px solid #CCCCCC;
	background-repeat:repeat;	
	height: 30px;
	line-height: 160%;
}

/*畫面中Tag的樣式*/
.tag
{
    border: #999999 1px solid; 
    letter-spacing:0.2em;
    padding: 5px 2px 2px 2px;
    text-align:center;
    color: #003399;
}


/*畫面中選取Tag的樣式*/
.tagSelect
{
    border-right: #999999 1px solid; 
    border-top: #999999 1px solid; 
    border-left: #999999 1px solid; 
    border-bottom: #EAF0F4 0px solid;
    background-color:#EAF0F4;
    font-weight:bold;
    
}

/*畫面中Tag內容的樣式*/
.tagContent
{
    border-right: #999999 1px solid; 
    border-top: #999999 0px solid; 
    border-left: #999999 1px solid; 
    border-bottom: #999999 1px solid;
    letter-spacing:0.2em;
    padding-top:5px;
    background-color:#EAF0F4;
}

/*下方檢視區的背景*/
.footzone 
{
	color: #003366;
	background-color: #E4EFFA;
	border: 2px solid #5274D3;
	line-height: 20px;
	text-align: left;
	vertical-align: middle;
}

/*檢視區的底*/
.footB
{
    background-color:#6AB5D7;
    height:3px;
}


/*Messge、Map的背景處理*/
.HeadBar {
	color: #663366;
	background-color: #F5F6F1;
	border: 1px solid #939598;
	line-height: 20px;
	text-align: left;
	vertical-align: middle;
}

/*Grid的表頭樣式*/
.HeaderRow
{
	background-color: #DCEFFD;
	padding: 2px 0 0 5px;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
	line-height: 140%;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #dddddd;
}

/*Grid的雙數行的樣式*/
.Alitem
{
	padding: 2px 5px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #dddddd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #dddddd;
	background-color: #F5F5F5;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	height: 25px;
	color: #333333;
	overflow:hidden; 
}   

/*Grid的單數行的樣式*/
.item
{
	padding: 2px 5px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #dddddd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #dddddd;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	height: 25px;
	color: #333333;
	overflow:hidden; 
} 

/*Grid選取一筆樣式*/
.HighlightRow
{
	border-right-color:#A8A7BF;
    border-right-style:Solid;
    border-right-width:0.1em;
	padding-left:5px;
	background-color:#FFFF99; 
}   

/*Grid的選取列樣式*/
.selector
{
    Width:30px;
    background-color:White;
    border-right-color:#A8A7BF;
    border-right-style:Solid;
    border-right-width:0.1em;
    color:#333333; 
}

/*Grid的Page*/
.pager
{
	background-color: #FFFFFF;
	color: #333333;
	border-collapse: collapse;
	font-size: 100%;
	margin-bottom: 20px;
	width: 100%;
}

/*按鈕列的樣式*/
.Userbg {	
	background-color:#D7E6EB;
	line-height: 20px;
	text-align: left;
	vertical-align: middle;
}


/*上下功能按鈕列的樣式*/
.BlockHead
{
	padding: 2px 5px 2px 5px;
	color: #333333;
	height: 35px; /*background-color:#D7E6EB;*/
}

/*報表共用顯示區*/
.printzone 
{
    width:100%;
	color: #003366;
	line-height: 20px;
	text-align: left;
	vertical-align: middle;
	background-color: #E7EFF7;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #CCCCCC;
}

/* === 定義靠右邊的<TD>使用 === */
.trr
{
	padding: 2px 5px;
	height: 25px;
	text-align: right;
	background-color: #DCEFFD;
	color: #333333;
	letter-spacing: 0.1em;
	border: 1px solid #dddddd;
}


/* === 定義標題使用 === */
.Title
{
	color: #5296B5 ;
/*	color: #0054A6;*/
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.1em;
}

.TreeBack
{
    background-color:#D5EBFB;
}

/* === 頁籖列使用 === */
.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(../OdImg/Blue/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

/* === 頁籖列使用<Button未選中> === */
.glossyButton
{
	vertical-align: middle;
	background-color: transparent;
	border-left: #000000 0px outset;
	border-right: #000000 0px outset;
	border-top: #000000 0px outset;
	border-bottom: #000000 0px outset;
	color: #333333;
	text-decoration: none;
	cursor: pointer;
	font: bold 11pt 新細明體;
	width: 146px;
	text-align: center;
}
/* === 頁籖列使用<Button選中> === */
.glossyButtonHover
{
	background-position: 0px;
	vertical-align: middle;
	background-color: transparent;
	border-left: #000000 0px outset;
	border-right: #000000 0px outset;
	border-top: #000000 0px outset;
	border-bottom: #000000 0px outset;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	font: bold 11pt/40px 新細明體;
	width: 146px;
	text-align: center;
	background: url(../OdImg/Blue/menub_hover.gif);
	background-repeat:repeat;
	height: 40px;
}

.glossyButton_4
{
	vertical-align: middle;
	background-color: transparent;
	border-left: #000000 0px outset;
	border-right: #000000 0px outset;
	border-top: #000000 0px outset;
	border-bottom: #000000 0px outset;
	color: #333333;
	text-decoration: none;
	cursor: pointer;
	font: bold 11pt 新細明體;
	width: 93px;
	text-align: center;
}
/* === 頁籖列使用<Button選中> === */
.glossyButtonHover_4
{
	background-position: 0px;
	vertical-align: middle;
	background-color: transparent;
	border-left: #000000 0px outset;
	border-right: #000000 0px outset;
	border-top: #000000 0px outset;
	border-bottom: #000000 0px outset;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	font: bold 11pt/40px 新細明體;
	width: 93px;
	text-align: center;
	background: url(../OdImg/Blue/menub_hover_4.gif);
	background-repeat:repeat;
	height: 40px;
}

/* === 頁籖列使用<Button未選中> === */
.glossyButton_5
{
	vertical-align: middle;
	background-color: transparent;
	border-left: #000000 0px outset;
	border-right: #000000 0px outset;
	border-top: #000000 0px outset;
	border-bottom: #000000 0px outset;
	color: #333333;
	text-decoration: none;
	cursor: pointer;
	font: bold 11pt 新細明體;
	width: 103px;
	text-align: center;
}
/* === 頁籖列使用<Button選中> === */
.glossyButtonHover_5
{
	background-position: 0px;
	vertical-align: middle;
	background-color: transparent;
	border-left: #000000 0px outset;
	border-right: #000000 0px outset;
	border-top: #000000 0px outset;
	border-bottom: #000000 0px outset;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	font: bold 11pt/40px 新細明體;
	width: 103px;
	text-align: center;
	background: url(../OdImg/Blue/menub_hover_5.gif);
	background-repeat:repeat;
	height: 40px;
}

.glossyButton_6
{
	vertical-align: middle;
	background-color: transparent;
	border-left: #000000 0px outset;
	border-right: #000000 0px outset;
	border-top: #000000 0px outset;
	border-bottom: #000000 0px outset;
	color: #333333;
	text-decoration: none;
	cursor: pointer;
	font: bold 11pt 新細明體;
	width: 110px;
	text-align: center;
}
/* === 頁籖列使用<Button選中> === */
.glossyButtonHover_6
{
	background-position: 0px;
	vertical-align: middle;
	background-color: transparent;
	border-left: #000000 0px outset;
	border-right: #000000 0px outset;
	border-top: #000000 0px outset;
	border-bottom: #000000 0px outset;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	font: bold 11pt/40px 新細明體;
	width: 110px;
	text-align: center;
	background: url(../OdImg/Blue/menub_hover_6.gif);
	background-repeat:repeat;
	height: 40px;
}

.glossyButton_7
{
	vertical-align: middle;
	background-color: transparent;
	border-left: #000000 0px outset;
	border-right: #000000 0px outset;
	border-top: #000000 0px outset;
	border-bottom: #000000 0px outset;
	color: #333333;
	text-decoration: none;
	cursor: pointer;
	font: bold 11pt 新細明體;
	width: 125px;
	text-align: center;
}
/* === 頁籖列使用<Button選中> === */
.glossyButtonHover_7
{
	background-position: 0px;
	vertical-align: middle;
	background-color: transparent;
	border-left: #000000 0px outset;
	border-right: #000000 0px outset;
	border-top: #000000 0px outset;
	border-bottom: #000000 0px outset;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	font: bold 11pt/40px 新細明體;
	width: 125px;
	text-align: center;
	background: url(../OdImg/Blue/menub_hover_7.gif);
	background-repeat:repeat;
	height: 40px;
}

.glossyButton_8
{
	vertical-align: middle;
	background-color: transparent;
	border-left: #000000 0px outset;
	border-right: #000000 0px outset;
	border-top: #000000 0px outset;
	border-bottom: #000000 0px outset;
	color: #333333;
	text-decoration: none;
	cursor: pointer;
	font: bold 11pt 新細明體;
	width: 145px;
	text-align: center;
}
/* === 頁籖列使用<Button選中> === */
.glossyButtonHover_8
{
	background-position: 0px;
	vertical-align: middle;
	background-color: transparent;
	border-left: #000000 0px outset;
	border-right: #000000 0px outset;
	border-top: #000000 0px outset;
	border-bottom: #000000 0px outset;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	font: bold 11pt/40px 新細明體;
	width: 145px;
	text-align: center;
	background: url(../OdImg/Blue/menub_hover_8.gif);
	background-repeat:repeat;
	height: 40px;
}