/*Body Styles*/

body {font-family:Arial; text-align:center; background:#F0F0F0;}
body.tarf {font-family:Arial; font-size:10pt; text-align:center; background:#F0F0F0; }
body.inv {
	font-family:Arial;
	text-align:center;
	background:#F0F0F0 no-repeat top left ;
}
body.toplogo {	font:12px arial,verdana,sans-serif normal;
				text-align:center;
				background:#F0F0F0 no-repeat top left; }

body.quick {
	font-family:Arial, sans-serif;
	font-size:8.0pt;
	text-align:center;
	background:url('../DatamarkLive-black.png') no-repeat top left ;
	background-size: 80% ;
}

nav {/*Main Menu Container*/
	font:12px Arial,sans-serif normal;
	line-height: 1.5; margin: auto;
	width: 200px;
	text-align:center;
	position:fixed;
	top:100px;
	left:0px;
}

.menu-item {/*This is for the DIV tag that contains each Menu Group*/
	background: #FFFFFF;
	width: 200px;
}
.menu-item h4 {/*Contains the the title of each Menu Group*/
	color: #FFFFFF;
	font: 12px Arial,sans-serif bold;
	padding: 5px 5px;
	background: #000033;
	border-bottom: 1px solid #000033;
	border-top: 1px solid #000033;
}

.menu-item ul {/*Contains settings for how sub menu looks when it pops */
	background: #ffffff;
	font: 12px Arial,Helvetica,sans-serif normal;
	line-height: 20px;
	height: 0px;
	list-style-type: none;
	overflow: hidden;  padding: 0px;
}

.menu-item:hover ul {/*Height of the pop submenu*/
	height: 75px;
}

/*Each list items*/
.menu-item li {
	border-bottom: 1px solid #6699FF;} 
/*List items when hover*/
.menu-item li:hover {
	background: #6699FF;
}

.menu-item h4 a {
	color: white;
	display: block;
	text-decoration: none;
	width: 200px;
}

.menu-item h4:hover {
	background: #6699FF;
}

.alpha p {/*Contains the company info stuff...it does not pop in and out*/
	font: 12px Arial, Helvetica, sans-serif normal;
	padding: 5px 5px;
	color: #000000;
}

.menu-item ul a {/*Any links that are in a list*/
	text-decoration: none;
	color: #000000;
	display: block;
	width: 200px;
}


			




.forms {
background-color: #E4F8FA;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #CAE4FF;
}

.babyform {
width:85%;
font: normal 12px arial,verdana;
padding: 3px;
border: solid 4px #c00;
}

input.long {
	width:25em;
}
input.s3 {
	width:3em;
}
input.s10 {
	width:10em;
}
input.s25 {
	width:25em;
}
input.s50 {
	width:50em;
}
input.s100 {
	width:100em;
}

input.count {
	width: 3em ;
	color: black;
	background-color:#99CCFF;	
}

button.nrec {
	height:25px ;
	width:75px;
}
button.hrec {
	height:25px ;
	width:75px;
}
button.arec {
	height:25px ;
	width:75px;
}

.myaccount {
background-color: #E4F8FA;
font: normal 12px arial,verdana;
padding: 2px 5px;
border: 1px solid #CAE4FF;

}



.main {
font: normal 12px arial,verdana;
padding: 2px;
margin: 2px;

 }
 
.comphdr {
 font: normal 20px arial, verdana;
 color: #990000;
 border-bottom: 3px solid #990000;
 }
 .titlehdr {
 font: normal 20px arial, verdana;
 color: #c00;
 //border-bottom: 3px solid #c00;
 }
 
 .titlehome {
 font: normal 15px arial, verdana;
 color: #c00;
position:fixed;
top:30px;
right:5px;
 }
 
.msg {
padding: 5px;
width: 600px;
margin: 2px;
color: #c00;
border: 1px solid #c00;
background-color: #FEF1ED;
font: bold 13px  verdana;
} 

td.error
{
color: red;
font-weight: bold;   		
text-align: center;}

th.error {
color: red;
text-align: center;
font: bold 14px arial, verdana;
}

h1.error {color: red; font-weight: bold; }
 
.error {
font: normal 11px arial, verdana;
color: #c00;
border: 1px solid #c00;
padding: 2px;
margin: 5px;
float: left;
background-color: #FEF1ED;
}
 
 .example {
font: normal 10px arial;
color: red;
}
.approved {
font: normal 10px arial;
color: green;
}

.loginform {
font: 16px normal arial;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid RGB(0,0,0);
}

.loginform #txtbox {
font: bold 16px arial;
color: #f00;
}
.table-scroll {
	max-height:400px;
/*	height:400px;*/
	color: #f00;
	border: 8px double #c00;
/*	overflow-y:scroll;*/
	overflow:scroll;
}
.tr-ht {
	height:10px ;
}


table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}



.ngd {
	width:33%;
/*	height:400px;*/
	border:8px double #c00;
}

.ngd_short {
	width:400px;
	height:400px;
	border:8px double #c00;
}

.ngd_scroll {
	width:400px;
	height:400px;
	border:8px double #c00;
}

.ngd {
	width:400px;
	height:400px;
	overflow-y:auto;
	border:8px double #c00;
}


.centertbl
{ 
text-align: center;
}

table.ngtm
{ 
    margin-left:auto;
	margin-right:auto;
	width:100%;
	font-family:arial,sans-serif;
	font-size:10pt ;
	text-align: left;
}
table.ngtm tr	{
		width:33%;
	}

/*Begins section for INVENTORY styles*/ 

/*
div.inv {
	width:200px;
	height:200px;
	border: 5px solid #c00;
	overflow-y:auto;
	text-align:center;
}
	
div.inv table {
	border:5px;
	padding:15px;
	width:100%;
	font-family:arial,sans-serif;
	font-size:8pt ;
    margin-left:auto;
	margin-right:auto;
	text-align: left;
}
body.inv {font-family:Arial; text-align:center; background:url('../doggie.gif') #FFFFFF no-repeat top left ;}
input.cuft {
	background-color: #99CCFF;
	width:3em;
}
input.odescr {
	width: 5em ;
	color: black;
	background-color:#99CCFF;
	width:95px;
}
td.otherd {
	width:80%;
}
td.otherh {
	width: 3em ;
}
td.otherc {
	width: 3em ;
}
input.howmany {
	width: 3em ;
	color: black;
	background-color:#99CCFF;	
}

td.itemd {
	width:80%;
	background-color:#99CCFF;	
}

td.category {
	font: bold 10pt arial, verdana;
}

td.cat1 {
	font: bold 8pt arial, verdana;
	color:purple;
}
*/
td.descr {
	width:80%;
	background-color:green;	
}


.ngt {
	vertical-align:middle;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	font-family: arial,sans-serif;
	width:400px ;
	height:400px;
	font-size:10pt;
	background-color:#ffffff;
	position:absolute;
	vertical-align:top;
	border:8px double #c00;
}
table.gridtable {
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}


table.tarf1	{ 
	max-height:400px;
	color: #f00;
	border: 8px double #c00;
	overflow:scroll;
    margin-left:auto;
	margin-right:auto;
	width:90%;
	font-family:arial,sans-serif;
	font-size:10pt ;
	text-align: left;
}

table.tarf2	{ 
	max-height:400px;
	color: black;
	background-color: white;
	border: 8px double #c00;
	overflow:scroll;
    margin-left:auto;
	margin-right:auto;
	width:60%;
	font-family:arial,sans-serif;
	font-size:10pt ;
	text-align: left;
}
table.tarf3	{ 
	max-height:400px;
	color: black;
	background-color: white;
	border: 8px double #c00;
	overflow:scroll;
    margin-left:auto;
	margin-right:auto;
	width:40%;
	font-family:arial,sans-serif;
	font-size:10pt ;
	text-align: left;
}