A:link { color: #0B07AA }
A:visited { color: #0B07AA }
A:active { color: #0B07AA }
A:hover { color: #D40106 }


#blankbg {background-image: url(images/spacer.gif); background-repeat: no-repeat}

td {font-family: arial, verdana, geneva, sans-serif; font-size: 7.8pt;}

.white78 {font-family: arial, verdana, geneva, sans-serif; font-size: 7.8pt; color: #ffffff}
.white8 {font-family: arial, verdana, geneva, sans-serif; font-size: 8pt; color: #ffffff}
.white12b {font-family: arial, verdana, geneva, sans-serif; font-size: 12pt; font-weight: bold; color: #ffffff}
.white14b {font-family: arial, verdana, geneva, sans-serif; font-size: 14pt; font-weight: bold; color: #ffffff}
.white16b {font-family: arial, verdana, geneva, sans-serif; font-size: 16pt; font-weight: bold; color: #ffffff}
.white18b {font-family: arial, verdana, geneva, sans-serif; font-size: 18pt; font-weight: bold; color: #ffffff}
.white40b {font-family: arial, verdana, geneva, sans-serif; font-size: 40pt; font-weight: bold; color: #ffffff}

.black8 {font-family: arial, verdana, geneva, sans-serif; font-size: 8pt; color: #000000}
.black10 {font-family: arial,verdana, geneva, sans-serif; font-size: 10pt; color: #000000}
.black14 {font-family: arial, verdana, geneva, sans-serif; font-size: 14pt; font-weight: normal; color: #000000}
.black14b {font-family: arial, verdana, geneva, sans-serif; font-size: 14pt; font-weight: bold; color: #000000}
.black16 {font-family: arial, verdana, geneva, sans-serif; font-size: 16pt; font-weight: normal; color: #000000}
.black16b {font-family: arial, verdana, geneva, sans-serif; font-size: 16pt; font-weight: bold; color: #000000}

.red9 {font-family: arial, verdana, geneva, sans-serif; font-size: 9pt; color: #AD0000}

.red16b {font-family: arial, verdana, geneva, sans-serif; font-size: 16pt; font-weight: bold; color: red}

.gray16b {font-family: arial, verdana, geneva, sans-serif; font-size: 16pt; font-weight: bold; color: gray}


/*=================================================================*/
/* 
chetwodeblue : #897fde      (unsaturated very light cold blue)
athensgray : #e3e5ea    (unsaturated very light cold azure)

aquamarineblue : #7fccde (unsaturated very light cold cyan)

glacier : #7fb1bf (unsaturated very light cold cyan)

olivine : #9abf7f (unsaturated very light cold chartreuse)
carnation : #fa5a5a (saturated very light warm red)

lilac : #cb99c5 (unsaturated very light warm redish magenta)
creamcan : #f0d264  (saturated very light warm yellow)
sandwisp : #f3eaa0 (is a unsaturated very light warm redish yellow)
primrose : #ebe29b ( is a unsaturated very light warm redish yellow)

danube : #6DA2D9 (saturated very light cold azure)

pigeonpost: #A9BCD8 (very unsaturated very light cold azoure)

casper: #a9bcd1 (very unsaturated very light cold azure)

button_normalitem #f3eaa0 sandwisp
button_normalitemgrp #efc57c  robroy
button_normalitemgrp #e3bb76 harvestgold

button_forceditem #cbc48c yuma
button_forceditemgrp #cbc48c

708090
71838C
d3d3de
9380bd
lavenderpurple: #8980bc

<div class="rounded-corners shadows" style="width: 317px; height: 123px; background-image: url('images/bg-pup.png'); border: 3px solid black; padding: 7px; color: white; font-weight: bold; font-size: 14px; position: relative; left: 347px; top: 103px; text-align: center;">

*/
/*
<!--<div class="pad_shadow" style="width:100%; background-image: url('../../images/bg-gray.png'); padding-top: 20px; color: white; font-weight: bold; font-size: 14px; ">
div>
*/

#headerdiv {
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  color:white;
  /* background:green; */
  background-image: url('../../images/bg-gray.png');  
  padding:8px 0px;
  z-index:10;
}

#footerdiv {
  position:fixed;
  bottom:0px;
  left:0px;
  width:100%;
  color:white;
  /* background:green; */
  background-image: url('../../images/bg-gray.png');
  padding:8px 0px;
  margin-bottom:3px;
  z-index:10;
}

#clearcover {
  position:absolute;
  width:100%;
  height:100%;
  background-image: url('../../images/none.png');
}


a[class*="button"] {text-decoration: none;}
input[class*="button"], 
button[class*="button"] {border: 0;}

a {
   outline: 0;
}

.button_keyboard.casper     {background-color: #a9bcd1;}
.button_keyboard.casper:hover   {background-color: #c4d2e1;}
.button_keyboard.casper.selected   {background-color: #c4d2e1;}
.button_keyboard.carnation     {background-color: #fa5a5a;}
.button_keyboard.carnation:hover   {background-color: #ff8484;}

.button_pad_number.casper     {background-color: #a9bcd1;}
.button_pad_number.casper:hover   {background-color: #c4d2e1;}
.button_pad_number.casper.selected   {background-color: #c4d2e1;}

.button_pad_number.aquamarineblue     {background-color: #7fccde;}
.button_pad_number.aquamarineblue:hover   {background-color: #98dbeb;}

.button_pad_number.carnation     {background-color: #fa5a5a;}
.button_pad_number.carnation:hover   {background-color: #ff8484;}

.button_codepad_number.casper     {background-color: #a9bcd1;}
/* .button_pad_number.casper:hover   {background-color: #c4d2e1;} */

.button_pad_continue.casper     {background-color: #a9bcd1;}
.button_pad_continue.casper:hover   {background-color: #c4d2e1;}

.button_codepad_continue.casper     {background-color: #a9bcd1;}
/* .button_pad_continue.casper:hover   {background-color: #c4d2e1;} */

.button_fkey.casper     {background-color: #a9bcd1;}
.button_fkey.casper:hover   {background-color: #c4d2e1;}
.button_fkey.casper.selected   {background-color: #c4d2e1;}
.button_fkey.casper:disabled   {background-color: #c4d2e1;}

.button_fkey.aquamarineblue     {background-color: #7fccde;}
.button_fkey.aquamarineblue:hover   {background-color: #98dbeb;}
.button_fkey.aquamarineblue:disabled   {background-color: #b6d9e1;}

.button_fkey.carnation     {background-color: #fa5a5a;}
.button_fkey.carnation:hover   {background-color: #e7aeae;}  /* ff8484 */
.button_fkey.carnation.selected   {background-color: #e7aeae;}
.button_fkey.carnation:disabled   {background-color: #e7aeae;}


.button_fkey.olivine    {background-color: #9abf7f;}
.button_fkey.olivine:hover   {background-color: #c3deaf;}
.button_fkey.olivine.selected   {background-color: #c3deaf;}
.button_fkey.olivine:disabled   {background-color: #c3deaf;}

.button_fkey-mob.olivine    {background-color: #9abf7f;}
.button_fkey-mob.olivine:hover   {background-color: #c3deaf;}
.button_fkey-mob.olivine.selected   {background-color: #c3deaf;}
.button_fkey-mob.olivine:disabled   {background-color: #c3deaf;}


.button_fkey-mob.aquamarineblue     {background-color: #7fccde;}
.button_fkey-mob.aquamarineblue:hover   {background-color: #98dbeb;}
.button_fkey-mob.aquamarineblue:disabled   {background-color: #b6d9e1;}

.button_fkey-mob.carnation     {background-color: #fa5a5a;}
.button_fkey-mob.carnation:hover   {background-color: #e7aeae;}  /* ff8484 */
.button_fkey-mob.carnation.selected   {background-color: #e7aeae;}
.button_fkey-mob.carnation:disabled   {background-color: #e7aeae;}


.button_fkey-small-mob.aquamarineblue     {background-color: #7fccde;}
.button_fkey-small-mob.aquamarineblue:hover   {background-color: #98dbeb;}
.button_fkey-small-mob.aquamarineblue:disabled   {background-color: #b6d9e1;}


.button_datafkey.olivine    {background-color: #9abf7f;}
.button_datafkey.olivine:hover   {background-color: #c3deaf;}


.button_tblorder.danube     {background-color: #6DA2D9;}
.button_tblorder.danube:hover   {background-color: #99c6f3;}

.button_menuitem.danube     {background-color: #6DA2D9;}
.button_menuitem.danube:hover   {background-color: #99c6f3;}


.button_menudisplay.moodyblue     {background-color: #6C75D8;}
.button_menudisplay.moodyblue:hover   {background-color: #acb4ff;}

.button_category.indiankhaki     {background-color: #C6B391;} /* 886dd9 D8B16C d9c29b D1BA92 D8BF93 #D1BA92 C6B391*/
.button_category.indiankhaki:hover   {background-color: #e1d4bd;}
.button_category.indiankhaki:disabled   {background-color: #e1d4bd;}
.button_category.indiankhaki.disabled   {background-color: #e1d4bd;}

.button_normalitem.primrose     {background-color: #ebe29b;} 
.button_normalitem.primrose:hover   {background-color: #fcf7ca;}

.button_normalitemgrp.harvestgold     {background-color: #e3bb76;}
.button_normalitemgrp.harvestgold:hover   {background-color: #fad9a0;}

.button_forceditem.yuma     {background-color: #cbc48c;}
.button_forceditem.yuma:hover   {background-color: #ebe5b9;}

.button_forceditemgrp.yuma     {background-color: #cbc48c;}
.button_forceditemgrp.yuma:hover   {background-color: #ebe5b9;}


.button_pad_number {
    color: white;   
    
	width: 72px ;
	height: 44px ;
    /* padding: 15px 25px; */ /* height width and it grows according to the text */

    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
                      

	font-size: 20pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:9pt;

    margin: 3px;
    
    cursor:pointer; /* to show the touch in android */    
}

.button_pad_number.mob {
    
	width: 66px ;
    margin: 3px;
}

.button_pad_number:active {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
    
}


.button_pad_number.twolines_pad_number {
   	text-align: center ;
	font-size: 16pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:15pt;
}


.button_pad_number.selected {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
    
}


.button_pad_number::-moz-focus-inner {
   border: 0;
   padding: 0;   
}

.button_keyboard {
    color: white;   
    
	width: 27px ;
	height: 34px ;
    
    /* padding: 15px 25px; */ /* height width and it grows according to the text */

    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
                      
    
	font-size: 14pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	/* line-height:9pt; */

    margin: 1.7px;
    
    cursor:pointer; /* to show the touch in android */    

    outline:0;    
}

.button_keyboard:active {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
    
}

.button_keyboard.function_key {
	width: 61px ;
   	text-align: center ;
	font-size: 12pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:12pt;    
}

.button_keyboard.guest_key {
	width: 31px ;
	font-size: 13pt;    

}


.button_keyboard.twolines_keyboard {
	width: 108px ;    
   	text-align: center ;
	font-size: 12pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:11pt;
}


.button_keyboard.space_key {
	width: 150px ;
}


.button_keyboard.selected {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
    
}


.button_keyboard::-moz-focus-inner {
   border: 0;
   padding: 0;   
}

/*
.btn-two:input[type=submit] {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;    
    
   
} 
*/
/* .btn-two.cyan:input[type=submit]   {background-color: #82D1E3;} */

.button_codepad_number {
    color: white;   
    
	width: 72px ;
	height: 44px ;
    /* padding: 15px 25px; */ /* height width and it grows according to the text */

    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
                      

	font-size: 20pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:9pt;

    margin: 3px;
    
    cursor:pointer; /* to show the touch in android */    
}

.button_codepad_number:active {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
    
    cursor: none;
}

.button_codepad_number::-moz-focus-inner {
   border: 0;
   padding: 0;   
}




.button_pad_continue {
    color: white;   
    
	width: 150px ;
	height: 44px ;
    /* padding: 15px 25px; */ /* height width and it grows according to the text */

    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
                      

	font-size: 20pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:9pt;

    margin: 3px;
    
    cursor:pointer; /* to show the touch in android */    
}

.button_pad_continue:active {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
    
}

.button_pad_continue::-moz-focus-inner {
   border: 0;
   padding: 0;   
}


.button_codepad_continue {
    color: white;   
    
	width: 150px ;
	height: 44px ;
    /* padding: 15px 25px; */ /* height width and it grows according to the text */

    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
                      

	font-size: 20pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:9pt;

    margin: 3px;
    
    cursor:pointer; /* to show the touch in android */    

}

.button_codepad_continue:active {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
    
    cursor: none;
    
}

.button_codepad_continue::-moz-focus-inner {
   border: 0;
   padding: 0;   
}





/* ============================ */


.button_fkey {
    color: white;   
    
	width: 150px ;
	height: 44px ;
    /* padding: 15px 25px; */ /* height width and it grows according to the text */

    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
                      

	font-size: 20pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:9pt;

    margin: 3px;

    cursor:pointer; /* to show the touch in android */    

}

.button_fkey:active {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
    
}


.button_fkey:disabled {
    top: 1px;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);    
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
    position: relative;
}


.button_fkey::-moz-focus-inner {
   border: 0;
   padding: 0;   
}


.button_fkey.category_fkey {
 
   	text-align: center ;
	font-size: 12pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:13.5pt;

}

.button_fkey.menuitem_fkey {
 
   	text-align: center ;
	font-size: 12pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:13.5pt;

}


.button_fkey.invview_fkey {
	width: 99px ;
   	text-align: center ;
	font-size: 14pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:13pt;    
}

.button_fkey.tblorder_fkey {
	width: 113px ;
	font-size: 18pt;    
}



.button_fkey.guest_fkey {
	width: 99px ;
}

.button_fkey.guest_fkey-mb {
	width: 50px ;
    height: 40px;
    font-size: 15pt;    
}


.button_fkey.st4_fkey {
	width: 135px ;
}

.button_fkey.help_fkey {
	background: #7fccde url('../../images/qmark.png') no-repeat left;
    padding-left: 20px;
    
    
	width: 99px ; 
    
   	text-align: center ;
	font-size: 16pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:15pt;    
}

.button_fkey.currency_fkey {
    color: #a9bcd1;
    
	width: 99px ; 

    padding-top: 25px;
   	text-align: right ;
	font-size: 13pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:15pt;    
}


.button_fkey.twolines_fkey {
   	text-align: center ;
	font-size: 16pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:15pt;
}

.button_fkey.half_fkey {
	width: 70px ;
    
   	text-align: center ;
	font-size: 14pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:13pt;    
}

.button_fkey.selected {
   top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
}    

/* ============================ */

.button_fkey-mob {
    color: white;   
    
	width: 109px ;
	/* height: 44px ; */
    height: 40px ;    
    /* padding: 15px 25px; */ /* height width and it grows according to the text */

    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
                      

	/* font-size: 20pt; */
	font-size: 17pt;
    /* font-weight: bold; */
    font-family: verdana, geneva, sans-serif;
   	line-height:9pt;

    margin: 3px;

    cursor:pointer; /* to show the touch in android */    

}


.button_fkey-mob.twolines_fkey-mob {
   	text-align: center ;
	font-size: 12pt;
    font-family: verdana, geneva, sans-serif;
   	line-height:13pt;
}




.button_fkey-small-mob {
    color: white;   
    
	width: 51px ;
	/* height: 44px ; */
    height: 40px ;    
    /* padding: 15px 25px; */ /* height width and it grows according to the text */

    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
                      

	/* font-size: 20pt; */
	font-size: 17pt;
    /* font-weight: bold; */
    font-family: verdana, geneva, sans-serif;
   	line-height:9pt;

    margin: 3px;

    cursor:pointer; /* to show the touch in android */    

}
















.button_tblorder, a.button_tblorder {
    color: white;   
    
	width: 150px ;
	height: 44px ;
    /* padding: 15px 25px; */ /* height width and it grows according to the text */

    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
                      


	text-align: center ;
	font-size: 12pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:13.5pt;
    
    
    margin: 3px;
    
    cursor:pointer; /* to show the touch in android */    
}

.button_tblorder:active {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
    
}

.button_tblorder::-moz-focus-inner {
   border: 0;
   padding: 0;   
}


.button_datafkey, a.button_datafkey {
    color: white;   
    
	width: 150px ;
	height: 44px ;
    /* padding: 15px 25px; */ /* height width and it grows according to the text */

    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
                      


	text-align: center; 
	font-size: 20pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	/* line-height:9pt;*/
    
    
    margin: 3px;
    
    cursor:pointer; /* to show the touch in android */    
}

.button_datafkey:active {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
    
}

.button_datafkey::-moz-focus-inner {
   border: 0;
   padding: 0;   
}

.button_price {
  z-index:2; 
  position:absolute; 
  bottom:2px; 
  right:5px; 
  background-color:rgba(128,128,128,0.5);    
  font-size:12px;
}    


.button_menuitem, a.button_menuitem {
    color: black;   
    
	width: 108px ;
	height: 44px ;
    /* padding: 15px 25px; */ /* height width and it grows according to the text */

    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
                      

	text-align: center ;
	font-size: 12pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:13.5pt;

    margin: 2px;
    
    cursor:pointer; /* to show the touch in android */    
}

.button_menuitem:active {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
    
}

.button_menuitem::-moz-focus-inner {
   border: 0;
   padding: 0;   
}


.button_menudisplay {
    color: white;   
    
	width: 108px ;
	height: 44px ;
    /* padding: 15px 25px; */ /* height width and it grows according to the text */

    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
                      

	font-size: 12pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:12pt;

    margin: 2px;
    
    cursor:pointer; /* to show the touch in android */    
}

.button_menudisplay:active {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
    
}

.button_menudisplay::-moz-focus-inner {
   border: 0;
   padding: 0;   
}

.button_category, a.button_category{
    color: white;   
    
	width: 108px ;
	height: 44px ;
    /* padding: 15px 25px; */ /* height width and it grows according to the text */

    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
                      
	text-align: center ;
	font-size: 12pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:13.5pt;

    
    margin: 2px;
    
    cursor:pointer; /* to show the touch in android */    
}

.button_category:active {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
    
}

.button_category:disabled, .button_category.disabled {
    top: 1px;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);    
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
    position: relative;
}


.button_category::-moz-focus-inner{
   border: 0;
   padding: 0;   
}


.button_normalitem, a.button_normalitem {
    color: black;   
    
	width: 108px ;
	height: 44px ;
    /* padding: 15px 25px; */ /* height width and it grows according to the text */

    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
                      

	text-align: center ;
	font-size: 12pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:13.5pt;

    margin: 2px;
    
    cursor:pointer; /* to show the touch in android */    
}

.button_normalitem:active {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
    
}

.button_normalitem::-moz-focus-inner {
   border: 0;
   padding: 0;   
}

.button_normalitemgrp, a.button_normalitemgrp {
    color: black;   
    
	width: 108px ;
	height: 44px ;
    /* padding: 15px 25px; */ /* height width and it grows according to the text */

    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
                      

	text-align: center ;
	font-size: 12pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:13.5pt;

    margin: 2px;
    
    cursor:pointer; /* to show the touch in android */    
}

.button_normalitemgrp:active {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
    
}

.button_normalitemgrp::-moz-focus-inner {
   border: 0;
   padding: 0;   
}

.button_forceditem, a.button_forceditem {
    color: black;   
    
	width: 108px ;
	height: 44px ;
    /* padding: 15px 25px; */ /* height width and it grows according to the text */

    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
                      

	text-align: center ;
	font-size: 12pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:13.5pt;

    margin: 2px;
    
    cursor:pointer; /* to show the touch in android */    
}

.button_forceditem:active {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
    
}

.button_forceditem::-moz-focus-inner {
   border: 0;
   padding: 0;   
}

.button_forceditemgrp, a.button_forceditemgrp {
    color: black;   
    
	width: 110px ;
	height: 44px ;
    /* padding: 15px 25px; */ /* height width and it grows according to the text */

    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
                      

	text-align: center ;
	font-size: 12pt;
    font-weight: bold;
    font-family: verdana, geneva, sans-serif;
   	line-height:13.5pt;

    margin: 3px;
    
    cursor:pointer; /* to show the touch in android */    
}

.button_forceditemgrp:active {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
    
}

.button_forceditemgrp::-moz-focus-inner {
   border: 0;
   padding: 0;   
}



#clock{
	/* background-color:darkgrey;*/
	color:black;
	display:inline;
	/* font-size:60px; */
}

.stage1_clock {
	font-size: 17pt;
	padding:10px;
	/* border: 3px solid red; */
	}

.topline_clock {
	font-size: 12pt;
	padding-bottom:3px;
}

	

#loading_screen
{  
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: black;
  color: white;  
  text-align: center;
  padding-top: 100px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}


.button_number {
	color: #000 ;
	background-color: #cda14c ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 3px solid #4b3b1d ;
        border-bottom: 3px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset #876a33 ; */

	width: 72px ;
	height: 44px ;

	text-decoration: none ;
	display: table-cell ;
        vertical-align:middle;
        text-align:center;

        margin-left: 3px;
        margin-right: 3px;
        margin-top: 3px;
        margin-bottom: 3px;

        cursor:pointer; /* to show the touch in android */
}

A.button_number {
	color: #000 ;
	background-color: #cda14c ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 3px solid #4b3b1d ;
        border-bottom: 3px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset #876a33 ; */

	width: 72px ; 

	/*text-align: center ;*
	*/text-decoration: none ;*/
        font-weight: bold;
	font-size: 9pt;
        font-family: verdana, geneva, sans-serif;
	line-height:9pt;

	/*display: block ;*/
	/*outline: none;*/
}

A.button_number:hover {
	color: #000 ;
	background-color: #f9c45d ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 3px solid #4b3b1d ;
        border-bottom: 3px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
	/* border: 3px outset #876a33 ;*/

	width: 144px ;

	text-decoration: none ;
	font-size: 10pt;

	display: block ;
	outline: none;
}
A.button_number:active {
	color: #fff ;
	background-color: #98783b ;

        border-top: 3px solid #4b3b1d ;
        border-right: 3px solid #dbd2c1 ;
        border-bottom: 3px solid #dbd2c1 ;
        border-left: 3px solid #4b3b1d ;
	/* border: 3px inset #876a33 ; */

	width: 144px ;

	text-decoration: none ;
	font-size: 8pt;

	display: block ;
	outline: none;
}

input[type=submit].button_number {
	color: #000 ;
	background-color: #cda14c ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 4px solid #4b3b1d ;
        border-bottom: 4px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset #876a33 ; */

	width: 72px ; 

	/*text-align: center ;*
	/*text-decoration: none ;*/
        font-weight: bold;
	font-size: 20pt;
        font-family: verdana, geneva, sans-serif;
	line-height:20pt;

	/*display: block ;*/
	/*outline: none;*/
}

input[type=submit]:hover.button_number {
	color: #000 ;
	background-color: #f9c45d ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 4px solid #4b3b1d ;
        border-bottom: 4px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
	/* border: 3px outset #876a33 ;*/

	width: 72px ;

	text-decoration: none ;
	font-size: 25pt;

	display: block ;
	outline: none;
}
input[type=submit].button_number:active {
	color: #fff ;
	background-color: #98783b ;

        border-top: 3px solid #4b3b1d ;
        border-right: 4px solid #dbd2c1 ;
        border-bottom: 4px solid #dbd2c1 ;
        border-left: 3px solid #4b3b1d ;
	/* border: 3px inset #876a33 ; */

	width: 72px ;

	text-decoration: none ;
	font-size: 25pt;

	display: block ;
	outline: none;
}


.button_continue {
	color: #000 ;
	background-color: #cda14c ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 4px solid #4b3b1d ;
        border-bottom: 4px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset #876a33 ; */

	width: 150px ;
	height: 44px ;

	text-decoration: none ;
	display: table-cell ;
        vertical-align:middle;
        text-align:center;

        margin-left: 3px;
        margin-right: 3px;
        margin-top: 3px;
        margin-bottom: 3px;

        cursor:pointer; /* to show the touch in android */
}

input[type=submit].button_continue {
	color: #000 ;
	background-color: #cda14c ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 4px solid #4b3b1d ;
        border-bottom: 4px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset #876a33 ; */

	width: 150px ; 

	/*text-align: center ;*
	/* text-decoration: none ;*/
	font-size: 20pt;
        font-family: verdana, geneva, sans-serif;
	line-height:20pt;

	/*display: block ;*/
	/*outline: none;*/
}
input[type=submit]:hover.button_continue {
	color: #000 ;
	background-color: #f9c45d ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 4px solid #4b3b1d ;
        border-bottom: 4px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
	/* border: 3px outset #876a33 ;*/

	width: 155px ;

	text-decoration: none ;
	font-size: 23pt;

	display: block ;
	outline: none;
}
input[type=submit].button_continue:active {
	color: #fff ;
	background-color: #98783b ;

        border-top: 3px solid #4b3b1d ;
        border-right: 4px solid #dbd2c1 ;
        border-bottom: 4px solid #dbd2c1 ;
        border-left: 3px solid #4b3b1d ;
	/* border: 3px inset #876a33 ; */

	width: 155px ;

	text-decoration: none ;
	font-size: 23pt;

	display: block ;
	outline: none;
}





/* 480 / 700 = 0.6857142 */
@media screen and (max-width: 480px) {

.categorybutton {

	color: #000 ;
	background-color: #cda14c ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 3px solid #4b3b1d ;
        border-bottom: 3px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset #876a33 ; */

        width:16.04166%; /* 77 / 480 */
	height: 7.57142% ; /* 53 / 700 */

	text-decoration: none ;
	/*display: block;
        vertical-align:middle;
        text-align:center;*/
}


}



A.categorybutton {
	color: #000 ;
	background-color: #cda14c ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 3px solid #4b3b1d ;
        border-bottom: 3px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset #876a33 ; */

	width: 144px ; 

	text-align: center ;
	text-decoration: none ;
        font-weight: bold;
	font-size: 8pt;
        font-family: verdana, geneva, sans-serif;
	line-height:8pt;

	display: block ;
	outline: none;
}

A.categorybutton:hover {
	color: #000 ;
	background-color: #f9c45d ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 3px solid #4b3b1d ;
        border-bottom: 3px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
	/* border: 3px outset #876a33 ;*/

	width: 144px ;

	text-decoration: none ;
	font-size: 10pt;

	display: block ;
	outline: none;
}
A.categorybutton:active {
	color: #fff ;
	background-color: #98783b ;

        border-top: 3px solid #4b3b1d ;
        border-right: 3px solid #dbd2c1 ;
        border-bottom: 3px solid #dbd2c1 ;
        border-left: 3px solid #4b3b1d ;
	/* border: 3px inset #876a33 ; */

	width: 144px ;

	text-decoration: none ;
	font-size: 8pt;

	display: block ;
	outline: none;
}

/*=================================================================*/
.categoryinput {

	color: #000 ;
	background-color: #cda14c ;


        border-top: 3px solid #dbd2c1 ;
        border-right: 3px solid #4b3b1d ;
        border-bottom: 3px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset  #876a33 ;*/

	width: 144px ;
	height: 27px ;

	text-decoration: none ;
	display: block ;
}

input.categoryinput   {
	color: #000 ;
	background-color: #cda14c ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 3px solid #4b3b1d ;
        border-bottom: 3px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset #876a33; */

	width: 150px ;
	text-align: center ;
	text-decoration: none ;
        font-weight: bold;
	font-size: 8pt;
        font-family: verdana, geneva, sans-serif;
	line-height:8pt;

	display: block ;
	outline: none;	/* hides the outline box when clicking */
}


input.categoryinput:hover{
	background-color: #f9c45d ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 3px solid #4b3b1d ;
        border-bottom: 3px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset #876a33 ; */

	width: 150px ;
	text-decoration: none ;
	font-size: 10pt;
	display: block ;
	outline: none;
}

input.categoryinput:active {
	color: #fff ;
	background-color: #98783b ;

        border-top: 3px solid #4b3b1d ;
        border-right: 3px solid #dbd2c1 ;
        border-bottom: 3px solid #dbd2c1 ;
        border-left: 3px solid #4b3b1d ;
	/* border: 3px inset #876a33 ; */

	width: 150px ;
	text-decoration: none ;
	font-size: 8pt;
	display: block ;
	outline: none;
}

/*=================================================================*/
.menuitembutton {
	color: #000 ;
	background-color: #cda14c ;

        border-top: 2px solid #dbd2c1 ;
        border-right: 2px solid #4b3b1d ;
        border-bottom: 2px solid #4b3b1d ;
        border-left: 2px solid #dbd2c1 ;
	/* border: 2px outset #876a33 ; */

	width: 221px ;
	height: 20px ;

	text-decoration: none ;
	display: block ;
}

A.menuitembutton {
	color: #000 ;
	background-color: #fff9d9 ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 3px solid #4b3b1d ;
        border-bottom: 3px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset #876a33 ; */

	width: 217px ;

	text-align: center ;
	text-decoration: none ;
	font-size: 8pt;
        font-family: verdana, geneva, sans-serif;
	line-height:16pt;  /* if I make the height 8pt I can fit 2 lines like the category */

	display: block ;
	outline: none;	/* hides the outline box when clicking */
}



A.menuitembutton span{
position: absolute;
width: 200px;
padding: 3px;
left: -1000px;
border: 3px solid black;
visibility: hidden;
/*background-color: white;*/
background-image: url('../images/bg-pup.png');
color: white;
font-size: 0.95em;
text-decoration: none;
}


A.menuitembutton span img{
border-width: 0;
padding: 2px;
}



A.menuitembutton:hover {
	color: #000 ;
	background-color: #fff9d9 ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 3px solid #4b3b1d ;
        border-bottom: 3px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset #876a33 ; */

	width: 217px ;

	text-decoration: underline ;
	font-size: 8.05pt;

	display: block ;
	outline: none;
}


A.menuitembutton:hover span{
visibility: visible;
top: 5%;
left: 55%; /*position where enlarged image should offset horizontaly */
}

A.menuitembutton:active {
	background-color: #d9d4ba ;

        border-top: 3px solid #4b3b1d ;
        border-right: 3px solid #dbd2c1 ;
        border-bottom: 3px solid #dbd2c1 ;
        border-left: 3px solid #4b3b1d ;
	/* border: 3px inset #876a33 ; */

	width: 217px ;

	text-decoration: none ;
	font-size: 8pt;

	display: block ;
	outline: none;

}

/*=================================================================*/

#hideAll
 {
   position: fixed;
   left: 0px; 
   right: 0px; 
   top: 0px; 
   bottom: 0px; 
   background-color: white;
   z-index: 99;  /* Higher than anything else in the document */
 }


.special {
/*
	color: #000 ;
	background-color: #cda14c ;
	border: 2px outset #876a33 ;
	width: 221px ;
	height: 20px ;
	text-decoration: none ;
	display: block ;
*/
}

A.special span{
position: absolute;
width: 200px;
padding: 3px;
left: -1000px;
border: 3px solid black;
/* visibility: visible;*/
visibility: hidden;
/* background-color: white; */
background-image: url('../images/bg-pup.png');
color: white;
font-size: 0.95em;
text-decoration: none;
}

A.special span img{
border-width: 0;
padding: 2px;
}
A.special:hover span{
visibility: visible;
top: 5%;
left: 55%;           /* position where enlarged image should offset horizontaly */
}



.specialB {
/*
	color: #000 ;
	background-color: #cda14c ;
	border: 2px outset #876a33 ;
	width: 221px ;
	height: 20px ;
	text-decoration: none ;
	display: block ;
*/
}

A.specialB span{
position: absolute;
width: 200px;
padding: 3px;
left: -1000px;
border: 3px solid black;
/* visibility: visible;*/
visibility: hidden;
/* background-color: white; */
background-image: url('../images/bg-pup.png');
color: white;
font-size: 0.95em;
text-decoration: none;
}

A.specialB span img{
border-width: 0;
padding: 2px;
}
A.specialB:hover span{
visibility: visible;
top: 10%;
left: 30%;           /* position where enlarged image should offset horizontaly */
}





/*=================================================================*/

.itembutton {
	color: #000 ;
	background-color: #f3eaa0 ;

        border-top: 2px solid #dbd2c1 ;
        border-right: 2px solid #4b3b1d ;
        border-bottom: 2px solid #4b3b1d ;
        border-left: 2px solid #dbd2c1 ;
        /* border: 3px outset #876a33 ; */

	width: 221px ;
	height: 20px ;
	text-decoration: none ;
	display: block ;
}
A.itembutton {
	color: #000 ;
	background-color: #f3eaa0 ; /* b2ebfb  c8c096 a69066*/

        border-top: 3px solid #dbd2c1 ;
        border-right: 3px solid #4b3b1d ;
        border-bottom: 3px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset #876a33 ; */

	width: 217px ;
	text-align: center ;
	text-decoration: none ;
	font-size: 8pt;
	display: block ;
	outline: none;	/* hides the outline box when clicking */
        font-family: verdana, geneva, sans-serif;
	line-height:16pt;
}

A.itembutton:hover {
	background-color: #f3eaa0 ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 3px solid #4b3b1d ;
        border-bottom: 3px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset #876a33 ; */

	width: 217px ;
	text-decoration: underline ;
	font-size: 8.05pt;
	display: block ;
	outline: none;
}
A.itembutton:active {
	background-color: #d9d4ba ;

        border-top: 3px solid #4b3b1d ;
        border-right: 3px solid #dbd2c1 ;
        border-bottom: 3px solid #dbd2c1 ;
        border-left: 3px solid #4b3b1d ;
	/* border: 3px inset #876a33 ; */

	width: 217px ;
	text-decoration: none ;
	font-size: 8pt;
	display: block ;
	outline: none;
}
/*=================================================================*/

.groupitembutton {
	color: #000 ;
	background-color: #efc57c ;

        border-top: 2px solid #dbd2c1 ;
        border-right: 2px solid #4b3b1d ;
        border-bottom: 2px solid #4b3b1d ;
        border-left: 2px solid #dbd2c1 ;
        /* border: 2px outset #876a33 ; */

	width: 221px ;
	height: 20px ;
	text-decoration: none ;
	display: block ;
}
A.groupitembutton {
	color: #000 ;
	background-color: #efc57c ; /* b2ebfb  c8c096 a69066*/

        border-top: 3px solid #dbd2c1 ;
        border-right: 3px solid #4b3b1d ;
        border-bottom: 3px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset #876a33 ; */

	width: 217px ;
	text-align: center ;
	text-decoration: none ;
	font-size: 8pt;
	display: block ;
	outline: none;	/* hides the outline box when clicking */
        font-family: verdana, geneva, sans-serif;
	line-height:16pt;
}

A.groupitembutton:hover {
	background-color: #efc57c ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 3px solid #4b3b1d ;
        border-bottom: 3px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset #876a33 ; */

	width: 217px ;
	text-decoration: underline ;
	font-size: 8.05pt;
	display: block ;
	outline: none;
}
A.groupitembutton:active {
	background-color: #d9d4ba ;

        border-top: 3px solid #4b3b1d ;
        border-right: 3px solid #dbd2c1 ;
        border-bottom: 3px solid #dbd2c1 ;
        border-left: 3px solid #4b3b1d ;
	/* border: 3px inset #876a33 ; */

	width: 217px ;
	text-decoration: none ;
	font-size: 8pt;
	display: block ;
	outline: none;
}
/*=================================================================*/

.forcedgroupitembutton {
	color: #000 ;
	background-color: #cbc48c ;

        border-top: 2px solid #dbd2c1 ;
        border-right: 2px solid #4b3b1d ;
        border-bottom: 2px solid #4b3b1d ;
        border-left: 2px solid #dbd2c1 ;
        /* border: 2px outset #876a33 ; */

	width: 221px ;
	height: 20px ;
	text-decoration: none ;
	display: block ;
}
A.forcedgroupitembutton {
	color: #000 ;
	background-color: #cbc48c ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 3px solid #4b3b1d ;
        border-bottom: 3px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset #876a33 ; */

	width: 217px ;
	text-align: center ;
	text-decoration: none ;
	font-size: 8pt;
	display: block ;
	outline: none;	/* hides the outline box when clicking */
        font-family: verdana, geneva, sans-serif;
	line-height:16pt;
}

A.forcedgroupitembutton:hover {
	background-color: #cbc48c ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 3px solid #4b3b1d ;
        border-bottom: 3px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset #876a33 ; */

	width: 217px ;
	text-decoration: underline ;
	font-size: 8.05pt;
	display: block ;
	outline: none;
}
A.forcedgroupitembutton:active {
	background-color: #d9d4ba ;

        border-top: 3px solid #4b3b1d ;
        border-right: 3px solid #dbd2c1 ;
        border-bottom: 3px solid #dbd2c1 ;
        border-left: 3px solid #4b3b1d ;
	/* border: 3px inset #876a33 ; */

	width: 217px ;
	text-decoration: none ;
	font-size: 8pt;
	display: block ;
	outline: none;
}
/*=================================================================*/


.forceditembutton {
	color: #000 ;
	background-color: #cbc48c ;

        border-top: 2px solid #dbd2c1 ;
        border-right: 2px solid #4b3b1d ;
        border-bottom: 2px solid #4b3b1d ;
        border-left: 2px solid #dbd2c1 ;
        /* border: 2px outset #876a33 ; */

	width: 221px ;
	height: 20px ;
	text-decoration: none ;
	display: block ;
}
A.forceditembutton {
	color: #000 ;
	background-color: #cbc48c ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 3px solid #4b3b1d ;
        border-bottom: 3px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset #876a33 ; */

	width: 217px ;
	text-align: center ;
	text-decoration: none ;
	font-size: 8pt;
	display: block ;
	outline: none;	/* hides the outline box when clicking */
        font-family: verdana, geneva, sans-serif;
	line-height:16pt;
}

A.forceditembutton:hover {
	background-color: #cbc48c ;

        border-top: 3px solid #dbd2c1 ;
        border-right: 3px solid #4b3b1d ;
        border-bottom: 3px solid #4b3b1d ;
        border-left: 3px solid #dbd2c1 ;
        /* border: 3px outset #876a33 ; */

	width: 217px ;
	text-decoration: underline ;
	font-size: 8.05pt;
	display: block ;
	outline: none;
}
A.forceditembutton:active {
	background-color: #d9d4ba ;

        border-top: 3px solid #4b3b1d ;
        border-right: 3px solid #dbd2c1 ;
        border-bottom: 3px solid #dbd2c1 ;
        border-left: 3px solid #4b3b1d ;
	/* border: 3px inset #876a33 ; */

	width: 217px ;
	text-decoration: none ;
	font-size: 8pt;
	display: block ;
	outline: none;
}
/*=================================================================*/


.rounded-corners {
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
}

.rounded {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

.rounded-kb {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.shadows { /* horizontal vertical blur spread color */
    -moz-box-shadow: 5px 5px 5px 0px #000000;
    -webkit-box-shadow: 5px 5px 5px 0px #000000;
    box-shadow: 5px 5px 5px 0px #000000;
    -ms-filter: progid:DXImageTransform.Microsoft.shadow(Strenght=4, Direction=135, Color='#000000'); /*For IE8*/ 
    filter: progid:DXImageTransform.Microsoft.shadow(Strenght=4, Direction=135, Color='#000000'); /*For IE5.5-7*/ 
}

.pad_shadow {
    -moz-box-shadow: 3px 3px 3px 0px #808080;
    -webkit-box-shadow: 3px 3px 3px 0px #808080;
    box-shadow: 3px 3px 3px 0px #808080;
    -ms-filter: progid:DXImageTransform.Microsoft.shadow(Strenght=4, Direction=135, Color='#000000'); /*For IE8*/ 
    filter: progid:DXImageTransform.Microsoft.shadow(Strenght=4, Direction=135, Color='#000000'); /*For IE5.5-7*/ 
}

#pup {
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 3px;
  margin-left: 10px;
  margin-top: 15px;
  width: 200px;
  border: 3px solid black;
  background-image: url('images/bg-pup.png');
  color: white;
  font-size: 0.95em;
}

/* Make it a marquee */
.marquee {
    width: 985px; /* width of scroll box */
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 40s linear infinite; /* 30s is how fast ... bigger number slower */
}

.marquee:hover {
    animation-play-state: paused
}

/* Make it move */ /*100 and -100 also works nice */
@keyframes marquee {
    0%   { text-indent: 100em; } /* start (bigger number more to the right) */ 
    100% { text-indent: -100em; } /* end how much text do we still see before it disapears*/
}