/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size:12px;
	background:#F2F2E6;
	margin:10px;
	margin:0px;
	}	
img{border:none;
	}
frameset {
    background-color: #f2f2e6;
}   
legend {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;
	border:1px solid ; 
	color:#990000;
/*	background-image:url(img/legend.jpg);*/
	background-color:#DBD8C7;
	text-align:center;
	font-weight:bold;
	min-width:150px;
	/* border-radius:3px;*/
	position:absolute;top:-15px;left:10px;
	}
fieldset{
	position:relative;
	width:97%;
	background-color:#E7E7DA;
	padding-left:5px;
	margin-top:15px;
	padding-top:15px;
}
a:link {
	color:#006699;
	text-decoration: none;
	}
a:visited {
	text-decoration: none;
	color:#006FA4;
	}
a:hover {
	text-decoration: underline;
	}
a:active {
	text-decoration: none;
	}
.header {
	background:#FFFFFF url(img/cms1_header.gif) repeat-x;
	height:93px;
}
.bar {
	text-align:right;
	padding-right:15px;
	padding-top:3px;
	padding-bottom:3px;
	background-image: url(img/bezlineup.gif);
	font-size:12px;
	letter-spacing:-1px;
}

.title {
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	color:#800000;
	height:25px;
}
.controls {
	font-size:16px;
	font-weight:bold;
	color:#800000;
	margin-top:10px;
}
.controls1{
	font-size:16px;
	font-weight:bold;
	color:#800000;
	margin-top:10px;
	margin-left:10px;
}
.sendfrm{
		width:470px;
		background-color:#F5F5F5;
		padding:10px;
		border: solid thin #CCCCCC;
	}
.tempfrm{
	width:450px;
	background-color:#F5F5F5;
	padding:10px;
	border: solid thin #CCCCCC;
}
.textbox {
	background-image: url(img/user.gif);
	background-repeat: no-repeat;
	background-position:left;
	width:150px;
	font:normal 10px Arial;
	color: #999999;
	padding:3px 5px 3px 19px;
}
.textbox:focus, .textbox:hover {
	background-color:#F0FFE6;
}
.transbox {
	font:normal Arial;
	color:#FF0000;
	padding:3px 3px 3px 3px;
}
.transbox:focus, .transbox:hover {
	background-color:#F0FFE6;
}
.textlang {
	background-image: url(img/lang.gif);
	background-repeat: no-repeat;
	background-position:left;
	width:178px;
	font:normal 10px Arial;
	color: #999999;
	padding:3px 5px 3px 19px;
}
.textlang:focus, .textlang:hover {
	background-color:#F0FFE6;
}
.textMail {
	background-image: url(img/envelope.gif);
	background-repeat: no-repeat;
	background-position:left;
	width:150px;
	font:normal 10px Arial;
	color: #999999;
	padding:3px 5px 3px 19px;
}
.textMail:focus, .textMail:hover {
	background-color:#F0FFE6;
}
.textImage {
	background-image: url(img/pass.gif);
	background-repeat: no-repeat;
	background-position:left;
	width:80px;
	font:normal 10px Arial;
	color: #999999;
	padding:3px 5px 3px 19px;
}
.textImage:focus, .textImage:hover {
	background-color:#F0FFE6;
}
.password {
   	background-image: url(img/pass.gif);
    background-repeat: no-repeat;
   	background-position:left;
	width:150px;
    font:normal 10px Arial;
    color: #999999;
    padding:3px 5px 3px 19px;
}
.password:focus, .password:hover {
	background-color:#F0FFE6;
}
.page_tips{
	color:#006699;
	padding-left:5px;
	}
/*Login Pages*/
.login {
	font: 20px Arial, Helvetica, sans-serif;
	margin-top:60px;
	background-color:#e7f1f8;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
}
.login1 {
	font: 10px Arial, Geneva, Helvetica, sans-serif;
	padding-top:20px;
	padding-bottom:20px;
	background-image:url(img/footer_login.jpg);
	background-repeat:no-repeat;
} 
.login2 {
	font: 10px Arial, Geneva,  Helvetica, sans-serif;
} 
.login3 {
	font: 14px Arial, Geneva,  Helvetica, sans-serif;
	color:#FF0000;
} 
.login_version {
	font: 13px Arial, Geneva, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:50px;
	background-color:#E5E5E5;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #CCCCCC;
}

.buttons{
	cursor:pointer;
	background: #e3e3db;
	width:150px;
	height:30px;
	font-size:10px; 
	color: #989070; 
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	font-weight:bold;
	padding:1px 1px 1px 1px;
}
.buttons:focus, .buttons:hover {
	background:#D7E4EE;
	color:#FF0000;
}
.button{
	cursor:pointer;
	background-image:url(img/button.jpg);
	background-repeat:repeat-x;
	height:22px;
	font-size:12px; 
	color:#666666;
	border-width: 1px;
	border-style: solid;
	border-color:#999999;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.button:focus, .button:hover {
	background-image:url(img/button_hover.jpg);
	color:#333333;
}
.big_idle{
	cursor:pointer;
	background-color:#FF0000;
	height:150px;
	width:120px;
	font-size:20px; 
	color:#FFFFFF;
	border-width: 2px;
	border-style:outset;
	border-color:#999999;
	font-weight:bold;
	padding:10px;
	margin-top:3px;
	font-family:Arial, Helvetica, sans-serif;
}
.big_idle:focus, .big_idle:hover {
	background-color:#E80000;
	color:#FFFFFF;
	border-color:#FFFFFF;
}
.big_reset{
	cursor:pointer;
	background-color:#0099CC;
	height:150px;
	width:120px;
	font-size:20px; 
	color:#FFFFFF;
	border-width: 2px;
	border-style:outset;
	border-color:#999999;
	font-weight:bold;
	padding:10px;
	margin-top:3px;
	font-family:Arial, Helvetica, sans-serif;
}
.big_reset:focus, .big_reset:hover {
	background-color:#0066CC;
	color:#FFFFFF;
	border-color:#FFFFFF;
}
.big_delete{
	cursor:pointer;
	background-color:#333333;
	height:150px;
	width:120px;
	font-size:20px; 
	color:#FFFFFF;
	border-width: 2px;
	border-style:outset;
	border-color:#999999;
	font-weight:bold;
	padding:10px;
	margin-top:3px;
	font-family:Arial, Helvetica, sans-serif;
}
.big_delete:focus, .big_delete:hover {
	background-color:#000000;
	color:#FFFFFF;
	border-color:#FFFFFF;
}
.big_ok{
	cursor:pointer;
	background-color:#00CC00;
	height:150px;
	width:120px;
	font-size:20px; 
	color:#FFFFFF;
	border-width: 2px;
	border-style: outset;
	border-color:#999999;
	font-weight:bold;
	padding:10px;
	margin-top:3px;
	font-family:Arial, Helvetica, sans-serif;
}
.big_ok:focus, .big_ok:hover {
	background-color:#00BF00;
	color:#FFFFFF;
	border-color:#FFFFFF;
}
.monitor{
	color:#006699;
	text-decoration: none;
	background-color:#F2F2E6;
	background-image:url(img/monitor.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:16px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:25px;
	border:none;
}
.monitor:focus, .monitor:hover {
	color:#FF0000;
	background-color:#E9E6DB;
	text-decoration:underline;
}
.labels{
  	float:left;
	background-image:url(img/top.gif);
	border:solid thin #CCCCCC;
	width:150px;
	height:16px;
	font-size:12px;
	color:#006699;
	padding-left:10px;
	padding-top:3px;
	margin-top:2px;
	}
.cls_big_labels{
  	float:left;
	background-image:url(img/top.gif);
	border:solid thin #CCCCCC;
	width:250px;
	height:50px;
	font-size:20px;
	color:#006699;
	padding-left:10px;
	padding-top:2px;
	margin-top:0px;
	line-height:50px;
	}
.cls_small_labels{
  	float:left;
	background-image:url(img/top.gif);
	border:solid thin #CCCCCC;
	width:250px;
	height:30px;
	font-size:16px;
	color:#006699;
	padding-left:10px;
	padding-top:2px;
	margin-top:0px;
	line-height:30px;
	}
.addform {
	font-family:Arial, Helvetica, sans-serif;
	border:solid thin #999999;
	background-color:#F9F9F9;
	margin-left:5px;
	width:250px;
	height:17px;
	font:normal 11px;
	color:#666666;
	padding-left:2px;
	margin-top:2px;
}
.addform:focus, .addform:hover {
	background-color:#F4F9FB;
}
.addform_date {
	font-family:Arial, Helvetica, sans-serif;
	border:solid thin #999999;
	background-color:#F9F9F9;
	margin-left:5px;
	height:21px;
	font:normal 11px;
	color:#666666;
	padding-left:2px;
	margin-top:2px;
}
.addform_date:focus, .addform_date:hover {
	background-color:#F4F9FB;
}
.cls_big_input {
	font-family:Arial, Helvetica, sans-serif;
	border:solid thin #999999;
	background-color:#E7E7DA;
	margin-left:5px;
	width:250px;
	height:50px;
	font-size:30px;
	text-align:right; 
	color:#666666;
	padding-right:5px;
	margin-top:0px;
}
.cls_small_input {
	font-family:Arial, Helvetica, sans-serif;
	border:solid thin #999999;
	background-color:#E7E7DA;
	margin-left:5px;
	width:250px;
	height:30px;
	font-size:20px;
	text-align:right; 
	color:#666666;
	padding-right:5px;
	margin-top:0px;
}
.addform_calendar {
	font-family:Arial, Helvetica, sans-serif;
	border:solid thin #999999;
	background-color:#F9F9F9;
	margin-left:5px;
	width:150px;
	height:17px;
	font:normal 11px;
	color:#666666;
	padding-left:2px;
	margin-top:2px;
}
.addform_calendar:focus, .addform_calendar:hover {
	background-color:#F4F9FB;
}
.addform_drop {
	font-family:Arial, Helvetica, sans-serif;
	border:solid thin #999999;
	background-color:#F9F9F9;
	margin-left:5px;
	width:254px;
	height:21px;
	font:normal 11px;
	color:#666666;
	padding-left:2px;
	margin-top:2px;
}
.addform_drop option {
	background-color:#E1F4C7;
	height:15px;
	font:normal 11px;
	color:#006699;
	padding-left:2px;
}
.addform_drop:focus, .addform_drop:hover {
	background-color:#F4F9FB;
}	
.addform_5 {
	font-family:Arial, Helvetica, sans-serif;
	border:solid thin #999999;
	background-color:#F9F9F9;
	margin-left:5px;
	width:50px;
	height:17px;
	font:normal 11px;
	color:#666666;
	padding-left:2px;
	margin-top:2px;
}
.addform_5:focus, .addform_5:hover {
	background-color:#F4F9FB;
}	
.addform_drop_1 {
	font-family:Arial, Helvetica, sans-serif;
	border:solid thin #999999;
	background-color:#F9F9F9;
	margin-left:5px;
	height:21px;
	font:normal 11px;
	color:#666666;
	padding-left:2px;
	margin-top:2px;
}
.addform_drop_1:focus, .addform_drop_1:hover {
	background-color:#F4F9FB;
}
.addform_drop_1 option {
	background-color:#E1F4C7;
	height:15px;
	font:normal 11px;
	color:#006699;
	padding-left:2px;
}
.addform_1{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#F9F9F9;
	margin-left:5px;
	width:250px;
	height:22px;
	font:normal 11px;
	color:#666666;
	padding-left:2px;
	margin-top:2px;
	margin-left:4px;
}
.addform_1:focus, .addform_1:hover {
	background-color:#F4F9FB;
}
.textarea_msg{
	width:413px;
	height:100px;
	border:1px solid #999999;
	padding:3px;
	margin-top:2px;
	color:#0080C0;
	background-color::#F9F9F9;
	font:12px Arial, Helvetica, sans-serif;
	}
.textarea_msg:focus, .textarea_msg:hover {
	background-color:#F4F9FB;
}	
.msg_div{
	position:relative;
	margin:1em 0;
	width:421px;
	}
form .counter{
	position:absolute;
	right:0;
	top:0;
	font-size:12px;
	color:#999999;
	padding-right:5px;
	margin-top:2px;
	height:17px;
	padding-top:3px;	
	}
form .warning{
	background-color:#FFFFAA;
	width:230px;
	text-align:right;
	padding-right:5px;
	margin-top:2px;
	height:16px;
	padding-top:3px;
	background-image:url(img/warning.gif);
	background-repeat:no-repeat; 
	background-position:left; 
	border: 1px #999999 solid;	
	
	}	
form .exceeded{
	color:#000000;
	background-color:#FF8080;
	width:230px;
	text-align:right;
	padding-right:5px;
	margin-top:2px;	
	height:16px;	
	padding-top:3px;
	background-image:url(img/error.gif);
	background-repeat:no-repeat; 
	background-position:left;
	border: 1px #999999 solid;			
	}	

.login_box{float:right; color:#CCCCCC; margin:0px; padding:10px; font-size:90%; background-color:#006699}
.logo_cms1{float:left; background-image:url(img/cms1_logo.gif); width:224px; height:93px}
.user_format{text-transform:uppercase}
.logout_format{color:#FFFF99;text-decoration:underline}

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
/*[START-QCC]*/.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}/*[END-QCC]*//*[START-QCC0]*/#qm0 li, #qm0 a {
	float:none;
}#qm0 li:hover>ul{top:0px;left:100%;}/*[END-QCC0]*/

#qm0{	
	width:200px;
	background-color:#E7E7DA;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#858585;
	margin-left:5px;
	margin-right:5px;
}
	/*"""""""" (MAIN) Items""""""""*/	
#qm0 a{
	color:#333333;
	font-size:12px;
	text-decoration:none;
	text-align:left;
	border-width:1px 1px 0px 1px;
	border-style:solid;
	border-color:#858585;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
	/*"""""""" (MAIN) Hover State""""""""*/	
#qm0 a:hover{	
		text-decoration:underline;
		}
/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		text-decoration:underline;
	}


	/*"""""""" (MAIN) Parent Hover State""""""""*/	
	#qm0 .qmparent:hover	
	{
	color: #006699;
	}
	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:#E9E6DB;
		text-decoration:underline;
	}
	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:10px 5px 10px 5px;
		margin:0px;
		background-color:#F4F9FB;
		border-width:1px;
		border-style:solid;
		border-color:#999999;
	}
	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 40px 2px 5px;
		background-color:transparent;
		color:#333333;
		font-size:12px;
		border-width:1px 0px 1px 0px;
		border-style:solid;
		border-color:#EDEDED;
	}
	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		text-decoration:underline;
	}
	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{
	text-decoration:underline;
	}
	/*"""""""" (SUB) Parent Hover State""""""""*/	
	#qm0 div .qmparent:hover	
	{	
		background-color:transparent;
	}
	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#D6D6D6;
		text-decoration:none;
		border-style:solid;
		border-color:#858585;
	}
	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:3px 0px 3px 4px;
		color:#333333;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
	}
	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 0px 4px 0px;
		border-color:#BFBFBF;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:15px;
		margin:4px 2px 0px 2px;
		border-color:#BFBFBF;
	}
	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 .qmparent	
	{	
		background-repeat:no-repeat;
		background-position:95% 50%;
	}
	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul .qmparent	
	{	
		background-image:url(cssalt1_arrow_right.gif);
	}
	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		margin:0px 0px 0px -1px;
	}
	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li:hover > a.qmparent	
	{	
		background-color:#D6D6D6;
		background-image:url(cssalt1_arrow_right_hover.gif);
		text-decoration:underline;
		border-color:#858585;
	}
	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a.qmparent	
	{	
}
.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}

/*~~~~~~~~~~~~~~TOOLTIP~~~~~~~~~~~~~~~*/	

		.tooltip {
			/*border-bottom: 1px dotted #000000; color: #000000; outline: none;*/
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltip:hover em {
			font-family: Arial, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background:#C3D2D7; border: 1px solid #ffffff;  padding: 0.8em 1em; }
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		/*.warning { background: #FFFFAA; border: 1px solid #FFAD33; }*/
.critical {
		background:#FF8080;
		list-style-position:outside;
		list-style-image:url(img/error.gif);
		border:thin #E7E7DA solid;
		/*line-height: 0.5em;*/
		}
.success {
		background:#C3D2D7;
		list-style-position:outside;
		list-style-image:url(img/info.gif);
		border:thin #E7E7DA solid;
		/*line-height: 0.5em;*/
		}
.warning {
		background:#FFFFAA;
		list-style-position:outside;
		list-style-image:url(img/warning.gif);
		border:thin #E7E7DA solid;
		/*line-height: 0.5em;*/
		}
.completed {
		background:#C3D2D7;
		list-style-position:outside;
		list-style-image:url(img/ok.gif);
		border:thin #E7E7DA solid;
		/*line-height: 0.5em;*/
		}		
/*~~~~~~~~~~~~~~CLS~~~~~~~~~~~~~~~*/	
.input_scan_big {
width:300px;
height:50px;
font-size:30px;
}
.bar_label {
font-size:30px;
padding:5px;
}
.bar_label_ready {
font-size:25px;
padding:5px;
color:#009900;
}
.bar_label_redeem_ready {
font-size:25px;
padding:5px;
color:#F00;
}
.quick_idle{
	cursor:pointer;
	width:200px;
	height:100px;
	background-image:url(cls/img/quick_idle.gif);
	background-position:left;
	background-repeat:no-repeat;
		border:thin;
	border-style:solid;
}
.quick_idle:focus, .quick_idle:hover {
	border:thick;
}
.quick_idle_redeem{
	cursor:pointer;
	width:200px;
	height:100px;
	background-image:url(cls/img/quick_idle_redeem.gif);
	background-position:left;
	background-repeat:no-repeat;
		border:thin;
	border-style:solid;
}
.quick_idle_redeem:focus, .quick_idle_redeem:hover {
	border:thick;
}
.quick_new_customer{
	cursor:pointer;
	width:200px;
	height:100px;
	background-image:url(cls/img/quick_new_customer.gif);
	background-position:left;
	background-repeat:no-repeat;
		border:thin;
	border-style:solid;;
}
.quick_new_customer:focus, .quick_new_customer:hover {
	border:thick;
}
.quick_search_customer{
	cursor:pointer;
	width:200px;
	height:100px;
	background-image:url(cls/img/quick_search_customer.gif);
	background-position:left;
	background-repeat:no-repeat;
	border:thin;
	border-style:solid;
}
.quick_search_customer:focus, .quick_search_customer:hover {
	border:thick;
}
.quick_transactions{
	cursor:pointer;
	width:200px;
	height:100px;
	background-image:url(cls/img/quick_transactions.gif);
	background-position:left;
	background-repeat:no-repeat;
	border:thin;
	border-style:solid;
}
.quick_transactions:focus, .quick_transactions:hover {
	border:thick;
}
.quick_password{
	border-radius:25px;
	cursor:pointer;
	width:47px;
	height:47px;
	background-image:url(cls/img/password_small.gif);
	background-position:left;
	background-repeat:no-repeat;
	border:thin;
	border-style:solid;
	margin-top:10px;
	border-color:#999999;
}
.quick_password:focus, .quick_password:hover {
	border-color:#666666;
}
.quick_home{
	border-radius:25px;
	cursor:pointer;
	width:47px;
	height:47px;
	background-image:url(cls/img/home.gif);
	background-position:left;
	background-repeat:no-repeat;
	border:thin;
	border-style:solid;
	margin-top:10px;
	border-color:#999999;
}
.quick_home:focus, .quick_home:hover {
	border-color:#666666;
}
.quick_pos{
	border-radius:25px;
	cursor:pointer;
	width:47px;
	height:47px;
	background-image:url(cls/img/pos_small.gif);
	background-position:left;
	background-repeat:no-repeat;
	border:thin;
	border-style:solid;
	padding-left:0px;
	margin-top:10px;
	border-color:#999999;
}
.quick_pos:focus, .quick_pos:hover {
	border-color:#666666;
}
.quick_printer{
	border-radius:25px;
	cursor:pointer;
	width:47px;
	height:47px;
	background-image:url(cls/img/printer.gif);
	background-position:left;
	background-repeat:no-repeat;
	border:thin;
	border-style:solid;
	padding-left:0px;
	margin-top:10px;
	border-color:#999999;
}
.quick_printer:focus, .quick_printer:hover {
	border-color:#666666;
}
.quick{	
	width:40px;
	background-color:#E7E7DA;
	border:thin;
	border-style:solid;
	border-color:#858585;
	margin-right:5px;
	padding:3px;
	height:50px;
	font-size:9px;
}
.default_dg_table { BORDER-COLLAPSE: collapse; BORDER: #d0d0d0 1px solid; FONT: normal 12px; background-color:#FFFFFF;}
.manual_table_td {
	background-image:url(img/top.gif); 
	background-repeat:repeat-x;
	BORDER-BOTTOM: #d2d0bb 2px solid; 
	BORDER-RIGHT: #d2d0bb 2px solid; 
	BORDER-LEFT: #e1e2e3 2px solid; 
	MARGIN-LEFT: 0px; 
	PADDING-RIGHT: 4px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 3px; 
	PADDING-TOP: 3px;  
	FONT: 12px; 
	color:#006699;
}
.manual_table_td_d {
BORDER-TOP: #f1efe2 1px solid; BORDER-RIGHT: #fefefe 1px solid; BORDER-LEFT: #e1e2e3 1px solid; PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; FONT: normal 12px;
}
div.floating-pad 
{position:fixed;border:1px solid #CCCCCC; right:165px; top:210px; background-color:#F2F2E6; padding-bottom:5px;}
div.floating-pad-barcode
{ top:210px; background-color:#E7E7DA; padding-bottom:5px;
margin-left:auto;
margin-right:auto;
width:200px;
}
.keyboardHeader 
{color:#FFFFFF; background-color:#FF8000; border:#CCCCCC solid 1px; border-radius:5px;
font-size:14px; float:left; position:absolute; cursor:pointer; top:-28px; padding:4px; width:190px;}
.keypad_number {
    width:60px; height:60px;background-color:#fff; position:relative;float:left;margin-right:5px;margin-top:5px;cursor:pointer;font-size:1.9em;

    /*box shadow*/ -webkit-box-shadow: 0px 1px 3px #000000;-moz-box-shadow: 0px 1px 3px #000000;box-shadow: 0px 1px 3px #000000;
    /*box radius*/ -moz-border-radius: 5px;border-radius: 5px;
    /*gradient*/
    background: #ffffff; /* old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */
}
.userbox    {}
.userbox select {background-color: #FF6600; color: #000000; width: 120px; height: 30px; font-size: 22px; border: none; margin-bottom: 2px;}
.userbox input {background-color: #FF6600; color: #000000; width: 117px; height: 30px; font-size: 22px; border: none; margin-bottom: 2px; padding-left: 3px;}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
.LockOff {
     display: none;
     visibility: hidden;
}
.LockOn {
    display: block;
    visibility: visible;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    filter: alpha(opacity=20);
    opacity: 0.2;
    background: url('img/loader.gif') 50% 50% no-repeat rgb(128,166,185);
    z-index: 9999;
    border: 0px; border-radius: 5px;
}
.LockOnPane {  
    font-size: 120%; 
    color: #FFFFFF; 
    background-color: #000000; 
    width: 200px; 
    margin: 0 auto; 
    margin-top: 10%; 
    border-radius: 5px; 
    padding: 10px;
    z-index: 9999;
    }
.pad-left-right-10 {
    padding: 0 10px 0 10px;
}
.like-a-message {
    padding:10px; 
    margin-bottom:10px;
    border-radius:4px; 
    border:solid 1px #CCCCCC; 
    background-color:#F4F9FB;
}
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
.align-center {
    text-align: center;
}
/* NEW AGE*/
.width-10-percent {
    width: 10%;
}
.flat-circle {
    float: left;
    position: relative;
    padding-top: 35px;
    width: 150px;
    height: 115px;
    border-radius: 50%;
    text-align: center;
    font-size: 5em;
    letter-spacing: -5px;
    margin: 10px;
}
.red-color {
    background: #fbfbfb none no-repeat scroll center center / cover;
    color:#ff8080;
}
.green-color {
    background: #fbfbfb none no-repeat scroll center center / cover;
    color:#b6cd5b;
}
.red-span {
    background: red;
    color: #FFFFFF;
    padding: 3px 10px 3px 10px ;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
}
.circle-title {
    position: relative;
    font-size: 12px;
    color:#515151;
    top: -10px;
    letter-spacing: 0px;
}
.circle-small-letters {
    position: relative;
    font-size: 15px;
    top: 0px;
    letter-spacing: -1px;
}
/* PADDING STYLES*/
.padding-5 {
    padding: 5px;
}
.width-100-percent {
    width: 100%;
}
.div-center-align {
    margin: auto;
}
.width-300-px {
    width: 300px;
}
.blink {
    animation-duration: 2s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-timing-function: steps(2, start);
}
@keyframes blink {
    80% {
        visibility: hidden;
    }
}