@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tbody,
tfoot,
thead,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1.0;
    cursor: default;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    border: 0;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
}

table,
td,
th {
    vertical-align: middle;
}

td {
    text-align: left
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: """";
}

a img {
    border: none;
}

html {
    font-size: 100.01%;
}

body {
    background: url(bkg.png);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    color: #111;
}

h1 {
    font-size: 3em;
    line-height: 1;
    margin-bottom: 0.5em;
}

h2 {
    font-size: 2em;
    margin-bottom: 0.75em;
}

h3 {
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 1em;
}

h4 {
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1.25em;
}

h5 {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1.5em;
}

h6 {
    font-size: 1em;
    font-weight: bold;
}

h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
    margin: 0;
}

p {
    margin: 0 0 1.5em;
}

blockquote {
    margin: 1.5em;
    color: #666;
    font-style: italic;
}

strong {
    font-weight: bold;
}

em,
dfn {
    font-style: italic;
}

dfn {
    font-weight: bold;
}

sup,
sub {
    line-height: 0;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
}

address {
    margin: 0 0 1.5em;
    font-style: italic;
}

del {
    color: #666;
}

pre {
    margin: 1.5em 0;
    white-space: pre;
}

pre,
code,
tt {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.5;
}

li ul,
li ol {
    margin: 0;
}

ul,
ol {
    margin: 0 1.5em 1.5em 0;
    padding-left: 3.333em;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

i {
    font-style: italic
}

.showNum {
    opacity: 0;
    font-size: 16px;
    border: #CCC;
    font-family: "Courier New", Courier, monospace;
}

.showNum:hover {
    opacity: 1;
    cursor: crosshair;
    cursor: none
}

.onNum {
    font-size: 14px;
}

.fade {
    opacity: 0.4;
}

a {
    text-decoration: none
}

input {
    border: 1px solid #CCC;
    padding: 1px;
    font-size: 13px;
    font-family: Verdana, Geneva, sans-serif;
    transition-duration: 250ms;
    transition-property: box-shadow;
}

input:focus {
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px 0;
}

input[type=checkbox] {
    cursor: pointer
}

input[type=radio] {
    cursor: pointer
}

select {
    font-size: 13px
}

td {
    padding: 0px 2px 0px 5px
}

.tblProg td {
    padding: 0 0 0 0
}

table.index {
    margin-bottom: 50px;
    border-right: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    border-bottom-width: 10px;
    background: #FFF;
    cursor: default;
}

.index td {
    padding: 0 0 0 0
}

table.terms {
    border: 1px solid #E6E6E6;
    border-bottom-width: 10px;
    margin-top: 50px;
    background: #FFF;
    cursor: default;
    font-size: 12px;
    font-family: "Courier New", Courier, monospace
}

.terms td {
    padding: 10px
}

table.refund {
    border: 1px solid #E6E6E6;
    border-bottom-width: 10px;
    margin-top: 50px;
    background: #FFF;
    cursor: default;
    font-size: 14px;
}

.ovH {
    overflow: hidden
}

.menuN {
    color: #000;
}

.menuC {
    color: #CCC;
}

.menuC:hover,
.menuN:hover {
    color: #999;
    background-color: #E0EEEF
}

.logoOn {
    width: 200px
}

.logoOff {
    width: 10px
}

.refund td {
    padding: 10px
}

.propOn {
    cursor: pointer;
    padding: 3px 6px 2px 0px;
    font-size: 11px;
    margin-left: 50px;
    color: #C60000
}

.propOn:hover {
    background: #E1E1E1;
}

.divMargin {
    page-break-after: always;
    margin-left: 5px;
}

.massClientOff,
.massClientOn {
    width: 170px;
    padding: 5px;
    text-align: center;
}

.massClientOff {
    background: none
}

.massClientOn {
    background: #CCC
}

.showFont {
    border: #FFF !important;
    font-size: 10px;
    color: #999;
    box-shadow: none !important;
    cursor: default !important;
    width: 100px;
    padding: 0 0 0 0 !important;
    background: none
}

.selFont {
    border: #E6FADF !important;
    font-size: 10px;
    color: #000;
    box-shadow: none !important;
    cursor: default !important;
    width: 100px;
    padding: 0 0 0 0 !important;
    background: none
        /*background: #E6FADF*/
}

.inv {
    color: #C60000;
    padding: 0 2px 0 2px
}

.inv:hover {
    background-color: #E1E1E1;
    cursor: pointer
}

.auto {
    margin: auto
}

.tdBc tr td {
    border: 1px solid #CCC;
    cursor: default
}

.fimg {
    width: 100%;
    height: auto;
}

.rowNo {
    font-size: 9px;
    font-family: "Courier New", Courier, monospace;
    color: #666;
    text-align: center;
}

.cpSel {
    font-size: 9px;
    color: #666;
    text-align: center;
    border: 1px solid #e1e1e1;
}

.cpSel:hover {
    background: #72AF81;
    color: #FFF;
    cursor: pointer
}

.cpSelOn {
    background: #72AF81;
    font-size: 9px;
    color: #666;
    cursor: pointer
}

.tP3 td {
    padding: 3px
}

.enote {
    width: 95%;
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 13px !important
}

.tabOff,
.tabOn,
.tabAllG,
.tabAllB,
.tabAllR,
.tabAll6 {
    border: 1px solid rgb(150, 150, 150);
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

.tabOn {
    background: rgb(175, 175, 175);
    cursor: default;
    color: #FFF;
}

.tabOff {
    ;
    background: rgb(200, 200, 200);
    cursor: pointer;
}

.tabOff:hover {
    color: #E1E1E1;
    background: rgb(190, 190, 190);
}

.tabAllG,
.tabAllB,
.tabAllR,
.tabAll6 {
    background: rgb(175, 175, 175);
    cursor: pointer;
    color: #FFF;
}

.tabAllG:hover,
.tabAllB:hover,
.tabAllR:hover,
.tabAll6:hover {
    background: rgb(160, 160, 160);
    cursor: pointer;
}

.tabAllG:hover {
    color: #3E8238;
}

.tabAllB:hover {
    color: #069;
}

.tabAllR:hover {
    color: #AF4845;
}

.tabAll6:hover {
    color: #666;
}

.goButton {
    padding: 0px 2px 0px 2px;
    font-size: 9px;
    background: #D7E1F5;
    color: #AAAAAA;
    text-align: center;
    cursor: pointer;
    border: none
}

.clearSearch {
    font-size: 11px;
    background: #FFCC33;
    color: #634F15;
    cursor: pointer
}

.clearSearch:hover {
    background: #FFCC33;
    color: #634F15;
}

.clearNew {
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px;
    border-radius: 3px;
    width: 978px;
    margin: 5px 0 5px 0;
    border: solid 1px #FAC90A;
    background: #FCD12C;
    position: relative;
    font-weight: 500;
    font-size: 13px;
    color: #000;
}

.clearNew:hover {
    background: #999;
    border: solid 1px #999;
    color: #999;
    cursor: pointer;
    opacity: 1
}

.clrN {
    color: #FCD12C;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding-top: 2px;
    opacity: 0
}

.clrN:hover {
    opacity: 1
}

.edit {
    color: #946B30;
    font-weight: normal;
    font-size: 9px;
    font-family: verdana, arial, helvetica;
    text-decoration: none;
}

.massDone {
    font-family: "Courier New", Courier, mono;
    font-size: 9px;
    color: #000000;
    background: #D1EFD4;
    border: thin none;
}

#toggle {
    display: none;
}

.textLine {
    text-decoration: line-through
}

.blueLink:hover,
.redLink:hover,
.orangeLink:hover,
.greyLink:hover,
.blackLink:hover,
.greenLink:hover,
.transLink:hover {
    color: #000;
    text-decoration: underline;
    background-color: #F5F5F5
}

.acctLink {
    background: #F00;
    color: #fff;
    padding: 0 2px 2px 2px
}

.acctLink:hover {
    background: #E1E1E1;
    color: #FF0016;
    padding: 0 2px 1px 2px
}

.greyLinkL:hover {
    color: #000;
    text-decoration: underline;
}

.orangeLink {
    color: #F63;
    cursor: pointer
}

.blackLink {
    color: #000;
    cursor: pointer
}

.blackLinkJob:hover {
    color: #000;
    text-decoration: underline;
}

.blackLinkJob {
    color: #000;
    cursor: pointer
}

.transLink {
    cursor: pointer
}

.blueLink,
.redLink,
.greyLink,
.greyLinkL,
.greenLink {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    cursor: pointer
}

.blueLink {
    color: #006699;
    padding: 0 2px 0 2px;
}

.greenLink {
    color: #79B364;
    padding: 0 2px 0 2px;
}

.blackLink {
    color: #000;
    padding: 0 2px 0 2px;
}

.greyLink {
    color: #666;
    padding: 0 2px 0 2px;
}

.greyLinkL {
    color: #999;
    padding: 0 2px 0 2px;
}

.redLink {
    color: #C00;
    padding: 0 2px 0 2px;
}

.emailLink {
    font-size: 10px;
    color: #006699;
    padding: 0 4px 0 4px;
}

.emailLink:hover {
    color: #FFF;
    background-color: #006699;
    cursor: pointer
}

.brickLink {
    font-size: 11px;
    color: #DF747B
}

.brickLink:hover {
    color: #00C;
    text-decoration: underline;
}

.update1,
.update2 {
    font-size: 13px;
    float: right;
    width: 100px;
    margin: 0 5px 0 0
}

.goSearch {
    width: 28px;
    background-image: url('../img/go.png');
    background-repeat: no-repeat;
    border-right: 1px solid #CCC;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: none;
    cursor: pointer
}

.goSearch:hover {
    background-image: url('../img/goon.png');
    background-repeat: no-repeat;
    border-left: none;
    cursor: pointer
}

.update1,
.update2,
.greyBtn,
.greyBtnNa,
.greyBtnOn,
.attBtn,
.steelBtn,
.subBtnOn,
.subAcctOn,
.newBtn,
.newBtns,
.blueBtn,
.actionBtn,
.newContact,
.delete,
.allBtn,
.editClient,
.purpBtn,
.tinyBlue,
.addBtn,
.newJob,
.newJobl,
.btnBlue,
.btnRed,
.btnBlueOn,
.btnRedOn,
upBtn {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 2px;
}

.ckMarkOff,
.ckMarkOn,
.markMenu,
.goWrap,
.eStatOff,
.eStatOn,
.selStatus,
.selMenu,
.greyBtn,
.attBtn,
.steelBtn,
.actionBtn,
.newBtn,
.newBtns,
.blueBtn,
.newContact,
.delete,
.allBtn,
.editClient,
.purpBtn,
.tinyBlue,
.cpSel,
.blueLink,
.redLink,
.newJob,
.newJobl {
    cursor: pointer;
}

.greyBtnOn,
.adHead,
.general,
.subBtnOn,
.subAcctOn,
.rowA,
.rowB,
.eStatOffx,
.eStatOnx,
.greyBtnNa,
    {
    cursor: default;
}

.update1,
.update2,
.newBtn,
.blueBtn,
.newContact,
.allBtn {
    padding: 1px 5px 1px 4px;
}

.newBtns {
    padding: 0 5px 0px 4px;
}

.addBtn {
    padding: 0 4px 1px 4px;
}

.steelBtn,
.actionBtn,
.purpBtn,
.subBtnOn,
.subAcctOn,
.greyBtn,
.greyBtnOn,
.greyBtnNa {
    padding: 1px 5px 0 5px;
    margin: 0 0 0 6px;
}

.attBtn {
    padding: 5px 10px 0 10px;
}

.tinyBlue {
    font-size: 11px;
    font-family: "Courier New", Courier, monospace;
    color: #00F;
    padding: 0 2px 0 2px;
}

.tinyBlue:hover {
    background: #EDF4FF;
    color: #000;
}

.nxtBtn {
    padding: 0px 5px 0px 6px;
    text-align: center;
    border-radius: 2px;
    background: #C3EFB3;
    font-size: 12px
}

.adHead {
    font-size: 14px;
    color: #CC3300;
    margin: 0 0 4px 0;
    float: left
}

.allBtn {
    font-size: 10px;
    color: #006699;
    background: #eee
}

.selStatus,
.selStatusA,
.selMenu,
.selMenuA {
    border-radius: 2px;
    text-align: center;
    float: left;
    color: #333;
    vertical-align: middle;
}

.selMenu,
.selMenuA {
    border: 1px solid #CCC;
}

.selStatus,
.selStatusA {
    font-size: 12px;
    margin: 0 0 0 10px;
    padding: 0 0 1px 0;
    width: 60px;
}

.selMenu,
.selMenuA {
    font-size: 13px;
    margin: 0 0 0 10px;
    padding: 2px 0 3px 0;
    width: 60px
}

.selMenu:hover,
.selMenuA {
    background: #eee;
}

.selMenuA {
    cursor: default
}

.ckG {
    cursor: pointer;
    padding: 0px 4px 2px 0px;
}

.ckG:hover {
    background-color: #D1EFDF
}

.ckMarkOff,
.ckMarkOn,
.ckMarkOnA,
.ckMarkOffA,
.eStatOff,
.cpSel {
    padding: 0px 1px 0 1px;
    border-radius: 2px;
    text-align: center;
    font-size: 9px;
}

.selStatus {
    /*background:#eee;*/
}

.selStatus:hover {
    background: #FFF;
    color: #000
}

.selStatusA {
    background: #FFF;
    cursor: default
}

.newContact {
    background: #D1EFDF;
    font-size: 18px
}

.newContact:hover {
    background: #CCC;
}

.update1 {
    background: #C3EFB3;
    border: solid 1px #96CF81;
    color: #006600;
    cursor: default
}

.update2,
.addBtn {
    border: solid 1px #FAC90A;
    background: #FEEC32;
    font-weight: 500;
    color: rgb(70, 70, 70);
}

.allBtn:hover,
.nxtBtn:hover {
    background: #CCC;
    color: #FFF;
}

.steelBtn,
.actionBtn,
.purpBtn,
.subBtnOn,
.subAcctOn,
.purpBtn,
.newBtn,
.greyBtn,
.greyBtnOn,
.greyBtnNa {
    font-size: 16px;
}

.steelBtn:hover,
.actionBtn:hover,
.newBtn:hover,
.newBtns:hover,
.purpBtn:hover,
.adminBtn:hover {
    border: solid 1px rgb(0, 0, 0);
    box-shadow: 2px 2px 2px rgb(180, 180, 180);
    cursor: pointer;
    color: #333
}

.steelBtn:hover {
    background: #C3D1DF
        /*rgb(220,220,220)*/
    ;
}

.greyBtnOn,
.greyBtn:hover,
.attBtn:hover {
    border: solid 1px #666;
    box-shadow: 2px 2px 2px rgb(180, 180, 180);
    color: #666
}

.social,
.socialOff {
    font-weight: bold;
    color: #FFF;
    margin: 0 2px 0 2px;
    border: solid 1px #FFF;
    font-size: 16px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 5px;
    padding: 2px 5px 0 5px;
}

.social {
    background: #6CF;
    border: solid 1px #FFF;
}

.social:hover {
    border: solid 1px #333;
    cursor: pointer
}

.socialOff {
    background: #E1E1E1;
    cursor: default
}


.update2:hover,
.addBtn:hover {
    border: solid 1px #000;
    box-shadow: 2px 2px 2px rgb(180, 180, 180);
    cursor: pointer;
    color: #000;
}

.subBtnOn {
    background: #C3D1DF;
    color: rgb(80, 80, 80);
    border: 1px solid rgb(80, 80, 80);
}

.subAcctOn {
    background: #C3D1DF;
    color: rgb(80, 80, 80);
    border: 1px solid rgb(80, 80, 80);
}

.purpBtn {
    color: #FFF;
    background: #AF8EAF;
    border: 1px solid #AF8EAF;
}

.steelBtn {
    color: rgb(255, 255, 255);
    background: #7894AF;
    border: 1px solid #7894AF;
}

.greyBtn {
    color: #333;
    background: #E5E5E5;
    border: 1px solid #CCC;
}

.greyBtnNa {
    color: #999;
    background: #E5E5E5;
    border: 1px solid #CCC;
}

.attBtn {
    color: #333;
    background: #E5E5E5;
    border: 1px solid #CCC;
}

.actionBtn {
    color: rgb(240, 240, 240);
    background: #99A5AF;
    border: 1px solid #868B8F;
}

.newBtn {
    color: #333;
    background: #C0DFB5;
    border: 1px solid #CCC;
}

.newBtns {
    color: #FFF;
    background: #5FBF2F;
    border: 1px solid #5FBF2F;
    margin: 0 0 5px 0;
}

.blueBtn {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
}

.blueBtn:hover {
    color: #666;
    background: #007ead;
}

.adminBtn,
.adminBtnOn {
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
    color: #666;
    background: #B3D1EF;
    font-size: 11px;
    padding: 0 4px 1px 4px;
    margin: 0 0 0 8px
}

.adminBtn {
    border: solid 1px #B3D1EF;
}

.adminBtnOn {
    border: solid 1px #000;
}

.adminBtn:hover {
    color: #000;
    margin: 0 0 0 8px
}

.x10,
.x10r {
    font-size: 10px;
    padding: 1px 4px 1px 4px
}

.x12 {
    font-size: 12px;
    padding: 2px 4px 1px 5px
}

.x18 {
    font-size: 18px;
    padding: 2px 6px 2px 7px
}

.x18a {
    font-size: 18px;
    padding: 4px 6px 3px 7px
}

.x14p {
    font-size: 14px;
    padding: 2px 5px 2px 5px;
    border-radius: 50%;
    float: left;
    margin-top: 3px;
    color: #999;
    cursor: pointer
}

.x12 {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
    cursor: pointer
}

.x10,
.x18,
.x18a {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #DF9999;
    cursor: pointer
}

.x10:hover,
.x18:hover,
.x18a:hover,
.x14p:hover {
    border-radius: 50%;
    background: #DF9999;
    color: #FFF
}

.x12:hover {
    border-radius: 50%;
    background: #CCCCCC;
    color: #FFF
}

.x10r {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #C60000;
    cursor: pointer
}

.x10r:hover {
    border-radius: 50%;
    background: #DF9999;
    color: #fff
}

.linkBtn {
    color: #000
}

.linkBtn:hover {
    color: #00C;
    text-decoration: underline
}

#sel1:hover {
    background: #CCC;
    cursor: pointer;
    height: 30px;
}

#sel1 {
    height: 30px;
}

#selAgent:hover {
    padding: 1px;
    background: #D7E5F1;
    border: 1px solid #CCC;
    cursor: pointer;
}

#selAgent {
    padding: 1px;
    border: 1px solid #FFFFFF;
    height: 20px;
    margin-top: 5px;
}

.selAd {
    border: 1px solid #E6FADF;
    cursor: pointer;
    color: #009933;
    font-size: 10px;
    padding: 2px 5px 0px 0px;
    margin-right: 10px
}

.selAd:hover {
    border: 1px solid #CCC;
    background: #E1EDE3
}

.hovC {
    cursor: pointer;
    padding: 0px 4px 0px 3px;
}

.hovC:hover {
    background: #E1E1E1;
}

.ckG,
.ckE1,
.ck3,
.ckW,
.ckIP {
    cursor: pointer;
    padding: 0px 4px 2px 0px;
    white-space: nowrap
}

.ckG:hover {
    background: #D1EFDF
}

.ckE1:hover {
    background: #E1E1E1
}

.ckW:hover {
    background: #FFF
}

.ckIP {
    cursor: pointer;
    padding: 0px 4px 0px 0px;
}

.ckIP:hover {
    background: #FFF
}

.ckBE6 {
    border: 1px solid #EEE;
    cursor: pointer;
    padding: 2px 4px 0px 0px;
}

.ckBE6:hover {
    border: 1px solid #666
}

.b6v {
    padding: 1px
}

.b6v:hover {
    border: 1px solid #666;
    cursor: pointer;
    padding: 0
}

.bRv {
    color: #C00;
    cursor: pointer;
    padding: 3px 5px 1px 5px;
    font-size: 12px
}

.bRv:hover {
    border: 1px solid #C00;
    cursor: pointer;
    padding: 2px 4px 0 4px
}


.cPrint {
    cursor: pointer;
    padding: 3px 4px 1px 2px;
}

.cPrint:hover {
    background: #999;
}

.xPrint {
    padding: 3px 4px 1px 2px;
}

.jobLine {
    color: #83AABF;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif
}

.jobLine:hover {
    color: #006699;
    text-decoration: underline
}

.jobLineOn {
    color: #006699;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: underline
}

.upBtn {
    padding: 1px 4px 2px 4px;
    width: 75px;
    color: #006699;
    background: #FFF;
    font-size: 11px;
    border: 1px solid #CCC;
    font-family: Verdana, Geneva, sans-serif
}

.upBtn:hover {
    cursor: pointer;
    background: #77A7BF;
    color: #FFF;
    border: 1px solid #77A7BF
}

.blueRow {
    cursor: pointer;
    font-size: 13px
}

.blueRow:hover {
    background: #D7E5F1;
}

.subRow {
    background: #EEE;
    cursor: pointer
}

.subRow:hover {
    background: #D7E5F1;
}

.rowA {
    background: #F1F1F1;
}

.rowA:hover {
    background: #D7E5F1;
}

.rowB {
    background: #FFF;
}

.rowB:hover {
    background: #D7E5F1;
}

.rowS {
    background: #FFDAC3;
    cursor: default
}

.rowS:hover {
    background: #CBE9D7;
}

.topSpace {
    margin-top: 5px
}

.fll {
    float: left
}

.flr {
    float: right
}

.clr {
    clear: both
}

.clientLink {
    color: #000000;
    padding: 0px 5px 1px 5px
}

.clientLink:hover {
    background: #CCC;
    padding: 0px 5px 1px 5px
}

.act {
    color: #ACD5F0;
    cursor: pointer;
    /*padding: 4px 0 0 0;*/
    padding: 3px 4px 5px 4px;
    text-align: center;
    width: 20px
}

.act:hover {
    color: #FFFFFF;
    background: #53A3BF;
}

.prt {
    cursor: pointer;
    font-family: "Times New Roman", Times, serif;
    text-align: center;
    color: #646464;
    font-size: 14px;
    height: 23px;
    padding: 7px 0 0 0
}

.prt:hover {
    color: #FFFFFF;
    background: #999;
}

.edt {
    cursor: pointer;
    font-family: "Courier New", Courier, monospace;
    text-align: center;
    padding: 4px 0 0 0;
    font-size: 18px;
    height: 26px;
}

.edt:hover {
    color: #FFCC33;
    background: #8F90BF
}

.mt1 {
    margin: 1px 0 0 0
}

.mt2 {
    margin: 2px 0 0 0
}

.mt3 {
    margin: 3px 0 0 0
}

.mt4 {
    margin: 4px 0 0 0
}

.mt5 {
    margin: 5px 0 0 0
}

.mt15 {
    margin: 15px 0 0 0
}

.mb5 {
    margin: 0 0 5px 0
}

.mb10 {
    margin: 0 0 10px 0
}

.mb20 {
    margin: 0 0 20px 0
}

.mtb10 {
    margin: 10px 0 10px 0
}

.mt20 {
    margin: 20px 0 0 0
}

.mt50 {
    margin: 50px 0 0 0
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mt40 {
    margin-top: 40px
}

.mtb10 {
    margin: 10px 0 10px 0
}

.mw600 {
    min-width: 600px
}

.mw500 {
    min-width: 500px
}

.mw400 {
    min-width: 400px
}

.mw330 {
    min-width: 330px
}

.mw150 {
    min-width: 150px
}

.mw120 {
    min-width: 120px
}

.mw100 {
    min-width: 100px
}

.mw90 {
    min-width: 90px
}

.mw75 {
    min-width: 75px
}

.mw70 {
    min-width: 70px
}

.mw50 {
    min-width: 50px
}

.mw5 {
    min-width: 5px
}

.mx100 {
    max-width: 100px;
}


.w5 {
    width: 5px
}

.w18 {
    width: 18px
}

.w20 {
    width: 20px
}

.w25 {
    width: 25px
}

.w30 {
    width: 30px
}

.w35 {
    width: 35px
}

.w40 {
    width: 40px
}

.w45 {
    width: 45px
}

.w50 {
    width: 50px
}

.w60 {
    width: 60px
}

.w70 {
    width: 70px
}

.w75 {
    width: 75px
}

.w80 {
    width: 80px
}

.w90 {
    width: 90px
}

.w100 {
    width: 100px
}

.w110 {
    width: 110px
}

.w120 {
    width: 120px
}

.w125 {
    width: 125px
}

.w130 {
    width: 130px
}

.w135 {
    width: 135px
}

.w140 {
    width: 140px
}

.w143 {
    width: 143px
}

.w150 {
    width: 150px
}

.w170 {
    width: 170px
}

.w180 {
    width: 180px
}

.w200 {
    width: 200px
}

.w225 {
    width: 225px
}

.w240 {
    width: 240px
}

.w250 {
    width: 250px
}

.w280 {
    width: 280px
}

.w300 {
    width: 300px
}

.w350 {
    width: 350px
}

.w400 {
    width: 400px
}

.w425 {
    width: 425px
}

.w450 {
    width: 450px
}

.w490 {
    width: 490px
}

.w495 {
    width: 495px
}

.w500 {
    width: 500px
}

.w550 {
    width: 550px
}

.w600 {
    width: 600px
}

.w650 {
    width: 650px
}

.w700 {
    width: 700px
}

.w750 {
    width: 750px
}

.w777 {
    width: 777px
}

.w800 {
    width: 800px
}

.w850 {
    width: 850px
}

.w900 {
    width: 900px
}

.w950 {
    width: 950px
}

.w960 {
    width: 960px
}

.w980 {
    width: 980px
}

.w990 {
    width: 990px
}

.w996 {
    width: 996px
}

.w1k {
    width: 1000px
}

.w100p {
    width: 100%
}

.w95p {
    width: 95%
}

.w33p {
    width: 33%
}

.w34p {
    width: 34%
}

.w100p {
    width: 100%
}

.h5 {
    height: 5px
}

.h10 {
    height: 10px
}

.h12 {
    height: 12px
}

.h15 {
    height: 15px
}

.h16 {
    height: 16px
}

.h20 {
    height: 20px
}

.h25 {
    height: 25px
}

.h28 {
    height: 28px
}

.h30 {
    height: 30px
}

.h35 {
    height: 35px
}

.h40 {
    height: 40px
}

.h50 {
    height: 50px
}

.h100 {
    height: 100px
}

.h120 {
    height: 120px
}

.h100p {
    height: 100%
}

.h250 {
    height: 250px
}

.mb2 {
    margin-bottom: 2px
}

.mt2 {
    margin-top: 2px
}

.mt5 {
    margin-top: 5px
}

.pt2 {
    padding-top: 2px
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt20 {
    padding-top: 20px
}

.pr100 {
    padding-right: 100px
}

#emailDet td {
    padding: 10px
}

.m5 {
    margin: 5px
}

.m10 {
    margin: 10px
}

.p10tr tr {
    padding: 10px
}

.p2 {
    padding: 2px
}

.p4 {
    padding: 4px
}

.p5 {
    padding: 5px
}

.p7 {
    padding: 7px
}

.p10 {
    padding: 10px
}

.pb3 {
    padding-bottom: 3px
}

.pb5 {
    padding-bottom: 5px
}

.pb7 {
    padding-bottom: 7px
}

.pb10 {
    padding-bottom: 10px
}

.pb2 {
    padding-bottom: 2px
}

.ml2 {
    margin-left: 2px
}

.ml3 {
    margin-left: 3px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml25 {
    margin-left: 25px
}

.ml30 {
    margin-left: 30px
}

.ml40 {
    margin-left: 40px
}

.ml50 {
    margin-left: 50px
}

.ml60 {
    margin-left: 60px
}

.ml70 {
    margin-left: 70px
}

.ml80 {
    margin-left: 80px
}

.ml90 {
    margin-left: 90px
}

.ml100 {
    margin-left: 100px
}

.ml150 {
    margin-left: 150px
}

.ml170 {
    margin-left: 170px
}

.ml200 {
    margin-left: 200px
}

.mr2 {
    margin-right: 2px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr20 {
    margin-right: 20px
}

.mr40 {
    margin-right: 40px
}

.mr50 {
    margin-right: 50px
}

.mr60 {
    margin-right: 60px
}

.mr80 {
    margin-right: 80px
}

.mr100 {
    margin-right: 100px
}

.mlr20 {
    margin: 0 20px 0 20px
}

.mlr5 {
    margin: 0 5px 0 5px
}

.pr5 {
    padding-right: 5px
}

.pr20 {
    padding-right: 20px
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl20 {
    padding-left: 20px
}

.pl25 {
    padding-left: 25px
}

.pl30 {
    padding-left: 30px
}

.pl40 {
    padding-left: 40px
}

.pl50 {
    padding-left: 50px
}

.pl60 {
    padding-left: 60px
}

.pl70 {
    padding-left: 70px
}

.pl80 {
    padding-left: 80px
}

.pl90 {
    padding-left: 90px
}

.pl100 {
    padding-left: 100px
}

.plr2 {
    padding: 0px 2px 0px 2px
}

.plr10 {
    padding: 0px 10px 0px 10px
}

.plr20 {
    padding: 0px 20px 0px 20px
}

.plr5 {
    padding: 0px 5px 0px 5px
}

.s1 {
    font-size: 1px
}

.s2 {
    font-size: 2px
}

.s3 {
    font-size: 3px
}

.s4 {
    font-size: 4px
}

.s5 {
    font-size: 5px
}

.s7 {
    font-size: 7px
}

.s9 {
    font-size: 9px
}

.s10 {
    font-size: 10px
}

.s11 {
    font-size: 11px
}

.s12 {
    font-size: 12px
}

.s13 {
    font-size: 13px
}

.s14 {
    font-size: 14px
}

.s16 {
    font-size: 16px
}

.s18 {
    font-size: 18px
}

.s24 {
    font-size: 24px
}

.s36 {
    font-size: 36px
}

.s48 {
    font-size: 48px
}

.s60 {
    font-size: 60px
}

.f0 {
    color: #000000
}

.f3 {
    color: #333
}

.f6 {
    color: #666
}

.f9 {
    color: #999
}

.fC {
    color: #CCC
}

.fE1 {
    color: #E1E1E1
}

.fR1 {
    color: #C60000
}

.fR2 {
    color: #DF747B
}

.fR3 {
    color: #CC3300
}

.fB1 {
    color: #3B3DBF
}

.fB2 {
    color: #006699
}

.fB3 {
    color: #D1DFEF
}

.fF {
    color: #FFFFFF
}

.fG1 {
    color: #009966
}

.fG2 {
    color: #006600
}

.fG3 {
    color: #00FF00
}

.fG4 {
    color: #C3EFB3
}

.fO1 {
    color: #FF6600
}

.fY1 {
    color: #FFCC33
}

.fS1 {
    color: #5F5B4D
}

.fS2 {
    color: #BFA453
}

.fBG {
    color: #A8C2CF
}

.n {
    font-weight: normal;
    font-style: normal;
}

.btC {
    border-top: 1px solid #CCC
}

.bbC {
    border-bottom: 1px solid #CCC
}

.blC {
    border-left: 1px solid #CCC
}

.btbC td {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC
}

.b9r {
    border-right: 1px solid #999
}

.blF {
    border-left: 1px solid #FFF
}

.br2F {
    border-right: 2px solid #FFF
}

.aL {
    text-align: left
}

.aR {
    text-align: right
}

.aC {
    text-align: center
}

.aJ {
    text-align: justify
}

.u {
    text-decoration: underline
}

.greenArrow {
    font-size: 12px;
    color: #CCC;
    width: 75px;
    border-radius: 2px;
    border: 1px solid #CCC;
    float: right;
    text-align: center;
    margin: 0 5px 0 0;
    padding: 1px 0 1px 0;
}

.greenArrow:hover {
    color: #333;
    border: 1px solid #333;
    cursor: pointer;
}

.pageTable {
    width: 1000px;
    color: #666;
    margin-top: 2px;
    background: #E1EBF0;
    cursor: default
}

.pageTable td {
    width: 5%;
    font-size: 10px;
    font-family: "Lucida Console", Monaco, monospace;
    padding: 3px;
    border: 1px solid #CCC
}

.cour {
    font-family: "Courier New", Courier, mono;
}

.verd {
    font-family: Verdana, Geneva, sans-serif;
}

.luci {
    font-family: "Lucida Console", Monaco, monospace;
}

.aria {
    font-family: Arial, Helvetica, sans-serif
}

.geor {
    font-family: Georgia, "Times New Roman", Times, serif
}

.adminLead {
    float: left;
    text-align: right;
    color: #999999;
    width: 125px;
}

.pRow {
    display: none
}

.pRows {
    display: table-row
}

.bC2b {
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
}

.btF {
    border-top: 1px solid #FFFFFF
}

.bE {
    border: 1px solid #EEEEEE
}

.bF {
    border: 1px solid #FFF
}

.bC {
    border: 1px solid #CCCCCC
}

.bCd {
    border: 1px dashed #CCCCCC
}

.b0 {
    border: 1px solid #000000
}

.b3 {
    border: 1px solid #333333
}

.b9 {
    border: 1px solid #999
}

.bCt {
    border-top: 1px solid #CCC
}

.bCl {
    border-left: 1px solid #CCC
}

.bCr {
    border-right: 1px solid #CCC
}

.blrC {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

.bB2 {
    border: 1px solid #E8ECF2
}

.bgDF {
    background: #DFDFDF
}

.bgF {
    background: #FFFFFF
}

.bgF1 {
    background: #F1F1F1
}

.bgUp {
    background: #898989
}

.bgC {
    background: #CCC
}

.bgEC {
    background: #ECECEC
}

.bgEE {
    background: #EEEEEE
}

.bgEF {
    background: #EFEFEF
}

.bg9 {
    background: #999999
}

.bgNew {
    background: #66CC00
}

.bgG1 {
    background: #E6FADF
}

.bgG2 {
    background: #00CC66
}

.bgG3 {
    background: #D1EFDF
}

.bgG4 {
    background: #C3EFB3
}

.bgG5 {
    background: #E4EFE0
}

.bgG6 {
    background: #36DBAC
}

.bgG7 {
    background: #EFFFF5
}

.bgNote {
    background: #FEF7B5
}

.bgB1 {
    background: #CDDBF3
}

.bgB2 {
    background: #E8ECF2
}

.bgB3 {
    background: #0099CC
}

.bgB4 {
    background: #C3D5DF
}

.bgB5 {
    background: #A8C1CF
}

.bgB6 {
    background: #EFF9FF
}

.bgB7 {
    background: #E0EAEF
}

.bgO1 {
    background: #FFCC33
}

.bgO2 {
    background: #FFE17A
}

.bgP1 {
    background: #9999CC
}

.bgR1 {
    background: #FF0000
}

.bgR2 {
    background: #EFE0E0
}

.bgL1 {
    background: #F994FF
}

.bgAdmin {
    background: #E8ECF2;
    height: 25px
}

.bgTop {
    background: #D7DDE8
}

/*D7E1F5*/
.bgY1 {
    background: #FFFF00
}

.bgY2 {
    background: #FFC;
}

.bgY3 {
    background: #FCD12C;
}

.bgNav {
    background: #D9EFD1
}

.tableB3c {
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    margin: auto;
    width: 1000px;
    cursor: default;
    background: #FFF;
    font-size: 13px;
}

.itemTable {
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    margin: auto;
    width: 1000px;
    cursor: default;
    background: #FFF;
    font-size: 13px;
}

.rw20 td {
    padding: 2px
}

.tableView {
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    margin: auto;
    width: 1000px;
    cursor: default;
    background: #FFF;
    font-size: 14px;
    color: #999;
}

.tableView td {
    padding: 5px
}

.editTd td {
    height: 25px
}

.listBC td {
    border: 1px solid #CCC;
    height: 25px;
    padding: 3px;
}

.listSlide td {
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    height: 25px;
    padding: 3px;
}

.listSlide tr {
    border-right: 1px solid #CCC;
}

.bcoll {
    border-collapse: collapse;
}

.bN td {
    border: none
}

.curseP {
    cursor: pointer
}

.curseD {
    cursor: default
}

.curseC {
    cursor: crosshair
}

.actionExtra {
    cursor: crosshair
}

.actionExtra:hover {
    color: #999;
    background: #E0E8EF;
    cursor: crosshair
}

.delete {
    color: #E20209;
    padding: 2px 4px 1px 4px;
}

.delete:hover {
    color: #FFFFFF;
    background: #FF0000;
}

.hvBd9 {
    color: #000000;
    border: 1px solid #999999;
    padding: 0px 3px 0px 4px;
}

.disN {
    display: none
}

.disI {
    display: inline
}

.visH {
    visibility: hidden
}

.disB {
    display: inline-block
}

.i {
    font-style: italic
}

.b {
    font-weight: bold
}

.band {
    width: 100%;
    height: 35px;
    padding: 0px 5px 0px 3px;
    font-size: 14px;
    color: #999;
    background: #EEE;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    cursor: default
}

.helpBtn {
    border: 1px solid #CCC;
    padding: 1px 4px 1px 4px;
    background: #CCC;
    font-family: "Courier New", Courier, monospace;
    font-size: 16px;
    color: oldlace;
    margin-right: 10px;
    border-radius: 3px;
    cursor: pointer;
    float: left;
}

.helpBtn:hover {
    border: 1px solid #F7E6D2;
    background: #FFF4EF;
    color: #999
}

#vertical_slide {
    background: #FFF4EF;
    /* FFEFEF*/
    color: #666;
    line-height: 25px;
    padding: 10px 0px 10px 20px;
    text-align: left;
    font-size: 12px;
    width: 100%;
    display: none;
    cursor: default;
    /*font-family:"Courier New", Courier, monospace;*/
    /*font-family:"Lucida Console", Monaco, monospace*/
    font-family: Verdana, Geneva, sans-serif
}

.rollob,
.rollobon {
    font-size: 9px;
    padding: 2px;
    margin-left: 2px;
    display: block;
    width: 10px;
    height: 10px;
    text-align: center;
    float: left
}

.rollob {
    color: #999;
    border: 1px solid #CCC;
}

.rollob:hover {
    border: 1px solid #000;
    cursor: pointer;
    color: #000;
}

.rollobon {
    color: #000;
    border: 1px solid #000;
    background-color: #CCC;
    cursor: default;
}

.rollo,
.rollos {
    font-size: 11px;
    padding: 4px 8px 2px 8px;
    border: 1px solid #CCC;
    margin: 0 1px 0 0;
}

.rollo {
    color: #999;
}

.rollo:hover {
    border: 1px solid #000;
    cursor: pointer;
    color: #000;
}

.rollos {
    color: #000;
    border: 1px solid #000;
    cursor: default;
}

.rolloAon,
.rolloAoff {
    font-size: 11px;
    padding: 1px 8px 2px 8px;
    cursor: pointer;
    color: #999;
}

.rolloAon,
.rolloAoff:hover {
    background-color: #CCC;
    border: 1px solid #CCC;
    color: #FFF;
}

.rolloAoff {
    border: 1px solid #CCC;
}

.coll {
    border-collapse: collapse
}

.itemTable td {
    border: 1px solid #CCC;
    padding: 2px;
}

.mass {
    border: 1px solid #CCC;
    cursor: pointer;
    padding: 0px 2px 0px 2px
}

.mass:hover {
    border: 1px solid #CCC;
    background: #CCC
}

.note {
    background: #FFFEC1;
    border: 1px solid #FFFEC1;
}

.pageXX {
    border: none;
    outline: 1px solid #666;
    cursor: default
}

.page1o {
    cursor: default;
}

.page1 {
    cursor: pointer
}

.page1:hover {
    border: none;
    outline: 1px solid #000;
}

.comic {
    font-family: "Comic Sans MS"
}

.row1 {
    background: #F1F1F1
}

.row2 {
    background: #FFFFFF
}

/*textarea grow */
textarea {
    font-family: Verdana, Geneva, sans-serif;
    outline: 0;
    overflow-y: hidden;
    resize: none;
    font-size: 13px;
    width: 20em;
    border: 1px solid #CCC;
    border-radius: 4px;
    transition-duration: 250ms;
    transition-property: box-shadow;
}

textarea:focus {
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px 0;
}

/*textarea grow */

.wrapper {
    text-align: center
}

.navGr {
    background: #E6FADF;
    height: 28px;
}

.entered {
    padding: 3px 0px 0px 2px;
    font-size: 10px;
    color: #999;
    float: left
}

.cancelAdmin {
    color: #FF0000;
    padding: 5px 8px 5px 7px;
    cursor: pointer;
    font-size: 9px;
    display: none;
    margin: 0 0 0 5px
}

.cancelAdmin:hover {
    background: #FF9999;
    color: #FFF;
    cursor: pointer;
    font-size: 11px;
    display: none
}

table.general {
    font-size: 14px;
    color: #999;
    margin: 12px 0 0 0;
    width: 1000px;
    background: #FFF
}

.general td {
    padding: 2px;
}

.b3C {
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background-color: #FFF;
    color: #999;
    cursor: default
}

.b3CG {
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background-color: #EFFFF5;
    color: #999;
}

.users {
    color: #000;
    background: #999;
    padding: 0 4px;
}

.nW {
    white-space: nowrap
}

.lh30 {
    line-height: 30px
}

.lh25 {
    line-height: 25px
}

.lh16 {
    line-height: 16px
}

.lh20 {
    line-height: 20px
}

.lh22 {
    line-height: 22px
}

.mauto {
    margin: auto
}

.td9 {
    text-align: right;
    color: #999
}

.divCard {
    padding: 30px 10px 10px 10px;
    width: 750px;
    border: 1px solid #888;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #CCC;
    margin: 10px 0 0 0;
    background: #FFF
}

.cardTable td {
    line-height: 14px
}

.clientCard {
    padding: 20px 20px 10px 10px;
    width: 960px;
    border: 1px solid #888;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #CCC;
    margin: 10px 0 0 0;
    /*  margin:auto; */
}

.modBy {
    float: left;
    font-size: 10px;
    margin: 5px 0 0 0;
    color: #006600;
}

.openl {
    color: rgb(225, 225, 225);
}

.designl {
    color: rgb(200, 200, 200);
}

.proofl {
    color: rgb(160, 160, 160);
}

.printl {
    color: rgb(125, 125, 125);
}

.printedl {
    color: rgb(80, 80, 80);
}

.donel {
    color: #77A3EF;
}

.collectedl {
    color: #59EF78;
}

.cancelledl {
    color: red;
}

.opene {
    border: rgb(210, 210, 210) solid 1px
}

.designe {
    border: rgb(200, 200, 200) solid 1px;
    border-left: rgb(200, 200, 200) solid 5px
}

.proofe {
    border: rgb(160, 160, 160) solid 1px;
    border-left: rgb(160, 160, 160) solid 5px
}

.printe {
    border: rgb(125, 125, 125) solid 1px;
    border-left: rgb(125, 125, 125) solid 5px
}

.printede {
    border: rgb(80, 80, 80) solid 1px;
    border-left: rgb(80, 80, 80) solid 5px
}

.donee {
    border: #77A3EF solid 1px;
    border-left: #77A3EF solid 5px
}

.collectede {
    border: #59EF78 solid 1px;
    border-left: #59EF78 solid 5px
}

.cancellede {
    border: red solid 1px;
    border-left: red solid 5px
}

.open {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(200, 200, 200)
}

.design {
    background: rgb(200, 200, 200);
    border: 1px solid rgb(200, 200, 200)
}

.proof {
    background: rgb(180, 180, 180);
    border: 1px solid rgb(180, 180, 180)
}

.print {
    background: rgb(160, 160, 160);
    border: 1px solid rgb(160, 160, 160)
}

.printed {
    background: rgb(140, 140, 140);
    border: 1px solid rgb(140, 140, 140)
}

.done {
    background: #95B8EF;
    border: 1px solid #95B8EF
}

.collected {
    background: #8BDF9C;
    border: 1px solid #8BDF9C
}

.cancelled {
    color: red;
    border: 1px solid rgb(200, 200, 200);
}

.openOn {
    background: rgb(255, 255, 255)
}

.designOn {
    background: rgb(200, 200, 200)
}

.proofOn {
    background: rgb(180, 180, 180)
}

.printOn {
    background: rgb(160, 160, 160)
}

.printedOn {
    background: rgb(140, 140, 140)
}

.doneOn {
    background: #95B8EF
}

.collectedOn {
    background: #8BDF9C
}

.cancelledOn {
    color: red;
}

.open,
.design,
.proof,
.print,
.printed,
.done,
.collected,
.cancelled {
    margin-left: 2px;
    width: 12px;
    height: 12px;
    float: left;
    text-align: center
}

.open:hover,
.design:hover,
.proof:hover,
.print:hover,
.printed:hover,
.done:hover,
.collected:hover,
.cancelled:hover,
.openOn,
.designOn,
.proofOn,
.printOn,
.printedOn,
.doneOn,
.collectedOn,
.cancelledOn {
    margin-left: 2px;
    border: 1px solid #000;
    width: 12px;
    height: 12px;
    float: left;
    text-align: center
}

.openOn,
.designOn,
.proofOn,
.printOn,
.printedOn,
.doneOn,
.collectedOn,
.cancelledOn {
    cursor: default;
}

.fGm {
    color: #3E8238
}

.fRm {
    color: #AF4845
}

.fBm {
    color: #069
}

.catSel,
.catSelOn {
    padding: 2px 3px 1px 3px;
    white-space: nowrap;
    cursor: default;
    text-align: center;
    font: 13px normal Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 3px 10px 3px 0;
    float: left;
    cursor: pointer;
    border-radius: 3px;
}

.catSel {
    border: 1px solid #597C8F;
    background-color: #FFF;
    color: #666;
}

.catSelOn,
.catSel:hover {
    background-color: rgb(230, 230, 230);
    border: 1px solid #000;
    color: #000;
}

.eItem {
    font-family: "Times New Roman", Times, serif;
    color: #666;
    font-style: italic;
    font-size: 18px;
    padding-bottom: 5px;
    cursor: pointer
}

.eItem:hover {
    color: #FFF;
    background-color: #999999;
}

.dItem {
    color: #FF0000;
    cursor: pointer
}

.dItem:hover {
    color: #FFF;
    background-color: #FF0000;
}

.bgEye {
    background-color: #F0FAFC
}

.chaseMenu {
    border: 1px solid #CCC;
    padding: 4px 8px 2px 8px;
    text-align: center;
    background-color: #FFD6D7;
    font-size: 11px;
}

.chaseMenu:hover {
    border: 1px solid #000;
    cursor: pointer
}

.ckChaseOn {
    border: 1px solid #CCC;
    height: 14px;
    width: 14px;
    text-align: center;
    background-color: #ffd6d7;
}

.ckChaseOn:hover,
.ckChaseOff:hover {
    border: 1px solid #000;
    cursor: pointer
}

.ckChaseOff {
    color: #C60000;
    border: 1px solid #CCC;
    height: 14px;
    width: 14px;
    text-align: center;
    background-color: #FFF
}

.newJob {
    background: #C0DFB5;
    font-size: 12px;
    border-radius: 4px;
    padding: 8px 3px 0 3px;
    border: 1px solid #CCC;
    color: #333;
    height: 23px;
    white-space: nowrap
}

.newJob:hover {
    border: 1px solid #333;
}

.newJobl {
    background: #C0DFB5;
    text-align: center;
    font-size: 9px;
    padding: 3px 8px 3px 8px;
    color: #666;
    /*margin: 0 0 3px 0;*/
}

.newJobl:hover {
    border: 1px solid #666;
}

.f {
    margin-right: 2px;
    text-align: center;
    padding: 0 2px 1px 2px;
}

.sort {
    background-color: #EBF0FA;
    border: 1px solid #EBF0FA;
    margin-right: 2px;
    text-align: center;
    padding: 0 2px 1px 2px;
}

.sort0 {
    cursor: pointer;
    border: 1px solid #FFF;
    margin-right: 2px;
    text-align: center;
    padding: 0 2px 1px 2px;
}

.sort0:hover,
.sort:hover,
.sortm:hover {
    cursor: pointer;
    border: 1px solid #CCC;
}

.invP {
    color: #000;
    font-size: 12px;
    padding: 0 2px 2px 2px;
    width: 50px;
    background-color: #EFEFEF;
    border: 1px solid #CCC;
    margin: 1px 2px 2px 2px;
    float: left
}

.invP:hover {
    border: 1px solid #000;
    cursor: pointer
}

.invLink10,
.invLink20,
.invLink30 {
    color: #000;
    padding: 1px 2px 1px 2px;
    float: left;
    background: #FFF;
    border: 1px solid #CCC;
    text-align: center;
    font-size: 12px;
    margin: 1px 0 0 3px;
}

.invRow:hover {
    background: #DCE6EC
}

.invLink10 {
    width: 65px
}

.invLink20 {
    width: 30px
}

.invLink30 {
    width: 16px
}

.invLink50 {
    font-size: 10px;
    color: #999;
    float: left;
    margin: 0 0 0 2px;
    padding: 4px 0 0 0;
}

.invLink50:hover {
    color: #000;
    cursor: pointer;
    text-decoration: underline
}

.invLink10:hover,
.invLink20:hover,
.invLink30:hover,
.invLink10x {
    border: 1px solid #000;
    cursor: pointer
}

.pdOn,
.pdOff {
    color: #000;
    font-size: 12px;
    padding: 1px 2px 3px 2px;
    background: #FFF;
    width: 85px;
    text-align: center;
    float: left
        /*display:block*/
}

.pdOn {
    border: 1px solid #000;
    cursor: default;
}

.pdOn:hover {
    cursor: default;
}

.pdOff {
    border: 1px solid #E1E1E1;
}

.pdOff:hover {
    border: 1px solid #000;
    cursor: pointer;
}

.eSet {
    cursor: pointer;
}

.eSet:hover {
    background: #E1E1E1
}

.eStatOff,
.eStatOn,
.eStatOffx,
.eStatOnx {
    color: #000;
    text-align: center;
    font-size: 12px;
    margin: 0 10px 0 0;
    padding: 0 4px 0px 5px;
    white-space: nowrap;
    line-height: 25px;
    border-radius: 3px;
    font-family: "Courier New", Courier, monospace;
    border: 1px solid #CCC;
}

.eStatOn,
.eStatOnx {
    background: #D1EFDF;
}

.eStatOff,
.eStatOffx {
    background: #EFEFEF;
}

.eStatOn:hover,
.eStatOff:hover {
    border: 1px solid #000;
}