div.menu{
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

div.category{
	padding: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
}

div.item{
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
a.menuButton{
	 cursor: pointer;
 	 height: 40px;  
     line-height: 40px;  
     color: white;  
     text-decoration: none;  
     font-family: "century gothic","helvetica neue",helvetica,arial,sans-serif;
     font-weight: bold;  
     display: block;  
     text-align: center;  
     position: relative;  
     border-bottom: 3px double black;
     border-top: 3px double white;
     border-left: 3px double white;
     border-right: 3px double white;
     font-weight: normal; 
     font-size: 17px; 
     display: inline;
	/* TEXT SHADOW */  
     color: black;
     /* BOX SHADOW   
     -moz-box-shadow: 0 1px 3px black;  
     -webkit-box-shadow: 0 1px 3px black;  
     box-shadow: 0 1px 3px black;  */
    }  
    /* WHILE HOVERED */  
a.menuButton:hover{  
    border-top: 3px double black;
    border-left: 3px double black;
    border-right: 3px double black;
}  
    /* WHILE BEING CLICKED */  
a.menuButton:active{  
    -moz-box-shadow: inset 0 4px 2px black;  
    -webkit-box-shadow:inset 0 4px 2px black;  
    box-shadow: inset 0 4px 2px black;  
}
hr.menu{
	border: 1px solid black;
	margin: 5px;
}
h3.category{
	font-weight: normal;
	font-family: 'Tahoma';
	color: #999999;
}
h3.item{
	font-size: 17px;
	font-weight: normal;
	font-family: 'Tahoma';
}

/*********************** PICKUP STATION **********************/
div.orderPage{
	min-width: 1000px;
	max-width: 1500px;
}
div.orderBox{
	border: 1px solid #222222;
	margin-top: 20px;
	margin-bottom: 20px;
}
div.orderHeader{
	background-color: #eeeeee;
	color: #444444;
	font-size: 18px;
}
div.orderReadyButton{
	background-color: green;
	color: white;
	padding: 10px;
}
a.orderReadyButton{
	background-color: transparent;
	color: white;
	text-decoration: none;
}
div.itemPickupBox{
	padding: 10px;
	background-color: white;
	cursor: pointer;
}
div.itemPickupBox:HOVER{
	background-color: #fafafa;
}
h1.pickup{
	font-size: 35px; 
	line-height: 38px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	color: rgb(110,110,110);
}
h2.pickup{
	font-size: 30px;
	line-height: 33px;
	color: rgb(173,173,173);
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	display: inline-block;
	vertical-align: top;
}
h2.light{
	font-weight: lighter;
}
div.topHeader{
	padding: 20px;
	-moz-box-shadow: 0 0px 10px #999999;  
     -webkit-box-shadow: 0 0px 10px #999999;  
     box-shadow: 0 0px 10px #999999;
     z-index: 10;
     position: fixed;
     background-color: white;
     height: 60px;
     width: 100%;
     left: 0;
}
div.topHeaderArea{
	margin-left: auto;
	margin-right: auto;
	padding-left: 60px;
	padding-right: 60px; 
}
div.queueFrame{
	height: 95%;
	overflow-y: auto;
}
div.mainPageArea{
	position: absolute;
	top: 100px;
	width: 100%;
	height: 85%;
}
div.pickupQueue{
	padding: 20px;
	width: 65%;
	display:inline-block; 
	vertical-align: top;
	height: 100%;
	min-width: 400px;
}
div.readyQueue{
	padding: 20px;
	background-color: #eeeeee;
	width: 25%;
	height: 100%;
	display:inline-block; 
	vertical-align: top;
	z-index: -5;
	min-width: 400px;
}
div.historyQueue{
	padding: 20px;
	background-color: #eeeeee;
	height: 100%;
	display:inline-block; 
	vertical-align: top;
	z-index: -5;
	min-width: 400px;
}
h2.queueTitle{
	color: #444444;
	font-size: 18px;
	line-height: 22px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}
hr.border{
	border-bottom: 1px solid transparent;
	border-top: 1px solid #dddddd;
	margin: 0px;
}
h2.orderTitle{
	color: #111111;
	font-size: 18px;
	line-height: 22px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	display: inline-block;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 22px;
}
img.buttonCheckMark{
	width: 25px;
	height: 25px;
}
a.orderButton{
	width: 200px;
	height: 100%;
	background-color: rgb(1,200,83);	
	padding: 13px;
	text-align: center;
	color: white;
	text-decoration: none;
	font-size: 22px;
}
a.orderButton:HOVER{
	background-color: rgb(1,180,63);	
}
a.orderDoneButton{
	width: 40px;
}
h2.timestamp{
	color: rgb(186,186,186);
	font-size: 18px;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: normal;
	padding: 0px;
}
h2.readyName{
	font-size: 35px; 
	line-height: 38px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	color: rgb(110,110,110);
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
}
h2.readyItem{
	color: rgb(113,113,113);
	font-size: 18px;
	line-height: 22px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;	
}
a.graybutton {
  display: inline-block;
  margin: 15px 15px 15px 0px;
  padding: 10px;
  border-radius: 3px;
  background-color: tansparent;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: Raleway, sans-serif;
  color: #cccccc;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
  border: 1px solid #cccccc;
  background-color: transparent;
}
a.graybutton:hover {
  background-color: #cccccc;
  color: white;
  text-decoration: none;
}

a.bluebutton {
  display: inline-block;
  margin: 15px 15px 15px 0px;
  padding: 10px;
  border-radius: 3px;
  background-color: #48c6f3;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: Raleway, sans-serif;
  color: white;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
}
a.bluebutton:hover {
  background-color: #48c6f3;
  text-decoration: none;
}
a.bluebutton.transbutton {
  border: 1px solid #48c6f3;
  background-color: transparent;
  -webkit-transition: all 300ms ease, all 300ms ease;
  -o-transition: all 300ms ease, all 300ms ease;
  transition: all 300ms ease, all 300ms ease;
  color: #48c6f3;
}
a.bluebutton.transbutton:hover {
  background-color: #48c6f3;
  color: white;
}

a.readyForPickupDropTab{
	background-color: #eeeeee; 
	position: absolute; 
	padding: 8px; 
	border-radius: 0px 0px 8px 8px; 
	margin-top: 9px; 
	color: #444444;
	font-size: 18px;
	line-height: 22px;
	-moz-box-shadow: 0 4px 9px #999999;  
     -webkit-box-shadow: 0 4px 9px #999999;  
     box-shadow: 0 4px 9px #999999;
}

a.readyForPickupDropTab:HOVER{
	background-color: #dddddd; 
	text-decoration: none;
}

a.arrowUp{
	color: #666666;
	font-weight: bolder;
	font-size: 18px;
	line-height: 22px;
	margin-top: -5px;
}

a.arrowUp:HOVER{
	color: #444444;
	text-decoration: none;
}

@media (max-width: 991px) {
	div.mainPageArea{
		overflow-x: auto;
		width: 1000px;
	}
	div.pickupQueue{
		width: 50%;
	}
	div.readyQueue{
		min-width: 100px;
		width: 22%;
	}
}
@media (max-width: 1500px) {
	div.pickupQueue{
		width: 60%;
	}
	div.readyQueue{
		min-width: 100px;
		width: 30%;
	}
}
@media (max-width: 1200px) {
	div.pickupQueue{
		width: 60%;
	}
	div.readyQueue{
		min-width: 100px;
		width: 30%;
	}
}