@charset "utf-8";
/* CSS Document */
body{
text-align:center;	
}

#containa, tr, td{
margin-left:0px auto;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:auto;
	
}
#agent_totals{
clear:both;
min-height:15px;
border-bottom: double 2 px #ccc;
background:#EDEDDC;
font-weight:bolder;
margin-top:2px;
padding:3px;	
}

#total_totals{
clear:both;
min-height:15px;
border-bottom: double 2 px #ccc;
background:#690;
color:#fff;
line-height:25px;
font-weight:bolder;
margin-top:2px;
padding:3px;
}
#cashiers_totals{
	clear:both;
	min-height:15px;
border-bottom: solid 2 px #000;
background:#EAF5FD;
font-weight:bolder;
color:#518110;
margin-top:2px;
padding:5px;
}

#cancelled_ticket{
	clear:both;
	min-height:15px;
background:#FFFFF0;
color:#ccc;
text-decoration:line-through;
margin-top:2px;
border-bottom:solid 1px #ccc;	
padding:5px;
}

#sold_ticket{
clear:both;
min-height:15px;
background:#ffffff;
text-decoration:none;
border-bottom:solid 1px #ccc;	
color:#000;
margin-top:2px;
padding:5px;
}

#float_ticket{
	clear:both;
	min-height:15px;
background:#F3F5FE;
color:#ccc;
text-decoration:line-through;
margin-top:2px;
border-bottom:solid 1px #ccc;	
padding:5px;
}

#cancelled_cash{
	margin-left:20px;
	float:left;
text-align:right;
width:150px;	
}

#ticket_date{
float:left;
width:100px;
margin-left:20px;
}

#ticket_number{
float:left;
min-width:150px;
margin-left:20px;
}

#agent_name{
float:left;
width:300px;
margin-left:20px;

}

#cashier_name{
float:left;
width:300px;
margin-left:20px;

}

#totalTickets{
margin-left:20px;
float:left;
width:150px;
text-align:right;
}
#totalCash{
margin-left:20px;
float:left;
width:150px;
text-align:right;

}

#daily_cash{
margin-left:500px;
width:300px;
margin-top:5px;
padding:3px;
color:#000;
min-height:30px;
height:auto;
}

#cash_day{
	font-weight:bold;
	font-size:14px;
	color:#999;
	
}

	
#method_tash{
border-bottom:#000 1px solid;
background:#fff;
height:auto;

}

#cash_method{
float:left;
width:auto;
min-width:100px;
margin-left:20px;	
}
#cash_amount{
float:left;
width:auto;
min-width:50px;
margin-left:20px;	
text-align:right;
}
#d_summ{
float:right;	
}
/*#################################################*/
#cat_back{
background:#EDEDDC;
width:auto;
}

#cat_row{
clear:both;
min-height:20px;
border-bottom: double 2 px #ccc;
background:#fff;
color:inherit;
margin-top:2px;
	
}

#cat_name{
float:left;
text-align:left;
overflow:hidden;
width:160px;
margin-left:20px;
}
  #totalticks{
margin-left:20px;
float:left;
min-width:60px;
text-align:right;
  }
  
  #leftColumn{
	  min-height:300px;
	  min-width:150px;
	  background:#fefefe;
	  padding:6px;
	  border-right: solid 1px #ccc;
	  width:190px;
	  float:left;
	  margin-right:10px;
	  
  }
  
  #midcontent{
	  min-height:300px;
	  min-width:750px;
	  background:#F5F5FE;
	  padding:6px;
	  border: solid 1px #ccc;
	  width:auto;
	  float:left;
	  margin-right:10px;
  }
  #yop_mid_bar
 {
	background:#e5edFd;
	border-bottom:3px double #ccc;
	padding:10px;
	height:auto;
	min-height:120px;	
	
	 
 }
 #clia{
	clear:both; 
 }

 #leftTab{
	 
	min-width:200px ;
	float:left;
	border:#ccc solid 1px;
	margin-right:20px;
	padding:5px;
	min-height:100px;
	
 }
 #date{
	float:right; 
 }
 #title{
 float:left;
 color:#690;
 font-size:14px;
 text-transform:capitalize;
 }
 .datefield{
	 background:inherit;
	 border:inherit;
	 border-bottom:1px solid #777;
 }
 #number{
	font-size:24px;
	color:#999; 
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
	padding-bottom:0px;
	margin-bottom:0px;
	width:auto;
 }
 #paymCash{
	float:left;
	min-width:70px;
	width:20px;
	padding:3px;
	color:#999; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
 }
  #foot_note{
	font-size:8px;
	font-weight:lighter; 
	text-align:center;
	margin-top:0px;
 }
 #detail_cluster{
	margin-right:20px;
	margin-top:20px;
	float:right;
	 
 }
 #detail{
	font-size:16px;
	color:#ccc;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:right;
	
 }
 #bottom_list{
	 padding:6px;
	 margin-top:5px;
	 margin-left:10px;
	 min-width:600px;
	 min-height:120px;
	width:auto;
	border:1px solid #ccc;
 }
 
 #rightcontent{
	min-height:300px;
	  min-width:130px;
	  background:#F5F5FE;
	  padding:6px;
	  border: solid 1px #ccc;
	  width:250px;
	  float:left;
	  margin-right:10px; 
 }
 
 #aloneTab{
	min-width:150px ;
	height:120px;
	border:#ccc solid 1px;
	
	padding:5px; 
	margin-top:20px;
 }

 
.reason_abs{
	padding:6px;
	background:#09F;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:absolute;
	border:5px solid #fff;
}
 
 #searchForm{
	 padding:3px; width:auto; background:inherit;
 }
 
 #div1{
	width:150px;
	padding:3px;
	
	border-bottom:1px dotted #CCC;
	padding-left:20px;
}
 #div2{
	width:150px;
	float:left;
	padding:3px;
	background:#E1E1E1;
	padding-left:20px;
}
 #div3{
	width:150px;
	float:right;
	margin-right:20px;
	padding:3px;
	background:#E1E1E1;
	padding-left:20px;
}



.bounce {
  /* display: inline-block; */
  position: relative;
  -moz-animation: bounce 0.5s infinite linear;
  -o-animation: bounce 0.5s infinite linear;
  -webkit-animation: bounce 0.5s infinite linear;
  animation: bounce 0.5s infinite linear;
  color:000;
}

@-webkit-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-moz-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-o-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-ms-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}