TD, P {
	font-family :  Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #333333;	
    	BACKGROUND-COLOR: #ffffff;

}

.title 
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.footerText 
{
	TEXT-ALIGN: center;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}

.message 
{
	font-family :  Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #0C6342;
	font-style:italic;
	font-weight: normal;
}

.login  
{
    	font-family :  Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight: bold;
	color : #000000;
}

.topNavText
{
	font-family:Arial,Sans-serif,sans;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	color:#0C6342;
	text-decoration:underline;
}

.topNavText1{
	font-family:Arial,Sans-serif,sans;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	color:#0C6342;
}

.headerTitle {
    	font-family :  Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight: bold;
	color : #000000;
}

.pageTitle 
{
    	font-family :  Arial, Helvetica, sans-serif;
	font-size : 18px;
	font-weight: bold;
	color : #0C6342;
}

.boldText 
{
    	font-family :  Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: bold;
	color : #000000;
}

.whiteText 
{
    	font-family :  Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #FFFFFF;
}

.GrayText 
{
    	font-family :  Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight: bold;
	color : #808080;	
}

.BlackText 
{
    	font-family :  Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight: normal;
	color : #000000;
	ALIGN=center;
}

.BlackBigText 
{
    	font-family :  Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight: bold;
	color : #000000;
	ALIGN=center;
} 

.Text1 
{
    	font-family :  Arial, Helvetica, sans-serif;
	font-size : 15px;
	color : #0C6342;	
}

.welcomeText 
{
    	font-family :  Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: bold;
	color : #ffffff;
}

H2 
{
    	font-family :  Arial, Helvetica, sans-serif;
	font-size : 24px;
	font-weight: bold;
	color : #000000;
}

INPUT
{
	PADDING-RIGHT: 1mm;
	PADDING-LEFT: 1mm;
	MARGIN-LEFT: 1mm;
	MARGIN-RIGHT: 1mm;
}

.header 
{
	BACKGROUND-COLOR: #0C6342;
	font-family :  Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #ffffff;
	height:25px;	
}

.submenu 
{	
    	BACKGROUND-COLOR: #ffffff; 
	padding-right:12px;
	padding-left:12px;
	padding-bottom:10px;
	padding-top:8px;
	valign:top;
	text-align:left;
	font-family:Arial,Sans-serif,sans;
	font-size:11px;
	font-weight:normal;
	line-height:12px;
	color:#999999;
}

.footer  
{
    	BACKGROUND-COLOR: #0C6342;
   	WIDTH: 100%;
   	border-top: 1px solid #000000;
    	CELLSPACING: 0;
    	CELLPADDING: 0;
    	VALIGN: top;
    	ALIGN: center
}

TD.menu-title
{
	BACKGROUND-COLOR: #0C6342;
	height: 25px;
	TEXT-ALIGN:left ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
}
.border
{
    	BORDER-RIGHT: #000000 1px solid;
    	BORDER-TOP: #000000 1px solid;
    	BORDER-LEFT: #000000 1px solid;
    	BORDER-BOTTOM: #000000 1px solid;
}

.border1
{
    	BORDER-RIGHT: #0C6342 1px solid;
   	BORDER-TOP: #0C6342 1px solid;
    	BORDER-LEFT: #0C6342 1px solid;
    	BORDER-BOTTOM: #0C6342 1px solid;
}

.inner
{
   	WIDTH: 100%;
    	COLOR: black;
    	BACKGROUND-COLOR: #BFF9BF;
    	VALIGN: top;
    	ALIGN: center;
}

.inner_dark
{
   	WIDTH: 100%;
    	COLOR: black;
    	BACKGROUND-COLOR: #299C39; 
    	VALIGN: top;
    	ALIGN: center;
}

table.inner1
{
    	WIDTH: 100%;
    	COLOR: black;
    	BACKGROUND-COLOR: #0C6342; 
    	VALIGN: top;
    	ALIGN: center;
}

TH
{
	BACKGROUND-COLOR:#299C39;
	TEXT-ALIGN: left;
	HEIGHT: 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
}

TABLE.vk  
{
    	BACKGROUND-COLOR: #ffffff;
    	WIDTH: 100%;
    	height: 100%;
    	border: 1px solid #999999;
    	CELLSPACING: 5px;
    	CELLPADDING: 5px;
    	VALIGN: top;
}

TABLE.vk_  
{
    	BACKGROUND-COLOR: #ffffff;
    	WIDTH: 100%;
    	height: 100%;
    	border: 2px solid #999999;
    	CELLSPACING: 5px;
    	CELLPADDING: 5px;
    	VALIGN: top;
    	BORDER-TOP: 0px; 
}

TABLE.navTable
{
    	BACKGROUND-COLOR: #0C6342;
   	 WIDTH: 100%;
	height: 100%;
    	border: 1px solid #999999;
    	CELLSPACING: 5px;
    	CELLPADDING: 5px;
    	VALIGN: top;
	TEXT-ALIGN:left ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
}

TD.vk-c
{
    	BACKGROUND-COLOR: #BFF9BF;//d2d2d2; 
}

TD.vk-c_P
{
    	BACKGROUND-COLOR: #F2F2F2;
    	BORDER-LEFT: #d2d2d2 2px solid;
    	BORDER-TOP: #d2d2d2 2px solid; 
    	BORDER-RIGHT: 0px;
    	BORDER-BOTTOM: #999999 2px solid;    
}

TD.vk-c_L
{
    	BACKGROUND-COLOR: #F2F2F2;
    	BORDER-RIGHT: #d2d2d2 2px solid;
    	BORDER-TOP: #d2d2d2 2px solid; 
    	BORDER-LEFT: 0px;
    	BORDER-BOTTOM: #999999 2px solid;
}

TD.vk-c_1
{
    	BACKGROUND-COLOR: #FFFFFF; 
    	BORDER-BOTTOM: #999999 2px solid;
}

TD.vk-c_2
{
    	BACKGROUND-COLOR: #FFFFFF;
    	BORDER-RIGHT: #999999 2px solid;
    	BORDER-TOP: #999999 2px solid;
    	BORDER-LEFT: #999999 2px solid; 
    	BORDER-BOTTOM: 0px;
}

TD.h
{
	BACKGROUND-COLOR:#299C39;
	TEXT-ALIGN: center;
	TEXT-VALIGN: top;
	HEIGHT: 20px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
}

INPUT.text
{
	PADDING-RIGHT: 1mm;
	PADDING-LEFT: 1mm;
	MARGIN-LEFT: 1mm;
	MARGIN-RIGHT: 1mm;
	border: 1px solid #0C6342;
}


INPUT.button_0ld
{
	background-color:#808080;  
        border:0;
	padding-right:20px; 
	padding-left:20px;  
        width=100px;
        height=30px;
	font-size:16px;  
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-color:#ffffff;
	text-color:#ffffff;
	TEXT-ALIGN: center;
	color: #FFFFFF;
	font-weight: bold;	
}

INPUT.button
{
       background-color:#258762;
       border:3px #d2d2d2; 	
       padding-left: 3px;
       padding-left: 3px;
       height=28px;
       font-size:14px;
       font-family:Arial, Helvetica, sans-serif;
       text-decoration:none;
       font-color:#ffffff;
       text-color:#ffffff;
       TEXT-ALIGN: center;
       color: #FFFFFF;
       font-weight: bold;
       border-style: outset;
}

BUTTON.button
{
       background-color:#258762;
       border:3px #d2d2d2; 	
       padding-left: 3px;
       padding-left: 3px;
       height=28px;
       font-size:14px;
       font-family:Arial, Helvetica, sans-serif;
       text-decoration:none;
       font-color:#ffffff;
       text-color:#ffffff;
       TEXT-ALIGN: center;
       color: #FFFFFF;
       font-weight: bold;
       border-style: outset;
}

a.headerLink:link,a.headerLink:visited  
{
	font-family:Arial,Sans-serif,sans;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	color:#000000;
	text-decoration:underline;
}

a.headerLink:hover, a.headerLink:active 
{
	font-family:Arial,Sans-serif,sans;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	color:#0C6342;
	text-decoration:none;
}

a.topNav:link,a.topNav:visited  
{
	font-family:Arial,Sans-serif,sans;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	color:#999999;
	text-decoration:none;
}

a.topNav:hover, a.topNav:active 
{
	font-family:Arial,Sans-serif,sans;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	color:#0C6342;
	text-decoration:underline;
}
	
a.tableLink:link,a.tableLink:visited  
{
	font-family:Arial,Sans-serif,sans;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	color:#ffffff;
	text-decoration:none;
}

a.tableLink:hover, a.tableLink:active 
{
	font-family:Arial,Sans-serif,sans;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	color:#FFFF10;
	text-decoration:underline;
}

a ,
a:link, 
a:visited ,
a:active 
{
	font-family:Arial,Sans-serif,sans;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	color:#000000;
	text-decoration:none;
}

a:hover  
{
	font-family:Arial,Sans-serif,sans;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	color:#0C6342;
	text-decoration:underline;
}
	
a.footerLink:link,a.footerLink:visited  
{
	font-family:Arial,Sans-serif,sans;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	color:#ffffff;
	text-decoration:underline;
	}

a.footerLink:hover, a.footerLink:active
{
	font-family:Arial,Sans-serif,sans;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	color:#FFFF10;
	text-decoration:none;
}

a.THLink:link,a.THLink:visited  
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style: normal;
	font-weight:bold;
	color:#ffffff;
	text-decoration:underline;
}

a.THLink:hover, a.THLink:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style: normal;
	font-weight:bold;
	color:#FFFF10;
	text-decoration:none;
}

a.GrayLink:link,a.GrayLink:visited  
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style: normal;
	font-weight:normal;
	color:#808080;             
	text-decoration:none;
	}
a.GrayLink:hover, a.GrayLink:active 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style: normal;
	font-weight:normal;
	color:#0C6342;
	text-decoration:underline;
}

a.GrayLightLink:link,a.GrayLightLink:visited  
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style: normal;
	font-weight:normal;
	color:#808080;             
	text-decoration:none;
}

a.GrayLightLink:hover, a.GrayLightLink:active 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style: normal;
	font-weight:normal;
	color:#0C6342;
	text-decoration:underline;
}

a.BigFontLink:link,a.BigFontLink:visited  
{
	font-family:Arial,Sans-serif,sans;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	color:#000000;
	text-decoration:none;
}

a.BigFontLink:hover, a.BigFontLink:active
{
	font-family:Arial,Sans-serif,sans;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	color:#0C6342;
	text-decoration:underline;
}

BODY
{
    font-family :  Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	BACKGROUND-COLOR: #ffffff;
	scrollbar-base-color: 0C6342;
	scrollbar-track-color: BFBFBF;
	scrollbar-face-color: E0E0E0;
	scrollbar-highlight-color: A1A1A1f;
	scrollbar-3dlight-color: C6342;
	scrollbar-darkshadow-color: 808080;
	scrollbar-shadow-color: 999966;
	scrollbar-arrow-color: 000000;

}

BODY.ms
{
    font-family :  Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	BACKGROUND-COLOR: #f0f0f0;
	scrollbar-base-color: 0C6342;
	scrollbar-track-color: ffffff;
	scrollbar-face-color: ffffff;
	scrollbar-highlight-color: ffffff;
	scrollbar-3dlight-color: 0C6342;
	scrollbar-darkshadow-color: ffffff;
	scrollbar-shadow-color: 999966;
	scrollbar-arrow-color: 0C6342;
}

INPUT.vk
{
   	background-color:#258762; 
	border:1px double #ffffff;
        width=300px;
        height= 20px; 
	font-size:13px; 
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-color:#ffffff;
	text-color:#ffffff;
	TEXT-ALIGN: center;
	color: #ffffff;
	font-weight: bold;
}

TD.vk1
{
    BACKGROUND-COLOR: #E2FCE2; //e6e6e6
}

TD.g 
{
    background-color: #7BC66B;
}

TD.y 
{
    background-color: #FFFF10;
}

TD.b  
{
    background-color: #63C6DE;
}

TD.r 
{
    background-color: #FF0000;
}

TD.W 
{
    background-color: #BFF9BF;//#d2d2d2
}

TD.gr 
{
    background-color: #BFF9BF; //d2d2d2;
}

TD.l_gr 
{
    background-color: #E2FCE3; //e0e0e0;
}

TD.scr 
{
    height= 200px;
    overflow-y:scroll;
}

INPUT.red_button
{
       background-color:#ff0000;
       border:3px #d2d2d2; 	
       padding-left: 3px;
       padding-left: 3px;
       height=28px;
       font-size:14px;
       font-family:Arial, Helvetica, sans-serif;
       text-decoration:none;
       font-color:#ffffff;
       text-color:#ffffff;
       TEXT-ALIGN: center;
       color: #FFFFFF;
       font-weight: bold;
       border-style: outset;
}

TH.hide
{
	BACKGROUND-COLOR:#ffffff;  
	HEIGHT: 0px;
	border: 0px
}

//   New Icon

div.inservice, div.oos, div.offline, div.warning, div.critical, div.disabled,div.sop
{
	display: -webkit-box;
	text-align: center;
}

div.inservice > *, div.oos > *, div.offline > *, div.warning > *, div.critical > *, div.disabled > *, div.sop > *
{
	font-size: 1.2em;
	font: 16px/20px Calibri, Helvetica, Arial, sans-serif;	
	height: 35px;
	color: #fff;
	text-decoration: none;
	padding: 1px 1px 1px 1px;
	margin: .1em;
	display: block;
	width: 167px;	
}



div.inservice > *, div.inservice > .current 
{
	background: #5cb03f;
}

div.oos > *, div.oos > .current 
{
	background: #b60e2c;
}

div.critical > *, div.critical > .current
{
	background: #d89a3e;	
}

div.offline > *,  div.offline > .current 
{
	background: #888;
}

div.warning > *, div.warning > .current 
{
	background: #dede12;		
}

div.sop > *, div.sop > .current 
{
	background: #3861b3;	
}

div.disabled > *, div.disabled > .current
{
	background: #9c3115;	
}



.quickjack2 
{
    background: none;
    color: #FFF;
    text-align: middle;    
    padding: 1px 1px 1px 1px;
    font: bold 14px "Calibri", Helvetica, Arial, sans-serif;	
    background-color: transparent;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.quickjack2_old 
{
    background: none;
    color: #fff;
    text-align: left;    
    padding: 3px 3px 3px 3px;
    font: bold 14px "Calibri", Helvetica, Arial, sans-serif;	
    background-color: transparent;
    vertical-align: bottom;
    text-transform: uppercase;
    letter-spacing: 1px;
}



div.cl_good 
{
	border-right: 2px solid #000;
	background-color: #339933;
	width: 7px;	
}

div.cl_coin_good 
{
	border-right: 2px solid #000;
	background-color: #66cc66;
	width: 7px;
}

div.cl_bv_good 
{
	border-right: 2px solid #000;
	background-color: #99cc99;
	width: 7px;
}
div.cl_low {
	border-right: 2px solid #000;
	background-color: #FFFFC6;
	width: 7px;	
}

div.cl_bv_low {
	border-right: 2px solid #000;
	background-color: #FFFFC6;
	width: 7px;	
}

div.cl_coin_low {
	border-right: 2px solid #000;
	background-color: #FFFFC6;
	width: 7px;	
}

div.cl_empty {
	border-right: 2px solid #000;
	background-color: #ff0000;
	width: 7px;	
}

div.cl_bv_empty {
	border-right: 2px solid #000;
	background-color: #ffffff;
	width: 7px;	
}

div.cl_blank {
	background-color: #000000;
	width: 3px;
}

div.coin_blank {
	background-color: #000000;
	width: 7px;
}

div.bv_blank {
	background-color: #000000;
	width: 7px;
}



div.cl_one_bv_good 
{
	border-right: 2px solid #000;
	background-color: #99cc99;
	width: 7px;
}

div.cl_one_bv_low {
	border-right: 2px solid #000;
	background-color: #FFFFC6;
	width: 7px;	
}

div.cl_one_bv_red {
	border-right: 2px solid #000;
	background-color: #ff0000;
	width: 7px;	
}

div.cl_one_bv_empty {
	border-right: 2px solid #000;
	background-color: #fff;
	width: 7px;	
}

td.critical, th.critical
{
    background-color: #FF9933;
    color: #000000;
    text-align: center;
}

td.warning, th.warning  
{
    background-color: #ffff00;
    color: #000000;
    text-align: center;
}

td.oos , th.oos
{
    background-color: #b60e2c; 
    color: #000000;
    text-align: center;
}

td.inservice, th.inservice
{
    background-color: #5cb03f;
    color: #000000;
    text-align: center;
}

td.sop, th.sop
{
    background-color: #0099ff;
    color: #000000;
    text-align: center;
}

td.disabled, th.disabled
{
    background-color: #000000; 
    color: #ffffff;
    text-align: center;
}

td.offline
{
    background-color: #888; 
    color: #000000;
    text-align: center;
}

.svt-critical 
{
    background: #ff0000;
    color: #000000;
    text-align: center;
}

.svt-warning  
{
    background: #ffff00;
    color: #000000;
    text-align: center;
}

.svt-inform
{
    background: #0099ff;
    color: #000000;
    text-align: center;    
}