.ManageBody
{
	background-color:#1F3E48;
	border:1px solid #FFCC00;
	padding-bottom:10px;	
	padding-top:5px;	
	margin-left:0;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
		
	SCROLLBAR-FACE-COLOR: #F7F7F7;
	SCROLLBAR-HIGHLIGHT-COLOR: #6B7984;
	SCROLLBAR-SHADOW-COLOR: #6B7984;
	SCROLLBAR-3DLIGHT-COLOR: white; 
	SCROLLBAR-ARROW-COLOR: #6B7984; 
	SCROLLBAR-TRACK-COLOR: white; 
	SCROLLBAR-DARKSHADOW-COLOR: #F7F7F7;
}

.ManageList
{
	background-color:#3F4C5C;
	border-top:1px solid #FFCC00;
	border-left:1px solid #FFCC00;
	border-bottom:1px solid #FFCC00;
	padding-bottom:10px;	
	padding-top:5px;	
	margin-left:0;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
		
	SCROLLBAR-FACE-COLOR: #F7F7F7;
	SCROLLBAR-HIGHLIGHT-COLOR: #6B7984;
	SCROLLBAR-SHADOW-COLOR: #6B7984;
	SCROLLBAR-3DLIGHT-COLOR: white; 
	SCROLLBAR-ARROW-COLOR: #6B7984; 
	SCROLLBAR-TRACK-COLOR: white; 
	SCROLLBAR-DARKSHADOW-COLOR: #F7F7F7;
}

.MainBody
{
	/*font-family: Tahoma,sans-serif;*/
	font-size:12px;
	background-color:#E9E7E1;

	SCROLLBAR-FACE-COLOR: #F7F7F7;
	SCROLLBAR-HIGHLIGHT-COLOR: #6B7984; 
	SCROLLBAR-SHADOW-COLOR: #6B7984; 
	SCROLLBAR-3DLIGHT-COLOR: white; 
	SCROLLBAR-ARROW-COLOR: #6B7984; 
	SCROLLBAR-TRACK-COLOR: white; 
	SCROLLBAR-DARKSHADOW-COLOR: #F7F7F7;		
	
}

BODY
{
	/*font-family: Tahoma,sans-serif;*/
	font-size:12px;

	SCROLLBAR-FACE-COLOR: #F7F7F7;
	SCROLLBAR-HIGHLIGHT-COLOR: #6B7984; 
	SCROLLBAR-SHADOW-COLOR: #6B7984; 
	SCROLLBAR-3DLIGHT-COLOR: white; 
	SCROLLBAR-ARROW-COLOR: #6B7984; 
	SCROLLBAR-TRACK-COLOR: white; 
	SCROLLBAR-DARKSHADOW-COLOR: #F7F7F7;		
	
}


A 
{
	/*font-family: Tahoma,sans-serif;*/
	font-size:12px;
	text-decoration:  none;
}

A:ACTIVE 
{
	/*font-family: Tahoma,sans-serif;*/
	font-size:12px;	
	color : Red;
	/* when the mouse click it , it is doing*/	
}
A:VISITED {
	/*font-family: Tahoma,sans-serif;*/
	font-size:12px;	
	color : navy;	 
	/* alerdy visited href */
}

A:HOVER {
	/*font-family: Tahoma,sans-serif;*/
	font-size:12px;	
	color : Red; 
	/* mouse moveover */
}

A:LINK {
	/*font-family: Tahoma,sans-serif;*/
	font-size:12px;	
	color: navy;
	/* the href link color */
}



INPUT
{
	/*font-family: Tahoma,sans-serif;*/
	font-size:12px;
}

H2 {
	/* the title */
}

TR
{
	/*font-family: Tahoma,sans-serif;*/
	font-size:12px;
}
TD
{
	/*font-family: Tahoma,sans-serif;*/
	font-size:12px;
}
Select
{
	/*font-family: Tahoma,sans-serif;*/
	font-size:12px;
}


/* font size */
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}


.outline1{
	cursor : hand;
	font-size:12px;
}

.outline2{
	cursor : hand;
	font-size:12px;
}
 
 .outline{
	cursor:hand;
	font-size:12px;
}
 
 
.z_input{
	border: 1px solid #8CAEBD;
}

.menu_button_over
{
	cursor:hand;
	font-size:12px;
	color:yellow;
	/*font-weight:bold;*/		
}
.menu_button_out
{
	cursor:hand;
	font-size:12px;
	color:white;
	/*font-weight:bold;*/		
}
.menu_button_click
{
	cursor:hand;
	font-size:12px;
	color:yellow;			
	/*font-weight:bold;*/		
}
.menu_tr_over
{
	background-image:url(button_menu2.gif);
}
.menu_tr_out
{
	background-image:url(button_menu.gif);
}
.menu_tr_click
{
	background-image:url(button_menu2.gif);
}

.m_groupmain
{
	background-image:url(button_image.gif);
	padding-left:6px;
	padding-right:6px;
	color:White;	
}
.m_groupdetail
{
	background-image:url(button_image.gif);	
	padding-right:6px;
	padding-left:6px;
	color:Black;
}
/*
.m_item A:link{text-decoration: none; color: white;}
.m_item A:visited{text-decoration: none;color: white;}
.m_item A:active{text-decoration: none; color: yellow;}
.m_item A:hover{color:yellow; }
*/
.m_item
{
	/*
	padding-left:3px;
	padding-right:0px;
	padding-top:3px;
	padding-bottom:3px;	
*/
	
	/*background-image:url(left_image.jpg);*/
	
	background-color:#DCE3EA;
	border-color:#DCE3EA;
	border:solid 0px #DCE3EA;
	color:Black;

}
 
.z_border
{
	background-color: #D0DCE7;
	font-size:12px;	
}

.z_menubody
{
	font-size: 12px;
	background-color: #DCE3EA;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;	
	/*
	background-position :left top;
	background-repeat :no-repeat;
	background-image:url(bg_menu.jpg);
	*/
	
}

.z_body
{
	/*font-family: Tahoma,sans-serif;*/
	font-size:12px;

	/*background-color: #D0DCE7;*/
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;	

	/*
	scrollbar-arrow-color:#63869C;
	scrollbar-base-color:#ADCFDE;
	scrollbar-shadow-color:#63869C;
	scrollbar-darkshadow-color:#63869C;
	scrollbar-highlight-color:#63869C;	
*/
	
}

.z_body2
{
	/*font-family: Tahoma,sans-serif;*/
	font-size:12px;
	/*
	background-color: #D0DCE7;
	*/
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;

	/*
	scrollbar-arrow-color:#63869C;
	scrollbar-base-color:#ADCFDE;
	scrollbar-shadow-color:#63869C;
	scrollbar-darkshadow-color:#63869C;
	scrollbar-highlight-color:#63869C;	
	*/
	
}
.z_titlebody
{
	font-size: 12px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;	
	background-image:url(title_back.jpg);
	background-position:left;	

}

.z_mainbody
{
	font-size: 12px;
	background-color: white;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
}

.z_button
{
	background-image: url(button3.gif);
	
	font-size:12px;
	color:black;	
	width:100px;
	height:25px;
	border:none 0px; 
	background-color:Transparent;
	padding-top:4px;
	cursor:hand;
	/*
	border-right: solid 1px #2E3D4A;
	border-top: solid 1px #A9BBC9;	
	font-size:12px;	
	border-left: solid 1px #A9BBC9;
	cursor: hand;
	padding-top: 4px;
	border-bottom: solid 1px #2E3D4A;
	padding-left:0px;
	padding-right:0px;	
	width:80px;
	background-color:#637483;
	color:white;
	*/
}
.z_button2
{
	border-right: solid 1px #2E3D4A;
	border-top: solid 1px #A9BBC9;
	/*background-image: url(buttonback.gif);*/
	font-size:12px;	
	border-left: solid 1px #A9BBC9;
	cursor: hand;
	padding-top: 4px;
	border-bottom: solid 1px #2E3D4A;
	padding-left:0px;
	padding-right:0px;	
	width:30px;
	background-color:#637483;
	color:white;	 
}

.z_buttonsmall{
	background-image: url(buttonsmall.gif);
	font-size:12px;
	color:#023E76;	
	width:40px;
	height:25px;
	border:none 0px; 
	background-color:Transparent;
	padding-top:4px;
	cursor:hand;
}
.z_buttonmore
{
	background-image: url(buttonmore.gif);
	
	/*font-family: Tahoma,sans-serif;*/
	font-size:12px;	
	font-weight:bold;

	color:#023E76;	
	width:29px;
	height:25px;
	border:none 0px; 
	background-color:Transparent;
	padding-top:0px;
	cursor:hand;

}
.z_text
{

	border:solid 1px #8CAEBD;
	
	padding-top:3px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;

	margin: 2px;
	
	height:21px;
	font-size:12px;	
}
.z_textreadonly
{
	border-right: 0px solid;
	border-top: 0px solid;
	border-left: 0px solid;
	border-bottom: 1px solid #8CAEBD;

	padding-left:2px;
	padding-right:2px;
	
	
	
	font-size: 12px;
	margin: 2px;
	
	background-color:Transparent;
	/*background-color:#D6DFE7;*/
}
.z_textarea
{
	border: 1px solid #8CAEBD;

	padding-top:4px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;	
	
	margin: 2px;
	
	/*background-image:url(didi.gif);*/
	font-size:14px;
	line-height:18px;
	text-align:left;
	text-justify:inter-word;
}
.z_textareareadonly
{
	border: 1px solid #8CAEBD;

	padding-top:4px;
	padding-bottom:4px;
	padding-left:2px;
	padding-right:2px;
	
	margin: 2px;
	
	/*background-image:url(didi.gif);*/
	font-size:14px;
	line-height:18px;
	text-align:left;
	text-justify:inter-word;
}
.z_content
{
	 font-size:14px;
	 background:url(contentdidi.gif) bottom;
 	 line-height:27px;
 	 padding-left:10px;
 	 padding-right:10px;
}
.z_content p
{
	 text-indent:2em;
}

.chat_input
{
	border: 1px solid #8CAEBD;
	
	
	padding-top:4px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;	
		
	margin: 2px;
	/*
	font-size:14px;
	height:24px;
	*/
	font-family:Fixedsys;
	height:26px;
	/*
	background-color:#000052;
	color:#C6C3C6;
	*/
	background-color:White;	
	color:Black;
}

.chat_view
{
	/*border: 1px solid #8CAEBD;*/

	padding-top:6px;
	padding-bottom:6px;
	padding-left:6px;
	padding-right:6px;
	
	margin: 2px;
	/*
	font-size:14px;
	line-height:19px;
	*/
	font-family:Fixedsys;	
	
	/*background-color:#000052;*/
	background-color:#214542;
	
	line-height:22px;
	text-align:left;	
	text-justify:inter-word;	
	
	scrollbar-arrow-color:#214542;
	scrollbar-base-color:#8CB2B5;
	scrollbar-shadow-color:#214542;
	scrollbar-darkshadow-color:#214542;
	scrollbar-highlight-color:#214542;		
}
.chat_list
{
	border: 1px solid #8CAEBD;

	padding-top:6px;
	padding-bottom:6px;
	padding-left:6px;
	padding-right:6px;
	
	margin: 2px;
	font-size:12px;
	
	text-align:left;
	text-justify:inter-word;	
	
	scrollbar-arrow-color:#637483;
	scrollbar-base-color:#CDD9E5;
	scrollbar-shadow-color:#637483;
	scrollbar-darkshadow-color:#637483;
	scrollbar-highlight-color:#637483;		
	
	background-color:#CEDFDE;
}
.chat_bychaterself
{
	font-family:Fixedsys;
	color:#00FF00;
}
.chat_bychaterother
{
	font-family:Fixedsys;
	color:#FFA67B;
}
.chat_bychater
{
	font-family:Fixedsys;
	color:#FFA67B;
}
.chat_tochater
{
	font-family:Fixedsys;
	color:#00FFFF;
}
.chat_say
{
	font-family:Fixedsys;
	color:#8482FF;
}
.chat_normal
{
	font-family:Fixedsys;
	color:#C6C3C6;
}
.chat_normalsecret
{
	font-family:Fixedsys;
	color:#99FF99;
}
.chat_normaltome
{
	font-family:Fixedsys;
	color:#C6C3C6;
	text-decoration: underline;		
}
.chat_sys
{
	font-family:Fixedsys;
	color:#FF99FF;
}
.chat_emote
{
	font-family:Fixedsys;
	color:#D5D500;
}
.chat_emotetome
{
	font-family:Fixedsys;
	color:#8482FF;
	text-decoration:underline;
}


.p_panel
{
	border :solid 1px black;
	/*
	border-right:outset #D6D7D6 1px ;
	border-top: outset #D6D7D6 1px;	
	border-left: outset #D6D7D6 1px;
	border-bottom: outset #D6D7D6 1px;	
	*/
	background-color: #D0DCE7;
	font-size: 12px;
	
}
.p_title
{
	padding-right: 6px;
	padding-left: 6px;
	font-weight: bold;
	font-size: 14px;
	background-image: url(top_image.gif);
	/*
	background-image: url(tablebigback.gif);
	background-position:right;
	background-repeat:no-repeat;
	*/
	padding-bottom: 3px;
	color: white;
	padding-top: 5px;
	background-color:#2E3D4A;
}
.p_head
{
	font-size: 12px;
	/*background-image: url(buttonback.gif);*/
	/*background-color :#637483;*/
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	
}
.p_body
{
	/*
	padding-right: 6px;
	padding-left: 6px;
	font-size: 12px;
	padding-bottom: 6px;
	padding-top: 6px;
	background-color: #D0DCE7;
	background-position:bottom right;
	background-repeat:no-repeat;
*/
	/*background-image:url(rightbody_back.jpg);*/
	/*
	scrollbar-arrow-color:#63869C;
	scrollbar-base-color:#ADCFDE;
	scrollbar-shadow-color:#63869C;
	scrollbar-darkshadow-color:#63869C;
	scrollbar-highlight-color:#63869C;	
	*/
	scrollbar-arrow-color:#637483;
	scrollbar-base-color:#CDD9E5;
	scrollbar-shadow-color:#637483;
	scrollbar-darkshadow-color:#637483;
	scrollbar-highlight-color:#637483;	

	
}
.p_end 
{ 
	FONT-SIZE: 12px; 
	/*BACKGROUND-IMAGE: url(buttonback.gif) */
}

.p_panel2
{
	border :solid 1px black;
	/*
	border-right:outset #D6D7D6 2px ;
	border-top: outset #D6D7D6 2px;	
	border-left: outset #D6D7D6 2px;
	border-bottom: outset #D6D7D6 2px;	
	*/
	background-color: #D0DCE7;
	font-size: 12px;
	
}
.p_title2
{
	padding-right: 6px;
	padding-left: 6px;
	font-weight: bold;
	font-size: 14px;
	
	background-image: url(top_image.gif);	
	/*
	background-position:right;
	background-repeat:no-repeat;
	*/
	padding-bottom: 3px;
	color: white;
	padding-top: 5px;
	background-color:#2E3D4A;
}
.p_head2
{
	font-size: 12px;
	/*background-image: url(buttonback.gif);*/
	/*background-color :#637483;*/
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	
}
.p_body2
{
	/*
	padding-right: 6px;
	padding-left: 6px;
	font-size: 12px;
	padding-bottom: 6px;
	padding-top: 3px;
	background-color: #D0DCE7;		
*/
	scrollbar-arrow-color:#637483;
	scrollbar-base-color:#CDD9E5;
	scrollbar-shadow-color:#637483;
	scrollbar-darkshadow-color:#637483;
	scrollbar-highlight-color:#637483;	
	

	
}
.p_end2
{ 
	FONT-SIZE: 12px; 
	/*BACKGROUND-IMAGE: url(buttonback.gif) */
}

.t_table
{
	/*border:solid 1px #8CAEBD;*/
	/*border:solid 1px #9ABDC0;*/
	border:solid 1px #9FAAC0;
}
.t_title_row
{
	/*
	border-width:1px;
	border-style:solid;
	border-color:white;		
	background-color:#8CAEBD;
	
	font-weight:bold;
	
	color:red;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	*/
	
}
.t_title_cell
{
	/*
	border-width:1px;
	border-style:solid;
	border-color:white;	
	background-image: url(buttonback.gif);
	background-color:#8CAEBD;
	font-weight:bold;
	color:black;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	*/
}
.t_head_row
{
	/*background-color:#8CB2B5;*/
	background-color:#9FAAC0;
	padding-top:3px;
	padding-left:5px;	
}

.t_head_cell
{
	padding-top:3px;
	padding-left:5px;
	color:Black;

	/*
	border-left-color :Black;
	border-left-style :outset;
	border-left-width :1px;
	*/

	/*
	border: outset 1px;
	background-color:#8CAEBD;
	border-bottom-color:#8CAEBD;
	border-top-color:White;
	*/
}
.t_head_cell A {
	text-decoration:  none;
}
.t_head_cell A:ACTIVE {
	color : red;
}
.t_head_cell A:VISITED {
	color : black;
}
.t_head_cell A:HOVER {
	color : red; 
}
.t_head_cell A:LINK {
	color: black;
}

.t_group_row
{
	/*
	border-width:1px;
	border-style:solid;
	border-color:white;	
	background-color :#637483;	
	font-weight:bold;
	color:White;
	*/
}
.t_group_cell
{
	/*
	border-width:1px;
	border-style:solid;
	border-color:white;	
	background-color :#637483;	
	font-weight:bold;
	color:White;
	*/
}
.t_active_row
{
	/*
	border-width:1px;
	border-style:solid;
	border-color:#98A2AC;		
*/
	background-color:#98A2AC;
}
.t_active_cell
{
	/*
	border-width:1px;
	border-style:solid;
	border-color:#EEF5FB;		
*/
	background-color:#EEF5FB;
	padding:3px 5px 3px 5px;	
}
.t_ge_row
{	
	/*
	border-width:1px;
	border-style:solid;
	border-color:#D5E5F3;		
	background-color: #B6C2CE;	
	*/
}
.t_ge_cell
{
	/*
	border-width:1px;
	border-style:solid;
	border-color:#D5E5F3;		
	background-color: #B6C2CE;	
*/
	font-size:12px;
	padding:3px 5px 3px 5px;	

}

.t_row
{
	/*
	border-width:1px;
	border-style:solid;
	border-color:#D5E5F3;	
	background-color:#D5E5F3;
*/

}
.t_cell
{	
	/*
	border-width:1px;
	border-style:solid;
	border-color:#D5E5F3;	
	background-color:#D5E5F3;
*/
	font-size:12px;
	padding:3px 5px 3px 5px;	
}
.t_select_row
{
	background-color:#EEF5FB;
	padding:3px 5px 3px 5px;	

}
.t_select_cell
{
	background-color:#EEF5FB;
	padding:3px 5px 3px 5px;	

}
.t_selected_row
{
	background-color:#EEF5FB;
	padding:3px 5px 3px 5px;	

}
.t_selected_cell
{
	background-color:#EEF5FB;
	padding:3px 5px 3px 5px;	
}
.t_end_row
{
	border:solid 1px #9FAAC0;
	color:#9FAAC0;
	/*background:#8CAEBD;*/
}
.t_end_cell
{
	/*
	border-width:1px;
	border-style:solid;
	border-color:blue;			
	*/	
	color:#9FAAC0;	
}


.bbs_table
{
	background-color:#6396D6;	
}
.bbs_td
{
	background-color:White;
	padding:4px 4px 4px 4px;
}
.bbs_td2
{
	background-color:#E7EBEF;
	padding:4px 4px 4px 4px;
}
.bbs_td3
{
	padding:5px 5px 5px 5px;
}
.bbs_view
{
	padding-top:4px;
	padding-bottom:4px;
	padding-left:2px;
	padding-right:2px;
	
	margin: 2px;
	
	font-size:14px;
	line-height:18px;
	text-align:left;
	text-justify:inter-word;
}


.grid_table
{
	background-color:#6396D6;	
}
.grid_bottom
{
	border-bottom: 1px solid #8CAEBD;
}
.grid_td
{
	background-color:White;
	padding:3px 3px 3px 3px;
}
.grid_td2
{
	background-color:#E7EFFF;
	padding:3px 3px 3px 3px;
}

.grid_td3 A {
	text-decoration:  none;
}

.grid_td3 A:ACTIVE {
	color : Red;
	/* when the mouse click it , it is doing*/	
}
.grid_td3 A:VISITED {
	color : white;
	/* alerdy visited href */
}

.grid_td3 A:HOVER {
	color : Red; 
	/* mouse moveover */
}

.grid_td3 A:LINK {
	color: white;
	/* the href link color */
}
.grid_td3
{
	background-image: url(tableheaddi.gif);
	color:White;
	padding:3px 3px 3px 3px;
	font-weight:bold;
}
.grid_td4
{	
	background-color:#CBE2FA;
	padding:4px 4px 4px 4px;
	
}
.grid_td5
{
	background-color:#CBE2FA;
	padding:4px 4px 4px 4px;	
}
.grid_view
{
	padding-top:4px;
	padding-bottom:4px;
	padding-left:2px;
	padding-right:2px;
	
	margin: 2px;
	
	font-size:14px;
	line-height:18px;
	text-align:left;
	text-justify:inter-word;
}

.buttonlink{
	font-size:14px;
	border-bottom: solid 1px #A9BBC9;
	padding-top:2px;
	padding-bottom:2px;
}
.buttonlink2{
	font-size:14px;
	padding-top:2px;
	padding-bottom:2px;
}

.com_table
{
	background-color:#EFFFCE;	
}
.com_td
{
	background-color:#EFFFCE;
	padding:4px 4px 4px 4px;
}
.com_td2
{
	background-color:#EFFFCE;
	padding:4px 4px 4px 4px;
	font-size:14px;
		
	margin: 2px;
	font-size:14px;
	line-height:20px;
	text-justify:inter-word;	
}
.com_td3
{
	padding:5px 5px 5px 5px;
	font-size:12px;
	font-weight:bold;
	color:black;
	background-image: url([@TempletPath]/bgtitle.gif);
	background-position: center top; 
	background-repeat:repeat-x;
		
}
.com_view
{
	padding-top:4px;
	padding-bottom:4px;
	padding-left:2px;
	padding-right:2px;
	
	margin: 2px;
	
	font-size:14px;
	line-height:18px;
	text-align:left;
	text-justify:inter-word;
}

.main_menu
{
    FONT-SIZE: 12px;
    COLOR: blue;
}

.z_texttd
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
     
}

/*---------------------------------------------------*/

.div_sort_container
{
	width:300px;
	border:solid 1px #6396D6;
	padding:4px 4px 4px 4px;
}
.div_sort_block_container
{
}
.div_sort_block
{
	width:288px;
	height:35px;
	border:outset 1px #6396D6;
	padding:2px 2px 2px 2px;
}
.div_sort_control
{
	width:30px;
	height:35px;
	float:right;
	font-family: Webdings;
}

.manage_box
{
	border:1px solid #848284; 
	background:#ffffff; 
	padding-top:4px;
	padding-bottom:5px;
	margin-top:3px;
}
.manage_head
{
	margin-left:5px;
	margin-right:5px;
	
	padding:2px 0px 6px 0px; 
	background:url(../../images/sys_04.gif) left top repeat-x; 
	text-align:center;
	color:White;
}
.manage_body
{
	margin-left:5px;
	margin-right:5px;	
}