﻿body {

	background-color:#3f5c7c;
	height:100%;
	/* background-image:url('~/images/vtm_smBg.jpg');
	background-repeat:repeat; */

}
a:link 
{  
font-family: Arial,Verdana,Helvetica; 
font-size: 11px; 
font-style: normal;  
font-weight: bold;
color:rgb(000,000,000)
}
a:active
{
font-family: Arial,Verdana,Helvetica; 
font-size: 13px; 
font-style: normal;  
font-weight: bold;
color:rgb(000,000,000)
}
a:visited
{
font-family: Arial,Verdana,Helvetica; 
font-size: 13px; 
font-style: normal;  
font-weight: bold;
color:rgb(130,159,191)
}
a:hover
{
font-family: Arial,Verdana,Helvetica; 
font-size: 14px; 
font-style: normal;  
font-weight: bold;
color:rgb(000,000,000)
}

.transparent_class {
	-filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	-ie-opacity: 0.5;
}
.modalbackground {
-filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	-opacity: 0.5;
}


.dynamicmenuarea
{
	background-color:#3f5c7c;
	text-align:left;
	float:left;
	top:0px;
	width:100%;
	
	/* height:430px; */
	padding-bottom: 2px;
	padding-right:0px;
	/* background-image:url('http://www.vtm.com/images/MenuHoverBackground.bmp');
    */
    margin-left: 5px;
}
.dynamicgidarea
{
	background-color:#3f5c7c;
	text-align:left;
	float:left;
	width:100%;
	
	/*height:100%;
	/* height:430px; */
	padding-bottom: 2px;
	padding-right:0px;
	/* background-image:url('http://www.vtm.com/images/MenuHoverBackground.bmp');
    */
    margin-left: 5px;
}
.prosearchspacer
{

	/*background-image:url('~/images/vtm_background.jpg');
	background-repeat:no-repeat; 
	background-position:center;  */
	background-color:#ffffff;
	text-align:left;
	top:auto;
	left:12px;
	width:100;
	padding-bottom: 2px;
	padding-right:0px;
 font-size   : 10px;
	font-family: Verdana;
}
.checkstyle
{
    background-image:"images/keyboard.jpg";
    background-color:Transparent;
    
}
.contentspacer
{
	margin-top:50px;
	margin-left:4px;
	/*background-image:url('~/images/vtm_background.jpg');
	background-repeat:no-repeat; 
	background-position:center;  */
	width:5px;
	height:541px;

}
.dynamicpagebackground
{
	margin-top:0px;
	margin-left:0px;
	/*background-image:url('~/images/vtm_background.jpg');
	background-repeat:no-repeat; 
	background-position:center;  */
	width:100%;
	height:100%;
background-color:#3f5c7c;
}

.pagebackground
{
	margin-top:50px;
	margin-left:0px;
	/*background-image:url('~/images/vtm_background.jpg');
	background-repeat:no-repeat; 
	background-position:center;  */
	width:900px;
	height:541px;

}
.pagebackground2
{
	margin-top:10px;
	margin-left:10px;
	/*background-image:url('~/images/vtm_background.jpg');
	background-repeat:no-repeat; 
	background-position:center;  */
	width:100%;
	height:100%;
	background-color:#3f5c7c;
}

.imagearea
{
	background-color:#ffffff;
	text-align:left;
	float:left;
	padding:3px 3px 3px 3px;
}
.menuitemselected
{
	background-color:#ffffff;
	text-align:left;
	float:left;
	padding-bottom: 2px;
	padding-right:5px;
	 width:137px;
	 height:22px;
	background-image:url('http://www.vtm.com/images/MenuHoverLogonBackground.bmp');
}
.menuemptycell
{
	background-color:#ffffff;
	text-align:left;
	background-image:url('http://www.vtm.com/images/MenuHoverLogonBackground.bmp');
}

.menuhoverlogon
{
	background-color:#ffffff;
	text-align:left;
	float:left;
	padding-bottom: 2px;
	padding-right:5px;
	 width:137px;
	 height:22px;
	background-image:url('http://www.vtm.com/images/MenuHoverLogonBackground.bmp');
}
.menuitemhover
{
	background-color:#ffffff;
	text-align:left;
	float:left;
	top:0px;
	left:200px;
	width:119px;
	padding-bottom: 2px;
	padding-right:0px;
	background-image:url('http://www.vtm.com/images/MenuHoverBackground.bmp');
}
.menuitemhover2
{
	background-color:#3f5c7c;
	text-align:left;
	float:left;

	padding-bottom: 2px;
	padding-right:0px;
	
}

.menuitemlogon1
{
	background-color:#ffffff;
	text-align:left;
	float:left;
	top:0px;
	left:200px;
	width:127px;
	padding-bottom: 0px;
	padding-right:0px;
	background-image:url('~/images/MenuLogonBackground.bmp');
}

.menuitemlogon2
{
	background-color:#ffffff;
	text-align:left;
	float:left;
	top:0px;
	left:200px;
	width:127px;
	padding-bottom: 0px;
	padding-right:0px;
	background-image:url('http://www.vtm.com/images/MenuHoverLogonBackground.bmp');
}
.menuarea
{
	background-color:#ffffff;
	text-align:left;
	float:left;
	top:0px;
	left:200px;
	
	/* height:430px; */
	padding-bottom: 2px;
	padding-right:0px;
	background-image:url('http://www.vtm.com/images/MenuHoverBackground.bmp');
    
    margin-left: 5px;
}
.contentarea
{
	background-color:#ffffff;
	/*padding:1px 3px 3px 3px; */
	font-size: 12px;
	font-family: Verdana;
	color:Black;
	height:538px;
	width:100%;
	padding-right:3px;
	padding-left:15px;
}
.contentarea1
{
	/*padding:1px 3px 3px 3px; */
	font-size: 12px;
	font-family: Verdana;
	color:Black;
	width:100%;
	text-align:center;
	 vertical-align:top; 

}

.contentarea2
{
	background-color:#ffffff;
	/*padding:1px 3px 3px 3px; */
	font-size: 12px;
	font-family: Verdana;
	color:Black;
	
	width:100%;
	height:95%;
	text-align:center;
	 vertical-align:middle; 

}
.loginbutton
{
    font-size: 12px;
     vertical-align:middle; 
     height:2em;
}

.reporting
{
overflow: auto;
width:95%;
font-size: 10px;
font-family: Verdana;
height:100%;
visibility: visible;
}
.grid
{
overflow: auto;
width:100%;
height:200px;
font-size: 10px;
font-family: Verdana;
visibility: visible;
}
.keyboardstyle
{
	width:201;
	margin-right:0px;
	margin-left:10px; /* firefox browser */
	margin-bottom:0px; 
	position: absolute;
	left:600;
	top:218;
	text-align:right;
	display:inline-block;
	float:right;
}
.contentheader
{
	font-size: 14px;
	font-family: Verdana;
	font-weight:bold;
	color:#3f5c7c;
	background-color:#ffffff;
	text-align:center;
	padding-top:20px;
	
	
}
.contentheader2
{
	font-size: 14px;
	font-family: Verdana;
	font-weight:bold;
	color:#3f5c7c;
	background-color:#ffffff;
	text-align:Left;
	padding-top:20px;
	height:95%;
	
	
}

.dynamicpageheader
{
	font-size: 18px;
	font-family: Verdana;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
    padding-right:20px;
}
.menuheadding
{
	font-size: 12px;
	font-family: Verdana;
	color:#ffffff;
	background-color:#3f5c7c;
	text-align:center;
	vertical-align:top;
}

.reportcurrency
{
	font-size: 10px;
	font-family: Verdana;
	color:Red;
	text-align:Right;
	
    
}

.contenttext
{
	font-size: 12px;
	font-family: Verdana;
	color:Black;
	text-align:left;
	font-weight:lighter;
    
}
.contenttextcenter
{
	font-size: 12px;
	font-family: Verdana;
	color:Black;
	text-align:center;
	font-weight:lighter
	
}

div.menubar,
div.menubar a.menubutton,
div.menu,
div.menu a.menuItem {
  font-family: "MS Sans Serif", Arial, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 700;
  color: rgb(255,255,255);
}


div.menubar {
  background-color: rgb(73,106,143);
  border: 3px outset #e0e0e0;
  padding: 4px 2px 4px 2px;
  text-align: center;
}


.vtmbutton {
  background-color: rgb(73,106,143);
  border: 3px outset #e0e0e0;
  padding: 4px 2px 4px 2px;
  text-align: center;
  font-family: "MS Sans Serif", Arial, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 700;
  color: rgb(255,255,255);
}
.vtmbutton:hover {
  background-color: rgb(73,106,143);
  border: 3px outset #e0e0e0;
  padding: 4px 2px 4px 2px;
  text-align: center;
  font-family: "MS Sans Serif", Arial, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 700;
  caption-side:top;
  color: rgb(255,0,0);
}


div.menubar a.menubutton {
  background-color: rgb(73,106,143);
  border: 0px solid #e0e0e0;
  color:  rgb(255,255,255);  /* button color */
  cursor: default;
  left: 0px;
  margin: 0px;
  padding: 2px 2px 2px 2px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menubar a.menubutton:hover {
  background-color: rgb(73,106,143);
  border: 2px outset #e0e0e0;
  color: rgb(0,0,0); /* Hover Text Color */
}

div.menubar a.menubuttonactive,
div.menubar a.menubuttonactive:hover {
  background-color: rgb(73,106,143);
  border: 2px inset rgb(22,160,226);
  color: rgb(0,0,0); 
  left: 1px;
  top: 1px;
}

div.menu {
  background-color:rgb(73,106,143);
  border: 1px outset #e0e0e0;
  left: 0px;
  padding: 2px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuitem {
  background-color: rgb(73,106,143);
  color: rgb(255,255,255);
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuitem:hover, div.menu a.menuitemHighlight {
  background-color: rgb(73,106,143);
  color: rgb(0,0,0);
}

div.menu a.menuitem span.menuitemText {}

div.menu a.menuitem span.menuitemArrow {
  margin-right: -.0px;
}

div.menu div.menuitemSep {
  border: 2px inset #e0e0e0;
  margin: 4px 2px;
}


