body
{
	height:100%;
}

td, div
{
	font-family:tahoma,Arial, Verdana;
	font-size:12px;
	line-height:20px;
}

td a
{
	text-decoration:none;
	color:#444444;
}

th
{
	font-family:tahoma,Arial, Verdana;
	background-color:#E9F5F7;
	font-size:11px;
	padding:4px;
	font-weight:normal;
	border-color:#DBDCE3;
	padding-left:5px;
	border-bottom:solid 1px #DBDCE3;
}

th a
{
	color:#0068CF;
	text-decoration:none;
}

hr
{
	border:solid 1px #ACACAC;
}
/*-----grid------------------------------*/
.Grid
{
	border-color:#DBDCE3;	
}

.GridGroup
{
	font-weight:bold;
	color:#0068CF;		
}

.GridGroup TD
{	
	border-bottom:solid 1px #DBDCE3;	
}

.GridHeader
{
	font-family:tahoma,Arial, Verdana;
	background-color:#FFFEEA;
	font-size:11px;
	padding:4px;
	font-weight:normal;
	border-color:#DBDCE3;
	padding-left:5px;
	border-bottom:solid 1px #DBDCE3;
}

.GridHeader TD
{
	border-bottom:solid 1px #DBDCE3;
}

.GridItem
{
	background-color:#ffffff;
	color:#333333;	
	border-bottom: solid 1px #F0F0F0;
}

.GridItem TD
{
	background-color:#ffffff;
	color:#333333;	
	border-bottom: solid 1px #F0F0F0;
	padding-left:5px;
}

.AltGridItem
{
	background-color:#FDFDD7;
	color:#333333;	
	border-bottom: solid 1px #F0F0F0;
}

.AltGridItem TD
{
	background-color:#FDFDD7;
	color:#333333;	
	border-bottom: solid 1px #F0F0F0;
	padding-left:5px;
}

.GridItemHover
{
	background-color:#D9F1F9;
	color:#333333;	
	border-bottom:solid 1px #DBDCE3;
}

.GridItemHover TD
{
	background-color:#D9F1F9;
	color:#333333;	
	border-bottom:solid 1px #DBDCE3;
	padding-left:5px;
}

.GridItemSelected
{
	background-color:#C3EBF9;
	color:#333333;	
	border-bottom: solid 1px #F0F0F0;
}

.GridItemSelected TD
{
	background-color:#C3EBF9;
	color:#333333;	
	border-bottom: solid 1px #F0F0F0;
	padding-left:5px;
}

.GridDragItem
{
	/*
	border:solid 1px #ACACAC;
	background-color:#FFFEEA;
	*/
	cursor:hand;	
	filter:alpha(opacity: 60);
}

/* ------- Common control in page ------------*/
.VE4NHeader
{
	BACKGROUND-IMAGE: url(Images/Header.png); 
	background-repeat:repeat-x;
	WIDTH: 100%; 
	HEIGHT: 57px;	
	padding-bottom:5px;
	text-align:right;
	padding-right:6px;
	padding-top:23px;
}

.VE4NHeader a:link
{
	font-weight:normal;
	color:White;
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
	text-decoration:none;	
}

.VE4NHeader a:hover
{
	font-weight:normal;
	color:White;
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
	text-decoration:none;	
}

.VE4NHeader a:visited
{
	font-weight:normal;
	color:White;
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
	text-decoration:none;	
}
.VE4NToolbar
{
	BACKGROUND: url(Images/ToolbarBG.gif) center repeat-x; 
	WIDTH:100%;
	height:23px;
	padding-top:3px; 		
	padding-bottom:2px;
}

.VE4NToolbar2
{
	BACKGROUND: url(Images/ToolbarBG.gif) center repeat-x; 
	WIDTH:100%;
	height:23px;
	padding-top:3px; 
	border-bottom:solid 1px #DBDCE3;	
	padding-bottom:2px;	
}

.VE4NToolbar3
{
	BACKGROUND: url(Images/ToolbarBG.gif) center repeat-x; 
	WIDTH:100%;
	height:21px;
	padding-top:4px; 
	border-bottom:solid 1px #DBDCE3;		
	border-Top:solid 1px #DBDCE3;	
}

.VE4NToolbar a:link, a:visited
{
	text-decoration:none;
	color:#444444;
}

.VE4NToolbar a:hover
{
	text-decoration:none;
	color:#333333;
}
/* -------------------------------------------*/

/* ------- Style of grid control -------------*/
.Grid
{
	border-color:#DBDCE3;	
}

.GridGroup
{
	font-weight:bold;
	color:#0068CF;		
}

.GridGroup TD
{	
	border-bottom:solid 1px #DBDCE3;	
}

.GridHeader
{
	font-family:tahoma,Arial, Verdana;
	background-color:#FFFEEA;
	font-size:11px;
	padding:4px;
	font-weight:normal;
	border-color:#DBDCE3;
	padding-left:5px;
	border-bottom:solid 1px #DBDCE3;
}

.GridHeader TD
{
	border-bottom:solid 1px #DBDCE3;
}

.GridItem
{
	background-color:#ffffff;
	color:#333333;	
	border-bottom: solid 1px #F0F0F0;
}

.GridItem TD
{
	background-color:#ffffff;
	color:#333333;	
	border-bottom: solid 1px #F0F0F0;
	padding-left:5px;
}

.GridItemHover
{
	background-color:#D9F1F9;
	color:#333333;	
	border-bottom:solid 1px #DBDCE3;
}

.GridItemHover TD
{
	background-color:#D9F1F9;
	color:#333333;	
	border-bottom:solid 1px #DBDCE3;
	padding-left:5px;
}

.GridItemSelected
{
	background-color:#C3EBF9;
	color:#333333;	
	border-bottom: solid 1px #F0F0F0;
}

.GridItemSelected TD
{
	background-color:#C3EBF9;
	color:#333333;	
	border-bottom: solid 1px #F0F0F0;
	padding-left:5px;
}

.GridDragItem
{
	/*
	border:solid 1px #ACACAC;
	background-color:#FFFEEA;
	*/
	cursor:hand;	
	filter:alpha(opacity: 60);
}
/*--------------------------------------------*/



/* ------- Style of form control -------------*/
.NotificationBox
{
	background-color:#FEFEFE;	
}

.NotificationBoxBottom
{
	background-color:#FEFEFE;
	background-image:url(Images/NotificationBox_06.gif);
	background-repeat:repeat-x;
	vertical-align:bottom;	
	text-align:center;
}

.InputFrame
{
	background-color:#E9F5F7;
	padding-top:5px;	
}

.UploadPanel
{	
	background-color:#FFFEEA;
	background-image:url(Images/HDotted.gif);
	background-repeat:repeat-x;
	padding:5px;
	height:76px;	
}

.UploadPanel2
{	
	background-color:#FFFEEA;	
}

.UploadPanel3
{	
	background-color:#FFFEEA;
	background-image:url(Images/HLine.gif);
	background-repeat:repeat-x;	
	padding-bottom:3px;
	color:#999999;	
}

.ViewPanel
{	
	background-color:#FFFFFF;	
	border: solid 1px #DBDCE3;
	padding:6px;
	margin:6px;
}

.LeftColumn
{
	text-align:right;
}

.RightColumn
{
	
}

Input
{
	font-size:11px;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	line-height:normal; 
	color: #333333;
}

.TextBox
{
	color:#444444;
	border:solid 1px #DBDCE3;
	background:#FFFFFF;
	font-size:11px;
}

.Button
{
	background: url(Images/button_rest.gif) center repeat-x ;
	height: 21px;
	cursor: pointer;
	cursor: hand;
	margin-top:7px;	
	margin-bottom: 5px;
	border-color: #707070;
	border-width:1px;
	font-size:11px;
}

.InlineButton
{
	background: url(Images/button_rest.gif) center repeat-x ;
	height: 18px;
	cursor: pointer;
	cursor: hand;		
	border-color: #707070;
	border-width:1px;
	font-size:11px;
}

.Link
{
	color:#0068CF;
	text-decoration:none;
}

.UploadControl
{	
	FILTER: alpha(opacity: 0); 
	moz-opacity: 0; 
	opacity: 0;
	border:none;
	width:20px;
}

.InvisibleControl
{		
	display:none;	
	border:none;
	width:0px;
}
/*--------------------------------------------*/


/*------ Control panel controls --------------*/
.ActionBar
{
	border-bottom:solid 1px #DBDCE3;
	BACKGROUND: url(Images/ToolbarBG.gif) center repeat-x; 
	height:24px;
}

.PaddingPanel
{
	padding:5px;
}

.FunctionPanel
{
	background-color:#E9F5F7;
	border-left:solid 1px #DBDCE3;		
}

.LeftPanel
{
	padding-left:4px;
	background:#ffffff;
}

.ContentBox
{
	background: url(Images/ContentboxBG.gif) top repeat-x ;	
	background-color: #E9F5F7;
	padding-top:9px;	
}

.ContentBox2
{
	background: url(Images/ContentboxBG.gif) top repeat-x ;	
	background-color: #E9F5F7;
	padding-top:2px;	
}

.OpinionBox
{
	background: url(Images/OpinionBG.gif);	
	background-repeat:no-repeat;	
	width:384px;
	height:210px;
	padding-top:30px;	
}

.OpinionTitle
{
	background: url(Images/OpinionTitle.gif);	
	background-repeat:no-repeat;
	height:44px;
	width:100%;
	background-color:#F9F9F9;
	border-top:solid 1px #E5E5E5;
	border-bottom:solid 4px #EDEDED;
	padding-top:10px;
	text-align:right;
}

.TaskTitle
{
	background: url(Images/TaskTitle.gif);	
	background-repeat:no-repeat;
	height:44px;
	width:100%;
	background-color:#F9F9F9;
	border-top:solid 1px #E5E5E5;
	border-bottom:solid 4px #EDEDED;
	padding-top:10px;
	text-align:right;
}

.BlankContentBox
{
	padding:10px;
}

.EditableField
{
	background-color: #FFFEEA;
	border: solid 1px #DBDCE3;
	padding:0px 3px 0px 3px;
	cursor:text;	
	overflow:auto;		
}

.ModalPanel
{
	background-image: url(Images/ModalBanner.gif);	
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	border: solid 5px #999999;
	padding: 65px 10px 10px 10px;
}

.ModalPanelContentBox
{	
	border: solid 1px #999999;
	background-color:#F8F8F8;
	padding: 10px 10px 10px 10px;
}

.ModalBackground
{	
	background-color:Gray;
	filter:alpha(opacity=20);
	opacity:0.2;
}

.ContentTitle
{
	font-weight:bold;	
	color:#444444;	
	font-size:13px;
	font-family:Verdana, Arial;
	height:30px;
}

.PanelBar
{	
	/*background: url(Images/PanelBar.gif) center repeat-x ;*/
	height:22px;
	border-bottom:solid 1px #DBDCE3;
	border-left:solid 1px #DBDCE3;	
	cursor:hand;
	width:100%;
}

.PanelBar a:link,a:hover,a:visited
{		
	color:#444444;
	text-decoration:none;				
}

.PanelBarHover
{	
	/*background: url(Images/PanelBarHover.gif) center repeat-x ;*/
	height:22px;
	border-top:solid 1px #E9F5F7;
	border-bottom:solid 1px #DBDCE3;
	border-left:solid 1px #DBDCE3;	
	cursor:hand;
	width:100%;
}

.PanelBarHover a:link,a:hover,a:visited
{		
	color:#444444;
	text-decoration:none;				
}

.FunctionPanelBar
{	
	margin-top:3px;	
	height:22px;	
	cursor:hand;
	width:100%;
}

.FunctionPanelBar a:link,a:hover,a:visited
{		
	color:#444444;
	text-decoration:none;				
}

.FunctionPanelBarHover
{		
	background-color:#D9F1F9;
	margin-top:3px;
	height:22px;	
	cursor:hand;
	width:100%;
}

.FunctionPanelBarHover a:link,a:hover,a:visited
{		
	color:#444444;
	text-decoration:none;				
}
/*--------------------------------------------*/

/* TREE VIEW */
.Root
{
	font-weight:bold;
	font-size:12px;	
}

.Root2
{
	font-weight:bold;
	color:#0068CF;
}

.StaffNode
{
	font-weight:bold;	
}

.StaffNodeSelected
{
	font-weight:bold;	
	color:#D6750D;
}
/*--------------------------------------------*/

/*----- Left title items ------*/
.HSCV_title
{
	background-image: url(Images/HSCV_BG.gif);
	background-repeat: no-repeat;
	height:29px;
}

.QT_title
{
	background-image: url(Images/QT_BG.gif);
	background-repeat: no-repeat;
	height:29px;
}
/*--------------------------------------------*/