/*----------------------------------------------------------
	menu divisons 
----------------------------------------------------------*/
#everything
{
	position: absolute;
	top: 0px;
	left: 0px;

	border: 0px solid #777700; 
	padding: 0em 0em 0em 0em; 
}

#top
{
	background-image: url(images/yo.jpg);

	width: 800px;

	border-bottom: 3px solid #666666;
	border-right: 2px solid #666666;
	border-top: 1px solid #666666; 
	border-left: 1px solid #666666;
	margin: 1em 1em 1em 1em; 
}

#main
{
	height: 100%;

	border: 0px solid #000077; 
	padding: 1em 1em 1em 1em; 
}

#links
{
	float: left;
	width: 20%;

	background-color: #dddddd;

	border-bottom: 3px solid #666666;
	border-right: 2px solid #666666;
	border-top: 1px solid #666666; 
	border-left: 1px solid #666666;
	padding: 1em 1em 1em 1em; 
	line-height: 150%;
}

#login
{
	float: left;
	width: 65%;

	background-color: #dddddd;

	border-bottom: 3px solid #666666;
	border-right: 2px solid #666666;
	border-top: 1px solid #666666; 
	border-left: 1px solid #666666;
	padding: 1em 1em 1em 1em; 
	line-height: 150%;
}

#error
{
	width: 70%;

	background-color: #ff9999;

	border-bottom: 3px solid #666666;
	border-right: 2px solid #666666;
	border-top: 1px solid #666666; 
	border-left: 1px solid #666666;
	padding: 1em 1em 1em 1em; 
	line-height: 120%;
}

#menu
{
	float: left;
	width: 70%;

	border: 0px solid #000077; 
	padding: 1em 1em 1em 1em; 
	line-height: 150%;
}

.help {
	background-color: #ffffee;
	color: #000000;
}


pre { 
	font-family: 'courier';
	font-size: 10pt;
	margin: 1em; 
}

a:link    { color: #aa0000; }
a:visited { color: #aa0000; }
a:hover   { color: #aa6600; }
a:focus   { color: #000000; }
a:active  { color: #000000; }

/*----------------------------------------------------------
a:link    { color: #000000; }
a:visited { color: #000000; } 
a:hover   { color: #666666; } 
a:focus   { color: #000000; } 
a:active  { color: #000000; } 
----------------------------------------------------------*/


p { font-size: 12pt; }

u {
	color: #ff6666;
	text-decoration: underline;
	font-weight: bolder;
}

h3 {
	color: purple;
	font-weight: bolder;
}

/*----------------------------------------------------------
	tables
----------------------------------------------------------*/
table { font-size: 12pt; }

table.header {
	border-style: none;
	width: 96%; 
	margin-left: 2%; 
	margin-right: 2%; 
}

table.body { 
	background-color: #dddddd;
	padding: 1px;
	border-style: outset;
	border-color: #aaaaaa;
	border-width: 2px;
	color: #000000;
	width: 94%; 
	margin-left: 3%; 
	margin-right: 3%; 
}

table.VendBlankWide { 
	border-style: outset;
	border-color: #cc9999;
	border-width: 6px;
	background-color: #ffffee;
	color: #000000;
	width: 98%; 
	margin-left: 1%; 
	margin-right: 1%; 
}

table.VendGridWide { 
	border-style: outset;
	border-color: #cc9999;
	border-width: 6px;
	background-color: #996666;
	color: #000000;
	width: 98%; 
	margin-left: 1%; 
	margin-right: 1%; 
}

table.VendGridMedium { 
	border-style: outset;
	border-color: #cc9999;
	border-width: 6px;
	background-color: #996666;
	color: #000000;
	width: 750px; 
	margin-left: 20%; 
	margin-right: 20%; 
}

table.CustBlankWide { 
	border-style: outset;
	border-color: #99cc99;
	border-width: 6px;
	background-color: #ffffee;
	color: #000000;
	width: 98%; 
	margin-left: 1%; 
	margin-right: 1%; 
}

table.CustGridWide { 
	border-style: outset;
	border-color: #99cc99;
	border-width: 6px;
	background-color: #669966;
	color: #000000;
	width: 98%; 
	margin-left: 1%; 
	margin-right: 1%; 
}

table.CustGridMedium { 
	border-style: outset;
	border-color: #99cc99;
	border-width: 6px;
	background-color: #669966;
	color: #000000;
	width: 800px;
	margin-left: 20%; 
	margin-right: 20%; 
}

table.Invisible { 
	border-style: none;
}

table.BorderedAll
{ 
	border-style: solid;
	border-collapse: collapsed;
	border-color: Black;
	padding: 2px;
}

table.BorderedThree
{ 
	border-style: solid;
	border-bottom-style: none;
	border-collapse: collapsed;
	border-color: Black;
	padding: 2px;
}

hr.Normal { 
    display: block;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 1px;
    color: #909090;
} 

hr.Fat { 
    display: block;
    margin-top: 1.0em;
    margin-bottom: 1.0em;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 2px;
    color: #909090;
} 

/*----------------------------------------------------------
	rows
----------------------------------------------------------*/
tr.body { 
	background-color: #dddddd; 
	color: #000000;
}

tr.Heading {
	background-color: #666666;
	color: #ffffff;
}

tr.VendGridHead {
	background-color: #996666;
	color: #ffffff;
}

tr.VendGridRow {
	background-color: #ffffee;
	color: #000000;
}

tr.CustGridHead {
	background-color: #669966;
	color: #ffffff;
}

tr.CustGridRow {
	background-color: #ffffee;
	color: #000000;
}

tr.Message {
	background-color: DeepSkyBlue;
	color: #000000;
}

tr.Warning {
	background-color: Gold;
	color: #000000;
}

tr.Error {
	background-color: Tomato;
	color: #000000;
}

/*----------------------------------------------------------
	cells
----------------------------------------------------------*/
td, th { padding: 2px; }

td.Heading, th.Heading { height: 25px; }

th.left   { text-align: left; } 

th.center { text-align: center; } 

th.right  { text-align: right; } 

td.left   { text-align: left; } 

td.center { text-align: center; } 

td.right  { text-align: right; } 

td.bright { text-align: center; font-size: 16pt; } 

td.error { font-size: larger; color: Red } 

th.Number { 
	font-size: 9pt;
	text-align: right;
	padding: 2px;
}

th.Text { 
	font-size: 9pt;
	text-align: left;
	padding: 2px;
	text-transform: uppercase;
}

td.Number { 
	font-size: 10pt;
	text-align: right;
	padding: 2px;
}

td.Text { 
	font-size: 10pt;
	text-align: left;
	padding: 2px;
}


input { 
	font-size: 10pt; 
}

/*----------------------------------------------------------
	-webkit-appearance: none;
	text-shadow: 0.5px 0.5px 0.5px #ff0000;
----------------------------------------------------------*/
input[type=button], input[type=submit], input[type=reset] { 
	font-size: 10pt; 
	-webkit-border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 5px;
	background-image: url(images/metal.jpg);
	background-color: #f0f0f0;
	box-shadow: 2px 2px 1px #888888;
}

select {
	box-shadow: 2px 2px 1px #888888;
}

textarea {
	box-shadow: 2px 2px 1px #888888;
}

/*----------------------------------------------------------
text-transform: uppercase; displays as upper, submits as typed (useless)
----------------------------------------------------------*/
input[type=search], [type=number] { 
	-webkit-appearance: none;
	-moz-appearance: none;
}

.ThreeColumns {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
}


input.button {
	background-image: url(images/metal.jpg);
	background-color: #eeeedd;
	color: #000000;
	font-size: 9pt;
	height: 25px;
	width: 75px;
}

input.button_medium {
	background-image: url(images/metal.jpg);
	background-color: #eeeedd;
	color: #000000;
	font-size: 9pt;
	height: 25px;
	width: 125px;
}

input.disabled_button {
	background-image: url(images/metal.jpg);
	background-color: #eeeedd;
	color: #666666;
	font-size: 9pt;
	height: 25px;
	width: 75px;
}

input.Button {
	background-image: url(images/metal.jpg);
	background-color: #eeeedd;
	color: #000000;
	font-size: 9pt;
	height: 25px;
	width: 70px;
	text-transform: uppercase;
}

input.Button94 {
	background-image: url(images/metal.jpg);
	background-color: #eeeedd;
	color: #000000;
	font-size: 9pt;
	height: 25px;
	width: 94px;
	text-transform: uppercase;
}

input.DeadButton {
	background-image: url(images/metal.jpg);
	background-color: #eeeedd;
	color: #999999;
	font-size: 9pt;
	height: 25px;
	width: 70px;
	text-transform: lowercase;
}