BODY
{
    /*font-family: Arial;*/
    font-size: 10pt;
    color: #000000;
    white-space: nowrap;
	margin:0;
	padding:0;
	background: url('../images/bg01.jpg') no-repeat center center fixed;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

p.fancy img {  display: none;}
p.fancy:hover img { display: inline; /* or block */}

A:link {font-size:10pt; text-decoration:none;}
A:visited  {font-size:10pt;}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: #000;}


/*:active, :link, :visited { text-decoration: none; }*/



.oeMenu
{
    background-color:#000000;
    color: #FFFFFF;
    font-family: Arial;
    font-size: x-small;
    FONT-WEIGHT: bolder;
}
.oeLarge
{
    font-family: Arial;
    font-size: 14pt;
    color: #3333CC;
    white-space:
}
.oeLargeBold
{
    font-family: Arial;
    font-size: 12pt;
    font-weight: bolder;
    color: #000000;
    white-space:
}
.ntdsHeader
{
    font-family: Arial;
    font-size: 12pt;
    color: #3333CC;
    white-space:
}
.oeNormal
{
    font-family: Arial;
    font-size: 10pt;
    color: #000000;
    white-space:
}
.oeNormalBold
{
    font-family: Arial;
    font-size: 10pt;
       font-weight: bolder;
       color: #000000;
    white-space:
}
.oeTiny
{
    font-family: Arial;
    font-size: 10pt;
    color: #000000;
    white-space:
}

.alert
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #FF0000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bolder;
    TEXT-ALIGN: center
}

.pageTitle
{
    COLOR: #000000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 14pt;
    TEXT-ALIGN: left;
    margin-left: 1em;
    }
.step
{
    BACKGROUND-COLOR: #000080;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial;
    FONT-SIZE: 14pt;
    TEXT-ALIGN: left;
    color:#444;background:#ccc;padding:.3em;padding-right:3em;
}

.loginHeader
{
    background:url('../images/login-header.gif');
    COLOR: white;
    FONT-FAMILY: Arial;
    FONT-SIZE: 15pt;
    TEXT-ALIGN: center;
    color:white;padding:.9em;padding-right:3em;
}

.bottomMenu
{
    BACKGROUND-COLOR: #000080;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
    font-weight: bolder;
    TEXT-ALIGN: center;
    color:#444;background:#ccc;padding:.3em;padding-right:3em;
}
.sectionTitle
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #000080;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bolder;
    TEXT-ALIGN: left;
}

.oeNumbering
{   text-align: right;
    font-family: Arial;
    font-size: 10pt;
       font-weight: bolder;
       color: #000000;
    vertical-align:top ;
    padding-right: 1.2em;
}

.tableDisplay
{
    border-collapse:collapse;
    border-style:solid;
    border-width:2px;
    BACKGROUND-COLOR: #FFFFFF;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
    padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px
}
.tableHeader
{
    BACKGROUND-COLOR: #eef;
    COLOR: #444;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bolder;
}
.tableData
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
}
.oeBorder
{
    border: 1px solid #ccc
}
.alert
{
    COLOR: #FF0000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
}

.textHighlight
{
    COLOR: #000000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12pt;
    TEXT-ALIGN: left;
    FONT-WEIGHT: bolder;
}

.blink { text-decoration: blink; FONT-FAMILY: Arial; font-size: 9pt; color: red; background-color: white;}

.msgbody {  FONT-FAMILY: Arial; font-size: 10pt; background-color: #EEEECC; }



.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 60pt;
left: 60px; /*position where enlarged image should offset horizontally */



}


#dom
.on {
	background: white;
   	FONT-WEIGHT: bolder;
  	font-family: Verdana;
	height: 1%; /* Holly Hack */
}

.off {
background: #cc0;
}


/*Mouse over display images*/

span.dropt {border-bottom: thin dotted; background: #ffeedd;}
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;} 



-->

@font-face {
	font-family: 'HVN';
	src: url('../fonts/HelveticaNeueLTStd-Roman.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HVNb';
	src: url('../fonts/HelveticaNeueLTStd-Bd.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HVNl';
	src: url('../fonts/HelveticaNeueLTStd-Lt.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

.sitetitle {
	font: 30px 'HVNl', sans-serif;
	color: #ffffff;
	letter-spacing:-2px;
	margin-left:20px;
}

.tagline {
	font: 15px 'HVNl', sans-serif;
	color: #ffffff;
	line-height:10px;
	margin-left:20px;
}

.title {
	background: rgb(0, 0, 0) transparent; /* default fallback */
	background: rgba(0, 0, 0, 0.8); /* nice browsers */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000); /* IE 6/7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)"; /* IE8 */
	font: 60px 'HVNl', sans-serif;
	color:#FFF;
	margin-top:20px;
	margin-left:20px;
	max-width:600px;
	padding:0 0 5px 10px;
}

.white {
	background: rgb(255, 255, 255) transparent; /* default fallback */
	background: rgba(255, 255, 255, 0.8); /* nice browsers */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCffffff, endColorstr=#CCffffff); /* IE 6/7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCffffff, endColorstr=#CCffffff)"; /* IE8 */
	margin-top:5px;
	margin-left:20px;
	max-width:800px;
	padding:20px;
}

.white90 {
	background: rgb(255, 255, 255) transparent; /* default fallback */
	background: rgba(255, 255, 255, 0.95); /* nice browsers */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff, endColorstr=#e5ffffff); /* IE 6/7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff, endColorstr=#e5ffffff)"; /* IE8 */
	margin-top:5px;
	margin-left:20px;
	max-width:800px;
	padding:20px;
}


.text {
	font: 13px 'HVNl', sans-serif;
	color: #333333;
	letter-spacing:1;
}

.blue {
	font: 14px 'HVN', sans-serif;
	color: #0066ff;
	letter-spacing:normal;
}

.top {
	width: 100%;
	padding-top:20px;
	padding-bottom:30px;
	background: rgb(0, 102, 255) transparent; /* default fallback */
	background: rgba(0, 102, 255, 0.8); /* nice browsers */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC0066ff, endColorstr=#CC0066ff); /* IE 6/7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC0066ff, endColorstr=#CC0066ff)"; /* IE8 */
}

.form {
	padding-left:5px;
	padding-top:20px;
	
}

#capture {
	border:hidden;
	font-family: HVNl;
	color:#6b6969;
	font-size:15pt;
}

#capturesmall {
	border:hidden;
	font-family: HVNl;
	color:#6b6969;
	font-size:13pt;
}

.results {
	background:#FFF;
	padding-top:10px;
}

.resultblue {
	font: 15px 'HVNb', sans-serif;
	color: #0066ff;
	letter-spacing:0px;
	text-transform:uppercase;
}

.resultbatch {
	font: 15px 'HVN', sans-serif;
	color: #333;
	letter-spacing:0px;
}

.resulttitle {
	font: 14px 'HVNb', sans-serif;
	color: #999999;
	letter-spacing:0px;
}

.resultdata {
	font: 14px 'HVNl', sans-serif;
	color: #999999;
	letter-spacing:0px;
}

.btn1 {
	font: 20px 'HVN', sans-serif;
	color:#0066ff;
	margin-top:10px;
	margin-left:20px;
	max-width:600px;
	padding:0 0 10px 10px;
	cursor:pointer;
}

.btn2 {
	font: 20px 'HVN', sans-serif;
	color:#0066ff;
	margin-top:10px;
	margin-left:20px;
	max-width:600px;
	padding:0 0 10px 10px;
	cursor:pointer;
}

#screenshot{
	position:absolute;
	margin-top: -100px;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}