div.div_display_login_form, table.div_display_login_form
{
    width: 240px;
    float: none;
    margin: auto;
}
div.div_display_screen_selecter, table.div_display_screen_selecter
{
    width: 360px;
    float: none;
    margin: auto;
}

div.div_display_error_summary
{
    width: 500px;
    text-align: center;
    float: none;
    margin: auto;
}

/* ------------------------------------------------------ display Order Index Page CSS ------------------------------*/
/*<div class="div_display_container">
    <div class="div_display_content_left">
        <div class="div_operator"></div>
        <div class="div_basket"></div>
        <div class="div_user_buttons"></div>
    </div>
    <div class="div_display_content_right">
    </div>
</div>*/
body
{
    margin: 0;
    padding: 0;
}
#logindisplay
{
    text-align: right;
    padding-right: 30px;
}
.logindisplay
{
    /*padding-right: 30px;*/
    float: right;
}
div.div_display_container
{
    margin: 0;
    float: none; /*background-color: #fdfdfd;*/
    background-color: black; /*font:11pt bold arial white;*/
    font: 14pt sans-serif;
    color: White;
}

div.div_display_order
{
    height: 100%;
    border: 1px solid; /*padding: 5px 0px 5px 0px;*/
    float: left;
    position: relative;
    width: 100%;
}
div.secondLayerDiv
{
    height: 98%;
}
div.firstLayerDiv
{
    height: 98%;
    padding-bottom: 20px;
}
.mainTable
{
    width: 99%;
    height: 98%;
    border-collapse: collapse;
    padding: 0px;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
.orderDiv
{
    width: 100%;
}

.orderTable
{
    /*min-height:200px;*/
    width: 99%;
    padding-bottom: 20px;
}
.timerDiv
{
    color: White;
    text-align: center;
    border: 1px solid black;
    background-color: Yellow;
}

.posNumDiv
{
    float: right;
    padding-right: 5px;
}
.timernOrderdiv
{
    border: 1px solid white;
    position: absolute;
    bottom: 0px;
    background-color: Blue;
    width: 99%;
}
.div_screen_info
{
    color: White; /*width: 100%;*/
    height: 15px;
}

table, caption, tbody, tfoot, thead, tr, th, td, footer, header
{
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

.headerParts
{
    margin-left: 20px;
    margin-bottom: 5px;
    border: 1px solid white;
    text-align: left;
}
div.div_display_content_left
{
    width: 33%;
    height: 650px;
    float: left;
}

div.div_display_content_right
{
    width: 66%;
    height: 650px;
    float: left;
}

div.div_operator
{
    height: 40px;
    text-align: center;
    padding-top: 5px;
}

div.div_basket
{
    height: 376px;
    overflow: hidden;
    border: solid 1px #e8eef4;
}

div.div_backet_old
{
    height: 50px;
}

div.div_user_buttons
{
    /*height: 260px;*/
}

div#div_buttons
{
    height: 484px;
    overflow: hidden;
    width: 580px;
    float: left;
    border-bottom: solid 1px #ccc;
}

div#div_buttons_left
{
    height: 550px;
    overflow: hidden;
    padding: 0px 5px;
    width: 594px;
    float: left;
}

div#div_buttons_right
{
    width: 50px;
    height: 484px;
    border: solid 0px #ccc;
    float: left;
}

div#div_pagination
{
    height: 32px;
    text-align: center;
}

div.div_pagination
{
    height: auto;
    text-align: center;
    padding: 5px 0px;
}

/* ---------------------------------------------------------------------------* div pop up * -----------------------------*/
div.div_popup
{
    height: auto;
    margin: auto;
    float: none; /*position: relative;     top: 0px;     left: 0px;*/
    background-color: #fdfdfd;
    border: solid 1px #aaa;
}

div.div_popup_back
{
    height: auto;
    width: 300px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px;
}

table.tbl_payment
{
    width: 100%;
    color: #000;
}

table.tbl_payment td
{
    height: 40px;
    font-size: 14px;
    width: 100%;
    text-align: right;
    width: 50%;
}

td.tbl_total_row
{
    border-top: solid 1px #ccc;
}

table.table_old_order td
{
    padding: 5px;
    vertical-align: top;
    font-size: 15px;
}

table.table_old_order th
{
    border: dotted 1px #ccc;
    padding: 5px;
    vertical-align: top;
    font-size: 15px;
}

table.table_old_order tr
{
    border: dotted 1px #ccc;
}

.tr_order
{
}

.tr_order:hover
{
    background-color: #ff7;
}

.tr_order_hover
{
    background-color: #ff7;
}

tr.refunded
{
    color: #a00;
    border: dotted 1px #a00;
}

/*---------------------------*/
div.div_print
{
    text-align: center;
}
div.div_print_receipt
{
    margin: 0px 0px 0px -25px;
    padding: 0px 0px 0px 0px;
}

.div_print_receipt
{
    display: none;
}
.div_print
{
    display: none;
}

@media print
{
    #display_container
    {
        display: none;
    }
    .page
    {
        display: none;
    }
    #logindisplay
    {
        display: none;
    }
    .div_print_receipt
    {
        display: block;
    }
    .div_print
    {
        display: block;
    }
}

@page
{
    margin: 0;
}

/*---------------------------*/