@charset "utf-8";
body  {
	background-color: #000000;
	margin: 0; /* zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. */
	color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:small;
	/* font-size:13px; If I wanted to force everything */
}
/* input {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
}
select {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
} */
#Overhead {
	background-color: inherit;
	text-align: Left;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}
#StatusBox {
	background-color: #009900;
	background:url(Images/BackgroundGreen.JPG);
	color: #000000;
	z-index: 52;
	padding: 10px;
	margin-left: 200px;
}
#StatusBox table {
	background-color: #b2ffb2;
	position: relative; 
	table-layout: fixed;
	width: 100%; 
	color: #820845;
	font-family: inherit;
	font-size: inherit;
	padding: 0px;
	margin-right: 0px;
	border-color:#7BB37B;
	border-width:medium;
	border-style:solid;
}
#FocusTop {
	z-index: 4;
	top: 225px;
	position: absolute;
	left: 0px;
}
#ZoneOverlay {
	position: absolute;
	z-index: 5;
	top: 250px;
	left: 40px;
	font-weight: bold;
	color: #bbffbb;
}
#FocusBox {
	color: #820845;
	background-color: #009900;
	background:url(Images/BackgroundGreen.JPG);
	position: absolute;
	top: 279px;
	z-index: 6;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 9px;
	left: 0px;
	width: 183px;
}
#FocusBox table {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background-color: #b2ffb2;
	width: 180px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-position: center;
	border-color:#7BB37B;
	border-width:medium;
	border-style:solid;
}
#FocusBox td {
	text-align:center;
}
#MainDisplay {
	color: #000000;
	background-color: #ffc166;
	background:url(Images/BackgroundOrange.JPG);
	margin-left: 210px;
	margin-top: 10px;
	padding: 10px;
	border-color:#B38747;
	border-style:solid;
	border-width:thin;
}
#AltDisplay {
	color: #FFFFFF;
	margin-left: 210px;
	margin-top: 10px;
	padding: 10px;
}
#WarehouseCase{
	margin-left:15%;
	margin-right:15%;
}
#Warehouse {
	color:#000000;
	background-color:transparent;
	background-image:url(Images/WareHouseBack.GIF);
	height:100px;
	margin-bottom:14px;
	padding:0px;
	margin-right:auto;
	margin-left:auto;
	width:400px;
}
tr.MainDisBody {
	background-color: #ffe0b2;
	background:url(Images/BackgroundPeach.JPG);
	color: #000000;
	font-family: inherit;
	font-size: inherit;
}
table.MainDisBody {
	background-color: #ffe0b2;
	background:url(Images/BackgroundPeach.JPG);
	color: #000000;
	font-family: inherit;
	font-size: inherit;
}
table.MainDisBody tr.head {
	color: #ffffff;
	background-color: #544732;
	background:url(Images/BackgroundMahogany.JPG);
	font-weight: bold;
}
table.MainDisBody tr.overhead {
	color: #ffffff;
	background-color: transparent;
}
table.MainDisBody tr.d0 {
    background-color: #ffe0b2;
	background:url(Images/BackgroundPeach.JPG);
}
table.MainDisBody tr.d1 {
    background-color: #ffffff;
	background:url(Images/BackgroundWhite.JPG);
}
table.MainDisBody tr.d2 {
    background-color: #ffc166;
}
table.MainDisBody td.head {
	color: #ffffff;
	background-color: #544732;
	background:url(Images/BackgroundMahogany.JPG);
	font-weight: bold;
}
table.MainDisBody td.reminder{
	font-size: x-small;
	font-style: italic;
}
table.MainDisBody td.question{
	font-size:large;
	font-weight:bold;
}
.Emphasis {
	font-weight:bold;
	color:#FF0000;
}
table.MainDisHeader {
	color: #ffffff;
	background-color: transparent;
	font-family: inherit;
	font-size: inherit;
} 
table.MainDisHeader td.MarketTitle {
	font-size: large;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(Images/MktTitleBack.GIF);
	background-repeat: repeat-x;
	text-align: center;
}
.HelpText {
	background-color: #FFFFFF;
	color: #000000;
	font-family: inherit;
	font-size: inherit;
	border: medium solid #9145de;
}
.InfoBox {
	border:solid #000000 medium;
	background-image:url(Images/BackgroundWhite.JPG);
	color:#000000;
	padding:2px;
}
.InfoBox .Title {
	font-weight:bold;
	color:#006600;
}
.InfoBox .TitleDisabled {
	font-weight:bold;
	color:#669900;
}
.InfoBox .Text {
	font-style:italic;
}
.InfoBox .TextDisabled {
	font-style:italic;
	color:#666666;
}
.Emphasis {
	font-weight:bold;
	color:#FF0000;
}
.InvoiceShape {
	font-size:14px;
	width:400px;
	margin-left:auto;
	margin-right:auto;	
	padding:6px;
	border: medium solid black;
}
.InvoiceShape .head {
	padding-left:2px;
	padding-right:2px;
	padding-top:1px;
	padding-bottom:1px;
}
.Invoice {
	color: #000000;
	background-image: url(Images/InvoiceBack.GIF);
	background-repeat: repeat;
}
.Invoice .head {
	color: #ffffff;
	background-color: #820845;
	font-weight: bold;
}
.Invoice1 {
	color: #000000;
	background-image: url(Images/Backgrounds/crinklep.jpg);
	background-repeat: repeat;
}
.Invoice1 .head {
	color: #ffffff;
	background-color: #820845;
	background-image: url(Images/Backgrounds/crinklep-head.jpg);
	font-weight: bold;
}
.Invoice2 {
	color: #000000;
	background-image: url(Images/Backgrounds/eos_dkfld1a.gif);
	background-repeat: repeat;
}
.Invoice2 .head {
	color: #ffffff;
	background-image: url(Images/Backgrounds/eos_dkfld1a-head.gif);
	font-weight: bold;
}
.Invoice3 {
	color: #000000;
	background-image: url(Images/Backgrounds/Texture0214.jpg);
	background-repeat: repeat;
}
.Invoice3 .head {
	color: #000000;
	background-image: url(Images/Backgrounds/Texture0214-head.jpg);
	font-weight: bold;
}
.Invoice4 {
	color: #000000;
	background-image: url(Images/Backgrounds/Texture0304.jpg);
	background-repeat: repeat;
}
.Invoice4 .head {
	color: #ffffff;
	background-image: url(Images/Backgrounds/Texture0304-head.jpg);
	font-weight: bold;
}
.Invoice0 {
	color: #000000;
	background-image: url(Images/Backgrounds/yellowpaperbac.gif);
	background-repeat: repeat;
}
.Invoice0 .head {
	color: #ffffff;
	background-color: #820845;
	font-weight: bold;
}
form {
	margin: 0px; 
	padding: 0px; 
	display: inline;
}
a:link {
	color: #9145de;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #9145de;
}
a:active {
	text-decoration: none;
	color: #820845;
}
a:hover {
	text-decoration: underline;
	color: #9145de;
}
a img {
    border:none;
}
a.HideLink:link {
    color:#000000;
	text-decoration: none;
}
a.HideLink:visited {
	text-decoration: none;
    color:#000000;
}
a.HideLink:active {
	text-decoration: none;
    color:#000000;
}
a.HideLink:hover {
	text-decoration: none;
	color:#009900;
}
a.HideLink img {
    border:none;
}
table.Warning {
	color: #FFFFFF;
	background-color: #000000;
	font-family: inherit;
	font-size: inherit;
}
#footer {
	padding: 0 10px;
	margin-left: 210px;
	margin-top: 10px;
	color: #FFFFFF;
	background-color: #000066;
	background:url(Images/BackgroundBlue.JPG);
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border:solid;
	border-color:#000099;
	border-width:thin;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0 0 0 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.Warning {
	font-size: large;
	color: #000000;
}
.Warning h2.Headline {
	color:#FF0000;
	text-decoration: underline;
	font-weight: bold;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.readonlystyle { 
background: #ccc; 
} 
.blendin {
	color: #000000;
	background: transparent;
	border:hidden;
	text-align:right;
	border:none;
}
#MainDisplay .MainDisBody .StandoutBright {
	color: #000000;
	background: #66FF66;
}
#MainDisplay .MainDisBody .StandoutDark {
	color: #FFFFFF;
	background: #009900;
}
#DashContainer {
	margin-left: 210px;
	margin-top: 10px;
}
#DashContainer table {
	background-color:#ffc166;
	background:url(Images/BackgroundOrange.JPG);
	color:#820845;
} 
.DashButton {
	color:#FFFFFF;
	background-image:url('Images/RoundedBlackButton.GIF');
	background-color:transparent;
	border-style:none;
	font-weight:bold;
	width:120px;
	height:24px;
}
#RankDashContainer {
	margin-left: 210px;
	margin-top: 10px;
}
#RankDashContainer table {
	background-color:#ffc166;
	background:url(Images/BackgroundOrange.JPG);
	color:#820845;
} 
.RankDashButton {
	color:#FFFFFF;
	background-image:url('Images/RoundedMaroonButton.GIF');
	background-color:transparent;
	border-style:none;
	font-weight:bold;
	width:120px;
	height:24px;
}
.AcntDashButton {
	color:#FFFFFF;
	background-image:url('Images/RoundedTallBlueButton3.GIF');
	background-color:transparent;
	border-style:none;
	font-weight:bold;
	width:100px;
	height:40px;
}
.PhoneBook {
  border:2px;
  border-color:#000000;
  border-style:outset;
  background-color:#FFFF99;
  color:#000000;
}
.headlines {
	display:table;
	table-layout:fixed;
}
.headlinesItem {
	display:table-row;
	font-family:'Courier New', Courier, monospace;
}
.headlinesDate{
	display:table-cell;
	text-align:left;
	width:60px;
}
.headlinesTitle {
	display:table-cell;
	text-align:left;
	width:340px;
	font-weight:bold;
	padding-left:5px;
}
.headlinesHeader {
	font-size:20px; 
	font-weight:bold; 
	font-family:Georgia, 'Times New Roman', Times, serif; 
	text-align:center;
}
.columnLeft {
	float:left;
	width:90px; 
	text-align:left;
}
.columnRight {
	float:right; 
	width:80px; 
	text-align:right;
}
.headlineSection {
	width:400px;
	text-align:center; 
	background-color:#FFFFFF; 
	background-image:url(Images/Backgrounds/Tornp_vsm.jpg); 
	background-repeat:repeat-y; 
	margin-left:auto; 
	margin-right:auto; 
	padding-left:68px;
  border:2px;
  border-color:#666666;
  border-style:outset;
}
.b2bSection {
	width:472px; 
	text-align:left; 
	margin-left:auto; 
	margin-right:auto; 
}
.NewspaperFormat {
	 position:relative; 
	 min-height:95%; 
	 margin-left:auto; 
	 margin-right:auto; 
	 width:500px; 
	 color:black; 
	 background-color:#FFFFFF;
}
.NewspaperStory {
 margin-left:25px; 
 margin-right:25px;
}
.TreadBlend {
	color: #FFFFFF;
	background-color:transparent;
	border:hidden;
	text-align:right;
	border:none
}
.DirtBlend {
	color: #000000;
	background-color:transparent;
	border:hidden;
	text-align:right;
	border:none
}
#DoorSpot {
	margin-left: 10px;
	margin-top: 10px;
	z-index: 5;
}
#Counter {
	margin-left: -5px;
	margin-top:-100px;
	z-index:7;
	margin-right: -5px;
}
.L0 {
	background: transparent;
	border:hidden;
	text-align:right;
	border:none;
}
.L {
	background-color:#FFFFFF;
	color:#000000;
}
.L1 {
	background-color:#B2FFB2;
	color:#000000;
}
.L2 {
	background-color:#FFFF00;
	color:#000000;
}
.L3 {
	background-color:#9145DE; 
	color:#FFFFFF;
}
.L4 {
	background: transparent;
	border:hidden;
	text-align:right;
	border:none;
}
.L5 {
	background-color:#B2FFB2;
	color:#000000;
}
.L6 {
	background-color:#FFFF00;
	color:#000000;
}
.L7 {
	background-color:#990000;
	color:#FFFFFF;
}
select.D0 {
	background-color:#ffe0b2;
}
.losing {
	color:#FF0000;
}
/* Accounting */
table.Ledger {
	background-color:#FFFFFF;
	color:#000000;
}
table.Ledger td {
	border-style:solid;
	border-width:thin;
	border-color:#999999;
	border-left:none;
/*	border-right:none;  */
	border-top:none;
}
table.Ledger tr.head {
	background-color:#99FFCC;
	color:#000000;
	font-weight:bold;
}
table.Ledger td.head {
	background-color:#99FFCC;
	color:#000000;
	font-weight:bold;
}
table.Ledger td.spacer {
	border-right:none;
}
/* Retail  */

.showbord {
	border:thick; border-color:#FFFF00; border-style:dotted;
}
#Slot1{
	position:absolute;
	margin-left:5%;
	margin-top:50px; 
	z-index:30;
}
#Slot2{
	position:absolute;
	left:51%; 
	margin-top:150px; 
	z-index:29;
}
#Slot3{
	position:absolute;
	right:5%; 
	margin-top:250px; 
	z-index:28;
}
.SlotBox{
	background-image:url(Images/SlotForm.jpg);
	color:#000000; 
	width:205px;
	height:600px; 
	opacity:0.4; 
	filter:alpha(opacity=40);
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
}
.SlotBox:hover{
	opacity:1.0; 
	filter:alpha(opacity=100);
}
#StoreImg{
	width:100%; 
	position:relative; 
	margin-left:0px; 
	margin-top:-950px; 
	z-index:20;
}
#StoreSign{
	width:60%; 
	position:absolute; 
	margin-top:31%;
	margin-left:19%;
	z-index:20;
}
#StoreInfoBox{
	position:absolute; 
	margin-top:40px; 
	right:20px;
	margin-left:auto;
	z-index:50;
	background-image:url(Images/StoreInfoBackground.GIF);
	color:#000000;
	height:150px;
	width:250px;
}

#StoreButtonBox{
	position:absolute;
	margin-top:675px;
	margin-left:2%;
	height:150px;
	width:250px;
	z-index:25;
}
#StoreStartBox{
	position:absolute;
	margin-top:760px;
	margin-left:33%;
	z-index:40;
}
#ClosedBox{
	width:100%;
	height:70px;
	position:absolute;
	margin-top:55%;
	margin-bottom:45%;
	margin-left:auto;
	margin-right:auto;
	z-index:41;
}
#ContainHelp {
	color: #FFFFFF;
	margin-left: 210px;
	margin-top: 10px;
	padding: 10px;
}
/* Factory & Farm */
#ColumnLeft{
	position:absolute; 
	margin-left:5%;
	margin-top:50px; 
	z-index:30;
}
#ColumnRight{
	position:absolute;
	right:5%; 
	margin-top:200px; 
	z-index:31;
}
.FactoryBox{
	color:#FFFFFF; 
	width:300px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
}
#TwoColumnInfoBox{
	position:absolute; 
	margin-top:20px; 
	right:7%;
	margin-left:auto;
	z-index:29;
	background-image:url(Images/StoreInfoBackground.GIF);
	color:#000000;
	height:150px;
	width:250px;
	padding-top:1px;
}
.FactoryTableBack {
	background-image:url(Images/BackgroundDarkMetalPattern.JPG);
	color:#FFFFFF;
	border-color:#000000;
	border-style:solid;
	border-width:thick;
}
.FarmTableBack {
	background-image:url(Images/Backgrounds/st5_bgr.jpg);
	color:#000000;
	border-color:#330000;
	border-style:ridge;
	border-width:thick;
}
.RawBoxStyle {
	background-image:url(Images/Backgrounds/yellowpaperbac.gif); 
	width:250px; 
	height:250px; 
	position:absolute; 
	color:#000000; 
	border-color:#330000;	
	border-style:ridge;	
	border-width:thick; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
#RawBoxLeft {
	margin-left:6%; 
	margin-top:50px; 
	z-index:30; 
	text-align:center;
}
#RawBoxRight {
	right:6%; 
	margin-top:50px; 
	z-index:32; 
}
#RnDBoxMiddle {
	margin-top:120px;
	left:210px;
	right:0px;
	position:absolute; 
}
.RnDWhiteboard {
	background-color:#FFFFFF;
	color:#000000; 
	border-color:#330000;	
	border-style:ridge;	
	border-width:thick;
	padding:5px; 
}
#RnDBoxTop {
	position:absolute;
	left:210px;
	right:0px; 
	color:#000000;
}
#RawButtonBox {
	right:0; 
	left:210px; 
	position:absolute; 
	margin-top:350px; 
	z-index:31;
}
div.SinglePopUpBox {
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	background-color: #000000;
	position:fixed;
	z-index: 100;
	left: 15%;
	right: 15%;
	top:6%;
	bottom:auto;
	height:400px;
	padding:0px;
	padding-bottom:31px; /* Must match Height of TopBar + Container margin + Container Border + this border */
}
div.SinglePopUpBox div.TopBar {
	background-color:#000000;
	background-image: url(Images/TopBar-Black.PNG);
	width:100%; 
	height:26px;
	vertical-align:bottom;
}
div.SinglePopUpBox div.TopBar div.CloseX {
	float:right;
	margin-right:5px;
}
div.SinglePopUpBox div.TopBar div.Title {
	font-weight:bold; 
	font-size:14px; 
	padding-top:5px; 
	padding-left:10px
}
div.SinglePopUpBox div.Container {
	background-image: url(Images/BackgroundBlue.JPG);
	overflow:auto;
	height:100%;
	padding-left:20px;
	padding-right:20px;
	margin-left:3px;
	margin-right:3px;
	border: 1px solid #CCCCCC;
	position:relative;
}
div.MobileSinglePopUpBox {
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	background-color: #000000;
	position:absolute;
	z-index: 100;
	left: 0px;
	right: 0px;
	top:0px;
	bottom:0px;
	height:100%;
	padding:0px;
	padding-bottom:31px; /* Must match Height of TopBar + Container margin + Container Border + this border */
}
div.MobileSinglePopUpBox div.TopBar {
	background-color:#000000;
	background-image: url(Images/TopBar-Black.PNG);
	width:100%; 
	height:26px;
	vertical-align:bottom;
}
div.MobileSinglePopUpBox div.TopBar div.CloseX {
	float:right;
	margin-right:5px;
}
div.MobileSinglePopUpBox div.TopBar div.Title {
	font-weight:bold; 
	font-size:14px; 
	padding-top:5px; 
	padding-left:10px
}
div.MobileSinglePopUpBox div.Container {
	background-image: url(Images/BackgroundBlue.JPG);
	overflow:scroll;
	height:100%;
	padding-left:20px;
	padding-right:20px;
	margin-left:3px;
	margin-right:3px;
	border: 1px solid #CCCCCC;
	position:relative;
}

#shadeBlock {
	display:none;
	position:fixed; 
	top:0px; 
	bottom:0px; 
	left:0px; 
	right:0px;
	overflow:hidden; 
	z-index:90; 
	background-color:#000000; 
	opacity:.6; 
	filter:alpha(opacity=60);
}
.innershadow, .outershadow {
  position: relative;
  bottom: 4px;
  right: 4px;
}
.outershadow { 
	background: transparent url(Images/Backgrounds/Shadow80.PNG);
	color: inherit;
}
.ErrorBox { /* Need a container div with margins */
	border:medium solid #FF0000; 
	background:#FFFFFF; 
	color:#000000; 
	vertical-align:middle; 
	text-align:center;
	padding: 0.5em;
}
.padText {
	padding:2px;
}
.ThreeEvenColumnLeft {
	float:left; 
	width:33%; 
	text-align:center;
}
.ThreeEvenColumnRight, .ThreeEvenColumnMiddle {
	float:right; 
	width:33%; 
	text-align:center;
}