﻿
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
    list-style: none;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
}

body, td, th {
    font-size: 11px;
}

body {
    padding: 0px 0px 0px 0px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: Tahoma, Geneva, sans-serif;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    color: #555;
}

input[type=text],select,input[type=multiple], input[type=password],textarea, input[type=button] {
    border: 1px solid rgb(169, 169, 169);
    color: #555;
}

input.newBtn {
    width: 80px; 
    height: 25px;
    cursor: pointer;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    background: #1570A6;
    border: #FFFFFF 1px solid;
}

input.newHeaderCartBtn {
    width: 100px; 
    height: 25px;
    cursor: pointer;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    background: #1570A6;
    border: #FFFFFF 1px solid;
}
input.newHeaderCartPrintBtn {
    width: 100px; 
    height: 25px;
    cursor: pointer;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    background: #1570A6;
    border: #FFFFFF 1px solid;
}

img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    vertical-align: middle;
}

a:link {
    color: #333;
    text-decoration: none;
}

a:visited {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #333;
    text-decoration: none;
}

a:active {
    color: #333;
    text-decoration: none;
}

a.sortAsc {
    /*background-color: white;*/
    /*padding-right: 16px;
    background-image: url(up.png);*/
    background-position: right;
    background-repeat: no-repeat;
    display:block;
}

a.sortDesc {
  /*background-color: white;*/
    /*padding-right: 16px;
    background-image: url(down.png);*/
    background-position: right;
    background-repeat: no-repeat;
        display:block;
}

.top_bg {
    padding: 7px 0px 0px 15px;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    background: url('/content/images/index_02.jpg') repeat scroll 0 0 transparent;
}

    .top_bg .company {
        width: 250px; /*去掉table的缩放效果*/
    }

.Welcome {
    font-size: 14px;
    font-weight: bold;
    color: #897561;
}

.user_text {
    font-size: 12px;
    color: #cccccc;
}

.system_title_text {
    padding: 100px 10px 30px 20px;
    font-size: 16px;
    font-weight: 900;
    color: #868686;
}

.login_bg {
    background: url('/content/images/index_08.jpg') repeat scroll 0 0 transparent;
}

.bottom_text {
    font-size: 12px;
    width: 100%;
    height: 27px;
    line-height: 27px;
    /*position: fixed;
z-index: 50;
bottom: 0px;*/
    background: #123c61;
    color: #cccccc;
    text-align: right;
    clear: both;
}

.login_input {
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 10px;
    font-size: 14px;
    color: #666;
    width: 210px;
    height: 24px;
    background: #FFF;
    border: #4e7596 solid 1px;
}

.menu_bt {
    float: left;
    display: block;
    width: 100px;
    margin: 0px 0px 0px 10px;
    padding: 6px 10px 6px 10px;
    background: #e7e7d9;
    text-align: center;
    font-size: 11px;
    font-weight: 800;
    color: #333;
}

.menu_bt_current {
    background: #4e7596;
}

    .menu_bt_current a:link {
        color: #FFF;
    }

    .menu_bt_current a:visited {
        color: #FFF;
    }

    .menu_bt_current a:hover {
        color: #FFF;
    }

    .menu_bt_current a:active {
        color: #FFF;
    }

.menu_bt_hover {
    background: #4e7596;
}

    .menu_bt_hover a:link {
        color: #FFF;
    }

    .menu_bt_hover a:visited {
        color: #FFF;
    }

    .menu_bt_hover a:hover {
        color: #FFF;
    }

    .menu_bt_hover a:active {
        color: #FFF;
    }

.to_do_list_open {
    float: left;
    background: url('/content/images/main_page_27.jpg') repeat-x scroll 0 0px transparent;
    background-color: #b7b7b7;
    margin: 20px 0px 0px 0px;
    width: 260px;
    height: 700px;
    border: #7f8e91 solid 1px;
}

#Layer1 {
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: 1;
}

#switch_bt_open {
    position: absolute;
    width: 10px;
    height: 38px;
    z-index: 1;
    left: 250px;
    top: 200px;
}

#Layer2 {
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: 1;
}

#switch_bt_close {
    position: absolute;
    width: 10px;
    height: 38px;
    z-index: 1;
    left: 0px;
    top: 184px;
}

.switch_bt {
    display: block;
    width: 10px;
    height: 38px;
    position: relative;
    left: 290px;
    top: 200px;
}

.to_do_list_open table tr td div.main_class {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    margin: 10px 15px;
    float: left;
    color: #637376;
}

.to_do_list_open table tr td div.square_1 {
    width: 15px;
    height: 5px;
    background: #72b629;
    margin: 10px 10px 10px 15px;
    float: left;
}

.to_do_list_open table tr td div.square_2 {
    width: 15px;
    height: 5px;
    background: #72b629;
    margin: 10px 10px;
    float: left;
}

.to_do_list_close {
    float: left;
    background: url('/content/images/main_page_27.jpg') repeat-x scroll 0 0px transparent;
    background-color: #b7b7b7;
    margin: 20px 0px 0px 0px;
    width: 10px;
    height: 700px;
    border: #7f8e91 solid 1px;
}

.right_description_open {
    display: none;
    position: absolute;
    top: 102px;
    right: 0px;
    background: #FFF;
    margin: 20px 0px 0px 0px;
    width: 360px;
    height: 600px;
    border: #7f8e91 solid 1px;
    z-index: 1;
}

.right_description_close {
    position: absolute;
    top: 102px;
    right: 0px;
    background: #FFF;
    margin: 20px 0px 0px 0px;
    width: 10px;
    height: 600px;
    border: #7f8e91 solid 1px;
}

.main_body {
    margin: 0px 0px 50px 0px;
}

.main_tab {
    padding: 20px;
    float: left;
    width: 275px;
    height: 159px;
    background: url('/content/images/main_page_31.jpg') no-repeat scroll 0px 0px transparent;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 30px;
}

    .main_tab img {
        border: #FFF solid 3px;
    }

    .main_tab td.text_title {
        padding: 0px 0px 0px 20px;
        font-size: 14px;
        font-weight: bold;
        color: #FFF;
    }

    .main_tab td.text_content {
        padding: 20px 0px 0px 0px;
        font-size: 12px;
        color: #FFF;
    }

.inner_main_div {
    /*float:left;*/
    width: 96%;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
}

    .inner_main_div a {
        color: #7b898c;
    }

    .inner_main_div p {
        font-weight: bold;
        color: #7b898c;
        size: 12;
    }

.inner_button_div {
    width: 90%;
    margin: 10px 0px 0px 0px;
}

    .inner_button_div ul {
        background: #7f8e91;
        border: #FFF solid 1px;
        height: 18px;
    }

        .inner_button_div ul li {
            border-right: #FFF solid 1px;
            list-style: none;
            float: left;
            height: 18px;
            line-height: 18px;
            font-size: 11px;
            font-weight: bold;
            color: #FFF;
            width: 150px;
            text-align: center;
        }

            .inner_button_div ul li a:link {
                color: #FFF;
            }

            .inner_button_div ul li a:visited {
                color: #FFF;
            }

            .inner_button_div ul li a:hover {
                color: #FFF;
            }

            .inner_button_div ul li a:active {
                color: #FFF;
            }

            .inner_button_div ul li.current {
                background: url('/content/images/search_order_03.jpg');
            }

            .inner_button_div ul li.normal {
                background: url('/content/images/search_order_05.jpg');
            }

            .inner_button_div ul li.hover {
                background: url('/content/images/search_order_03.jpg');
           }

.star_mark {
    color: red;
    padding-right: 4px;
    vertical-align: middle;
}

.shipto_div {
    width: 35%;
    float: left;
    margin-bottom: 12px;
}

.editStyleTable
{
    border-collapse: collapse;
    border: 1px solid #E5F4F9;
}

    .editStyleTable span
    {
        color: red;
    }

    .editStyleTable input
    {
        border: 1px solid #6CA9BE;padding-left: 5px;
    }

 .editStyleTable *
    {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    }

    .editStyleTable thead tr
    {
        height: 40px;
    }

    .editStyleTable thead th
    {
        background-color: #6CA9BE;
        text-align: center;
        color: white;
        font-size: 14px;
        border: 1px solid #E5F4F9;
    }

    .editStyleTable tbody tr
    {
        height: 35px;
    }

.editStyleTable
{
    border-collapse: collapse;
    border: 1px solid #E5F4F9;
}

       .editStyleTable tbody tr .tdLeft
        {
            border: 1px solid #E5F4F9;
            background-color: #90C4D2;
            width: 100px;
            text-align: right;
           padding-right: 10px;
           /*font-weight: bold;*/
           font-size: 12px;
           color: black;
        }

        .editStyleTable tbody tr .tdRight
        {
            border: 1px solid #E5F4F9;
            background-color: #D6E9F0;
            width: 300px;
            padding-left: 10px;
            text-align: left;
        }

.search_condition_title {
    margin: 10px 0px 0px 0px;
    text-align: center;
    background: #1570A6;
    width: 200px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
}

.search_condition_content {
    padding: 10px 0px;
    margin: 0px 0px 10px 0px;
    border: #8fbade dashed 1px;
    /*background: #e5e5e5;*/
    background: 
#EDF3FE;/*#f2f2f2;*/
    width: 85%;
    color: #333;
}

    .search_condition_content ul {
        float: left;
        width: 270px;
        height: 35px;
    }

        .search_condition_content ul.mul-text { height: 70px;}
       

        .search_condition_content ul li.title {
            float: left;
            width: 90px;
            height: 35px;
            line-height: 35px;
            font-size: 12px;
            font-weight: bold;
            text-align: right;
            padding: 0px 10px 0px 0px;
        }

         .search_condition_content .mul-text li.title { height: 70px; line-height: 70px;}

        .search_condition_content ul li.content {
            float: left;
            width: 170px;
            height: 35px;
            padding: 6px 0px;
            font-size: 12px;
            font-weight: bold;
        }

         .search_condition_content .mul-text .content textarea { height: 50px;margin: 0;padding: 0;}

    .search_condition_content .clear_div {
        clear: both;
    }


     .search_condition_content ul input,select,area{ border: 1px solid #333;}

.search_action {
    padding: 5px 0 5px 0;
    clear: both;
}

.search_action .button {
    background:teal;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 5px 8px 5px 8px;
    margin-right: 5px;
    font-weight: bold;
}

.search_action .button:hover {
    background-color: #136494;
    color: #fff;
}

.search_action .cart {
    float: right;
}

.page_result {
    font-size: 12px;
    font-weight: bold;
    color: blue;
    padding: 5px 0px;
    margin: 5px 0px;
}

.page_result th a{ color:white;}

.page_result td a{ color:blue;}

    .data_list {
    }

    .data_list img {
        margin: 0;
        padding: 0;
        max-height: 50px;
        max-width: 50px;
    }

    .data_list a {
        /*color: #3385ff;*/
        text-decoration: underline;
    }

    .data_list a:hover {
        color: #454545;
        text-decoration: underline;
    }

    .data_list thead tr {
        background: #1570A6;
    }

        .data_list thead tr th {
            text-align: center;
            vertical-align: middle;
            font-size: 12px;
            font-weight: bold;
            color: #fff;
            line-height: 14px;
            /*border-bottom: #4e6468 solid 3px;*/
            border-right: #e6e6e6 solid 1px;
            white-space: nowrap;
            padding: 8px 4px 8px 4px;
        }

        .data_list .td_first_left {
           border-left:  #8fbade solid 1px !important;
        }

    .data_list tbody tr {
        /*background: #d9eeff;*/
        background: #EDF3FE;
    }
    .data_list tbody tr:hover,.tr_even:hover {
        /*background: #ffffdd;*/
        background: #F7F8E0 !important;
    }

.tr_even {
    /*background: #e9f3fb !important;*/
    background: #fff !important;
}

.data_list tbody tr td {
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    font-weight: normal;
    /*color: #444444;*/
    color: #333;
    line-height: 16px;
    border-bottom:1px solid #8fbade;
    border-right: 1px solid #8fbade;
    padding: 8px 5px 8px 5px;
}

    .data_list tbody tr td.operation {
        border-right: none;
        background: #4e6468;
        padding: 0px 0px 0px 0px;
        width: 150px;
    }

    .data_list tbody tr td.operation_print_order {
        border-right: none;
        background: #4e6468;
        padding: 0px 0px 0px 0px;
        width: 200px;
    }

.data_detail {
    margin: 10px 0px 15px 0px;
}

    .data_detail td {
        line-height: 30px;
        font-size: 12px;
        font-weight: bold;
        color: #004458;
        text-align: center;
    }

        .data_detail td.content_white {
            background: #FFF;
            color: #000;
            font-weight: normal;
        }

        .data_detail td.content_gray {
            background: #afb9bb;
            color: #000;
            font-weight: normal;
        }

    .data_detail thead tr {
        background: #95ab93;
    }

        .data_detail thead tr td {
            border-top: #000 solid 2px;
            border-right: #000 solid 2px;
            border-bottom: #000 solid 2px;
        }

            .data_detail thead tr td.td_th {
                border: #000 solid 2px;
            }

    .data_detail tbody tr {
        background: #95ab93;
    }

        .data_detail tbody tr td {
            border-right: #000 solid 2px;
            border-bottom: #000 solid 2px;
        }

            .data_detail tbody tr td.td_th {
                border-right: #000 solid 2px;
                border-bottom: #000 solid 2px;
                border-left: #000 solid 2px;
            }
/*------------------------------------------customer_master--------------------------------------------------*/
.search_condition_content_customer {
    padding: 10px 0px;
    margin: 0px 0px 10px 0px;
    border: #77b832 solid 1px;
    background: #e5e5e5;
    width: 85%;
}

    .search_condition_content_customer ul {
        float: left;
        width: 470px;
        height: 35px;
    }

        .search_condition_content_customer ul li.title {
            float: left;
            width: 250px;
            height: 35px;
            line-height: 35px;
            font-size: 12px;
            font-weight: bold;
            text-align: right;
            padding: 0px 10px 0px 0px;
        }

        .search_condition_content_customer ul li.content {
            float: left;
            width: 170px;
            height: 35px;
            padding: 6px 0px;
            font-size: 12px;
            font-weight: bold;
        }

    .search_condition_content_customer .clear_div {
        clear: both;
    }


.customer_data_list {
    border: #9fc3c3 solid 2px;
}

    .customer_data_list thead tr {
        background: #5b6c74;
    }

        .customer_data_list thead tr td {
            text-align: center;
            font-size: 12px;
            font-weight: bold;
            color: #c9d3d4;
            line-height: 26px;
        }

    .customer_data_list tbody {
        /*background-image:url(../images/customer_data_bg.jpg);*/
        background: #dedede;
        background: url('/content/images/customer_data_bg.jpg') repeat-x scroll 0px 0px transparent;
    }

        .customer_data_list tbody tr {
        }

            .customer_data_list tbody tr td {
                text-align: center;
                font-size: 12px;
                color: #666;
                line-height: 24px;
                border-bottom: #d4d4d4 solid 1px;
                border-right: #d4d4d4 solid 1px;
            }

/*--------------------------------------------print_order---------------------------------------------------*/

.order_information_content {
    padding: 10px 0px;
    margin: 0px 0px 10px 0px;
    border: #77b832 solid 1px;
    background: #e5e5e5;
    width: 85%;
}

    .order_information_content ul {
        float: left;
        width: 395px;
        height: 35px;
    }

        .order_information_content ul li.title {
            float: left;
            width: 95px;
            height: 35px;
            line-height: 35px;
            font-size: 12px;
            font-weight: bold;
            text-align: right;
            padding: 0px 10px 0px 0px;
        }

        .order_information_content ul li.content {
            float: left;
            width: 290px;
            height: 35px;
            line-height: 35px;
            /*padding:9px 0px;*/
            font-size: 12px;
            color: #969d2a;
        }

    .order_information_content .clear_div {
        clear: both;
    }

.print_status_show {
    width: 100%;
    /*border:#77b832 solid 1px;*/
}

    .print_status_show .printing_order {
        float: left;
        width: 40%;
    }

    .print_status_show .printing_order_title {
        float: left;
        margin: 0px 2px 0px 0px;
        text-align: center;
        background: #3c3e3e;
        width: 90px;
        height: 22px;
        line-height: 22px;
        font-size: 12px;
        font-weight: bold;
        color: #FFF;
    }

    .print_status_show .printing_order_content {
        clear: both;
        width: 100%;
        border: #ffffff solid 1px;
        background: #808080;
    }

.printing_order_content ul {
    float: left;
    width: 50%;
    margin: 5px 0px 0px 0px;
}

    .printing_order_content ul li.title {
        text-align: right;
        float: left;
        width: 45%;
        font-size: 12px;
        font-weight: bold;
        color: #FFF;
    }

    .printing_order_content ul li.content {
        padding: 0px 0px 0px 15px;
        float: left;
        width: 45%;
        font-size: 12px;
        color: #FFF;
    }

.printing_order_content .img {
    display: block;
    width: 95%;
    text-align: right;
    padding: 20px 0px 20px 0px;
    clear: both;
}
/*.printing_order_content img{
margin-right:30px;
}*/
.print_status_show .print_control {
    margin: 22px 0px 0px 10px;
    float: left;
    width: 30%;
}

.print_control td {
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    background: #f3fdf4;
}

.print_control select {
    font-size: 12px;
    border: #999 solid 1px;
    width: 98%;
}

.print_control input {
    width: 68%;
    border: #999 solid 1px;
}

.print_status_show .printer_img {
    float: left;
    margin: 22px 0px 0px 10px;
}

/*---------------------------------customer_master_detail-------------------------------------------*/

.customer_master_detail_title {
    float: left;
    margin: 10px 2px 0px 0px;
    text-align: center;
    background: #667a52;
    width: 150px;
    height: 22px;
    line-height: 22px;
    font-size: 12;
    font-weight: bold;
    color: #FFF;
}

.inner_main_div .current {
    background: #9dbb7e;
}

.inner_main_div .hover {
    background: #9dbb7e;
}

.inner_main_div p {
    color:#333;
    font-size: 11px;
}

.customer_master_detail_content {
    clear: both;
    padding: 10px 0px;
    margin: 0px 0px 10px 0px;
    border: #77b832 solid 1px;
    background: #fff;
    width: 95%;
}

    .customer_master_detail_content ul {
        margin: 0px 0px 1px 0px;
        float: left;
        width: 50%;
        height: 45px;
    }

        .customer_master_detail_content ul li.title {
            background: #e8e9d6;
            margin: 0px 2px 0px 15px;
            float: left;
            width: 28%;
            height: 45px;
            font-size: 12px;
            font-weight: bold;
            text-align: right;
            padding: 0px 10px 0px 0px;
            display: table;
            /*_position:relative;
_left:-100px;
_text-align:center;
_width:300px;
_border:#F00 solid 1px;
_background:#093;*/
        }

            .customer_master_detail_content ul li.title p {
                display: table-cell;
                vertical-align: middle;
                color: #000;
                /*_position:absolute;
_top:50%;
_text-align:right;*/
            }

                .customer_master_detail_content ul li.title p.must {
                    color: #F00;
                }

            .customer_master_detail_content ul li.title span {
                color: #000;
                /*_position:relative;
_top:-50%;
_text-align:right;*/
            }

        .customer_master_detail_content ul li.content {
            background: #f8faf5;
            padding: 12px 0px 11px 5px;
            float: left;
            width: 62%;
            font-size: 12px;
            font-weight: normal;
            /*_float:left;
_width:300px;
_border:#F00 solid 1px;
_background:#093;*/
        }

            .customer_master_detail_content ul li.content input {
                background: #fff;
                border: #ccc solid 1px;
            }

            .customer_master_detail_content ul li.content .button {
                border: none;
                background: #79954f;
                font-size: 11px;
                color: #FFF;
            }

            .customer_master_detail_content ul li.content .text {
                width: 200px;
            }

    .customer_master_detail_content .clear_div {
        clear: both;
    }
/*---------------------------------add-------------------------------------------*/
.header_div {
    width: 100%;
}

.login_info {
    margin: 4px 0px 4px 0px;
}

.main_menu_div {
    /*background:url(../images/menu_end.jpg);*/
    background: url('/content/images/main_menu_bg.jpg');
    /*background:#7f8e91;*/
    width: 100%;
    height: 36px;
    padding: 0;
    margin: 0;
}

.main_menu_div img{ float: right;}

.sub_menu_div {
    /*background:url(../images/menu_end.jpg);*/
    background: #1570A6;
    /*width: 100%;*/
    height: 21px;
    padding: 0px 0px 0px 93px;
}

    .sub_menu_div ul li {
        /*border-right: 1px solid #7f8e91;*/
        border-left: 5px solid #7f8e91;
        /*border-radius: 3px;*/
        cursor: pointer;
        float: left;
        height: 21px;
        line-height: 20px;
        margin: 0px 0px 0px 0px;
        padding: 0px 15px 0px 15px;
        font-size: 11px;
        font-weight: 800;
        color: #fff;
    }
    .sub_menu_div ul li a {
        color: #fff;
    }

.sub_menu_hover {
    /*background:url(../images/menu_end_h.jpg);*/
    background: #cccccc;
}

.main_content {
    /*background:url(../images/main_02.jpg);*/
    width: 100%;
    clear: both;
}

/*--------------Main----------------*/
.block {
    width: 200px;
    height: 145px;
    float: left;
    background-color: #EBF6FB;
    font-size: 12px;
    color: #000;
    border: 1px #4E7596 solid;
    cursor: pointer;
    margin: 10px;
    padding: 0;
}

.block img {
    float: left;
    border: 1px #3CF solid;
    margin: 5px;
    padding: 0;
}

.block p {
    width: 120px;
    float: left;
    font-size: 12px;
    color: #000;
    margin: 0;
    padding: 0;
}

.block p a {
    padding-top: 15px;
    display: block;
    text-decoration: underline;
    color: #4271a1;
}

input.btn {
    cursor: pointer;
    color: #fff;
    font-size: 11px;
     background: #1570A6;
    border: #FFFFFF 1px solid;
    /*border-color: #696 #363 #363 #696;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');*/
}
input.btn:hover {
   background-color: #136494;
}
/*----------------------------------*/

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    /*min-height: 75px;*/
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00 !important;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

.pagination_div {
    /*width: 100%;*/
    margin: 10px 0px 30px 20px;
}

/*----------------------------jquery pagination--------------------------------*/
.pagination a {
    border: 1px solid #8fbade;
    color: #15b;
    text-decoration: none;
}

.pagination a, .pagination span {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 0.1em 0.4em;
}

.pagination .current {
    background: none repeat scroll 0 0 #26b;
    border: 1px solid #8fbade;
    color: #fff;
}

    .pagination .current.prev, .pagination .current.next {
        background: none repeat scroll 0 0 #fff;
        border-color: #999;
        color: #999;
    }

.pagination .disabled {
    color: #ccc;
    border: 1px solid #cccccc;
}

.pagination .summary {
    color: #454545;
    border: 1px solid #ccc;
}
/*----------------------------jquery pagination--------------------------------*/

/*---------- order status -----------*/
.status {
    font-weight: bold;
}
.new {
    color: blue;
}
.inprocess {
    color: brown;
}
.shipped {
    color: orange;
}

.printing {
    color:orchid;
}
.completed {
    color: green;
}

.cancelled {
    color: red;
}
/*-----------------------------------*/

/*---------- po  ordered status -----------*/

.NO {
    color: green;
}

.YES {
    color: brown;
}
/*-----------------------------------*/