/* -------------- div style -------------- */

#canvas_content {	
    
}

#TabPAGE {
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 26px; MARGIN: 0px; 
	MARGIN-BOTTOM: 0px;	
    BORDER-BOTTOM: #333399 1px solid;
	filter:Alpha(Opacity=95);	 
}
	
#TabPAGEFooter {
	CLEAR: both; 
	PADDING-RIGHT: 15px; 
	PADDING-LEFT: 15px; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 	
	MARGIN-BOTTOM: 10px;
	BORDER-LEFT: #333399 1px solid; 
	BORDER-BOTTOM: #333399 1px solid;
	BORDER-RIGHT: #333399 1px solid; 
	BORDER-TOP: #333399 0px solid; 
    BACKGROUND: #6699CC;	
	filter:Alpha(Opacity=30);	 
}

#TabPAGE A {
	BORDER-RIGHT: #cccccc 1px solid; 
	PADDING-RIGHT: 10px; 
	BORDER-TOP: #cccccc 1px solid; 
	PADDING-LEFT: 10px; 	
	BACKGROUND: #ecf3f9; 
	FLOAT: left; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	BORDER-LEFT: #cccccc 1px solid; 	
	LINE-HEIGHT: 20px; 
	MARGIN-LEFT: 0px;  
	MARGIN-RIGHT: 3px;	
	BORDER-BOTTOM: #cccccc 1px solid; 
	TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	FONT-WEIGHT: normal; 
	COLOR: #0000cc; 
}

#TabPAGE A.active {
	BORDER-RIGHT: #333399 1px solid;
	BORDER-TOP: #333399 1px solid; 	 
	BORDER-LEFT: #333399 1px solid; 
}

#TabPAGE A.active {
	BACKGROUND: #6699CC;	
	BORDER-BOTTOM: #6699CC 2px solid
	filter:Alpha(Opacity=95);
	filter : progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#6699FF');
	FONT-WEIGHT: bold; 
	COLOR: #0000cc; 
	
}
#TabPAGE A:hover {
	BACKGROUND: #588ccc;
	filter:Alpha(Opacity=80);

}
#TabPAGE UL A:hover {
	
}
#TabPAGE UL {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#TabPAGE LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}


#TabDETAIL {
	PADDING-LEFT: 0px; PADDING-BOTTOM: 23px; MARGIN: 0px; 
}
	
#TabDETAIL A {
	BORDER-RIGHT: #6699FF 1px solid; 
	BORDER-TOP: #6699FF 1px solid; 
	BORDER-LEFT: #6699FF 1px solid;
	PADDING-RIGHT: 10px; 	
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	BACKGROUND: #ecf3f9; 
	FLOAT: left; 		
	LINE-HEIGHT: 23px; 
	MARGIN-LEFT: 0px;  
	MARGIN-RIGHT: 3px;		
	TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	FONT-WEIGHT: normal; 
	COLOR: #0000cc; 
}

#TabDETAIL A.active {
	BORDER-RIGHT: #6699FF 1px solid;
	BORDER-TOP: #6699FF 1px solid; 	 
	BORDER-LEFT: #6699FF 1px solid; 
}

#TabDETAIL A.active {
	BACKGROUND: #99CCFF;
	filter:Alpha(Opacity=95);
	filter : progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#99CCFF', EndColorStr='#FFFFFF');
	COLOR: #0000cc; 
}
#TabDETAIL A:hover {
	BACKGROUND: #99CCFF;
	filter:Alpha(Opacity=80);

}
#TabDETAIL UL A:hover {
	
}
#TabDETAIL UL {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#TabDETAIL LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}

#caption {	
	BORDER-RIGHT: #6699FF 1px solid; 
	BORDER-TOP: #6699FF 1px solid; 
    BORDER-LEFT: #6699FF 1px solid; 	
    PADDING-TOP: 2px; 
	PADDING-RIGHT: 10px; 
	PADDING-BOTTOM: 0px; MARGIN: 0px; 
	PADDING-LEFT: 10px; 	
	FLOAT: left; 
	LINE-HEIGHT: 20px; 		
	font-family: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-size: 11px;
	FONT-WEIGHT: normal; 
	COLOR: #0000cc; 
    BACKGROUND: #99CCFF; 
	filter : progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#99CCFF', EndColorStr='#FFFFFF');
}


DIV#message {
	CLEAR: both; 
	BORDER-RIGHT: #cccccc 1px solid; 
	BORDER-TOP: #cccccc 0px solid; 
    BORDER-LEFT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
}
DIV#message{
	BACKGROUND: #e8f2d7;
	PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 2px
}



/* -------------- text style -------------- */

.content_mark {
	color: #FF0000;
	font-weight:bold;
}
.message_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #121212;
	font-weight: bold; 
	text-decoration: none;
}
.message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #E61A1A;
	text-decoration: none;
}
.text01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #121212;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 14px;
}
.text02 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 14px;
}
.text03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 14px;
}

.text04 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #121212;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}




/* -------------- form style -------------- */

.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #121212;
	background-color: #E6E6E6;
	border-top : 1px solid Silver;
	border-left : 1px solid #ACACAC;
	padding : 1px;
}


.select {
	font-family: Arial, Helvetica, sans-serif;
        z-index:4;
	font-size: 11px;
	background-color: #F9F9F9;
	border: 1px dotted #F1F3F5;
	color: #121212;
	text-decoration: none;
}
.checkbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #121212;
	text-decoration: none;
}
.radio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #121212;
	text-decoration: none;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F9F9F9;
	color: #121212;
	text-decoration: none;
}
.border_hidden {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #A0A0A0;
	color: #121212;
	text-decoration: none;
}


/* -------------- table style -------------- */
.tb_head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	line-height: 14px;
	color: #F3F3F3;
	background-color: #016CBC;
	text-decoration: none;
	text-transform: uppercase;
	padding-right: 6px;
	padding-left: 6px;
}

.tb_border {
	background-color: #6699FF;
	line-height: 1px;	
}

.menu_application {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
	line-height: 14px;
	background-color: #588ccc;
    filter:Alpha(Opacity=95);
}

.menu_module {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #000000;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 14px;
	background-color: #FFFFFF;
}

.menu_function {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #FFFFFF;
}

.tb_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #000000;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
	line-height: 14px;
	background-color:#CCCCCC ;	
}

.tb_mark_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FF0000;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
	line-height: 14px;
	background-color: #CCCCCC;
}

.tb_button_line {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FF0000;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
	line-height: 14px;
	background-color: #ecf3f9;
}

.tb_paging_line {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 10px;
	filter : progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#5BABD7');
}

.tb_mark_item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #121212;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 14px;
	background-color: #FF9900;
}

.tb_item01{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 14px;
	background-color: #FFFFFF;
}

.tb_item02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 14px;
	background-color: #F7F7F7;
}
.tb_selitem01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #121212;
	text-decoration: none;
	background-color: #F7F7F7;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 14px;
}
.tb_selitem02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #121212;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 14px;
}
.tb_item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #121212;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 14px;
	background-color: #F7F7F7;
}

/* -------------- tab style -------------- */

.tab_hidden  {
        position:absolute;
	width:100%;height:100%;
        z-index:4; left:0; top:0;
	visibility: hidden;
        background-color: 000000;
        filter:Alpha(Opacity=5, FinishOpacity=20, Style=3);
}