/*bmc.css  */

/* Make sure a scroll bar is always shown  */
html {
	overflow-y: auto; 
}

/* Define the main layout characteristics to build the columns */
body  {margin:  0em; padding: 0em; 
		 background-color: #efffff;    /*  production colour   */
		 /*background: #eBeBeB;         /*  development colour   */
		 font-family: arial, helvetica, sans-serif;
		 font-size: 11pt; color: #00008B;
		 accent-color: #000088;
}

#header	{
	background: #00008B;         
	font-size:6pt; color: #efffff; font-family: arial, helvetica, sans-serif;
	text-align:center; 
	border: 1px solid;
	height: 80px;
	vertical-align: middle; 	
}

#left {
	width: 11%;
	min-width: 5em;
	padding-left: 1em;
	padding-right: 1em;
	float: left;
	/*border: 1px solid #f33;   */
}  

#middle {
	width: 70%;
	padding-top: 0em;
	padding-left: 1em; 
	padding-right: 1em;
	margin-top: 0px;
	float: left;
	/*border: 1px solid yellow;  */
	min-height: 10em;
	
} 

#diaryhead {
	background-color: #86E6F2;          /*#c5c5FF;  */
	text-align: center;
	min-height: 4em;
	vertical-align: middle;
}

#right {
	width: 10%;
	float: left;
	padding-left: 0em;
	padding-right: 1em;  
	/*border: 1px solid #333; */
}  

#middle-inpage {
	width: 95%;
	padding-top: 0em;
	padding-left: 1em; 
	padding-right: 1em;
	margin-top: 0px;
	/*background:#efffff;		*/
	float: left;
	/*border: 1px solid black;   */
}  

#recordedtasks {
	height: 80%;
	overflow-y: scroll;     
	/*border: 1px solid #0000ff;    */ 
} 

#leftinner {
	 overflow-y: auto;
	 height: 500px;
}

#footermiddle {
	float: left;
	width: 100%;
	height: 50px;
	text-align: center;
	font-size:9pt; color: #00008B; font-family: arial, helvetica, sans-serif;
	/*border: 1px solid #333;     */
}

.footing {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	height: 50px;
}

/*
#footerright {
	float: left;
	width: 5%;
	padding-left: 2em; 
	padding-right: 1em;
	background: #efffff;
	font-size:9pt; color: #00008B; font-family: arial, helvetica, sans-serif;
	/*border: 1px solid #333;   
} */

#footermessage {
	/*border: 1px solid #333;     */    
	height: 75px;
	text-align: center;
	font-size:9pt; color: #00008B; font-family: arial, helvetica, sans-serif;
	}

#copyright {
	text-align: center;
	font-size: 7pt; font-family: arial, helvetica, sans-serif;
	border-top-style: groove;
	border-top-width: 2px;
	/*border: 1px solid #333;      */   
	}
	
#theNote {
	clear: left;
	padding: .25em;
	background: #ccc ;
	color: #006666;
	font-size:11pt; 
	font-weight: 700;
	border: 1px solid #888;    
	
	}

#reportdata {
	 overflow-y: auto;
	 height: 500px;
	}
	
.databoxy {
	 overflow-y: auto;
	 height: 400px;
	 width: 500px;
	 margin-left: auto;
     margin-right: auto;
	 /*border: 1px solid #888;  */
	}

/*Define the main parts of the page*/
li		{ list-style-image: url("../pics/bulet_c.png");
		  vertical-align: bottom; 
		  /*border: 1px solid black;  */
		 }
		 
		 
a	{	 color: #00008B;
		 text-decoration: none;
		 cursor: pointer;
		}
		
a.curse {
		 cursor: pointer;
		}
		
a.filer { cursor: pointer;
		  text-decoration: underline;
		  color: #008800;
		 }

a.hist { text-decoration: underline;
		 cursor: pointer;
		 font-weight: 800;
		}

h1	{font-size:42pt; color: #efffff; text-align:center; 
			 padding-top: .25em; margin-bottom: 0px; margin-top: 0px;
			 /*border: 1px solid blue; */
	 text-shadow: -5px 5px 1px #AAA; /* The first parameter determines the left-right of the shadow
		                                    The second parameter determines the up-down of the shadow
		                                    The third parameter is a blur factor
		                                    The fourth is the colour  */	
			 }
h1.inverse {font-size:42pt; color: #00008B; text-align:center; 
			 padding-top: .25em; margin-bottom: 0px; margin-top: 0px;}
h2		{font-size:14pt; color: #00008B; text-align:center; padding-top: 0.75em; margin-bottom: 0em; }
h2.inverse	{font-size:14pt; color: #ffd; text-align:center; padding-top: 0em; margin-bottom: 0em; }
h3		{font-size:10pt; color: #00008B; font-weight: 700;}	

p		{font-size: 11pt; color: #00008B;}
p.done	{font-size: 11pt; color: #BB0000; font-weight: 700; text-align:center;}	  
p.fp2	{width: 23%; font-size: 12pt; float: left; padding: 1em; }	
p.bullt	{float: left; vertical-align: middle; border: 1px #000000 solid; } 

textarea {font-size: 11pt;
		  font-family:  arial, helvetica, sans-serif;
		  color: #00008B;
		  white-space: pre-wrap;
		  }

input {
		border-radius: 5px;
}

input:-moz-readonly { background-color: #aaaaaa;}

.supin {
		width: 250px;
		text-align: right;
}

.perpk {
		width: 125px;
}

select {
		width: 150px;
}

select.saleselect{
			width: 350px;
		}
		
select.waiterdrop {
		 width:125px;
         background-color: #32ED7C;
}

select.datum  {
		width: 60px;
}

.mon	{text-align: right;
		 width: 75px;
}

.amt	{text-align: right;
		 width: 75px;
}

.rmtinv	{width: 75px;
}

.wine {
		width: 200px;
}

.quant {
		width: 65px;
		text-align: center;
		}
		
.acmutxt {
		width: 350px;
		}
		
.bkdettxt {
		width: 350px;
		border: 0px solid black;
		border-style: none;
		color: #00008b;
		font-size: 11pt;
		background-color: #ccc;
		}

.bkdettxtshare {
		width: 200px;
		/*border-width: 2px solid black;   */
		border-style: none;    
		color: #00008b;
		font-size: 11pt;
		background-color: #ccc;
		}

table	{	 
		 padding: 0;
		 margin-bottom: -0.5em;
		 color:#ff00ff;
		 /*border: 1px solid #800;   */
		 }
		 
#slider {
		 overflow: auto;
		 height:  65%;
		}

table.noborder	{
		 border-style:none;
		 font-family: Verdana, sans-serif ;
		 font-size: 8pt;
		 color:#00008B;
		 /*border: 1px solid #088;   	*/
		 }
		 
table.inner {
		table-layout: fixed;
		font-family: Verdana, sans-serif ;
		font-size: 8pt;
		color:#00008B;
		}
		
table.ac_codes {
		background-color: #C9F3E1;    /*  production colour   */
		border: 1px solid #0CBC99;
		}
		 
tr.hidden {display: none;}

tr.gry	{
		 background-color: #ccc;
		}
		 
th		{
		 background-color: #86E6F2;          /*#c5c5FF;  */
		 margin-bottom: 0;
		 padding-top: 0.25em;
		 padding-bottom: 1.0em;
		 border-left:  5px solid #0AF; 
		 border-top:   5px solid #0AF; 
		 border-right: 5px solid #0AF; 
		 font-family: Arial, helvetica,  sans-serif ; 
		 font-size:11pt;
		 color:#00008B;
		 }
		 
th.ttop	{
		 width: 100px;
		 border-left: 5px solid #008; 
		 border-bottom: 5px solid #008; 
		}
		
th.ttopblank{
		width: 50px;
		background-color: #efffff;
		border: none;  
		
}

th.os, th.osm	{
		 background-color: #d5d5d5;
		 padding-top: 0.3em;
		 padding-bottom: 0.3em;
		 /*border-bottom: 2px solid #55F;      */
		 border-left:   2px solid #0AA; 
		 border-top:    2px solid #0AA; 
		 border-right:  2px solid #A0AA; 
		 width: 90px;
		 font-size:10pt;
		}
		
th.osm	{
		width: 10px;
		}

th.dater	{
		 margin:  0;
		 padding: 0; 
		 font-family: Arial, helvetica,  sans-serif ; 
		 font-weight: 500;
		 text-align: center;
		 vertical-align: top;
		 /*width: 5em;		*/
		 }
		 
th.mloi {
		width: 50px;
		text-align: center;
		vertical-align: top;
} 
		 
th.datersupin	{
		 margin:  0;
		 padding: 0; 
		 font-family: Arial, helvetica,  sans-serif ; 
		 font-weight: 500;
		 text-align: center;
		 vertical-align: top;
		 width: 250px;		
		 }	
		 
th.img	{
		 width: 8%;
		 margin: 0;
		 border-style:none;
		 /*border-spacing: 0em 0em;   */
		 padding-bottom: 0.2em;
		}
		
th.jnl	{
		 border-left: 5px solid #008; 
		 border-bottom: 5px solid #008; 
		}
		 
td		{
		 font-family: arial, helvetica, sans-serif;
		 font-size: 11pt; 
		 color: #00008B;
		 /*border: 1px solid #333;   */
		 }
		 
td.balance, td.balnace {
		color: #AA0000;
		font-weight: 700;
		}

td.invpreview {
		 width: 200px;
		 vertical-align: top;
		 text-align: left;
		}
		
td.invpreviewmon {
		 width: 70px;
		 vertical-align: top;
		 text-align: right;
		 /*border: 1px solid #333;   */
		}

td.nw	{
		 font-weight: 700;
		 color: #00008B;
		}
		
td.short{
		 border-right: 3px solid #AAF;
		}
		
td.cbx	{
		text-align: center;     /* center checkbox horizontally */
		vertical-align: middle; /* center checkbox vertically */
		/* border-left: 1px solid #aaf;  */
		border-right: 2px solid #aaf;
		}
		
td.topp{
		vertical-align: top;
		}
		
		
p.tday	{vertical-align: top; padding-top: 5px; font-weight: 700;}	
		
#gotom,#gotoy {
		width: 60px;
		}
		
.cb	{
		width: 100px;
		text-align: right;
		height: 25px;
		}
		
#unit	{
		width: 400px;
		}
		
#msg, p.msg	{
		 color: #880000; 
		 font-weight: 700; 
		 font-size: 14;
		 text-align: center;
		}		 
		 
td.odd	{
		 vertical-align: middle;
		 padding-bottom: 5px;
		 font-family: arial, helvetica, sans-serif;
		 font-size: 11pt; color: #000000;
		 background-color: #efffff;
		 /*border-left:  5px solid #AAF; 
		 border-right: 5px solid #AAF;     */
		 }

td.toady {
		 vertical-align: middle;
		 padding-bottom: 5px;
		 font-family: arial, helvetica, sans-serif;
		 font-size: 11pt; color: #ff00ff;
		 font-weight: 800;
		 background-color: #86E6F2;
		}

img.stock {
		float: left;
		margin:2px; 
		padding: 0.5em; 
		vertical-align: middle; 
		cursor: pointer;
		/*width: 8%;		
		border: solid black 1px;  */   
		}

img.stock0 {float:right; 
		margin:2px; 
		padding: 0.5em; 
		vertical-align: middle; 
		cursor: pointer;
		/*width: 8%;	
		border: solid black 1px;   */
		}
		


input[type="button"]::-moz-focus-inner { border: none; }

.butbut {
   border-top: 2px solid #96d1f8;
   /*background: #5a6a75;*/
   background: -moz-linear-gradient(top, #4d9cd1, #5a6a75);  
   background: -webkit-linear-gradient(top, #4d9cd1, #5a6a75);  
   background:  -ms-linear-gradient(top, #4d9cd1 50%, #5a6a75 100%);
   padding-top: 2px ;
   padding-bottom: 2px;
   padding-left:  0px;
   padding-right: 0px;
   border-radius: 3px 25px 3px 25px;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   font-family: arial, serif;
   text-decoration: none;
   vertical-align: middle;
   width: 145px;
   }
.butbut:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ddd;
   cursor: pointer;
   }
.butbut:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

.butbutDisabled {
   border-top: 2px solid #96d1f8;
   background: -moz-linear-gradient(top, #0E700E,  #90C190);
   background: -webkit-linear-gradient(top, #0E700E,  #90C190);
   background: -ms-linear-gradient(top, #0E700E,  #90C190);
   padding-top: 2px ;
   padding-bottom: 2px;
   padding-left:  0px;
   padding-right: 0px;
   border-radius: 3px 25px 3px 25px;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   font-family: arial, serif;
   text-decoration: none;
   vertical-align: middle;
   width: 145px;
	}
   
.butMap {
	width: 125px;
	height: 2em;
	border-radius: 8px 8px 8px 8px;
	font-size: 10pt;
	font-weight: 700;
	color: #ffffff; 
	background: -moz-linear-gradient(top, #4d9cd1, #5a6a75);
	background: -webkit-linear-gradient(top, #4d9cd1, #5a6a75);
    background: -ms-linear-gradient(top, #4d9cd1, #5a6a75);
    cursor: pointer;
	}
	
.butMap:focus {
	width: 125px;
	height: 2em;
	border-radius: 8px 8px 8px 8px;
	font-size: 10pt;
	font-weight: 700;
	color: #ffffff; 
	background: -moz-linear-gradient(top, #00b359, #5a6a75);
	background: -webkit-linear-gradient(top, #00b359, #5a6a75);
    background: -ms-linear-gradient(top, #00b359, #5a6a75);
	}
	
.butMapDisabled {
	width: 125px;
	height: 2em;
	border-radius: 8px 8px 8px 8px;
	font-size: 10pt;
	font-weight: 700;
	color: #ff0000; 
	background: -moz-linear-gradient(top, #888888, #bbbbbb);
	background: -webkit-linear-gradient(top, #888888, #bbbbbb);
    background: -ms-linear-gradient(top, #888888, #bbbbbb);
	}
	
.butthird {
	width: 350px;
	text-align: center;
}

input[type="radio"]{
float:left;
vertical-align: middle;
}

input[type="checkbox"]{
float:left;
vertical-align: middle;
}

label  {
	/*vertical-align: middle;  */
}

/* used for the overlay functionality  */
#overlay, #overlay2   {
			display: none; 
			z-index: 20; 
			background: #00f; 
			position: fixed; 
			width: 100%; 
			height: 100%; 
			top: 0px; 
			left: 0px; 
			text-align: center; 
} 
			
#overlayz {			
			display: none; 
			position: fixed; /* Sit on top of the page content */
			/*display: none; /* Hidden by default */
			width: 100%; /* Full width (cover the whole page) */
			height: 100%; /* Full height (cover the whole page) */
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(239,255,255,0.95); /* Blue background with opacity */
			z-index: 6; /* Specify a stack order in case you're using a different order for other elements */
}

#databox   {display: none;   
			z-index: 30; 
			background: #ccffff; 
			position: relative; 
			width: 600px; 
			margin: 150px auto 0px auto; 
			color: #000; 
			border: 6px outset #888;
			border-radius: 5px;  
			}

#databox2	{display: none;   
			z-index: 30; 
			background: #ccffff; 
			position: relative; 
			width: 600px; 
			margin: 150px auto 0px auto; 
			color: #000; 
			border: 6px outset #888;
			border-radius: 5px;       
			}
			
#databox3	{display: none;   
			z-index: 30; 
			/*background: #ccffff;    */
			position: relative; 
			width: 600px; 
			margin: 150px auto 0px auto; 
			color: #000; 
			}


table.adetails {
			width: 80%;
			margin: 15px auto 10px auto; 
			}

table.adetails, td.adata, td.alab {
			border:  0px;  
			padding: 5px;
			font-family: arial, helvetica, sans-serif;
			font-size: 11pt; 
			color: #000088;
			vertical-align: middle;
			/*border: 1px solid black;
			border-radius: 8px;  
			box-shadow: 0px 0px 0px #555555; */
			
			}

/* end of used for the overlay functionality  */		

.key-mwl{
			width: 100%;
			border-radius: 8px 8px 8px 8px;
			font-size: 9pt;
			font-weight: 500;
			color: #ffffff; 
			background: -moz-linear-gradient(top, #0E700E,  #90C190);
			background: -webkit-linear-gradient(top, #0E700E,  #90C190);
			background: -ms-linear-gradient(top, #0E700E,  #90C190);
			text-align: center;
			padding: 2px 0px 2px 0px;
			cursor: pointer;
			}


/* start of the pop up key to colour code functionality   */
.key-p{
			width: 100%;
			border-radius: 8px 8px 8px 8px;
			font-size: 9pt;
			font-weight: 500;
			color: #ffffff; 
			background: -moz-linear-gradient(top, #4d9cd1,  #2a2a25);
			background: -webkit-linear-gradient(top, #4d9cd1,  #2a2a25);
			background: -ms-linear-gradient(top, #4d9cd1,  #2a2a25);
			text-align: center;
			padding: 2px 0px 2px 0px;
			cursor: pointer;
			}


.key {
			display: none; /* Hidden by default */
			position: fixed; /* Stay in place */
			z-index: 1; /* Sit on top */
			left: 20;
			top: 20;
			width: 25%; /* Full width */
			height: 40%; /* Full height */
			/*overflow: auto; /* Enable scroll if needed */
			/*background-color: rgb(0,0,0); /* Fallback color */
			background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
			}

.key-content {
			background-color: #eeeeee;
			margin: 5% auto; /* 5% from the top and centered */
			padding: 10px;
			border: 1px solid #888;
			width: 85%; /* Could be more or less, depending on screen size */
			}
			
.key-codes {
			display: none; /* Hidden by default */
			position: fixed; /* Stay in place */
			z-index: 1; /* Sit on top */
			left: 20;
			top: 20;
			width: 50%; /* Full width */
			/*height: 80%; /* Full height */
			overflow: auto; /* Enable scroll if needed */
			/*background-color: rgb(0,0,0); /* Fallback color */
			background-color: #cccccc; 
			font-size: 6pt; color: #000000;
			}

/* end of the  key functionality   */

select:focus {border: 1px solid #880088;}

radio.midradio { padding-left: 20px;}

.insumup {width: 80px;
		  text-align: right;}	

/***  Addition for waitress data capture  ***/
#waitdata {
	position: fixed; /* Sit on top of the page content */
	/*display: none; /* Hidden by default */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(239,255,255,1.0); /* Blue background with opacity */
	z-index: 6; /* Specify a stack order in case you're using a different order for other elements */
	
}

#waitdatabox {
	margin: auto;
	width: 30%;
	border: 3px solid blue;
	padding: 2em;
	background-color: rgba(239,255,255,20.0);  
	z-index: 10; 
}

/***  End addition for waitress data capture  ***/