﻿/*Primary Stylesheet - ABC Restaurant Equipment*/
* html #header, * html #footer,* html #left, * html #breadwrapper {position:absolute;}                        
html, body 
{
	padding:0; 
	margin:0; 
	border:0;
	height:100%; 
	max-height:100%;  
	font-size:100%; 
	font-family: arial; 
	overflow: hidden;
}
img {border: 0px;}
#content
 {  
	padding: 0 130px 0 130px;
	height: 100%; 
	max-height: 100%; 
	overflow: scroll; 
	display: block;  
	position: relative; 
	z-index: 0;
	background: url('/chrome/mixer.jpg') white no-repeat right bottom fixed;
}
#header
{ 
    right: 18px;
    left: 0px;
    top: 0px;
    display: block;
    height: 50px;
    border: #3333cc 10px solid;
    position: fixed;
    background: white;
    clear: both;
    text-align: left;
    background: white url('/chrome/HeaderBG.jpg') no-repeat right top;
    overflow: hidden;  
    z-index: 10;
}
#breadcrumbs
{   
    border-bottom: #3333cc 3px solid;
    border-left: #3333cc 10px solid;
    font-weight: bold;
    width: 100%;
    background-color: #e5e5e5;
    color: #3333cc;
    z-index: inherit;
}
#breadwrapper
{  
    width: 50%;
    margin-right: 18px;
    background: url('/chrome/breadcrumb_end.png') no-repeat right;
    padding-right: 40px;
    display: block;
    right:18px ;
    left: 0px;
    top: 70px;
    height: 22px;
    position: fixed;
    z-index: 10;
}

#left 
{
    background: url('/chrome/leftbg.png') repeat-y;
    z-index: 5;
    top: 92px;
    bottom: 20px;
    left: 0px;
    width: 130px;
    display: block;
    position: fixed;
    height: 100%;
}
#footer
{
    right: 18px;
    left: 0px;
    bottom: 0px;
    height: 20px;
    background-color: #3333cc;
    color: White;
    position: fixed;
    text-align: center;
    z-index: 10;
}
#Llogo 
{
	position:relative; 
	display:block; 
	width: 440px;
	height: 50px;
	z-index:3;
	left: 0px;
}
	
#Llogo a.logo, #Llogo a.logo:visited 
{
	display:block;
	width:440px; 
	height:50px; 
	background:url(/chrome/headers.gif) top left; 
	line-height: 50px; 
	text-decoration:none; 
}

#Llogo a.logo:hover , a.logo:active
{
	background-position: 0 -50px; 
	line-height: 50px; 
	overflow: hidden;
}
#Lmenu 
{
	position:relative; 
	margin-top:20px; 
	left:0px; 
	display:block; 
	width:130px;
	z-index:1;
	font-family: Arial; 
	font-size: 14px;
}	
#Lmenu a.Lbutton
{
	display:block; 
	width:130px; 
	height:50px; 
	background: url('/Chrome/l_buttons.jpg'); 
	text-align:left; 
	text-indent: 13px;
	text-decoration:none; 
	font-size: 14px;
	font-weight: bold; 
	margin-top:5px;
	line-height: 44px; 
	background-position:top left; 
	color:#0033cc; 
}
#Lmenu a.Lbutton:hover {background-position: 0 -50px; color: #0033ff;}
#Lmenu a.Lbutton:active{background-position: 0 -100px; color: red; line-height: 52px;}
#content p {padding: 5px;}
.Bpad {display:block; width:100%; height:20px; float:left;}
.pad {display:block; height:100px;}
fieldset{margin-bottom: 15px;}
legend{color: #3333cc;font-size: 110%;}
.label{ width: 7em;}
.spacer{ width: 2em;}
.w{width: 17em;}
.warning, .error
{
    text-align:  center;
    font-style: italic;
    font-weight: bold;
    font-size: 75%;
    color: red;
}
#title
{   color: #3333cc;
    font-size: 150%;
    margin-bottom: 20px;
}
.RightForm{ float:right; width: auto; position: fixed; float: right; top: 125px; right:45px;}