/* Default CSS Stylesheet for a new Web Application project */

body,td,th 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body 
{
	margin: 0px 0px 0px 0px;
	background-image: url("images/mainbg.gif");
	background-repeat: repeat-x;
	background-color: #ededed;
}

img
{
	border-width: 0px;
}

HR
{
	border-width:0;
    height: 1px;
}


H1, H2, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	

H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	

A:link	{	
	text-decoration:	none;
	color:	#3333cc;
}	
		
A:visited
{	
	text-decoration:	none;
	color:	#3333cc;
}	
		
A:active
{
	text-decoration: none;
	color: silver;
}	
		
A:hover	{	
	text-decoration: underline;
	color:	gray; 
}
	
INPUT, SELECT
{
	font-family: Verdana, Arial, helvetica;
	font-size: 10pt;
}	

Table.Form
{
	padding:0;
	border-collapse:collapse;
	text-decoration:none;
	border: solid 1px silver;
	width: 558px;
}

	
Table.MainTable
{
	padding:0;
	width: 900px;
	height: 100%;
	border-collapse:collapse;
	text-decoration:none;
}

TD.TopMenuCell
{
	height: 18px;
	text-align: right;
	font-size: 10px;
	color: White;
	background-color: #18324B; /*#1f4162;*/
	border-right: solid 1px silver;
	border-left: solid 1px silver;
	padding: 0px 4px 0px 4px;
}

TD.TopMenuCell a:link
{
	color: White;
	font-size: 10px;
}

TD.TopMenuCell a:visited
{
	color: White;
	font-size: 10px;
}


TD.HeaderCell
{
	font-family: Verdana, Arial, helvetica;
	font-size: 12px;
	color: #000000;
	/*filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3399FF', endColorStr='#FEEACB', gradientType='1');*/
	/*filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FEEACB', endColorStr='#AFD4FF', gradientType='1');*/
	padding: 0;
	text-decoration:none; 
	text-align:center; 
	width:100%;
	border-right: solid 1px silver;
	border-left: solid 1px silver;
}

td.SubHeaderCell
{
	/*filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#996600', endColorStr='#FEEACB', gradientType='1');*/
	padding: 0px;
	text-decoration:none;
	text-align:center;
	vertical-align: middle;
	width:100%;
	height: 33px;
	border-right: solid 1px silver;
	border-left: solid 1px silver;
}


td.SubHeaderCell a:hover
{
	text-decoration: underline;
	color: white;
}

td.SubHeaderCell a
{
	text-decoration:none;
	color:#024669;	
	font-size: 12px;
}

td.SubHeaderLinkButton
{
	background-image: url("images/normal.gif");
	width: 138px;
	height: 33px;
	text-align: center;
	vertical-align: middle;
	color: #024669;
	font-weight: bold;
}

td.SubHeaderLinkButtonHighlighted
{
	background-image: url("images/over.gif");
	width: 138px;
	height: 33px;
	text-align: center;
	vertical-align: middle;
	color: #024669;
	font-weight: bold;
}


TD.LeftCell, div.LeftCell
{
	width: 180px; /* 140 */
	text-align: left;
  	vertical-align:top;
	background-image:url(images/sidebar.jpg);
	/* background-image:url(images/mid.gif); */
	background-repeat: repeat-x;
	background-color: White;
	/*filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#AFD4FF', endColorStr='#FFFFFF', gradientType='1');	*/
	/*filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FEEACB', endColorStr='#FFFFFF', gradientType='1'); */
	padding: 4px 4px 1px 4px;
	text-decoration:none;
	border: solid 1px silver;
}

TD.MainCell
{
	/*background-image:url(images/mid.gif);*/
	background-repeat: repeat-x;
	background-color: #F4F8FB;
	width: 718px; /* 750px;  */
	color: Black;
	text-align: justify;
	vertical-align: top;
	padding: 4px 0px 4px 4px;
	text-decoration: none;
	border: solid 1px silver;
}


TD.FooterCell
{
	/*background-image: url("images/footer.gif");*/
	color: gray;
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration:none; 
	text-align:center; 
	width:100%;
	border: solid 1px silver;
}

HR.Light
{
	background-color: silver; 
	color: silver; 
	height: 1px;
}

HR.Dark
{
	background-color: gray;
	color: silver; 
	height: 1px;
}

HR.LeftMenuSeperator
{
	background-color: white;
	color: silver; 
	height: 1px;
}

div.Box, table.Box
{
	border: solid 1px #a5bede;
	border-collapse: collapse;
	padding: 2px 2px 2px 2px;
}

div.PageTitle, td.PageTitle
{
	font-family: Verdana, Tahoma, Arial, helvetica;
	font-size: 10pt;
	font-weight: bold;
	color: #990033;
	/*height: 25px;*/
	padding-bottom: 20px;
}

div.LeftMenuPanel
{
	background-image:url(images/mid.gif);
	background-color: White;
	overflow: hidden;
	border: solid 1px #5e8cc8; /*#e5f0fe*/
	padding: 2px 0px 2px 2px; 
}


div.LeftMenuPanelHeader, span.LeftMenuPanelHeader
{
	/*
	background-image:url(images/sidebar.jpg);
	background-color: white; /* #e5f0fe;
	*/
	display: table-row;
}

div.LeftMenuPanelHeader a:link, span.LeftMenuPanelHeader a:link
{
	color: #0079c9; /*#2461bf;*/
	font-weight: bold;
	text-decoration: none;
}

div.LeftMenuPanelHeader a:visited, span.LeftMenuPanelHeader a:visited
{
	color: #0079c9;
	font-weight: bold;
	text-decoration: none;
}


div.RightPanel
{
	width: 130px;
	padding: 2px;
	margin-left: 8px;
	background-color: #7396b5; /* #ffcb63; */
	overflow: hidden;
}

div.RightPanelBox
{
	background-color: Yellow;  /* #E6FFCC; */
	overflow: hidden;
	border: solid 1px #5e8cc8; /*#e5f0fe*/
	padding: 2px 2px 2px 2px;
}


span.TitleJSK
{
	color: /*#f3f8fc;*/#0977f2;
	font-weight: bold;
}

span.TitleSoftware
{
	color: red; /*#DFDFDF;*/ /*#fe8107;*/
}

span.Highlight
{
	color: #0000B3; /* #356ca2; */
	font-weight: bold;
}


TD.Hosting
{
    width:20%;    
}