html {
    background: none repeat scroll 0 0 #2E5E79;
    overflow: auto;
}

body {
    background: #fff;
    color: #333;
    font-size: 11px;
    padding: 0 0 0px;
}

.floatleft {
    float: left;
}

img.icon-sys {
    vertical-align: sub;
    width: 45px;
}

.floatright {
    float: right;
}

.fontwhite {
    color: #fff;
}

.small {
    font-size: 9px;
}

.inline-ul li {
    display: inline;
    color: #fff;
}

.marginleft10 {
    margin-left: 10px;
}

.grey {
    color: #C2C2C2;
}

a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
/*a:hover {
	color:#333;
} */

.container_12,
.container_16 {
    background: #2E5E79;
    height:800px;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2em;
    margin-bottom: .3em;
}

h2 {
    margin-top: 1em;
}

h6 {
    font-size: 1em;
    text-transform: uppercase;
}

h1 a {
    font-weight: normal;
}

#branding {
    font-weight: normal;
    text-align: left;
    padding: 1.5em 1em 1em 1.6em;
    margin-bottom: 0;
}

.header-repeat {
    background: url(images/header-repeat.jpg) repeat-x;
}

#branding a {
    color: #A1EAFF;
    font-weight: normal;
}

    #branding a:hover {
        color: #fff;
    }

    #branding a:before {
        content: " | ";
        color: #fff;
    }

#branding ul, #branding ul li {
    margin: 0px;
    padding: 0px;
}

#branding li {
    padding: 0px 0px 0px 0px !important;
}

.top-10 {
    margin-top: -10px;
}


/* page heading
----------------------------------------------- */
h2#page-heading {
    font-weight: normal;
    padding: .5em;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
    color: #fff;
}


/* boxes
----------------------------------------------- */
.box {
    background: #fff;
    margin-bottom: 20px;
    padding: 10px 10px 10px 10px;
    margin-left: -8px;
    /* for present */
    background-color: #F6F6FF;
}

    .box.grid {
        /*padding-bottom: 40px;*/
    }

    .box.round {
        -moz-border-radius: 5px 5px 5px 5px; /* Firefox */
        -webkit-border-radius: 5px 5px 5px 5px; /* Safari, Chrome */
        border-radius: 5px 5px 5px 5px; /* CSS3 */
    }

    .box h2, .box h2.PopupTitle span.PopupTitleLabel {
        font-size: 1.2em;
        font-weight: bold;
        color: #1B548D;
        background: #E6F0F3;
        margin: -10px -10px 0 -10px;
        padding: 10px 12px;
        border-radius: 5px 5px 0px 0px; /* CSS3 */
    }

   .box h2.PopupTitleBreakdown{
        font-size: 1.2em;
        font-weight: bold;
        color: #FFFFFF;
        background: #E84646;
        margin: -10px -10px 0 -10px;
        padding: 10px 12px;
        border-radius: 5px 5px 0px 0px; /* CSS3 */
    }

    .box h2 {
        border-bottom: 1px solid #B3CBD6;
        -moz-border-radius: 5px 5px 0px 0px; /* Firefox */
        -webkit-border-radius: 5px 5px 0px 0px; /* Safari, Chrome */
    }

        .box h2 a,
        .box h2 a.visible {
            color: #1B548D;
            background: url("../img/switch_minus.gif") 97% 50% no-repeat;
            display: block;
            padding: 6px 12px;
            margin: -6px -12px;
            border: none;
            -moz-border-radius: 5px 5px 0px 0px; /* Firefox */
            -webkit-border-radius: 5px 5px 0px 0px; /* Safari, Chrome */
            border-radius: 5px 5px 0px 0px; /* CSS3 */
        }

.grid_4 .box h2 a {
    background-position: 97% 50%;
}

.grid_5 .box h2 a {
    background-position: 98% 50%;
}

.grid_12 .box h2 a {
    background-position: 99% 50%;
}

.box h2 a.hidden,
.box h2 a.hidden:hover {
    background-image: url("../img/switch_plus.gif");
}

.box h2 a:hover {
    background-color: transparent;
}

.box.first {
    /*margin-top: 10px;*/
}

.box.first2 {
    margin-top: 5px;
    height: 780px;
}

.block {
    padding-top: 10px;
}

div.menu {
    padding: 0;
}

    div.menu h2 {
        margin: 0;
    }

    div.menu .block {
        padding-top: 0;
    }


/* sidebar menu
----------------------------------------------- */

.box.sidemenu {
    background-color: #D1DEE4;
    border-right: 1px solid #3A5665;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}

    .box.sidemenu .block {
        padding-top: 0px;
        margin-top: 0px;
    }

/* paragraphs, quotes and lists
----------------------------------------------- */
p {
    margin-bottom: 1em;
}

blockquote {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.2em;
    padding-left: 1em;
    border-left: 4px solid #ccc;
}

    blockquote cite {
        font-size: .9em;
    }

ul, ol {
    padding-top: 0;
}

    ul.menu {
        list-style: none;
        border-top: 1px solid #bbb;
    }

        ul.menu li {
            margin: 0;
        }

            ul.menu li a {
                display: block;
                padding: 4px 10px;
                border-bottom: 1px solid #ccc;
            }

                ul.menu li a:hover {
                    background: #eee;
                }

                ul.menu li a:active {
                    background: #ccc;
                }

        ul.menu ul {
            list-style: none;
            margin: 0;
        }

            ul.menu ul li a {
                padding-left: 30px;
            }

    ul.section {
        border-top: 0;
        margin-bottom: 0;
    }

        ul.section li {
        }

            ul.section li a {
                background: url(images/sidemenu-repeat.jpg) repeat-x;
                line-height: 26px;
            }

                ul.section li a:hover {
                    background: url(images/sidemenu-repeat-hover.jpg) repeat-x;
                }

                ul.section li a:active {
                    color: #1B548D;
                    background: url(images/sidemenu-repeat-hover.jpg) repeat-x;
                }

            ul.section li li a {
                background: #ddd;
                border-bottom: 1px solid #eee;
            }

                ul.section li li a:hover {
                    background: #ccc;
                }

                ul.section li li a:active {
                    color: #000;
                    background: #fff;
                }

        ul.section ul li {
            text-transform: none;
        }

        ul.section ul.current li a {
            background: #eee;
            border-bottom: 1px solid #fff;
        }

            ul.section ul.current li a:hover {
                background: #E6F0F3;
            }

            ul.section ul.current li a:active {
                background: #E6F0F3;
            }

        ul.section li a.current {
            color: #1B548D;
            background: url(images/sidemenu-repeat-hover.jpg) repeat-x;
        }

            ul.section li a.current:hover {
                color: #1B548D;
                background: url(images/sidemenu-repeat-hover.jpg) repeat-x;
            }

            ul.section li a.current:active {
                color: #1B548D;
                background: url(images/sidemenu-repeat-hover.jpg) repeat-x;
            }

        ul.section li a.active {
            background: #fff;
            cursor: default;
        }

        ul.section li.current > a.active,
        ul.section li.current > a.active:hover {
            color: #fff;
            background: #666;
            cursor: default;
        }

table.form {
    width: 100%;
}

    table.form label {
        font-weight: bold;
    }

    table.form .col1 {
        width: 25%;
    }

    table.form .col2 {
    }

    table.form input[type="text"].text-readonly, table.form textarea.textarea-readonly, table.form select.ddl-readonly {
        padding: 4px 4px 5px 4px;
        /*border: 1px solid #eaeaea;*/
    }

    table.form input[disabled].text-status {
        background-color: green;
        color: white;
        font-weight: bold;
        width: 135px;
        text-align: center;
    }

input.mini {
    width: 30%;
}

input.medium {
    width: 55%;
}

input.large {
    width: 85%;
}

input.date {
    width: 180px;
}

input.button {
    margin: 0;
    padding: 4px 8px 4px 8px;
    background: #D4D0C8;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #404040;
    border-bottom: 1px solid #404040;
    color: #000000;
}

input.error {
    background: #FBE3E4;
    border-top: 1px solid #e1b2b3;
    border-left: 1px solid #e1b2b3;
    border-right: 1px solid #FBC2C4;
    border-bottom: 1px solid #FBC2C4;
}

input.success {
    background: #E6EFC2;
    border-top: 1px solid #cebb98;
    border-left: 1px solid #cebb98;
    border-right: 1px solid #c6d880;
    border-bottom: 1px solid #c6d880;
}

input.warning {
    background: #fff3b3;
    border-top: 1px solid #cebb98;
    border-left: 1px solid #cebb98;
    border-right: 1px solid #c6d880;
    border-bottom: 1px solid #c6d880;
}

span.error {
    margin: 8px 0 0 0;
    padding: 0;
    height: 1%;
    color: #FF0000;
}

span.success {
    margin: 8px 0 0 0;
    padding: 0;
    height: 1%;
    color: #7b912b;
}

label.error {
    margin: 8px 0 0 0;
    padding: 0;
    height: 1%;
    display: block;
    color: #FF0000;
}

#site_info {
    color: #fff;
    background: #204562;
    border-top: 1px solid #1d3b53;
    padding-left: 20px;
}

    #site_info p {
        line-height: 35px;
        margin-bottom: 0px;
    }

    #site_info a {
        color: #9ab6cc;
    }

        #site_info a:hover {
            color: #000;
        }

#loading {
    float: right;
    margin-right: 14px;
    margin-top: -2px;
}

.block {
    padding-bottom: 1px; /* background-color:red; margin-left:-10px; padding-left:10px;*/
    /*height: 629px;*/
}

.toggler {
    color: #222;
    margin: 0;
    padding: 2px 5px;
    background: #eee;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    font-size: 1.1em;
    font-weight: normal;
}

.element h4 {
    margin: 0;
    padding: 4px;
    line-height: 1.2em;
}

.element p {
    margin: 0;
    padding: 4px;
}

.float-right {
    padding: 10px 20px;
    float: right;
}

#accordian-block {
    padding-bottom: 10px;
}

#kwick-box {
    padding: 0;
    overflow: hidden;
}

    #kwick-box h2 {
        margin: 0;
    }

#kwick {
    position: relative;
}

    #kwick .kwicks {
        display: block;
        background: #999;
        height: 120px;
        list-style: none;
        margin: 0;
        overflow: hidden;
    }

    #kwick li {
        float: left;
        margin: 0;
        padding: 0;
    }

    #kwick .kwick {
        display: block;
        cursor: pointer;
        overflow: hidden;
        height: 100px;
        width: 215px;
        padding: 10px;
        background: #fff;
    }

        #kwick .kwick span {
            color: #fff;
        }

    #kwick .one {
        background: #666;
    }

    #kwick .two {
        background: #777;
    }

    #kwick .three {
        background: #888;
    }

    #kwick .four {
        background: #999;
    }


.stat-col {
    float: left;
    margin: 0px;
    margin-right: 30px;
}

    .stat-col span {
        font-weight: bold;
        font-size: 1.1em;
        font-family: Helvetica Neue, Arial;
    }

    .stat-col p {
        font-family: Helvetica Neue, Arial;
        font-size: 3em;
        color: #fff;
        font-weight: bold;
        text-shadow: 1px 1px 0px rgba(27, 27, 27, 0.4);
        filter: dropshadow(color=#1b1b1b, offx=1, offy=1); /* IE */
        -moz-border-radius: 4px; /* Firefox */
        -webkit-border-radius: 4px; /* Safari, Chrome */
        border-radius: 4px; /* CSS3 */
        line-height: 1.1em;
        padding: 4px 12px;
        margin-bottom: 10px;
        margin-top: 4px;
    }


        .stat-col p.purple {
            background-color: #47196e;
            background: -webkit-gradient(linear, left top, left bottom, from(#a072c7), to(#47196e));
            background: -webkit-linear-gradient(top, #a072c7, #47196e);
            background: -moz-linear-gradient(top, #a072c7, #47196e);
            background: -ms-linear-gradient(top, #a072c7, #47196e);
            background: -o-linear-gradient(top, #a072c7, #47196e);
            background: linear-gradient(top, #a072c7, #47196e);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#a072c7', EndColorStr='#47196e');
        }

        .stat-col p.yellow {
            background-color: #ffb400;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc22e), to(#d19400));
            background-image: -webkit-linear-gradient(top, #ffc22e, #d19400);
            background-image: -moz-linear-gradient(top, #ffc22e, #d19400);
            background-image: -ms-linear-gradient(top, #ffc22e, #d19400);
            background-image: -o-linear-gradient(top, #ffc22e, #d19400);
            background-image: linear-gradient(top, #ffc22e, #d19400);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffc22e', EndColorStr='#d19400');
        }

        .stat-col p.darkblue {
            background-color: #163247;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#5d798e), to(#163247));
            background-image: -webkit-linear-gradient(top, #5d798e, #163247);
            background-image: -moz-linear-gradient(top, #5d798e, #163247);
            background-image: -ms-linear-gradient(top, #5d798e, #163247);
            background-image: -o-linear-gradient(top, #5d798e, #163247);
            background-image: linear-gradient(top, #5d798e, #163247);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5d798e', EndColorStr='#163247');
        }

        .stat-col p.green {
            background-color: #5c8000;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#a3c747), to(#5c8000));
            background-image: -webkit-linear-gradient(top, #a3c747, #5c8000);
            background-image: -moz-linear-gradient(top, #a3c747, #5c8000);
            background-image: -ms-linear-gradient(top, #a3c747, #5c8000);
            background-image: -o-linear-gradient(top, #a3c747, #5c8000);
            background-image: linear-gradient(top, #a3c747, #5c8000);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#a3c747', EndColorStr='#5c8000');
        }

        .stat-col p.blue {
            background-color: #074676;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#4d8cbc), to(#074676));
            background-image: -webkit-linear-gradient(top, #4d8cbc, #074676);
            background-image: -moz-linear-gradient(top, #4d8cbc, #074676);
            background-image: -ms-linear-gradient(top, #4d8cbc, #074676);
            background-image: -o-linear-gradient(top, #4d8cbc, #074676);
            background-image: linear-gradient(top, #4d8cbc, #074676);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d8cbc', EndColorStr='#074676');
        }

        .stat-col p.red {
            background-color: #a40312;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#ea4958), to(#a40312));
            background-image: -webkit-linear-gradient(top, #ea4958, #a40312);
            background-image: -moz-linear-gradient(top, #ea4958, #a40312);
            background-image: -ms-linear-gradient(top, #ea4958, #a40312);
            background-image: -o-linear-gradient(top, #ea4958, #a40312);
            background-image: linear-gradient(top, #ea4958, #a40312);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ea4958', EndColorStr='#a40312');
        }

    .stat-col.last {
        margin-right: 0px;
    }

img.left {
    margin: 10px 10px 10px 0;
    border: none;
    float: left;
}

img.right {
    margin: 10px 0 10px 10px;
    border: none;
    float: right;
}

.fullpage {
    margin-left: 0px;
}

.prettygallery {
    margin-top: 10px;
}

    .prettygallery li {
        display: inline;
        padding: 0px 70px 40px 10px;
        margin: 0px;
        float: left;
    }

    .prettygallery img {
        box-shadow: 0px 0px 5px #ccc;
        -moz-box-shadow: 0px 0px 5px #ccc;
        -webkit-box-shadow: 0px 0px 5px #ccc;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 5px;
        background: #fff;
    }

.dataTables_info,
.dataTables_paginate {
    margin-bottom: 3em;
}

.dataTables_wrapper {
    position: relative;
    min-height: 302px;
    clear: both;
    _height: 302px;
    zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}

.dataTables_length {
    width: 40%;
    float: left;
    margin-bottom: 1em;
}

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right;
    margin-bottom: 1em;
}

.dataTables_info {
    width: 60%;
    float: left;
    margin-top: 1em;
}

.dataTables_paginate {
    float: right;
    text-align: right;
    margin-top: 1em;
}

.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    width: 19px;
    margin-left: 3px;
    float: left;
    cursor: pointer;
}

.paginate_disabled_previous {
    background-image: url(images/table/back_disabled.png);
}

.paginate_enabled_previous {
    background-image: url(images/table/back_enabled.png);
}

.paginate_disabled_next {
    background-image: url(images/table/forward_disabled.png);
}

.paginate_enabled_next {
    background-image: url(images/table/forward_enabled.png);
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
    margin: 0 auto;
    clear: both;
    width: 100%;
}

table.display_Scroll {
    margin: 0 auto;
    clear: both;
    width: 2500px;
}
table.display_Scroll-Sent {
    margin: 0 auto;
    clear: both;
    width: 2500px;
}

.sorting_asc {
    background: #8f8f8f url(images/table/sort_asc.png) no-repeat center right;
    padding: 8px 5px;
    text-align: left;
    color: #fff;
}

.sorting_desc {
    background: #8f8f8f url(images/table/sort_desc.png) no-repeat center right;
    padding: 8px 5px;
    text-align: left;
    color: #fff;
}

.sorting {
    background: #8f8f8f url(images/table/sort_both.png) no-repeat center right;
    padding: 8px 5px;
    text-align: left;
    color: #fff;
}

.sorting_asc_disabled {
    background: #8f8f8f url(images/table/sort_asc_disabled.png) no-repeat center right;
    padding: 8px 5px;
    text-align: left;
    color: #fff;
}

.sorting_desc_disabled {
    background: #8f8f8f url(images/table/sort_desc_disabled.png) no-repeat center right;
    padding: 8px 5px;
    text-align: left;
    color: #fff;
}

tr.odd {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #e6e6e6;
}

tr.even {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #e6e6e6;
}

    tr.odd:hover, tr.even:hover {
        background: #f6f6f6;
    }
/*tr.odd td, tr.even td{ padding-left:5px; }*/

.clear {
    clear: both;
}

.dataTables_empty {
    text-align: center;
}

tfoot {
    display: none;
}

    tfoot input {
        margin: 0.5em 0;
        width: 100%;
        color: #444;
    }

        tfoot input.search_init {
            color: #999;
        }

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}

td.text-label {
    width: 10%;
}

td.text-value {
    width: 25%;
    padding-left: 4px;
}

.example_alt_pagination div.dataTables_info {
    width: 40%;
}

.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px;
}

    .paging_full_numbers span.paginate_button,
    .paging_full_numbers span.paginate_active {
        border: 1px solid #aaa;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 2px 5px;
        margin: 0 3px;
        cursor: pointer;
        *cursor: hand;
    }

    .paging_full_numbers span.paginate_button {
        background-color: #ddd;
    }

        .paging_full_numbers span.paginate_button:hover {
            background-color: #ccc;
        }

    .paging_full_numbers span.paginate_active {
        background-color: #99B3FF;
    }

.btn,
.btn-icon,
.btn-mini {
    background-repeat: repeat-x;
    color: #FFF;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    padding: 0 15px 4px;
    *padding: 0 7px 4px;
    margin: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    border-radius: 4px;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
    cursor: pointer;
    position: relative;
}

    .btn:active, .btn-icon:active, .btn-mini:active {
        top: 1px;
    }

.btn, .btn-icon {
    background-position: 0 -80px;
    font-size: 12px;
    height: 32px;
    line-height: 29px;
}

    .btn.btn-small, .btn-icon.btn-small {
        background-position: 0 0;
        font-size: 12px;
        height: 26px;
        line-height: 23px;
    }

    .btn.btn-large, .btn-icon.btn-large {
        background-position: 0 -160px;
        font-size: 15px;
        height: 42px;
        line-height: 40px;
    }

a.btn, a.btn-icon {
    height: 32px;
    line-height: 32px;
    padding-bottom: 0;
}

    a.btn.btn-small, a.btn-icon.btn-small {
        line-height: 26px;
        padding-bottom: 0;
    }

    a.btn.btn-large, a.btn-icon.btn-large {
        line-height: 42px;
        padding-bottom: 0;
    }

* + html .btn, * + html .btn-icon {
    border-color: none;
    border: 1px solid transparent;
}

    /*.btn, */
    .btn-icon, .btn-mini,
    .btn:visited, .btn-icon:visited, .btn-mini:visited {
        background-image: url(images/bg-lite.png);
        background-color: #F90;
        border-color: #D58000;
        color: #FFF;
    }

        .btn:hover, .btn-icon:hover, .btn-mini:hover {
            background-color: #D58000;
            color: #FFF;
        }

.btn-pink,
.btn-pink:visited {
    background-color: #FF0066;
    border-color: #DA0C59;
}

    .btn-pink:hover {
        background-color: #DA0C59;
    }

.btn-blue,
.btn-blue:visited {
    background-color: #066ECD;
    border-color: #0561B4;
}

    .btn-blue:hover {
        background-color: #0561B4;
    }

.btn-red,
.btn-red:visited {
    background-color: #E40001;
    border-color: #CC0000;
}

    .btn-red:hover {
        background-color: #CC0000;
    }

.btn-green,
.btn-green:visited {
    background-color: #77B32F;
    border-color: #689C29;
}

    .btn-green:hover {
        background-color: #689C29;
    }

.btn-black,
.btn-black:visited {
    background-color: #111;
    border-color: #000;
}

    .btn-black:hover {
        background-color: #000;
    }

.btn-purple,
.btn-purple:visited {
    background-color: #7B0F75;
    border-color: #6A0D66;
}

    .btn-purple:hover {
        background-color: #6A0D66;
    }

.btn-navy,
.btn-navy:visited {
    background-color: #002142;
    border-color: #00172F;
}

    .btn-navy:hover {
        background-color: #00172F;
    }

.btn-maroon,
.btn-maroon:visited {
    background-color: #750000;
    border-color: #530000;
}

    .btn-maroon:hover {
        background-color: #530000;
    }

.btn-yellow,
.btn-yellow:visited {
    background-color: #FFCC00;
    border-color: #D9AD01;
}

    .btn-yellow:hover {
        background-color: #D9AD01;
    }

.btn-teal,
.btn-teal:visited {
    background-color: #39A7B6;
    border-color: #2E8794;
}

    .btn-teal:hover {
        background-color: #2E8794;
    }

.btn-orange,
.btn-orange:visited {
    background-color: #F90;
    border-color: #D58000;
    color: #FFF;
}

    .btn-orange:hover {
        background-color: #D58000;
        color: #FFF;
    }

.btn-grey,
.btn-grey:visited {
    background-color: #999;
    border-color: #888;
    color: #FFF;
}

    .btn-grey:hover {
        background-color: #888;
        color: #FFF;
    }

.btn-blue,
.btn-black,
.btn-purple,
.btn-navy,
.btn-maroon,
.btn-teal,
.btn-grey {
    background-image: url(images/bg-dark.png) !important;
}

.btn-red,
.btn-orange,
.btn-green,
.btn-yellow,
.btn-pink {
    background-image: url(images/bg-lite.png) !important;
}

.btn-icon {
    padding-left: 32px !important;
}

* + html .btn-icon {
    padding-left: 20px !important;
    padding-right: 5px !important;
}

    .btn-icon span {
        background-image: url(images/btn-icons.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        width: 16px;
        height: 16px;
        position: absolute;
        left: 6px;
        top: 6px;
    }

    .btn-icon.btn-small span {
        top: 4px;
    }

    .btn-icon.btn-large span {
        top: 12px;
    }

@-moz-document url-prefix() {
    .btn-icon span;

{
    left: -24px;
    top: 0px;
}

.btn-icon.btn-small span {
    top: -1px;
}

.btn-icon.btn-large span {
    top: 4px;
}

}


/* Mini Buttons */
.btn-mini {
    background-position: 0 0;
    width: 32px;
    height: 26px !important;
    line-height: 500px !important;
    overflow: hidden;
    padding: 0;
}

    .btn-mini span {
        background-image: url(images/btn-icons.png);
        background-repeat: no-repeat;
        display: block;
        width: 16px;
        height: 16px;
        line-height: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -8px;
        margin-top: -8px;
    }

.btn-arrow-down span {
    background-position: -48px 0;
}

.btn-arrow-up span {
    background-position: -32px 0;
}

.btn-arrow-right span {
    background-position: -16px 0;
}

.btn-arrow-left span {
    background-position: 0 0;
}

.btn-comment span {
    background-position: -112px 0;
}

.btn-heart span {
    background-position: -96px 0;
}

.btn-star span {
    background-position: -80px 0;
}

.btn-cart span {
    background-position: -64px 0;
}

.btn-print span {
    background-position: -128px 0;
}

.btn-rss span {
    background-position: -144px 0;
}

.btn-person span {
    background-position: 0 -16px;
}

.btn-check span {
    background-position: -16px -16px;
}

.btn-dollar span {
    background-position: -32px -16px;
}

.btn-refresh span {
    background-position: -48px -16px;
}

.btn-home span {
    background-position: -64px -16px;
}

.btn-plus span {
    background-position: -80px -16px;
}

.btn-minus span {
    background-position: -96px -16px;
}

.btn-cross span {
    background-position: -112px -16px;
}

.btn-transparent, .btn-transparent:hover {
    background-image: url(images/bg-lite.png);
    background-color: transparent;
    filter: none;
    border-color: transparent\0/;
    border-color: rgba(0,0,0,.4) !important;
    margin: 0 1em 0 0;
}

* + html .btn-transparent {
    border: none;
}

.message-box {
    padding: 5px 0px;
}

.message {
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
}

    .message h3 {
        margin-top: 0;
    }

    .message p {
        margin-bottom: 0;
    }

    .message.info {
        border: 1px solid #cadcea;
        background: #e1f2fc;
        background: -webkit-gradient(linear, left top, left bottom, from(#e1f2fc), to(#cae9fd));
        background: -moz-linear-gradient(top, #e1f2fc, #cae9fd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1f2fc', endColorstr='#cae9fd');
        color: #225b86;
        text-shadow: 0 1px 0 #fff;
    }

    .message.error {
        border: 1px solid #eeb7ba;
        background: #fae2e2;
        background: -webkit-gradient(linear, left top, left bottom, from(#fae2e2), to(#f2cacb));
        background: -moz-linear-gradient(top, #fae2e2, #f2cacb);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae2e2', endColorstr='#f2cacb');
        /*color: #be4741;*/
        color: red;
        text-shadow: 0 1px 0 #fff;
    }

    .message.success {
        border: 1px solid #b8c97b;
        background: #e5edc4;
        background: -webkit-gradient(linear, left top, left bottom, from(#e5edc4), to(#d9e4ac));
        background: -moz-linear-gradient(top, #e5edc4, #d9e4ac);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5edc4', endColorstr='#d9e4ac');
        color: #3f7227;
        text-shadow: 0 1px 0 #fff;
    }

    .message.warning {
        border: 1px solid #e5dbaa;
        background: #ffffc0;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffc0), to(#f9ee9c));
        background: -moz-linear-gradient(top, #ffffc0, #f9ee9c);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffc0', endColorstr='#f9ee9c');
        /*color: #6d7829;*/
        color: red;
        text-shadow: 0 1px 0 #fff;
    }

.gallery-sand .sorting {
    background-color: white !important;
}

fieldset.default, fieldset.report-viwers {
    border: 1px solid #e1dfdf;
    border-radius: 4px;
    padding: 10px;
}

fieldset.report-viwers {
    text-align: center;
    margin: 0 auto;
}

div.button-panel {
    margin-bottom: 10px;
    padding: 2px;
    float: right;
}

table.datatable thead tr th,
table.datatable tbody tr td {
    font-size: 12px;
    margin-left: 10px;
}

.font-Medium{
    font-size: 16px;
    margin-left: 10px;
}

.btn {
    font-size: 15px;
    margin-left: 10px;
}

table.datatable tbody tr.item:hover,
table.datatable tbody tr.alternating:hover {
    background-color: #FFFFC2;
    color: #000;
}

table.datatable tbody tr.item-overdue:hover,
table.datatable tbody tr.alternating-overdue:hover {
    background-color: #FFFFC2;
    font-weight: bold;
}

table.datatable tbody tr.item-overdue,
table.datatable tbody tr.alternating-overdue {
    color: red;
}

table.datatable tbody tr.alternating,
table.datatable tbody tr.alternating-overdue {
    background-color: #FFF;
}

.acs-boxhead {
    width: 100%;
    border: 2px solid #1B548D;
    border-radius: 10px;
}

.acs-boxheadtd {
    text-align: center;
    width: 10%;
    /*background-color: #00b050;
    color: #fff;*/
    font-size: 24px;
    font-weight: bold;
}

.acs-boxheadtd_in {
    text-align: center;
    width: 6%;
    background-color: #00b050;
    color: #fff;
    /*font-size: 24px;*/
    font-weight: bold;
    font-family: Digital-7;
}

.acs-boxheadtd_out {
    text-align: center;
    width: 6%;
    background-color: #ffd800;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    font-family: Digital-7;
}

.acs-boxheadtd_total {
    text-align: center;
    width: 6%;
    background-color: #00b0f0;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    font-family: Digital-7;
}

.acs-boxmenu {
    width: 25%;
    padding: 5px;
    border-radius: 10px;
    float: left;
    border: 2px solid #1B548D;
    margin: 3px;
}

.acs-boxmenutd {
    text-align: center;
}

.acs-boxmenutd_head {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #1B548D;
    /*background: #E6F0F3;*/
    margin: -10px -10px 0 -10px;
    padding: 10px 12px;
    /*border-bottom: 1px solid #B3CBD6;*/
    -moz-border-radius: 5px 5px 5px 5px; /* Firefox */
    -webkit-border-radius: 5px 5px 5px 5px; /* Safari, Chrome */
    border-radius: 5px 5px 5px 5px; /* CSS3 */
}

.acs-boxdetail {
    border: 2px solid #1B548D;
    width: 71%;
    padding: 5px;
    border-radius: 10px;
    float: right;
    margin: 3px;
}

.acs-DBLeft {
    border: 2px solid #1B548D;
    width: 48%;
    padding: 5px;
    border-radius: 10px;
    float: left;
    margin: 3px;
}

.acs-DBRight {
    border: 2px solid #1B548D;
    width: 48%;
    height: 905px;
    padding: 5px;
    border-radius: 10px;
    float: right;
    margin: 3px;
}

div.panel-box {
    border: 1px solid #65A5D1;
    clear: both;
}

div.panel-box-Scroll {
    border: 1px solid #65A5D1;
    clear: both;
    height:inherit;
   
}
div.Container
{
    width: 100px;
    overflow-x: scroll;
}
div.Content
{
    table-layout: fixed;
    width: 2000px;
}

div.Flipped, .Flipped .Content
{
    transform:rotateX(180deg);
    -ms-transform:rotateX(180deg); /* IE 9 */
    -webkit-transform:rotateX(180deg); /* Safari and Chrome */
}
div.ScrollBar
{
    width: 2400px;
position: static;
table-layout: fixed;
}
div.panel-box-Scroll-Sent {
    border: 1px solid #65A5D1;
    clear: both;
    overflow-x: scroll;    
    height:inherit;
}

 div.panel-box-Scroll-Sent table thead tr.tr-title {
        background-color: #65A5D1;
    }

 div.panel-box-Scroll table thead tr.tr-title {
        background-color: #65A5D1;
       
    }

    div.panel-box table thead tr.tr-title {
        background-color: #65A5D1;
    }

.acs-boxheadtd_in,
.acs-boxheadtd_inDetail,
.acs-boxheadtd_out,
.acs-boxheadtd_outDetail,
.acs-boxheadtd_totalDetail {
    font-family: Tahoma;
    text-align: center;
}

.acs-boxheadtd_inDetail,
.acs-boxheadtd_outDetail,
.acs-boxheadtd_totalDetail {
    /*font-size: 60px;*/
    height: 70px;
    color: #000;
}

.acs-boxheadtd_in {
    width: 6%;
    font-size: 18px;
    text-align: center;
    background-color: #007533;
    color: #fff;
    font-weight: bolder;
    vertical-align: middle;
}

.acs-boxheadtd_inDetail {
    background-color: #007533;
    Width: 100%;
    border: solid #007533;
    font-size: 30px;
}

.acs-boxheadtd_out {
    width: 10%;
    background-color: #FF9900;
    color: #fff;
    vertical-align: middle;
    /*font-size: 24px;*/
}

.acs-boxheadtd_outDetail {
    background-color: #FF9900;
    Width: 100%;
    border: solid #FF9900;
    vertical-align: middle;
}

.acs-boxheadtd_total {
    width: 10%;
    background-color: #00b0f0;
    color: #fff;
    vertical-align: middle;
    /*font-size: 24px;*/
}

.acs-boxheadtd_totalDetail {
    background-color: #00b0f0;
    Width: 100%;
    border: solid #00b0f0;
    vertical-align: middle;
}

td.Dup-DumpChannel1 {
    height: 10px;
    width: 100%;
    background: #D6DF00;
    background: linear-gradient(#FAC905, #d67600);
    background: -webkit-linear-gradient(top,#FAC905, #d67600);
    background: -moz-linear-gradient(top, #FAC905, #d67600);
    background: -o-linear-gradient(top, #FAC905, #d67600);
    background: linear-gradient(top, #FAC905, #d67600);
}

td.Dup-DumpChannel2 {
    height: 10px;
    width: 80%;
    background: #73DB39;
    background: linear-gradient(#73DB01, #3CAA12);
    background: -webkit-linear-gradient(top,#73DB01, #3CAA12);
    background: -moz-linear-gradient(top, #73DB01, #3CAA12);
    background: -o-linear-gradient(top, #73DB01, #3CAA12);
    background: linear-gradient(top, #73DB01, #3CAA12);
}

td.Dup-DumpChannel3 {
    height: 10px;
    width: 80%;
    background: #24BDF8;
    background: linear-gradient(#24BDF8, #1A5DD4);
    background: -webkit-linear-gradient(top,#24BDF8, #1A5DD4);
    background: -moz-linear-gradient(top, #24BDF8, #1A5DD4);
    background: -o-linear-gradient(top, #24BDF8, #1A5DD4);
    background: linear-gradient(top, #24BDF8, #1A5DD4);
}

td.Dup-DumpChannelOther_top {
    text-align: center;
    font-size: medium;
    background: #A5A5A5;
    background: linear-gradient(#A5A5A5, #464646);
    background: -webkit-linear-gradient(top,#A5A5A5, #464646);
    background: -moz-linear-gradient(top, #A5A5A5, #464646);
    background: -o-linear-gradient(top, #A5A5A5, #464646);
    background: linear-gradient(top, #A5A5A5, #464646);
}

td.Dup-DumpChannelOther {
    height: 10px;
    width: 100%;
    font-size: small;
    font-weight: bold;
    background: #A5A5A5;
    background: linear-gradient(#A5A5A5, #464646);
    background: -webkit-linear-gradient(top,#A5A5A5, #464646);
    background: -moz-linear-gradient(top, #A5A5A5, #464646);
    background: -o-linear-gradient(top, #A5A5A5, #464646);
    background: linear-gradient(top, #A5A5A5, #464646);
}

td.Dup_LCDDump {
    text-align: center;
    background-color: #000;
    color: red;
    font-size: 22px;
    font-weight: bold;
    font-family: 'Digital-7';
    width: 20%;
    border: 1px solid white;
}

td.Dup_LCDPlate {
    text-align: center;
    background-color: #000;
    color: red;
    font-size: 22px;
    font-weight: bold;
    font-family: 'Digital-7';
    width: 40%;
    border: 1px solid white;
}

.Dup_header {
    background-color: #464646;
    background: -webkit-linear-gradient(top,#464646, #464646);
    background: -moz-linear-gradient(top, #464646, #464646);
    background: -o-linear-gradient(top, #464646, #464646);
    background: linear-gradient(#464646, #464646);
    border-radius: 5px;
}

td.DefaultSMSStyleButton {
    background: -webkit-linear-gradient(top,#8EC26B, #2BA039);
    background: #8EC26B;
    background: linear-gradient(#8EC26B, #2BA039);
    background: -moz-linear-gradient(top,#8EC26B, #2BA039);
    background: -o-linear-gradient(top,#8EC26B, #2BA039);
    background: linear-gradient(top,#8EC26B, #2BA039);
    text-align: center;
    vertical-align: top;
    border: 8px solid #F6F6FF;
    width: 50%;
    border-radius: 20px;
    height: 50px;
}

td.DefaultDUMPStyleButton {
    background: -webkit-linear-gradient(top,#7BDAFF, #21669C);
    background: #7BDAFF;
    background: linear-gradient(#7BDAFF, #21669C);
    background: -moz-linear-gradient(top,#7BDAFF, #21669C);
    background: -o-linear-gradient(top,#7BDAFF, #21669C);
    background: linear-gradient(top,#7BDAFF, #21669C);
    text-align: center;
    vertical-align: middle;
    border: 8px solid #F6F6FF;
    width: 50%;
    border-radius: 20px;
    height: 50px;
}

.bg-headTitleSumAll {
            border-left: 1px solid #fff;
            background-color: darkgreen;
            text-align: center;
        }

        .bg-headTitleSumExt {
            border-left: 1px solid #fff;
            background-color: gray;
            text-align: center;
        }

        .bg-headTitleSumFac {
            border-left: 1px solid #fff;
            background-color: cadetblue;
            text-align: center;
        }

        .bg-totalSumAll {
            border-left: 1px solid #fff;
            background-color: #003C0A;
            text-align: center;
        }

        .bg-totalSumExt {
            border-left: 1px solid #fff;
            background-color: #4E4B4B;
            text-align: center;
        }

        .bg-totalSumFac {
            border-left: 1px solid #fff;
            background-color: #45666F;
            text-align: center;
        }
       
         .bg-ItemSumAll {
            border-left: 1px solid #fff;
            background-color: #B5F8C0;
            text-align: right;
            font-size:20px;

        }

        .bg-ItemSumFac {
            border-left: 1px solid #fff;
            background-color: #DBDBDB;
            text-align: right;
             font-size:20px;
        }

        .bg-ItemSumExt {
            border-left: 1px solid #fff;
            background-color: #C7DBE0;
            text-align: right;
            font-size:20px;
        }
      td.SubItemDetail {
          font-size:20px;
          text-align:right;
    
}
        td.HedderItemDetail {
            font-weight:bold;
          font-size:20px;
          text-align:right;
          text-decoration: underline;
          
    
}
div.form-right {
color: green;
text-align: right;
width: 712px;
padding: 9px;
/*margin: 0px 0px 15px 1021px;*/
height: 0px;
}

div.form-left {
    text-align: left;
width: 1050px;
padding: 10px;
}

.form-Topic
{
  color:darkslateblue;
  font-size: medium;
  font-weight:bold;
}

.border-no-bottom
{
    border-bottom: 0px;
    border-top: 1px;
    border-right: 1px;
    border-left: 1px;    
    border-style: solid;
    border-color: #018fcf;
}
.clear-style
{
    clear: both;
}

#content
{
    width: 100%;
    margin: 0 auto;
}
#content #content-left
{
    float: left;
    width: 65%;
    color: #000;
}
#content #content-left #conten-weight-group
{
    
}
#content #content-right
{
    float: right;
    width: 34.7%;
    color: #000;
}

.style-float-left
{
    float: left;
    margin-left: 0px;
}
.style-float-right
{
    float: right;
    margin-left: 0px;
}
.clear-style
{
    clear: both;
}
.border-blue
{
    border: 1px solid #018fcf;
}
.border-no-bottom
{
    border-bottom: 0px;
    border-top: 1px;
    border-right: 1px;
    border-left: 1px;    
    border-style: solid;
    border-color: #018fcf;
}
ul.nobottom {
    margin-bottom:0px;
}