html, body 
{
	margin: 0; 
	padding: 0;
	font-family: verdana, arial, sans-serif;
    font-size: 14pt;
    color: #444444;
    background-image: none;
    background-color: white;  
	border:none;
	/*position: relative;*/
	height:100%;
}


.menuHeader 
{    
  margin: 0 auto;
  padding: 0;
  height:100%;
  vertical-align:top;
}

.DialogBody 
{
	margin: 0px;
	font-family: verdana, arial, sans-serif;
    font-size: 14pt;
    color: #444444;
    background-image: none;
    background-color: white;
    
}
.collapsePanel {
   
    background-color:white;
    overflow:hidden;
}
 
.collapsePanelHeader{   
    width:100%;      
    height:30px;
    background:#AAAAAA;
    color:Maroon;
    font-weight:bold;
}
.SystemName
{
	color:#cc0000;
	font-weight:bold;
	font-size: 14pt;
	letter-spacing:4pt;	
	font-family: Arial;
	vertical-align:bottom;
	padding-left: 5pt;
}

.contentLeft
{
    background-image: url(Image/l.gif);
    background-repeat: repeat-y;
    height:90%;
}

.contentRight
{
    background-image: url(Image/r.gif);
    background-repeat: repeat-y;
    height:90%;
}

.funcName
{
	/*background-image: url(../Images/funcName.jpg); */	
	border-top: #cc0000 1pt solid;
	background-repeat:repeat-x;
	background-color:#DDDDDD;
	font-size:14pt;
	font-weight: 600;
	/*font-weight:bold;*/
	font-family: Tahoma, Verdana;	
	height:20px;
	color:#444444;
	padding-left:10px;
}

.clsSection
{
	background-color:#FFCCCC;
	font-size:10pt;
	font-weight:normal;
	font-style:italic;
	font-family: Verdana;
	color:#000000;
	height:20px;	
	padding-left:5px;
	
}

.clsFieldName
{
	background-color:#f0f0f0 ;
	font-size:14pt;	
	font-family: Verdana;
	padding-left:4px;
	color:#444444;	
	height:20px;
	vertical-align:top;	
}

.clsFieldValue
{
	background-color:#ffffff;
	font-size:14pt;	
	font-family: Verdana;
	height:20px;
	vertical-align:top; 
	padding-left:6px;	
}

.clsMandatory
{
	color:Red;
	padding-left:5pt;
}

.clsGridViewHeaderSelect
{
	font-family:Wingdings; 
	font-size:18pt; 
	font-weight:normal;	
}

clsTabPanel
{
	font-size:14pt;
	font-family: Verdana;
}

/* unvisited and visited links */
A:link, a:visited  
{
	color: blue;
	font-size:14pt;
	font-family: Verdana;
}    

/* user hovers and active links  */
A:hover, A:active
{
	color: red;
	font-size:14pt;
	font-family: Verdana;
}   
 
.clsTextbox
{
	color:#444444;
	font-family: Verdana;
	font-size:14pt;
}

.clsDisabledTextbox
{
	color:#888888;
	font-family: Verdana;
	font-size:14pt;
}


.clsTextOnFocus
{
	color:#000000;
	font-family: Verdana;
	font-size:14pt;
	background-color: #ffffcc;
}


.clsCalTextBox {	
	font-size:14pt;
	font-family:Courier New; 
	text-align:right; 
	color:#444444;
	border-collapse:collapse; 
	border-width:0.5pt; 
	border-style:solid; 
	padding-top:0; 
	padding-bottom:0;	
	background-color: White;

}

.clsCalTextBoxOnFocus {	
	
	font-size:14pt;
	font-family:Courier New; 
	text-align:right; 
	color:#000000;
	border-collapse:collapse; 
	border-width:0.5pt; 
	border-style:solid; 
	padding-top:0; 
	padding-bottom:0; 
	background-color: #ffffcc;	
}

.clsCalendarDateSelected {
    font-family:Courier New; 
    font-size:14pt; 
    background-color:orange;        
    cursor:pointer;
    font-weight:bold;
}

.clsCalendarDateDeselected {
    font-family:Courier New; 
    font-size:14pt; 
    background-color:#F4F4F4; 
    cursor:pointer;  
    font-weight:bold;    
}

.clsDropdown
{
	color:#444444;
	font-family: Verdana;
	font-size:14pt;
}

.clsSymbol
{
	font-family:Wingdings;
	font-size:12pt;	
}

.clsButton
{
	cursor:pointer;		
	font-family: Verdana;
	font-size:20pt;
	color:#444444;
}

.clsScrollPanel
{
	border-collapse:collapse; 
	border-width:thin; 
	border-style:solid;
	border-color:#f0f0f0;
	scrollbar-face-color: #f0f0f0; 
	scrollbar-highlight-color: #FFE4E1;		
}

div.clsToolTipStyle
{
	visibility: hidden;
	position: absolute; 
	border: 1px solid black; 
	background-color:#ffffcc;
	font-family: Verdana;
	font-size:14pt;
	padding: 5px;
	z-index: 100;
}

.clsToolTipBackGround 
{
	visibility: hidden;	
	position:absolute;
	z-index:5;
	
}


h3
{
    font-weight: bold;
    font-family: Palatino Linotype, arial;
    font-size: 10pt;
    color: Maroon;
    margin: 5px 0px 5px 0px;
}

hr
{
	background-color:#cccccc;	
}

table.outTable
{
    /*border-top: #cc0000 1pt solid;*/
    border-bottom: #cc0000 1pt solid;
    width: 990px;
}

div.buttonBar
{
	border-bottom-color: #cc0000;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	background-color: #cccccc;
	width: 300px;
	margin: 0px;
	padding: 4px;
}

.GridAlternatingItem td
{
    /*border: solid 1px Gainsboro;*/
	padding: 5px 5px 5px 5px; /* text-align: center; */
	background-color: #f4f4f4;
}

.GridAlternatingItemDisable td
{
	padding: 5px 5px 5px 5px;
	background-color: #848484;
}

.clsGridFooter td, th
{
    /*border: solid 1px Gainsboro;*/
	padding: 5px 5px 5px 5px; /* text-align: center; */
	background-color: #9999CC;
	font-size:14pt;	
	color: White;
	font-weight: bold;
	border-color: #9999CC;
}


.GridHdr td, th
{
	/*border: solid 1px Gainsboro;*/
	padding: 5px 5px 5px 5px; 		
	/* text-align: center; */
	/*background-color: #fff593;*/
	background-color: #cccccc;
	font-size:14pt;
	color: #444444;
	
	margin: 5px;
}

.Grid td
{
	/*border: solid 1px Gainsboro;*/
	padding: 5px 5px 5px 5px; /* text-align: center; */
	background-color: white;
} 

.GridDisable td
{
	padding: 5px 5px 5px 5px;
	background-color: #848484;
}

.Grid2 td
{
	/*border: solid 1px Gainsboro;*/
	padding: 15px 15px 15px 15px; /* text-align: center; */
	background-color: red;
} 


.GridOutside
{
	border: solid 1px #cc0000;
	width: 100%;
}

.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}

.MaskedEditError
{
    background-color: #ffcccc;
}



.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	
	z-index:1;
	/*filter: alpha(opacity=90);*/
}

.LowerLayerPanel
{
	z-index:1;
}

.UpperLayerPanel
{background-color:#F5F7F8;
	z-index:100000;
}



.popupMenu {
	/*position:absolute;
	visibility:hidden;*/
	background-color:#F5F7F8;
	opacity:.9;
	
	z-index:1;
	/*filter: alpha(opacity=90);*/
}


.MenuItem
{
	background-color:white;
	border:1px solid #DDDDDD;
	color:#666666 !  important;
	font-size:10px;
	/*font-weight:700;*/
	padding-bottom:2px;
	text-align:left;
    height:15px;
}
.MenuItemHover
{
	/*background-color:#DDDDDD;*/
	background-color:#FFE4E1;
	color: #cc0000 !  important;
}

/* Menu */
.MainMenuStyle
{
	/*background-color: #F4F4F4;*/
	margin-top: 0px;
	margin-bottom: 20px;
	border-top: #cccccc 1px solid;
	/*border-bottom: #cc0000 5px solid;	*/
}

.MainMenuNodeStyle
{
    font-weight: bold;
    text-decoration: none;
    color: #505050;
    background-color: #f4f4f4;
    display: block;
    /*border-right: 4px solid #cccccc;*/
    padding:5px;
    /*padding:5px;*/
}

.MainMenuRootNodeStyle
{
	font-weight:bold;
    /*border-top: #DDDDDD 1px solid;    */
	
}

.MainMenuLeafNodeStyle
{
    font-weight: normal;
    padding-bottom: 0px;
    padding-top: 0px;    
}
	
.MainMenuHoverNodeStyle
{
    background-color: #eaeaea;
    color: #ff3300;
    
    /*border-right: 4px solid #cc0000;*/
    /*border-right: 4px solid #ff3300;*/
}

.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

.clsMandatoryTips
{
	font-family:Palatino Linotype; 
	font-size:14pt; 
	text-align:right; 
	color:#000066;
	background-color:White;	
}

/*Modal Popup*/
.clsModalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.clsModalPopup {
	/*background-color:#ffffdd;*/
	background-color: White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}



div.FieldGrid 
{
	width:928px; 
	margin: 2px; 
}

div.FieldGrid div.FieldCaption 
{
	width:150px; 
	height:22px;
	background-color:#f4f4f4; 
	font-size:14pt;	
	font-family: Verdana;
	float:left; 
	padding-left:4px; 
	vertical-align:top;	
} 

div.FieldGrid div.FieldValue 
{
	width:150px; 
	height:22px;
	background-color:#ffffff; 
	font-size:14pt;	
	font-family: Verdana;
	float:left; 
	padding-left:4px; 
	vertical-align:top;	
} 

div.FieldGrid div.FieldSpan2
{
	width:304px;
}

div.FieldGrid div.FieldSpan3 
{
	width:458px;
}

div.FieldGrid div.FieldSpan4
{
	width:612px;
}

div.FieldGrid div.FieldSpan5 
{
	width:766px;
}

div.FieldGridInTab
{
	width:868px; 
	margin: 2px; 
}

div.FieldGridInTab div.FieldCaption 
{
	width:140px; 
	height:22px;
	background-color:#f4f4f4; 
	font-size:14pt;	
	font-family: Verdana;
	float:left; 
	padding-left:4px; 
	vertical-align:top;	
} 

div.FieldGridInTab div.FieldValue 
{
	width:140px; 
	height:22px;
	background-color:#ffffff; 
	font-size:14pt;	
	font-family: Verdana;
	float:left; 
	padding-left:4px; 
	vertical-align:top;	
} 

div.FieldGridInTab div.FieldSpan2
{
	width:284px;
}

div.FieldGridInTab div.FieldSpan3 
{
	width:428px;
}

div.FieldGridInTab div.FieldSpan4
{
	width:572px;
}

div.FieldGridInTab div.FieldSpan5 
{
	width:716px;
}
 

/*** AJAX Tab Control Style ***/
/* ajax__tab_technorati-theme theme */
.ajax__tab_technorati-theme .ajax__tab_header 
{
    font-family:"Helvetica Neue", Arial, Sans-Serif;
    background:url(Image/technorati/tab-line.png) repeat-x bottom;
    font-size:12px;
    display:block;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(Image/technorati/tab.png) no-repeat left top;
    border-color:#222;
    color:#222;
    padding-left:10px;
    margin-right:3px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner 
{
    background:url(Image/technorati/tab.png) no-repeat right top;
    border-color:#666;
    color:#666;
    padding:3px 10px 2px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner 
{
    color:#000000;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(Image/technorati/tab.png) no-repeat 0pt -40px;
    border-bottom-color:#ffffff;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner 
{
    background:url(Image/technorati/tab.png) no-repeat right -40px;
    color:#000000;
    border-color:#333
}
.ajax__tab_technorati-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:8px;
    background-color:#ffffff;
    border:solid 1px #d7d7d7;
    border-top-width:0;
}



td.ColumnTitle
{
    /*border-top: #cc0000 1pt solid;*/
    font-family: Tahoma;
    font-weight:bold; 
    color:#444444;
    letter-spacing:2pt;
    border-bottom: #DDDDDD 1pt solid;
    height: 20px;
    vertical-align: bottom;
}

.buttonClass
{
    padding: 1px 1px;
    text-decoration: none;
    border: solid 1px Black;
    background-color: #ffffff;
}
.buttonClass:hover
{
    background-color: #ababab;
}