/* SY2 - Online Takeaway
* 
* SY2_Takeaway.css
*/
hr {border: none 0;
               border-top: 2px dashed black;/*the border*/
} 

/* Form elements */
.table_no{

    
    
    background-color: black;
color: white;
padding: 5;
display: block;
}
input.wait {
               border : 0px solid Black;
               background-color :transparent;
               color : #06F;
               font-size : 20px;
               font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
               font-weight : bold;
               height: 29px; /* replace 2em with your chosen value, in px or whatever */
               width: 30px;
} 
input.late {

               border : 0px solid Black;
               background-color : #FF0000;
               color : #ffffff;
               font-size : 20px;
               font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
               font-weight : bold;
               height: 28px; /* replace 2em with your chosen value, in px or whatever */
               width: 33px;
               text-decoration:blink
} 
.special_code
{
               border-right-style:dashed;
               border-left-style:dashed;
               border-bottom-style:dashed;
               border-top-style:dashed;
               border-width:1px;
}

#textarea.description
{
               background-color : #FF0000;
               background-image: url(site/adamsfastfood.co.uk/images/background.gif);
}
/* TinyMCE specific rules */
body.mceContentBody {
               background: #FFF;
               background-image: none;
}
#topPan{ position:center; margin:0 auto;}
#topPan ul{text-align: center; list-style-type:none;  margin-top: -15;}
#topPan ul li.menupadding{float:left; background:url(images/menubg-normal.gif) 0 0 no-repeat; font:12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#topPan ul li.theone{float:left; background:url(images/menubg-active.gif) 0 0 no-repeat;  color:#FDFDFD; font:22px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#topPan ul li a{text-align: center; width:92px; height:30px; display:block;   text-decoration:none; text-align:center;}
#topPan ul li a:hover{background:url(images/menubg-hover.gif) 0 0 no-repeat;  color:#1A1917;}
#topPan ul li a:active{background:url(images/menubg-active.gif) 0 0 no-repeat; color:#1A1917;}


/* admin menu */
#topmenu{ position:center; margin:0 auto;}
#topmenu ul{text-align: center; list-style-type:none;}
#topmenu ul li.menupadding{float:left; background:url(images/menubg-normal.gif) 0 0 no-repeat; font:12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#topmenu ul li.theone{float:left; background:url(images/menubg-active.gif) 0 0 no-repeat;  color:#FDFDFD; font:22px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#topmenu ul li a{text-align: center; width:92px; height:30px; display:block;   text-decoration:none; text-align:center;}
#topmenu ul li a:hover{background:url(images/menubg-hover.gif) 0 0 no-repeat;  color:#1A1917;}
#topmenu ul li a:active{background:url(images/menubg-active.gif) 0 0 no-repeat; color:#1A1917;}





tr { } 
.initial { background-color:  }
.normal_pizza { background-color:  }
.highlight_pizza { background-color: #dddddd} 

tr { } 
.initial { background-color:}
.normal { background-color: }
.order_new {background-color: #F00;} 
.order_cooking {background-color: #FF8D42;} 
.order_sent {background-color: #33CC33;} 




#driver.big_button {
               display: block;
               float: left;
               font-weight: bold;
               text-decoration: none;
               text-shadow: #FFF 2px 2px 0;
               color: #000!important;
               background: url('images/btn-demo-l.gif') 0 0 no-repeat;
               min-width: 100px;
}
#driver.big_button:hover { text-decoration: underline; }


#driver.big_button span {
               display: block;
               padding: 8px 7px 12px 7px;
               background: url('images/btn-demo-r.gif') 100% 0 no-repeat;
}


a.big_button {
               display: block;
               float: left;
               font-weight: bold;
               text-decoration: none;
               text-shadow: #FFF 2px 2px 0;
               color: #000!important;
               background: url('images/btn-demo-l.gif') 0 0 no-repeat;
               text-shadow: #FFF 2px 2px 0;
}
a.big_button:hover { 
               text-decoration: underline; 

}
a.big_button span {
               display: block;
               padding: 8px 7px 12px 7px;
               background: url('images/btn-demo-r.gif') 100% 0 no-repeat;
}



.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
               background: url(images/star.gif) left -1000px repeat-x;
}
.star-rating{
               position:relative;
               width:125px;
               height:25px;
               overflow:hidden;
               list-style:none;
               margin:0;
               padding:0;
               background-position: left top;
}
.star-rating li{
               display: inline;
}
.star-rating a, 
.star-rating .current-rating{
               position:absolute;
               top:0;
               left:0;
               text-indent:-1000em;
               height:25px;
               line-height:25px;
               outline:none;
               overflow:hidden;
               border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
               background-position: left bottom;
}
.star-rating a.one-star{
               width:20%;
               z-index:6;
}
.star-rating a.two-stars{
               width:40%;
               z-index:5;
}
.star-rating a.three-stars{
               width:60%;
               z-index:4;
}
.star-rating a.four-stars{
               width:80%;
               z-index:3;
}
.star-rating a.five-stars{
               width:100%;
               z-index:2;
}
.star-rating .current-rating{
               z-index:1;
               background-position: left center;
}	

/* for an inline rater */
.inline-rating{
               display:-moz-inline-block;
               display:-moz-inline-box;
               display:inline-block;
               vertical-align: middle;
}

/* smaller star */
.small-star{
               width:50px;
               height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
               background-image: url(images/star_small.gif);
               line-height: 10px;
               height: 10px;
}




h3 {
               margin: 0px;
               padding: 0px;	
}

.suggestionsBox {
               position: relative;
               left: 0px;
               margin: 10px 0px 0px 0px;
               width: 165px;
               background: url('images/drow_down.gif') 100% ;
               -moz-border-radius: 7px;
               -webkit-border-radius: 7px;
               border: 1px solid #000;	
               color: #fff;
}

.suggestionList {
               margin: 0px;
               padding: 0px;
}

.suggestionList li {

               margin: 0px 0px 3px 0px;
               padding: 3px;
               cursor: pointer;
}

.suggestionList li:hover {
               background-color: #DD5800;
}




input.button
{
               height: 24px;
               color: #333333;
               font-size: 10px;
               padding-left: 8px;
               padding-right: 3px;
               background: url(images/buttons_bg.gif) repeat-x #f0f0f0;
               border: 1px solid #a4a4a4;
}

input.button:hover
{
               color: black;
}

input.mainaction
{
               font-weight: bold;
               border: 1px solid #999;
}


/*NOTIFICATION MESSAGES*/
.message {
               display:block;
               padding:10px 20px;
               margin-bottom:15px;
               -moz-border-radius: 5px;
               -webkit-border-radius: 5px;
}
.message p {
               font-size:13px;
               line-height:20px;
               margin-bottom:15px;
               clear:both;
               font-family:"Modata", Tahoma, Arial, sans-serif;
               font-weight:normal;
               width:auto;
               margin-bottom:0;
               margin-left:45px;
               color:#555;
}

.message h2 {
               font-size:18px;
               color:#333;
               margin-bottom:10px;
               clear:both;
               font-family:"Modata", Tahoma, Arial, sans-serif;
               font-weight:normal;
               margin-left:50px;
               margin-bottom:5px;
}

.warning {
               background:#feffc8 url('../images/warning_48.png') 10px 50% no-repeat;
               border:1px solid #f1aa2d;
} 


.error {
               background:#fdcea4 url('../images/stop_48.png') 10px 50% no-repeat;
               border:1px solid #c44509;
                padding: 10px 0 0 59px;
               min-height: 36px;
}

.success {
               background:#d4f684 url('../images/tick_48.png') 10px 50% no-repeat;
               border:1px solid #739f1d;
               padding: 10px 0 0 59px;
               min-height: 36px;
}
.information {
               background:#c3e4fd url('../images/info_48.png') 10px 50% no-repeat;
               border:1px solid #688fdc;
                padding: 10px 0 0 59px;
               min-height: 36px;
}

.message1:hover {
               cursor:pointer;
}
#more_float { border: 0;position: fixed;  top: 0px; left:0;}      



/* BUTTONS
-----------------------------------------------------*/
.button {
               text-decoration: none !important;
               color: #333;    
               font: 100% Arial, Helvetica, sans-serif;
               padding: 5px 13px;
               margin: 0 3px 5px 0;
               border: solid 1px #aaa;
               background: #f5f5f5;
               background: -moz-linear-gradient(top, #f6f6f6 0%, #dfdfdf 100%);
               background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#dfdfdf));
               background: -webkit-linear-gradient(top, #f6f6f6 0%,#dfdfdf 100%);
               background: -o-linear-gradient(top, #f6f6f6 0%,#dfdfdf 100%);
               background: -ms-linear-gradient(top, #f6f6f6 0%,#dfdfdf 100%);
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dfdfdf',GradientType=0 );
               background: linear-gradient(top, #f6f6f6 0%,#dfdfdf 100%);
               vertical-align: middle;
               display: inline-block;
               zoom:1;
               *display:inline;
               -webkit-border-radius: 5px;
               -moz-border-radius: 5px;
               border-radius: 5px;
               -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
               -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
               box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
}
.button:hover {
               text-decoration: none;
               background: #f6f6f6;
}

/* color */

.button.orange {
               border-color: #a3620a;
               background: #f9800f;
               background: -moz-linear-gradient(top, #ff9a22 0%, #f46e01 100%);
               background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9a22), color-stop(100%,#f46e01));
               background: -webkit-linear-gradient(top, #ff9a22 0%,#f46e01 100%);
               background: -o-linear-gradient(top, #ff9a22 0%,#f46e01 100%);
               background: -ms-linear-gradient(top, #ff9a22 0%,#f46e01 100%);
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a22', endColorstr='#f46e01',GradientType=0 );
               background: linear-gradient(top, #ff9a22 0%,#f46e01 100%);
               color: #fff !important;
               text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.button.orange:hover {
               background: #ff9a22;
}
.button.orange.flat {
               background: #f9800f;
}

.button.blue {
               border-color: #0076a3;
               background: #49b3fc;
               background: -moz-linear-gradient(top, #76c7ff 0%, #1da0fa 100%);
               background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76c7ff), color-stop(100%,#1da0fa));
               background: -webkit-linear-gradient(top, #76c7ff 0%,#1da0fa 100%);
               background: -o-linear-gradient(top, #76c7ff 0%,#1da0fa 100%);
               background: -ms-linear-gradient(top, #76c7ff 0%,#1da0fa 100%);
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76c7ff', endColorstr='#1da0fa',GradientType=0 );
               background: linear-gradient(top, #76c7ff 0%,#1da0fa 100%);
               color: #fff !important;
               text-shadow: 0 -1px 0 rgba(0,0,0,.1);
}
.button.blue:hover {
               background: #76c7ff;
}
.button.blue.flat {
               background: #49b3fc;
}

.button.green {
               border-color: #4e7521;
               background: #76ab3b;
               background: -moz-linear-gradient(top, #90c356 0%, #649a27 100%);
               background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90c356), color-stop(100%,#649a27));
               background: -webkit-linear-gradient(top, #90c356 0%,#649a27 100%);
               background: -o-linear-gradient(top, #90c356 0%,#649a27 100%);
               background: -ms-linear-gradient(top, #90c356 0%,#649a27 100%);
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90c356', endColorstr='#649a27',GradientType=0 );
               background: linear-gradient(top, #90c356 0%,#649a27 100%);
               color: #fff !important;
               text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.button.green:hover {
               background: #90c356;
}
.button.green.flat {
               background: #76ab3b;
}

.button.red {
               border-color: #9e0b0f;
               background: #e41d24;
               background: -moz-linear-gradient(top, #fb4e55 0%, #d7020a 100%);
               background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb4e55), color-stop(100%,#d7020a));
               background: -webkit-linear-gradient(top, #fb4e55 0%,#d7020a 100%);
               background: -o-linear-gradient(top, #fb4e55 0%,#d7020a 100%);
               background: -ms-linear-gradient(top, #fb4e55 0%,#d7020a 100%);
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb4e55', endColorstr='#d7020a',GradientType=0 );
               background: linear-gradient(top, #fb4e55 0%,#d7020a 100%);
               color: #fff !important;
               text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.button.red:hover {
               background: #fb4e55;
}
.button.red.flat {
               background: #e41d24;
}

.button.black {
               border-color: #000000;
               background: #111;
               background: -moz-linear-gradient(top, #4f4f4f 0%, #030303 100%);
               background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#030303));
               background: -webkit-linear-gradient(top, #4f4f4f 0%,#030303 100%);
               background: -o-linear-gradient(top, #4f4f4f 0%,#030303 100%);
               background: -ms-linear-gradient(top, #4f4f4f 0%,#030303 100%);
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#030303',GradientType=0 );
               background: linear-gradient(top, #4f4f4f 0%,#030303 100%);
               color: #eee !important;
               text-shadow: 0 -1px 0 rgba(0,0,0,.6);
}
.button.black:hover {
               background: #4f4f4f;
}
.button.black.flat {
               background: #111;
}

.button.purple {
               border-color: #350d4c;
               background: #7933ac;
               background: -moz-linear-gradient(top, #9655c6 0%, #661e9b 100%);
               background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9655c6), color-stop(100%,#661e9b));
               background: -webkit-linear-gradient(top, #9655c6 0%,#661e9b 100%);
               background: -o-linear-gradient(top, #9655c6 0%,#661e9b 100%);
               background: -ms-linear-gradient(top, #9655c6 0%,#661e9b 100%);
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9655c6', endColorstr='#661e9b',GradientType=0 );
               background: linear-gradient(top, #9655c6 0%,#661e9b 100%);
               color: #fff !important;
               text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}
.button.purple:hover {
               background: #9655c6;
}
.button.purple.flat {
               background: #7933ac;
}

.button.gray {
               border-color: #656565;
               background: #888888;
               background: -moz-linear-gradient(top, #adadad 0%, #707070 100%);
               background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adadad), color-stop(100%,#707070));
               background: -webkit-linear-gradient(top, #adadad 0%,#707070 100%);
               background: -o-linear-gradient(top, #adadad 0%,#707070 100%);
               background: -ms-linear-gradient(top, #adadad 0%,#707070 100%);
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adadad', endColorstr='#707070',GradientType=0 );
               background: linear-gradient(top, #adadad 0%,#707070 100%);
               color: #fff !important;
               text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.button.gray:hover {
               background: #adadad;
}
.button.gray.flat {
               background: #888888;
}

.button.lightblue {
               border: 1px solid #5189B3;
               background: #88bfe8; /* Old browsers */
               background: -moz-linear-gradient(top,  #88bfe8 0%, #70b0e0 100%); /* FF3.6+ */
               background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88bfe8), color-stop(100%,#70b0e0)); /* Chrome,Safari4+ */
               background: -webkit-linear-gradient(top,  #88bfe8 0%,#70b0e0 100%); /* Chrome10+,Safari5.1+ */
               background: -o-linear-gradient(top,  #88bfe8 0%,#70b0e0 100%); /* Opera 11.10+ */
               background: -ms-linear-gradient(top,  #88bfe8 0%,#70b0e0 100%); /* IE10+ */
               background: linear-gradient(top,  #88bfe8 0%,#70b0e0 100%); /* W3C */
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 ); /* IE6-9 */
               color: #fff !important;
               text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.button.lightblue.flat { 
               background: #88bfe8;
}
.button.lightblue:hover {
               background: #88bfe8;
}

.button.slategray {
               border: 1px solid #111;
               background: #828c95; /* Old browsers */
               background: -moz-linear-gradient(top,  #828c95 2%, #28343b 100%); /* FF3.6+ */
               background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
               background: -webkit-linear-gradient(top,  #828c95 2%,#28343b 100%); /* Chrome10+,Safari5.1+ */
               background: -o-linear-gradient(top,  #828c95 2%,#28343b 100%); /* Opera 11.10+ */
               background: -ms-linear-gradient(top,  #828c95 2%,#28343b 100%); /* IE10+ */
               background: linear-gradient(top,  #828c95 2%,#28343b 100%); /* W3C */
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828c95', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
               color: #fff !important;
               text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.button.slategray.flat { 
               background: #828c95;
}
.button.slategray:hover {
               background: #828c95;
}

/* button size */
.button.small {
               font-size: 85%;
               font-weight: normal;
               padding: 2px 6px;
               text-shadow: none;
}
.button.medium {
               font-size: 120%;
               font-weight: bold;
               padding: 7px 16px;
}
.button.large {
               font-size: 150%;
               font-weight: bold;
               padding: 9px 20px;
}

.button.wide_extra {
               width: 200px;
               text-align: center;
}

/* button shape */
.button.rect {
               -webkit-border-radius: 0;
               -moz-border-radius: 0;
               border-radius: 0;
}
.button.rounded {
               -webkit-border-radius: 20em;
               -moz-border-radius: 20em;
               border-radius: 20em;
}

/* button embossed */
.button.embossed {
               -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.2), inset 0 -3px 0 rgba(255,255,255,.2);
               -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.2), inset 0 -3px 0 rgba(255,255,255,.2);
               box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.2), inset 0 -3px 0 rgba(255,255,255,.2);
               padding-top: 4px;
               padding-bottom: 6px;
}
.button.embossed.small,
.button.small.embossed {
               -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.2), inset 0 -2px 0 rgba(255,255,255,.2);
               -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.2), inset 0 -2px 0 rgba(255,255,255,.2);
               box-shadow: inset 0 -1px 0 rgba(0,0,0,.2), inset 0 -2px 0 rgba(255,255,255,.2);
               padding-top: 1px;
               padding-bottom: 2px;
}
.button.embossed.large,
.button.large.embossed {
               -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.2), inset 0 -4px 0 rgba(255,255,255,.2);
               -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.2), inset 0 -4px 0 rgba(255,255,255,.2);
               box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.2), inset 0 -4px 0 rgba(255,255,255,.2);
               padding-top: 6px;
               padding-bottom: 10px;
}
.button.embossed.xlarge,
.button.xlarge.embossed {
               -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.2), inset 0 -5px 0 rgba(255,255,255,.2);
               -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.2), inset 0 -5px 0 rgba(255,255,255,.2);
               box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.2), inset 0 -5px 0 rgba(255,255,255,.2);
               padding-top: 10px;
               padding-bottom: 14px;
}