body 
{
	font-family:Verdana,MS Sans Serif,Tahoma,Arial;
	font-size:9px;
	color:Black;
	background: url(Images/mItemBack.gif) repeat-y left top #F3F3F7;
	padding-left:0px;
	padding-top:0px;
	margin-left:0px;
	margin-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	margin-bottom:0px;
	margin-right:0px;
}
textarea
{
	font-family:Verdana;
	font-size:9pt;
	border:solid 1px #7f9db9;
}

.link_button
{
	color: Blue;
	font-size:10px;
	font-weight:bold;
}
/*============================ Left Menu ==============================*/
.menu_header
{
	background-image:url(Images/top_menu_bg.jpg);
	background-repeat:repeat-x;
	height:32px;
	
}

.top_menu_background
{
	background-image:url(Images/top_menu_bg.gif);
	background-repeat:repeat-x;
	height:29px;
	cursor:hand;
	padding-left:10px;
	margin-left:10px;
	text-decoration:none;
	color:Black;
	cursor:hand;
	font-weight:bold;
	font-size:9pt;

}

.top_menu_active_background
{
	background-image:url(Images/top_menu_active_bg.gif);
	background-repeat:repeat-x;
	height:29px;
	cursor:hand;
	padding-left:10px;
	margin-left:10px;
	text-decoration:none;
	color:Black;
	cursor:hand;
	font-weight:bold;
	font-size:9pt;

}

.menu_text
{
	text-decoration:none;
	color:White;
	cursor:hand;
	font-weight:bold;
	font-size:9pt;
}
.menu_text_sub
{
	text-decoration:none;
	color:Black;
	cursor:hand;
	font-weight:bold;
	font-size:9pt;
	
}
.top_menu_text
{
	text-decoration:none;
	color:White;
	cursor:hand;
	font-weight:bold;
	font-size:9pt;
}

.menu_text_hover
{
	text-decoration:none;
	color:Black;
	cursor:hand;
	font-weight:bold;
	font-size:9pt;
}

.menu_item
{
	background-image:url(Images/menu_bg.gif);
	height:29;
	background-repeat:repeat-x;
	cursor:hand;
	padding-left:5px;
	margin-left:5px;

}

.menu_item_hover
{
	background-image:url(Images/menu_hover_bg.gif);
	background-repeat:repeat-x;
	height:29px;
	cursor:hand;
	padding-left:5px;
	margin-left:5px;
}

.menu_item_active
{
	background-image:url(Images/menu_active_bg.gif);
	background-repeat:repeat-x;
	height:29px;
	cursor:hand;
	padding-left:5px;
	margin-left:5px;
	
}

.menu_horizontal_line
{
	background-image:url(Images/Horizontal_line.jpg);
	background-repeat:repeat-x;
	height:1px;
}

.show
{
	cursor:hand;
}
.hide
{
	cursor:hand;
	display:none;
}

.open
{
	display:block;
	border-color:Red;
}

.close
{
	display:none;
}

.menu_action_open
{
	display:block;
}
.menu_action_close
{
	display:none;
}

.menu_action
{
	background-image:url(Images/action_menu.jpg);
	background-repeat:repeat-y;
	height:100%;
}

.menu_tile
{
	color:#ec8202;
	font-size:12pt;
	font-weight:bold;
	margin-top:5px;
}
/*=============================== Horizontal menu ===========================*/

.horizontal_menu
{
	background-image:url(Images/horizontal_menu_bg.gif);
	background-repeat:repeat-x;
	height:34px;
}

.horizontal_menu_background
{
	background-image:url(Images/horizontal_menu_bg.gif);
	background-repeat:repeat-x;
	height:34px;
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	margin-right:10px;
	font-size:10pt;
	color:White;
	text-decoration:none;
	cursor:hand;
}

.horizontal_menu_active_background
{
	background-image:url(Images/horizontal_menu_active_bg.gif);
	background-repeat:repeat-x;
	height:34px;
	font-size:10pt;
	color:White;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	margin-right:10px;
	font-weight:bold;
}

.horizontal_menu_text
{
	font-size:10pt;
	color:White;
	text-decoration:none;
	cursor:hand;
	font-weight:bold;
}

.vertical_line
{
	background-image:url(Images/VerticalLine.jpg);
	width:1px;
	height:34px;
}

.vertical_px
{
	background-image:url(Images/px.jpg);
	width:2px;
	background-repeat:repeat-y;
}

.horizontal_px
{
	background-image:url(Images/px.jpg);
	width:2px;
	background-repeat:repeat-x;
	
}
/*=========================== Footer ========================*/
.footer_bg
{
	background-color:#9fbff5;
	text-decoration:none;
	font-size:9pt;
	font-weight:normal;
	height:50px;
}
.footer_text
{
	font-family:Verdana,Sans-Serif,MS Sans Serif,Tahoma;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	color:#012d96;

	margin-left:5px;
	padding-right:5px;
	margin-bottom:10px;
	padding-bottom:10px;
	margin-top:10px;
	padding-top:10px;
}

/*========================== Report viewer ==========================*/

.field_title
{
	font-family:Verdana;
	font-size:8pt;
	margin-left:5px;
	margin-right:5px;
	padding-left:5px;
	padding-right:5px;
}

.text_box
{
	font-family:Verdana;
	height:20px;
	border:solid 1px #7f9db9;
	font-size:11px;
}
.drop_down
{
	height:20px;
	font-family:Verdana;
	font-size:11px;
	border:solid 1px #7f9db9;
}
.report_filter
{
	padding-bottom:2px;
	margin-bottom:2px;
}
.text
{
	font-family:Verdana;
	font-size:8pt;
}
/*========================================Metric==============================================*/
.Grid
{
	font-family:Verdana;
	font-size:8pt;
}
.GridNoDataFound
{
	color:Blue;
	font-weight:bold;
}
.GridEditTextBox
{
	width:100%;
}
.LogoChannels
{
	font-family:Verdana;
	font-size:14px;
}
.GridAlternal
{
	height:"20px";
	background-color:#f0f0f0;
}
.GridRow
{
	height:"20px";
	background-color:Transparent;
}
.TreeContainer
{
	height:100%;
	width: 100%;
	overflow:auto;
	border: inset 1px #7f9db9;
    margin: 0px;
    padding: 0px;
}
.TreeValueContainer
{
	height:150px;
	width: 100%;
	overflow:auto;
	border: inset 1px #7f9db9;
    margin: 0px;
    padding: 0px;
}
.TreeFieldsContainer
{
	height: 124px;
	width: 100%;
	overflow:auto;
	border: inset 1px #7f9db9;
    margin: 0px;
    padding: 0px;
}
.TreeImageContainer
{
	padding-left: 1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.Treelink
{
    text-decoration: none;
	font-family:Verdana;
	font-size:8pt;
    white-space: nowrap;
    margin: 2px;
    color:Black;
}
.TreeAction
{
	cursor:hand;
}
.RightPanels
{
	font-family:Verdana;
	font-size:9pt;
	height:100%;
	width:100%;
	color:black;
	border: inset 1px #7f9db9
}
.ItemInactive
{
	background-color:Transparent;
	color:Black
}
.ItemActive
{
	background-color:#3162B7;
	color:White
}
.Note_Text
{
	color:Blue;
	font-family:Verdana;
	font-size:7pt;
}
/*==================================== Data grid ==================================================*/
.grid_header
{
	background-image:url(Images/grid_bg_header.gif);
	background-repeat:repeat-x;
	text-decoration:none;
	height:23px;
}

.data_grid
{
	color:#414b56;
	font-family:Verdana;
	font-size:10px;
	text-decoration:none;
}

.alternating_row
{
	color:Black;
	font-family:Verdana;
	font-size:10px;
	text-decoration:none;
	margin-left:2px;
	background-color:whitesmoke;
	height:22;
}
.grid_item
{
	margin-left:5px;
	padding-left:5px;
	height:20px;
}

.doc
{
	background-image:url(Images/Doc.gif);
	background-repeat:no-repeat;
	width:50px;
	height:50px;
	text-decoration:none;
	font-size:14px;
	color:#053a95;
	font-weight:bold;
	font-family:Verdana;
}

.flow_container
{
	margin-left:10px;
}

.grid_view_title
{
	font-family:Verdana;
	font-size:14px;
	color:Black;
	font-weight:bold;
}

fieldset
{
	margin-left:3px;
	padding-left:3px;
}

legend
{
	font-family:Verdana;
	font-size:12px;
	color:#053a95;
	padding-left:5px;
}

.image_button
{
	margin-top:2px;
	margin-left:5px;
	margin-bottom:2px;
}
/* for Metric Expression  */
.metricGroupPanel
{
    cursor: pointer;
    vertical-align: middle;
    background-color:#9fbff5;
    height:15px
}
.ParameterLayout
{
	border: solid 1px #7f9db9;
	width:100%;
	font-family:Verdana;
	font-size:8pt;
}

/* for Metric Tab  */
.tabView
{
    padding:2px;
}
.tabPane{
    height:21px;    /* Height of tabs */    
    border-bottom:1px solid #919b9c;
}
.aTab{
    border-left:1px solid #919b9c;
    border-right:1px solid #919b9c;
    border-bottom:1px solid #919b9c;    
    padding:0px;        
    height: 100%
}
.tabPane div{    
    float:left;
    height:100%;    /* Height of tabs */
    padding-left:1px;
    vertical-align:middle;
    background-repeat:no-repeat;
    background-position:bottom left;
    cursor:pointer;
    position:relative;
    bottom:-1px;
    margin-left:0px;
    margin-right:0px;
}
.tabPane .tabActive
{
    white-space:nowrap;
    background-image:url('Images/Tab/tab_left_active.gif');    
    margin-left:0px;
    margin-right:0px;    
    z-index:10;    
}
.tabPane .tabInactive{
    background-image:url('Images/Tab/tab_left_inactive.gif');    
    margin-left:0px;
    margin-right:0px;
    z-index:1;
}

.tabPane .inactiveTabOver{
    background-image:url('Images/Tab/tab_left_over.gif');
    
    margin-left:0px;
    margin-right:0px;
}
.tabPane span{    
    vertical-align:top;
    font-size:12px;
    padding-left:3px;
    padding-right:3px;        
    line-height:21px;
    float:left;
    
}
.tabPane .tabActive span{
    padding-bottom:1px;
    line-height:20px;
}

.tabPane img{
    vertical-align:top;    
}
/* End of Metric Tab  */

/*==================================== Label - linkButton - CheckBox (ThongNguyen) ==================================================*/
.title {
	text-align: left;
	color: Black;
	font-family: arial;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	}
.label 
	{
	color:Black;
	font-family: arial;
	font-size: 9pt;
	font-style: normal;
	font-weight:normal;
	}

.labelRed 
	{
	color:Red;
	font-family: arial;
	font-size: 9pt;
	font-style: normal;
	font-weight:normal;
	}

.labelWhite
	{
	color:Black;
	font-family: arial;
	font-size: 14px;
	font-style: normal;
	font-weight:normal;
	text-decoration:none;
	font-weight: bold;
	}

.linkButton 
	{
	color: Blue;	
	text-align: left;
	font-family: arial;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	}
.checkbox {
	text-align: left;
	color: Black;
	font-family: arial;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	}
.textbox 
	{
	color:Black;
	font-family: arial;
	font-size: 9pt;
	font-style: normal;
	font-weight:normal;
	}
	
	
	/*==================================== Ajax : Calendar ==================================================*/

.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;z-index:100003;}

.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}

.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}

.ajax__calendar_container TABLE {font-size:11px;}

.ajax__calendar_header {height:20px;width:100%;}

.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);}

.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);}

.ajax__calendar_title {cursor:pointer;font-weight:bold;}

.ajax__calendar_footer {height:15px;}

.ajax__calendar_today {cursor:pointer;padding-top:3px;}

.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}

.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}

.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;z-index:100003;}

.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}

.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}

.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

 
.ajax__calendar {

position: relative;
left: 0px !important;

top: 0px !important;
visibility: visible; display: block;










}

.ajax__calendar iframe

{left: 0px !important;

top: 0px !important;

}

/*==================================== Link DataGrid ==================================================*/

.login_form
{
	width:400px;
	height:150px;
	border-width:1px;
	border-style:solid;
	border-color:#033893;
}

.login_header
{
	background-image:url(Images/grid_bg_header.gif);
	background-repeat:repeat-x;
	text-decoration:none;
	height:23;
	font-size:12px;
	text-align:center;
	font-weight:bold
}
.login_entry
{
	padding-top:10px;
}
.login_container
{
	padding-top:150px;
}
.error
{
	color:Red;
	font-size:12px;
	font-weight:bold;	
}

.info
{
	color:#3465b9;
	font-size:12px;
	font-weight:bold;	
}

.paging
{
	color:#033893;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
.PagerContainerTable
{
	border-right: #333333 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	color: #d1d1e1;
	border-bottom: #333333 1px solid;
	background-color: #FFFFFF;
}
.PagerInfoCell
{
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 3px;
	font: bold 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
	color: #f0f1f2;
	padding-top: 3px;
	white-space: nowrap;
	background-color: #990000;
	font-weight:normal;
}
.PagerInfoCell:link
{
	color: #ffcc66;
	text-decoration: none;
}
.PagerInfoCell:visited
{
	color: #ffcc66;
	text-decoration: none;
}
.PagerCurrentPageCell
{
	color: #990000;
	background-color: #FFFF99;
}
.PagerOtherPageCells
{
	background-color: #f0f1f2;
}
.PagerSSCCells
{
	background-color: #cccccc;
}
.PagerHyperlinkStyle
{
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:hover
{
	color: #000000;
	text-decoration: none;
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:link
{
	color: #000000;
	text-decoration: none;
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:visited
{
	color: #000000;
	text-decoration: none;
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:active
{
	color: #000000;
	text-decoration: none;
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.input_panel
{
	border:1;
	border-style:solid;
	border-color:#033893;
}

.alternating_view_row
{
	color:Black;
	font-family:Verdana;
	font-size:10px;
	text-decoration:none;
	margin-left:2px;
	padding-left:2px;
	background-color:whitesmoke;
	height:22;
}
.view_row
{
	color:Black;
	font-family:Verdana;
	font-size:10px;
	text-decoration:none;
	margin-left:2px;
	padding-left:2px;
	background-color:white;
	height:22;
}
.view_item
{
	font-size:12px;
	font-weight:bold;
	
}

/*==================================== Link (thongnguyen) ==================================================*/

.linkHTML
{
	background-repeat:repeat-x;
	text-decoration:none;
	font-size:11px;
	color:White;
	font-weight:bold;
/*
	text-decoration: none;	text-align: left;
	color: #00213C;
	font-family: arial;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
*/
}


/*===================================Input Form============================================================*/
/* Set the td for Input Panel */
.input_container   
{   
    text-align:center;    
}

/* Set the table spacing for Input Panel*/
.input_container_table
{
    border-width:1px;
	border-style:solid;
	border-color:#033893;
}

/* Set the barner for Input Panel (Up / Down) */
.input_barner_up
{
    background-image:url(Images/grid_bg_header.gif);
	background-repeat:repeat-x;
	text-decoration:none;
	height:23;
	font-size:12px;
	text-align:center;
	font-weight:bold
}

.input_barner_down
{
    background-image:url(Images/grid_bg_header.gif);
	background-repeat:repeat-x;
	height:23;
}

/*=================================End Input Form==========================================================*/