article,

aside,

div,

dt,

footer,

form,

header,

html,

isindex,

map,

section {

    display: block;

}

body,

html {

    margin: 0;

    padding: 0;

    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;

    font-size: 12px;

    cursor: url(../images/cursor.cur), auto;

}

ul.dropdown,

ul.dropdown li,

ul.dropdown ul {

    list-style: none;

    margin: 0;

    /*padding: 20px;*/

}

ul.dropdown {

    position: relative;

    z-index: 597;

    float: left

}

ul.dropdown li {

    float: left;

    min-height: 1px;

    line-height: 1.3em;

    vertical-align: middle;

    margin-right: 2px;

}

ul.dropdown li.hover,

ul.dropdown li:hover {

    position: relative;

    z-index: 599

}

ul.dropdown ul {

    visibility: hidden;

    position: absolute;

    z-index: 598;

    margin-top: 20px;

}

ul.dropdown ul li {

    float: none

}

ul.dropdown ul ul {

    top: 1px;

    left: 99%

}

ul.dropdown li:hover>ul {

    visibility: visible

}

ul.dropdown-linear {

    width: 100%

}

ul.dropdown-linear ul li {

    float: left

}

ul.dropdown-linear li.hover,

ul.dropdown-linear li:hover {

    position: static

}

ul.dropdown-linear ul ul {

    display: none!important

}

ul.dropdown-columnar ul li {

    position: static;

    width: 150px

}

ul.dropdown-columnar ul ul {

    display: block!important;

    position: static;

    width: auto!important

}

ul.dropdown-columnar ul ul li {

    float: none

}

ul.dropdown-columnar ul ul ul {

    display: none

}

ul.dropdown-columnar li.hover ul,

ul.dropdown-columnar li:hover ul {

    visibility: visible!important

}

ul.dropdown {

    font: 12px Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    background-color: rgb(2, 83, 140);

    color:#fff;

}

ul.dropdown li.dir a {

    font: 10.5px Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    /* background-color: #FFF; */

    /* box-shadow: 1px 0 1px #4169E1; */

    width: 210px;

    padding: 10px 0;

    border-bottom: solid 1px rgb(2, 83, 140);

}

ul.dropdown li {

    background-color: transparent;

    color: #000

}

ul.dropdown li.hover,

ul.dropdown li:hover {

    /*background-color: #D1D1CC;*/

    color: #000

}

ul.dropdown a:link,

ul.dropdown a:visited,

ul.dropdown a:hover{

    color: #fff;

    text-decoration: none

}

ul.dropdown a:hover {

    color: #fff

}

ul.dropdown a:active {

    color: orange

}

ul.dropdown ul {

    background-color: rgb(2, 83, 140);

    font-size: 10px;

    letter-spacing: normal;

    border: 1px solid #AAA;

    border-top: 0;

    margin-right: 9px;

    left: 0;

    width: 100%;

    background-color: #86a5c3;

}

ul.dropdown ul li {

    font-weight: 700

}

ul.dropdown li.last ul li {

    float: right

}

ul.dropdown ul ul {

    margin-top: 5px;

    text-transform: none;

    border: 0

}

ul.dropdown ul ul li {

    font-weight: 400

}

ul.dropdown .top {

    padding-right: 30px;

    background-image: url(../images/nav-arrow-down.png);

    background-position: 95% 50%;

    background-repeat: no-repeat

}

ul.dropdown ul .dir {

    background-image: none

}

ul.dropdown li a {

    display: block;

    padding: 0 10px;

    color:#fff;

}

ul.dropdown li {

    /*padding: 20px;*/

    background-color: #013c65;

}

ul.dropdown li.dir {

    /*padding: 20px 0;*/

    margin-right: 2px;

    background-color: #013c65;

    color: #fff;

    padding-right: 65px;

}



.single-menu{

    font-size: 12px;

    font-weight: bold;

    font-family: Athina;

    padding:20px 0; 

    margin-right: 2px;

}

ul.dropdown li.top {

    padding: 20px 23px;

    margin-right: 2px;

    background-color: #013c65;

    color: #fff;

    font-size: 12px;

    font-weight: bold;

    font-family: Athiti;

}

ul.dropdown ul li.dir {

    /*padding: 10px 0px;

    color: #4682B4;

    text-shadow: 0 0 0 #FFF;

    width: 210px;

    */

}

ul.dropdown ul li.dir div.titleM {

    background-color: #2c7fdd;

    border-left: none;

    border-bottom: none;

    color: #FFFFFF;

    padding: 10px;

    width:195px;

    font-size: 11px;

}

ul.dropdown ul {

    /*padding: 0 10px 60px;

    box-shadow: 0 4px 7px #6495ED;*/

    border-radius: 0 0 6px 6px;

    padding-left: 0px;

    border: solid 1px;

}

ul.dropdown ul a {

    width: 140px;

    padding: 3px 5px

}

ul.dropdown ul a:hover {

    background-color: orange;

    color: #fff;

    text-shadow: 0 0 0 #fff

}

ul.dropdown ul ul {

    padding: 0

}

.alertify,

.alertify-log,

.alertify-show {

    -webkit-transition: all 500ms cubic-bezier(0.175, .885, .32, 1.275);

    -moz-transition: all 500ms cubic-bezier(0.175, .885, .32, 1.275);

    -ms-transition: all 500ms cubic-bezier(0.175, .885, .32, 1.275);

    -o-transition: all 500ms cubic-bezier(0.175, .885, .32, 1.275);

    transition: all 500ms cubic-bezier(0.175, .885, .32, 1.275)

}

.alertify-hide {

    -webkit-transition: all 250ms cubic-bezier(0.6, -.28, .735, .045);

    -moz-transition: all 250ms cubic-bezier(0.6, -.28, .735, .045);

    -ms-transition: all 250ms cubic-bezier(0.6, -.28, .735, .045);

    -o-transition: all 250ms cubic-bezier(0.6, -.28, .735, .045);

    transition: all 250ms cubic-bezier(0.6, -.28, .735, .045)

}

.alertify-log-hide {

    -webkit-transition: all 500ms cubic-bezier(0.6, -.28, .735, .045);

    -moz-transition: all 500ms cubic-bezier(0.6, -.28, .735, .045);

    -ms-transition: all 500ms cubic-bezier(0.6, -.28, .735, .045);

    -o-transition: all 500ms cubic-bezier(0.6, -.28, .735, .045);

    transition: all 500ms cubic-bezier(0.6, -.28, .735, .045)

}

.alertify-cover {

    position: fixed;

    z-index: 99999;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: #fff;

    filter: alpha(opacity=0);

    opacity: 0

}

.alertify-cover-hidden {

    display: none

}

.alertify {

    position: fixed;

    z-index: 99999;

    top: 50px;

    left: 50%;

    width: 550px;

    margin-left: -275px;

    opacity: 1

}

.alertify-hidden {

    -webkit-transform: translate(0, -150px);

    -moz-transform: translate(0, -150px);

    -ms-transform: translate(0, -150px);

    -o-transform: translate(0, -150px);

    transform: translate(0, -150px);

    opacity: 0;

    display: none

}

:root *> .alertify-hidden {

    display: block;

    visibility: hidden

}

.alertify-logs {

    position: fixed;

    z-index: 5000;

    bottom: 10px;

    right: 10px;

    width: 300px

}

.alertify-logs-hidden {

    display: none

}

.alertify-log {

    display: block;

    margin-top: 10px;

    position: relative;

    right: -300px;

    opacity: 0

}

.alertify-log-show {

    right: 0;

    opacity: 1

}

.alertify-log-hide {

    -webkit-transform: translate(300px, 0);

    -moz-transform: translate(300px, 0);

    -ms-transform: translate(300px, 0);

    -o-transform: translate(300px, 0);

    transform: translate(300px, 0);

    opacity: 0

}

.alertify-dialog {

    padding: 25px;

    background: none repeat scroll 0 0 rgba(0, 0, 255, .17)

}

.alertify-resetFocus {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px

}

.alertify-inner {

    text-align: center;

    color: red;

    font-weight: 700

}

.alertify-text {

    margin-bottom: 15px;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    font-size: 100%

}

.alertify-button,

.alertify-button:active,

.alertify-button:hover,

.alertify-button:visited {

    background: 0 0;

    text-decoration: none;

    border: 0;

    line-height: 1.5;

    font-size: 100%;

    display: inline-block;

    margin-left: 5px

}

@media only screen and (max-width: 680px) {

    .alertify,

    .alertify-logs {

        width: 90%;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box

    }

    .alertify {

        left: 5%;

        margin: 0

    }

}

.alertify,

.alertify-log {

    font-family: sans-serif

}

.alertify {

    background: #FFF;

    border: 10px solid #333;

    border: 10px solid rgba(0, 0, 0, .7);

    border-radius: 8px;

    box-shadow: 0 3px 3px rgba(0, 0, 0, .3);

    -webkit-background-clip: padding;

    -moz-background-clip: padding;

    background-clip: padding-box

}

.alertify-text {

    border: 1px solid #CCC;

    padding: 10px;

    border-radius: 4px

}

.alertify-button {

    border-radius: 4px;

    color: #FFF;

    font-weight: 700;

    padding: 6px 15px;

    text-decoration: none;

    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);

    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .5);

    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));

    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));

    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));

    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));

    background-image: linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0))

}

.alertify-button:focus,

.alertify-button:hover {

    outline: 0;

    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));

    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));

    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));

    background-image: linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0))

}

.alertify-button:focus {

    box-shadow: 0 0 15px #2B72D5

}

.alertify-button:active {

    position: relative;

    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)

}

.alertify-button-cancel,

.alertify-button-cancel:focus,

.alertify-button-cancel:hover {

    background-color: #FE1A00;

    border: 1px solid #D83526

}

.alertify-button-ok,

.alertify-button-ok:focus,

.alertify-button-ok:hover {

    background-color: #5CB811;

    border: 1px solid #3B7808

}

.alertify-log {

    background: #1F1F1F;

    background: rgba(0, 0, 0, .9);

    padding: 15px;

    border-radius: 4px;

    color: #FFF;

    text-shadow: -1px -1px 0 rgba(0, 0, 0, .5)

}

.alertify-log-error {

    background: #FE1A00;

    background: rgba(254, 26, 0, .9)

}

.alertify-log-success {

    background: #5CB811;

    background: rgba(92, 184, 17, .9)

}

textarea {

    float: left;

    width: 87%;

    height: 100px;

    resize: none;

}

.requirement {

    color: #FF0000;

    float: left;

    text-align: center;

    width: 100%;

}

input[type="text"].grandTotal {

    height: 40px;

    float: left;

    font-size: 30px;

    width: 100%;

    background: -moz-linear-gradient(center top, #3F653F, #1A1A1A) repeat scroll 0 0 rgba(0, 0, 0, 0);

    color: #00FF01;

    font-weight: bold;

    text-align: center;

}

.disabledItem {

    background: url(../images/disabled.gif) no-repeat;

    float: left;

    height: 12px;

    margin-left: 5px;

    margin-right: 4px;

    margin-top: 1px;

    width: 12px;

}

h2 {

    color: red;

}

span.heighlightSpan {

    background-color: #FF0000;

    color: #FFFFFF;

    font-weight: bold;

    padding: 5px 65px 5px 5px;

}

a:link,

a:visited,

a:hover,

a:active,

input:hover,

textarea:hover,

option:hover,

select:hover {

    cursor: url(../images/cursor.cur), auto;

    text-decoration: none;

}

a:active {

    position: relative;

    top: 1px;

}

.mainWrapper {

    float: left;

    width: 100%;

}

.mainWrapperMenu {

    float: left;

    margin-bottom: 10px;

   /* padding: 4px;*/

    width: 99%;

}

.mainWrapperContent {

    float: left;

    margin-bottom: 30px;

    margin-top: 2px;

    width: 100%;

}

.mainWrapperFooter {

    float: left;

    width: 100%;

    padding: 4px;

    background-color: #FFFFFF;

    border-top: 1px solid #999;

    margin-top: 10px;

    text-align: center;

    position: fixed;

    bottom: 0;

}

.menuDiv {

    float: left;

    width: 100%;

    /*padding: 2px 0;*/

}

/*

.upperBorder {

    float: left;

    width: 100%;

    background-color:rgb(2, 83, 140);

}



.bottomBorder {

    float: left;

    width: 100%;

    background-color: #888;

    border-top: 1px solid #FFF;

    border-radius: 0 0 4px 4px;

    padding: 2px 0;

}*/

.loginDiv {

    margin: 10% auto 0;

    text-align: left;

    width: 30em;

}

.ribbon {

    font-size: 1p2x !important;

    width: 100%;

    margin-left: 100px;

    position: relative;

    background: #ba89b6;

    color: #fff;

    text-align: center;

    padding: 1em 2em;

    /* Adjust to suit */

}

.ribbon:before,

.ribbon:after {

    content: "";

    position: absolute;

    display: block;

    bottom: -1em;

    border: 1.5em solid #986794;

    z-index: -1;

}

.ribbon:before {

    left: -2em;

    border-right-width: 1.5em;

    border-left-color: transparent;

}

.ribbon:after {

    right: -2em;

    border-left-width: 1.5em;

    border-right-color: transparent;

}

.ribbon .ribbon-content:before,

.ribbon .ribbon-content:after {

    content: "";

    position: absolute;

    display: block;

    border-style: solid;

    border-color: #804f7c transparent transparent transparent;

    bottom: -1em;

}

.ribbon .ribbon-content:before {

    left: 0;

    border-width: 1em 0 0 1em;

}

.ribbon .ribbon-content:after {

    right: 0;

    border-width: 1em 1em 0 0;

}

fieldset {

    background-color: #FFFFFF;

    border: 1px solid #AAA;

    border-radius: 2px 2px 0 0;

    margin-top: 10px;

}

fieldset.someStyle {

    background-color: rgba(0, 0, 0, 0);

    border: 1px solid #C0C0C0;

    box-shadow: 1px 1px 10px #C0C0C0;

}

fieldset legend {

    background-color: #FFFFFF;

    border: 1px solid #AAAAAA;

    border-radius: 6px 6px 0 0;

    box-shadow: 3px 3px 15px #BBBBBB;

    color: #444444;

    padding: 4px;

}

fieldset.tblFooters {

    border-radius: 0 0 6px 6px;

    border-top: 0 none;

    clear: both;

    float: none;

    margin-bottom: .5em;

    margin-top: 0;

    text-align: right;

}

.tblFooters {

    background: none repeat scroll 0 0 #D3DCE3;

    color: #000;

    font-weight: 400;

}

form label {

    text-align: right;

    color: #008B8B;

}

hr {

    border: 1px dotted #A6A6A6;

}

input[type=submit],

input[type=button],

.custom-btn {

    background: linear-gradient(to bottom, #007DC1 5%, #0061A7 100%) repeat scroll 0 0 #007DC1;

    border: 1px solid #124D77;

    border-radius: 2px;

    box-shadow: 0 1px 0 0 #54A3F7 inset;

    color: #FFFFFF;

    display: inline-block;

    font-size: 13px;

    padding: 5px;

    text-decoration: none;

    text-shadow: 0 1px 0 #154682;

}

.custom-btn {

    background: linear-gradient(to bottom, #007DC1 5%, #0061A7 100%) repeat scroll 0 0 #007DC1;

    border: 1px solid #124D77;

    border-radius: 2px;

    box-shadow: 0 1px 0 0 #54A3F7 inset;

    color: #FFFFFF;

    display: inline-block;

    font-size: 17px;

    padding: 20px;

    text-decoration: none;

    text-shadow: 0 1px 0 #154682;

}

input[type=submit].add-more-btn {

    float: left;

    padding: 15px 0;

    width: 100px;

}

input[type=submit]:hover,

input[type=button]:hover {

    background: -moz-linear-gradient(center top, #0061A7, #007DC1) repeat scroll 0 0 transparent;

    position: relative;

}

input[type=button]:active,

input[type=submit]:active {

    position: relative;

    top: 1px;

}

input[type="button"].editBtn,

input[type="button"].editBtn:hover {

    border: none;

    box-shadow: none;

    background: url(../images/editBtn.ico) no-repeat transparent;

}

input[type="button"].viewBtn,

input[type="button"].viewBtn:hover {

    border: none;

    box-shadow: none;

    background: url(../images/viewBtn.ico) no-repeat transparent;

}

input[type="button"].assignBtn,

input[type="button"].assignBtn:hover {

    border: none;

    box-shadow: none;

    background: url(../images/assignBtn.ico) no-repeat transparent;

}

input[type=button].addDown {

    background: url("../images/add-down.png") no-repeat scroll center center rgba(0, 0, 0, 0);

    border: none;

    float: left;

    height: 50px;

    width: 60px;

    margin-top: 128px;

    box-shadow: none;

}

input[type=button].addRight {

    background: url("../images/add-right.png") no-repeat scroll center center rgba(0, 0, 0, 0);

    border: none;

    float: left;

    height: 50px;

    width: 60px;

    margin-top: 128px;

    box-shadow: none;

}

input[type=password],

input[type=text] {

    border: 1px solid #AAA;

    color: #708090;

    width: 72%;

    transition: all 0.2s ease-in-out 0s;

}

input:focus,

input[type=text]:focus {

    border: 1px solid #dd3333;

    -webkit-box-shadow: 0px 0px 3px 0px rgba(219, 51, 51, 1);

    -moz-box-shadow: 0px 0px 3px 0px rgba(219, 51, 51, 1);

    box-shadow: 0px 0px 3px 0px rgba(219, 51, 51, 1);

}

select {

    border: 1px solid #AAA;

    color: #708090;

}

a.findBtn,

input.findBtn {

    background: -moz-linear-gradient(center top, #FFF, #CCC) repeat scroll 0 0 transparent;

    border: 1px solid #AAA;

    border-radius: 2px;

    color: #111;

    font-weight: 700;

    padding: 0 3px;

    text-decoration: none;

    margin: 2px 0;

    width: 60px;

}

.greenBtn {

    background: #89c403 linear-gradient(to bottom, #89c403 5%, #77a809 100%) repeat scroll 0 0 !important;

    border: 1px solid #74b807 !important;

    border-radius: 6px;

    box-shadow: 0 1px 0 0 #a4e271 inset !important;

    color: #ffffff !important;

    cursor: pointer !important;

    display: inline-block !important;

    font-family: Arial;

    font-size: 12px !important;

    padding: 6px 15px !important;

    text-decoration: none !important;

    text-shadow: 0 1px 0 #528009 !important;

}

.purpleBtn {

    background: #C80EE9 linear-gradient(to bottom, #C80EE9 5%, #8A0F9F 100%) repeat scroll 0 0 !important;

    border: 1px solid #6C0E7C !important;

    border-radius: 6px;

    box-shadow: 0 1px 0 0 #a4e271 inset !important;

    color: #ffffff !important;

    cursor: pointer !important;

    display: inline-block !important;

    font-family: Arial;

    font-size: 12px !important;

    width: 60px !important;

    padding: 6px 8px !important;

    text-decoration: none !important;

    text-shadow: 0 1px 0 #528009 !important;

}

a.findBtn {

    padding: 4px 30px;

    margin: 10px 0px;

    float: left;

}

a.findBtn:hover,

input.findBtn:hover {

    background: -moz-linear-gradient(center top, #CCC, #DDD) repeat scroll 0 0 transparent;

    position: relative;

}

#statusMsg {

    float: left;

    width: 100%

}

div.errorMessage {

    color: red;

}

div.flash-error,

div.flash-notice,

div.flash-success {

    padding: .8em;

    margin-bottom: 1em;

    border: 2px solid #ddd;

    text-align: center;

    font-weight: 700;

    border-radius: 2px;

}

div.flash-error {

    background: url(../images/error.png) no-repeat 5px 50% pink;

    box-shadow: 0 1px 1px #FFF inset;

    margin: .5em 0 1.3em;

    padding: 10px 10px 10px 25px;

    border: 1px solid maroon!important;

    color: #000;

    font-size: 82%;

    text-align: left;

}

div.flash-notice {

    background: #FFF6BF;

    color: #514721;

    border-color: #FFD324;

}

.ajaxTargetDiv {

    background-color: #00f;

    color: #FFF;

    float: left;

    font-size: 14px;

    font-weight: 700;

    text-align: center;

    width: 100%

}

.ajaxTargetDivErr {

    background-color: red;

    color: #FFF;

    float: left;

    font-size: 14px;

    font-weight: 700;

    text-align: center;

    width: 100%

}

.formDiv {

    float: left;

    width: 100%

}

span.required {

    color: red;

}

.add-additional-btn,

.add-additional-btn:hover {

    background: url(../images/Add.png) no-repeat;

    color: #FFF!important;

    padding: 2px 10px 6px 8px;

    text-align: center;

}

input[type=button].rdelete {

    background: url(../images/deleteBtn.png) no-repeat center;

    border: none;

    height: 32px;

    width: 32px;

    box-shadow: none;

}

.receivedByDiv {

    border: 1px solid #999;

    border-radius: 2px;

    color: #D50000;

    background-color: #D7D7D7;

    min-width: 85%;

    padding: 4px;

    font-weight: 700;

}

table.prodAddedTab {

    float: left;

    border: 1px solid #000;

    border-collapse: collapse;

    width: 100%;

}

table.prodAddedTab tr th {

    border: 1px solid #000;

    padding: 5px;

    text-align: center;

    background-color: #f0f0e5;

}

table.prodAddedTab tr td {

    border: 1px solid #000;

    padding: 2px 4px;

    text-align: center;

}

table.insideTable {

    border: 0;

    width: 100%;

    border-collapse: collapse;

}

table.insideTable tr,

table.insideTable tr td {

    border: 0;

}

span.menu_item,

span.menu_item_report {

    float: left;

    height: 16px;

    margin-right: 6px;

    width: 16px;

    background-repeat: no-repeat;

    margin-top: 8px;

    margin-left: 6px;

}

span.menu_item_config {

    float: left;

    height: 16px;

    margin-right: 6px;

    width: 16px;

    background-repeat: no-repeat;

    margin-top: 8px;

    margin-left: 6px;

}

span.menu_item {

    background-image: url(../images/forms-icon.png);

}

span.menu_item_report {

    background-image: url(../images/report123.png);

}

span.menu_item_config {

    background-image: url(../images/configure-menu.png);

}

div#flash-error {

    background: url(../images/error_dialog.png) #FBE3E4;

    color: #fff;

    border: 1px solid #FBC2C4;

    border-radius: 2px;

    padding: 10px;

    font-size: 12px;

    text-align: center;

}

.flash-error-icon {

    background: url(../images/icons.png) 0 -143px;

    float: left;

    height: 16px;

    margin-right: 2px;

    width: 16px;

}

span.greenColor {

    color: green;

    font-weight: 700;

}

span.redColor {

    color: red;

    font-weight: 700;

}

a.additionalBtn {

    background: -moz-linear-gradient(center top, #4387FD, #4683EA) repeat scroll 0 0 rgba(0, 0, 0, 0);

    border: 1px solid #4285F4;

    font-weight: 700;

    outline: medium none;

    color: #fff;

    border-radius: 2px;

    display: inline-block;

    line-height: 28px;

    padding: 0 12px;

    text-decoration: none;

    margin-right: 4px;

}

a.additionalBtn:hover {

    box-shadow: 0 1px 0 rgba(0, 0, 0, .15);

}

input[type='button'].colorOrange {

    background: -moz-linear-gradient(center top, orangered, orange) repeat scroll 0 0 rgba(0, 0, 0, 0);

    border: 1px solid red;

    box-shadow: none;

}

input[type='button'].colorPink {

    background: -moz-linear-gradient(center top, pink, red) repeat scroll 0 0 rgba(0, 0, 0, 0);

    border: 1px solid red;

    margin-left: 2px;

    box-shadow: none;

}

.printBtn {

    float: left;

    width: 100%;

    margin-bottom: 4px;

}

#print-div {

    float: left;

}

.heightlightedText {

    color: #0000FF;

}

.sellPriceTag {

    border: 1px outset;

    color: #008000;

    float: left;

    padding: 2px;

    width: 98%;

}

.sellPriceTag:hover {

    border: 1px inset;

    text-decoration: none;

}

#graphDiv {

    float: left;

    width: 100%;

    padding: 10px 0;

    text-align: center;

    font-weight: bold;

    letter-spacing: 1px;

}

.summaryDiv {

    float: left;

    width: 99%;

    height: 385px;

    padding: 8px 5px;

}

.basicBtnDiv {

    float: left;

    width: 98%;

    margin-left: 10px;

}

.summaryBtnDiv {

    float: left;

    width: 19%;

    height: 352px;

}

.basic_setup_wrapper {

    float: left;

    width: 100%;

}

.basic_setup_wrapper a {

    background-attachment: scroll;

    background-color: rgba(0, 0, 0, 0);

    background-position: center center;

    background-repeat: no-repeat;

    border: 1px solid #C0C0C0;

    border-radius: 2px;

    box-shadow: 1px 1px 20px #C0C0C0;

    float: left;

    margin: 0px 20px 27px 0px;

    padding: 162px 5px 0px 5px;

    text-align: center;

    width: 128px;

    color: #8B4513;

}

.titleChart {

    color: #A52A2A;

    float: left;

    text-align: center;

    width: 100%;

    padding-bottom: 4px;

}

.basic_setup_wrapper div.basicSetupTitle {

    border: 1px solid #C0C0C0;

    border-radius: 2px;

    float: left;

    padding: 38px 0px;

    width: 138px;

}

div.basicSetupTitle a.myLinkBtn,

div.basicSetupTitle a.myLinkBtn2 {

    background: -moz-linear-gradient(center top, #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;

    border: 1px solid #DCDCDC;

    border-radius: 2px;

    box-shadow: 0 1px 0 0 #FFFFFF inset;

    display: inline-block;

    float: left;

    font-family: arial;

    font-size: 12px;

    font-style: normal;

    font-weight: bold;

    margin: 2px 8px;

    padding: 10px 0px;

    text-align: center;

    text-decoration: none;

    text-indent: 0;

    text-shadow: 1px 1px 0 #FFFFFF;

    width: 118px;

}

div.basicSetupTitle a.myLinkBtn:hover,

div.basicSetupTitle a.myLinkBtn2:hover {

    background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100%);

    filter: DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');

    background-color: #dfdfdf;

    text-decoration: none;

}

div.basicSetupTitle a.myLinkBtn {

    color: #008000;

}

div.basicSetupTitle a.myLinkBtn2 {

    color: red;

}

.basic_setup_wrapper a:hover {

    border-color: red;

}

.basic_setup_wrapper a#bSupplier {

    background-image: url("../images/bSupplier.png");

}

.basic_setup_wrapper a#bCustomer {

    background-image: url("../images/bCustomer.png");

}

.basic_setup_wrapper a#bStore {

    background-image: url("../images/bStore.png");

}

.basic_setup_wrapper a#bProduct {

    background-image: url("../images/bProduct.png");

}

.basic_setup_wrapper a#eXpense {

    background-image: url("../images/eXpense.png");

}

.basic_setup_wrapper a#collection {

    background-image: url("../images/eXpense.png");

}

.basic_setup_wrapper a#bSalePrice {

    background-image: url("../images/bSalePrice.png");

}

.basic_setup_wrapper a#bPos {

    background-image: url("../images/pos.png");

}

.basic_setup_wrapper a#bReqForm {

    background-image: url("../images/bReqForm.png");

}

.basic_setup_wrapper a#bProdctnOrderForm {

    background-image: url("../images/bProdctnOrderForm.png");

}

.basic_setup_wrapper a#bRawmDelivery {

    background-image: url("../images/bRawmDelivery.png");

}

.basic_setup_wrapper a#bRawmReceive {

    background-image: url("../images/bRawmReceive.png");

}

.basic_setup_wrapper a#bInventory {

    background-image: url("../images/bInventory.png");

}

input[type="submit"].barCodeBtn,

span#barCodeBtn,

input[type='button'].barCodeBtn {

    border-radius: 2px;

    background: linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);

    filter:  DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100', GradientType=0);

    background-color: #fe1a00;

    border: 1px solid #d83526;

    display: inline-block;

    color: #ffffff;

    font-family: arial;

    font-size: 12px;

    font-weight: bold;

    padding: 2px;

    text-decoration: none;

    margin-left: 1px;

    box-shadow: none;

}

input[type="submit"].barCodeBtn:hover,

span#barCodeBtn:hover,

input[type='button'].barCodeBtn:hover {

    background: linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);

    filter:  DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00', GradientType=0);

    background-color: #ce0100;

}

input[type="submit"].barCodeBtn:active,

span#barCodeBtn:active,

input[type='button'].barCodeBtn:active {

    position: relative;

    top: 1px;

}

span#resetBtn,

span.resetBtn {

    background: linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);

    filter:  DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d', GradientType=0);

    background-color: #ff5bb0;

    border-radius: 2px;

    border: 1px solid #ee1eb5;

    display: inline-block;

    color: #ffffff;

    font-family: arial;

    font-size: 12px;

    font-weight: bold;

    padding: 2px;

    text-decoration: none;

    margin-left: 1px;

}

span#resetBtn:hover,

span.resetBtn:hover {

    background: linear-gradient(to bottom, #ef027d 5%, #ff5bb0 100%);

    filter:  DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0', GradientType=0);

    background-color: #ef027d;

    text-decoration: none;

}

span#resetBtn:active,

span.resetBtn:active {

    position: relative;

    top: 1px;

}

table.prodAdditionalInfoTab {

    float: left;

    width: 100%;

    border: 1px solid #ACACAC;

    border-collapse: collapse;

    background-color: whitesmoke;

}

table.prodAdditionalInfoTab tr th {

    border: 1px solid #ACACAC;

    text-align: right;

    padding: 4px;

}

table.prodAdditionalInfoTab tr td {

    border: 1px solid #ACACAC;

    padding: 4px;

}

table.prodAdditionalInfoTab tr td input[type="text"],

table.prodAdditionalInfoTab tr td select {

    width: 99%;

}

.search-form legend {

    color: red;

    border-color: red;

}

.search-form div.grid-view table.items tr td select {

    width: 288px;

}

table.summaryTab {

    float: left;

    width: 100%;

    border-collapse: collapse;

    background-attachment: scroll;

    background-color: rgba(0, 0, 0, 0);

    background-position: center center;

    background-repeat: no-repeat;

    border: 1px solid #C0C0C0;

    color: #404040;

    text-align: center;

}

table.summaryTab tr,

table.summaryTab tr td {

    border: 1px solid #C0C0C0;

}

table.summaryTab tr td {

    padding: 8px 4px;

}

table.summaryTab tr td a.expandSummaryBtn {

    color: #008000;

    border: 1px outset;

    padding: 2px;

}

table.summaryTab tr td a.expandSummaryResetBtn {

    color: red;

    border: 1px outset;

    padding: 2px 6px;

}

table.summaryTab tr td a.expandSummaryBtn:hover,

table.summaryTab tr td a.expandSummaryResetBtn:hover {

    border: 1px inset;

    text-decoration: none;

}

table.summaryTab tr td.textAlgnLeft,

table.summaryTab tr th.textAlgnLeft {

    text-align: left;

    padding-left: 4px;

}

table.summaryTab tr td.textAlgnRight,

table.summaryTab tr th.textAlgnRight {

    text-align: right;

    padding-right: 4px;

}

select {

    color: #708090;

    width: 60%;

}

table.specialTab {

    float: left;

    width: 100%;

    border-collapse: collapse;

}

input[type="button"].delete-row-button {

    background: url("../images/deleteBtn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

    border: medium none;

    box-shadow: none;

    float: right;

    height: 32px;

    width: 32px;

}

.srvcCustCr {

    float: left;

    border: 2px dotted #000000;

    padding: 10px 0px;

    margin: 15px 0px;

}

.srvcCustCrSec {

    float: left;

    width: 1310px;

    margin: 2px 0px;

}

.srvcCustCrSecRow {

    float: left;

    width: 420px;

}

.reduceWdth {

    float: left;

    width: 168px;

}

input[type="button"]#addButton-0 {

    float: left;

    margin-bottom: 15px;

    margin-left: 2px;

}

a.cancelBtn {

    background: -moz-linear-gradient(center top, orangered, gold) repeat scroll 0 0 rgba(0, 0, 0, 0);

    border-color: red;

    margin-right: 200px;

}

#fuelIndicator {

    float: left;

    width: 100%;

}

.fuelBar {

    float: left;

    border-top: 2px solid #000000;

    width: 195px;

}

.fuelBarSec {

    float: left;

    border-right: 2px solid #000000;

    height: 16px;

    width: 48px;

}

.fuelBarLimit {

    float: left;

}

.pictNumDot,

.pictNum0,

.pictNum1,

.pictNum2,

.pictNum3,

.pictNum4,

.pictNum5,

.pictNum6,

.pictNum7,

.pictNum8,

.pictNum9 {

    float: left;

    height: 10px;

    margin-right: 2px;

    margin-top: 3px;

    width: 5px;

    border: 1px solid #000000;

}

.pictNumDot {

    border: none;

}

.pictNum0 {

    border-radius: 10px;

}

.pictNum1 {

    border-top: none;

    border-left: none;

}

.pictNum2 {

    border-top: none;

}

.pictNum3 {

    border-top: none;

    border-right: none;

}

.pictNum4 {

    border-left: none;

}

.pictNum5 {} .pictNum6 {

    border-right: none;

}

.pictNum7 {

    border-bottom: none;

    border-left: none;

}

.pictNum8 {

    border-bottom: none;

}

.pictNum9 {

    border-right: none;

    border-bottom: none;

}

span.priceListShow {

    float: left;

    width: 100%;

}

input[type="submit"].denyAll-button,

input[type="button"].denyAll-button {

    background: linear-gradient(to bottom, red 5%, red 100%) repeat scroll 0 0 red;

    border: 1px solid orangered;

    box-shadow: 0 1px 0 0 orange inset;

}

.adminPos{

    padding-left: 50px;

}

.adminPos input[type="button"]{

    height: 70px;

    width:174px;

}



.searchTab .numPadBtn, .ersButton, .main_menuBtn {

    width:96px;

    height: 45px;

}

a.manual-button{

    background: url(../images/help.ico) no-repeat center center transparent;

    width: 7px;

    height: 7px;

    float: left;

    border: 1px solid #9FCFD5;

    border-radius: 20px;

    padding: 3px;

    box-shadow: 0 0 4px #9FCFD5;

    cursor: pointer;

}

.manual-page{

    position: fixed;

    background-color: #CCCCCC;

    border: 8px solid #000000;

    border-radius: 0px 70px 70px 0px;

    box-shadow: 2px 2px 7px #FEFEFE;

    padding: 0px 10px;

    z-index: 5000;

}



.disabledItem {

    background: url(../images/disabled.gif) no-repeat;

    float: left;

    height: 12px;

    margin-left: 5px;

    margin-right: 4px;

    margin-top: 1px;

    width: 12px;

}