body
{
    /*background: #C0C0C0;*/
    FONT-FAMILY: Arial, arial;
    font-size: 16pt;
    text-align:center; 
    border-style: solid;
    border-width:1px;  
    margin-left:auto;
	margin-right:auto;  
	min-height:575px;
  	height:auto !important;
  	height:575px;
	width: 896px; 
	   	
}

div.container {
    background:#E0E0E0;
    -moz-border-radius:12px;
    border-radius:12px;
    border-right:solid 2px #cccccc;
    border-bottom:solid 2px #cccccc;
    margin:0 0 6px 0;	
}

div.container div.content {	
    padding:16px;
    background:E0E0E0;
    -moz-border-radius:12px;
    top:-2px;
    left:3px;
    border-style:solid;
    border-width:2px;
    border-color:#000000;
}

div.container div.alert {
    color: #8B0000;
    font-size:20px;
    font-style: italic;
}

input.groovybutton
{
   font-size:20px;
   font-family:Trebuchet MS,sans-serif;
   font-weight:bold;
   color:#FFF;
   /* background-color:#663333; */
   background-color:#1E3860;
   /* background-image:url(../images/num_key2.png); */
   width:40px;
}

.welcome
{
    FONT-FAMILY: Arial, arial;
    font-size: 20pt;
    text-align:center;
}


.container
{
	
    border-collapse: collapse;
    overflow: none;
    width: 1066px;
    height: 4px;
}

.banner {

    text-align: right;
    font-family: Arial;
    font-style: italic;
    font-size: 10pt;
    padding-right: 8px;
    color: white;
    background-color: #6B7384;
    height: 36px;

}
.hvmenu {
	
    padding-left: 5px;
    color: white;
    height: 12px;
    font-size: 10pt;
    background-color: #1E3860;


}

.hvmenustatus {
	
    letter-spacing: 1px;
    font-size: 8pt;
    text-align: right;
    padding-right: 5px;
    color: white;
    height: 20px;
    background-color: #1E3860;

}
.style1
{
    padding-left: 5px;
    color: white;
    height: 8px;
    background-color: #1E3860;
    width: 1062px;
}
.style2
{
    text-align: right;
    font-family: Arial;
    font-style: italic;
    font-size: 11pt;
    padding-right: 8px;
    color: white;
    background-color: #6B7384;
    height: 17px;
}

/* Modal Popup CSS*/
.mpBg
{
	background-color: #3753fc;
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.mp
{
	background-color: white;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
}
.mpHd
{
	background-color: #616cae;
	border-color: White;
	border-width: 1px;
	color: White;
	font-weight: bold;
	width: 100%;
	height: 16px;
}
.mpClose
{
	text-align: center;
	width: 100%;
}
.mpCloseButton
{
	position: absolute;
	right: 4px;
	width: 17px;
	height: 18px;
}

.btndetails
{
 
	color:#003366;
	font-family:'trebuchet ms',helvetica,sans-serif;
	font-size:84%;
	font-weight:bold;
	background-color:#E6E6E6;
	border:1px solid;
	border-top-color:#E6E6E6;
	border-left-color:#E6E6E6;
	border-right-color:#E6E6E6;
	border-bottom-color:#E6E6E6;

}
.detail
{
	font-family:lucida grande,arial,helvetica,sans-serif;
	font-size:11px;
	background-color:#fff;
	border:solid 2px #000;
	padding:4px;
}
.keypad
{
    width:162px; 
    height: 276px; 
    text-align:center; 
    background-color:#6B7384;
    border-color:#003366; 
    border-style:outset;  
    border-width:6px;
    margin:0;
    padding:0 0 0 4px;
}
.keypad1
{
    width:162px; 
    text-align:center; 
    background-color:#6B7384;
    border-color:#003366;
    border-style:outset; 
    border-width:6px;
    margin:0;
    padding:0;
}


.keypadtextbox
{
    width:156px; 
    border-color:#504A4B; 
    border-style:solid; 
    border-width:4px;
    margin:0;
    padding:0;
}

.postit
{
    border-style:outset; 
    border-color:#003366;
    border-width:4px; 
    text-align:center; 
    vertical-align:middle; 
    padding:0 0 6px 0;
    width:400px;
}
.postit_title
{
    border-width:0 0 5px 0; 
    background-color:#003366; 
    border-style:outset; 
    border-color:#003366;
    text-align:left; 
    color:white;
    vertical-align:middle; 
    padding:0 0 0 10px;
    width:400px;
}
#lblSignIn
{
    padding: 6px;
}
#CriteriaSpan
{
    font-size:12pt;
    color:#555;
    padding: 4px;
}