body,table,form,div,span,hr,pre,img,h1,h2,h3,h4,h5,h6,ul,li{border:none;padding:0;margin:0;font-size:14px}
body{background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Ubuntu","Cantarell","Open Sans",sans-serif}
ul{list-style-type:none}
h1{font-size:16px}h2 {font-size:14px}h3 {font-size:13px}
hr{border-top:1px solid #689E21;height:1px;line-height:1px}
#LogoutArea, #LogoutArea a {color:#fff}
#PageTitle {color:#000}
#Content {color:#000;}
.linkbutton {border:none;padding:0; display:inline}
#SubMenuTitle {color:#fff;font-size:18px;margin:10px}
#PrintBanner { display:none}
#Navigation a {color:#fff}
#SearchArea, #SearchExpand {background:#eee;border-radius:0 0 2px 2px}
#SearchArea {box-shadow:1px 1px 2px #ccc}
#SearchArea select {height:24px;padding:0px;font-size:1em}
#SearchArea input.button {height:26px;padding:2px;font-size:1em}
#SearchArea input[type=text] {height:20px;font-size:1em}
.cp{cursor:pointer}
.avt{vertical-align:top}.avm{vertical-align:middle}.avb{vertical-align:bottom}
.atl{text-align:left !important}.atc{text-align:center !important}.atr{text-align:right !important}
.nw{white-space:nowrap}.oh{overflow:hidden}.hidden{display:none}.visible{display:;}
.screenHide{display:none}.printHide{display:;}.db{display:block}
.inlineNotice {color:#669900}.inlineWarn {color:#FF0000}.inlineHighlight {background-color:#FFFF66}
.fwb{font-weight:bold }.fsi{font-style:italic}
.fl{float:left}.fr{float:right}.cb{clear:both}
.pw{font-family:Courier New,monospace;white-space:pre-wrap}
.icon16 {height:16px;width:16px;vertical-align:middle;margin:2px}
.table {display:table}.table-cell {display:table-cell}.table-row {display:table-row}
.wide {width:100%}
form p{padding:0;margin:0}
fieldset {margin:0 auto;border:1px solid #ccc}
legend {padding:0 8px;margin:0;font-weight:bold;font-style:italic}
textarea {width:98%}
textarea,input:not([type=button]),select {margin:0;padding:2px;line-height:1.2em;color:#2B2520;background-color:#fff; border:1px solid #ccc }
label{font-weight:bold}
select{padding:1px 2px;line-height:1.1em}
input.highlight:focus,form textarea.highlight:focus,form select.highlight:focus {background-color: #E6F2FF}
textarea:focus,input[type=text]:focus,select:focus {background-color:#E6F2FF}
input.file {position:absolute;opacity:0;filter:alpha(opacity: 0)}
input.image,input.image:focus {border:none;background:transparent}
input.readonly {background-color:#ccc}
input:disabled,button:disabled {color:#e1e1e1}
.required,:required {border-bottom:2px solid #FF0000 !important;background-color:#FFFFE0 !important}
.iwrap {float:left;padding:2px}
.iwrap label {display:block}

/** flat button **/
.ibutton {padding:2px 3px;margin:0 2px !important;background:rgba(255,255,255,.85) !important;
    border:1px gainsboro solid;border-radius:2px;filter:none;box-shadow:none;font-size:1em}
.ibutton {vertical-align:top}
.ibutton:hover,.ibutton:focus {background:rgb(255,255,255) !important}
.button {display:inline-block;margin:2px;padding:4px 6px;background:#eee;border-radius:4px;border: solid 1px #ccc}
.button:hover {background:rgb(255,255,255)}

.target:before {content:url(/images/icons/target_icon.png);vertical-align:middle;margin-right:2px}
.external {padding-right:25px;background: url(/images/icons/external.png) no-repeat center right}
.new_window {border-bottom:1px double}
.keyAccount:before {content:url(/images/icons/key.png);vertical-align:middle;margin-right:2px}
.favorite:before {content:url(/images/icons/heart.png);vertical-align:middle;margin-right:2px}

a.add:before,button.add:before {content:url(/images/icons/add.png);vertical-align:middle;margin-right:2px}
a.close:before,button.close:before,span.close:before {content:url(/images/cross.png);vertical-align:middle}
a.delete:before,button.delete:before {content:url(/images/icons/delete.png);vertical-align:-4px;margin-right:2px}
a.details:before,button.details:before {content:url(/images/icons/page_gear.png);vertical-align:middle;margin-right:2px}
.edit:before{content:url(/images/icons/application_form_edit.png);vertical-align:-4px;margin-right:2px}
a.editfile:before,button.editfile:before {content:url(/images/icons/page_white_edit.png);vertical-align:-4px;margin-right:2px}
a.folder:before,button.folder:before {content:url(/images/icons/folder.png);vertical-align:middle;margin-right:2px}
a.folder_go:before,button.folder_go:before {content:url(/images/icons/folder_go.png);vertical-align:middle;margin-right:2px}
a.list:before,button.list:before {content:url(/images/icons/text_align_justify.png);vertical-align:middle;margin-right:2px}
a.markdown:before,button.markdown:before {content:url(/images/icons/markdown16x16.png);vertical-align:middle;margin-right:2px}
.email:before{content:url(/images/icons/email.png);vertical-align:-4px;margin-right:2px}
.note:before {content:url(/images/icons/note.png);vertical-align:-4px;margin-right:2px}
.note_go:before {content:url(/images/icons/note_go.png);vertical-align:-4px;margin-right:2px}
.note_add:before {content:url(/images/icons/note_add.png);vertical-align:-4px;margin-right:2px}
.note_delete:before {content:url(/images/icons/note_delete.png);vertical-align:-4px;margin-right:2px}
a.refresh:before, button.refresh:before {content:url(/images/icons/arrow_refresh.png);vertical-align:-4px;margin-right:2px}
a.save:before, button.save:before {content:url(/images/disk.png);vertical-align:middle;margin-right:2px}
a.search:before,button.search:before {content:url(/images/icons/magnifier.png);vertical-align:middle;margin-right:2px}
a.print:before,button.print:before {content:url(/images/icons/printer.png);vertical-align:middle;margin-right:2px}
a.report:before,button.report:before {content:url("/images/icons/report.png");vertical-align:middle;margin-right:2px}
a.page:before,button.page:before,span.page:before,li.page:before {content:url(/images/icons/page_white.png);vertical-align:middle;margin-right:2px}
a.pdf:before,button.pdf:before,a[href$=".pdf"] {content:url(/images/icons/page_white_acrobat.png);vertical-align:middle;margin-right:2px}
a.thumbs:before,button.thumbs:before {content:url(/images/icons/thumbsicon16.png);vertical-align:middle;margin-right:2px}
a.view:before,button.view:before {content:url(/images/icons/zoom.png);vertical-align:middle;margin-right:4px}
.comment:before{content:url(/images/icons/comment.png);vertical-align:top !important;margin-right:2px}
.user_add:before{content:url(/images/icons/user_add.png);vertical-align:middle;margin-right:2px}
.user_edit:before{content:url(/images/icons/user_edit.png);vertical-align:middle;margin-right:2px}
.user_delete:before {content:url(/images/icons/user_delete.png);vertical-align:middle;margin-right:2px}
.book:before {content:url(/images/icons/book.png);vertical-align:middle;margin-right:2px}
.book_addresses:before {content:url(/images/icons/book_addresses.png);vertical-align:middle;margin-right:2px}
.money:before {content:url(/images/icons/money.png);vertical-align:middle;margin-right:2px}

.s00_created:before {content:'\25A0';color:red;margin:1px}
.s02_rejected:before,.s30_archived:before {content:'\25A0';color:black;margin:1px}
.s20_processing:before {content:'\25A0';color:gold;margin:1px}
.s25_done:before {content:'\25A0';color:green;margin:1px}

span.option {display:block;cursor:pointer;float:left;width:48%;height:17px !important;margin: 0 3px 3px 0;padding:3px 0 0 3px;border-left-width:1px;border-left-style:solid;border-right-width:1px;border-right-style:solid}
span.option.disabled {border-left-color:#EFEFEF;border-right-color:#E6E6E6;background:transparent url(/images/option_disabled.png) left top repeat-x}
span.option.enabled {border-left:1px solid #EFEFEF;border-right:1px solid #E6E6E6;background:transparent url(/images/option_enabled.png) left top repeat-x}
span.option.active {border-left-color: #EFEFEF;border-right-color: #E6E6E6;background:transparent url(/images/option_active.png) left top repeat-x}

/*---DEFAULT TABLE STYLES-*/
.module {background-color: #ccc; padding:1px; margin:5px }
caption {min-height:18px;padding:3px;text-align:left;text-transform:uppercase;font-weight:bold;border:1px solid #eee}
table {width:100%}
td {padding:2px;color:#000}
.header td {font-weight:bold;border-bottom:3px double #ECECEC;background-color:#FCFCFC}
.summary td {font-weight:bold;border-top:3px double #ECECEC;background-color:#FCFCFC}
tr.rs1 td {background-color:#fff}
tr.rs2 td {background-color:#F0F0F0}

.ngrid {background-color:#ccc; border-spacing:1px;margin:1px;}
.ngrid caption, .ngrid th {background-color:#000;color:#fff;padding:3px;margin:0px -1px -2px -1px;
    text-align:left; text-transform: uppercase; font-weight:bold}
.ngrid tr:hover {background:palegoldenrod !important }
.ngrid tr:nth-child(2n+1){background-color:#fff}
.ngrid tr:nth-child(2n){background-color:#F0F0F0;}

/*--GRID STYLES */
.grid {width:100%;border-spacing:1px;empty-cells:show}
.grid caption, .grid th {min-height:18px; padding:3px;
    background-color:#000;color:#fff;text-align:left; text-transform: uppercase; font-weight:bold;border:1px solid #eee}
.greenhead {min-height:20px;padding:4px;text-align:left;text-transform:uppercase;font-weight:bold;border:1px solid #eee}
.grid caption a, .grid th a, .greenhead a {color:#fff}
.grid caption span, .grid th span  {padding-top:6px}
.grid td { text-align:left;padding:5px}
.grid .row-child td { text-align:left;background-color:#fff;padding-left:15px}
.grid .row-child td td { padding:5px}
.grid .r1 td {background-color:#fff}
.grid .r2 td {background-color:#eee}
.grid.hover .r1:hover td, .grid.hover .r2:hover td { background-color:palegoldenrod;cursor:pointer}
.grid .active td, .grid .active:hover td { background-color:#eee;font-weight:bold;cursor:pointer}
.grid .edit { background:url(/images/edit_flag.png) top left no-repeat}
.grid .row-child td td {padding:2px}
.grid tfoot th {background-color:#ccc;color:#000;text-align:left;padding:7px 5px 3px 5px}

/*---FORMATTED SORTABLE GRID TABLE STYLES-*/
.grid th {padding-right:15px;white-space:nowrap;cursor:pointer;}
th.sort:before {content:'\2195';margin-right:4px;color:#fff;font-weight:bold}th.asc:before {content:'\2193'}th.desc:before {content:'\2191'}
th.atr.sort:before {content:'\2B07'}th.atr.asc:before {content:'\2B07'}th.atr.desc:before {content:'\2B06'}

/**--TOOL TIP STYLES--*/
.tip-container {z-index:10000}
.tip {font-size:9px;color:#fff;width:139px}
.tip-title {font-weight:bold;color:#669900;padding:8px 8px 0px 8px;background:transparent url(/images/bubble.png) top left no-repeat}
.tip-text {padding:8px;background:transparent url(/images/bubble.png) bottom right no-repeat}

.modal {position:fixed;top:0;right:0;bottom:0;left:0;
    font-family: Arial, Helvetica, sans-serif;color:#444;background: rgba(0, 0, 0, 0.8);
    z-index: 99999;opacity:0;transition: opacity 300ms ease-in;pointer-events: none}
.modal.open {opacity:1;pointer-events:auto}
.modal.open > div {width:300px;max-width:80vw;position:relative;margin:10% auto;padding: 5px 20px 15px 20px;
    border-radius: 3px;background: #fff; background: linear-gradient(#fff, #999)}
.modal-close {position:absolute;right:2px;top:2px;width:24px;height:24px;padding:0;
  color:#444;line-height:20px;text-align:center;text-decoration:none;font-weight:bold;
  background:#606061;opacity:1;border-radius:2px;box-shadow: 1px 1px 2px #000}
.modal-close:hover {background:#00d9ff}

@media print {
    body,table,form,div,span,hr,pre,img,h1,h2,h3,h4,h5,h6,ul,li {border:none;padding:0;margin:0}
    .ContextMenu, #BugReport,.tip,#SearchExpand,#SearchExpandBtn, #CalendarUserPanel, input.button,
    .printHide, #Logo, #LogoutArea, #Navigation, #SearchArea,#Footer, #RecentActivity, #RecentSearches,
    .ApplicationNavigation, .hidden, grid caption span, .grid th span, .grid tfoot th span {display:none}
    a {color:#000;text-decoration:none}
    body {background-color:#fff; font-family:Droid Sans, Verdana, Arial, san-serif;color:#000}
    ul{list-style-type:none}
    h1{font-size:16px}
    hr{border:none;border-top:1px solid #ccc;height:1px;line-height:1px}
    .avt{vertical-align:top}.avm {vertical-align:middle}.avb {vertical-align:bottom}
    .atl{text-align:left !important}.atc{text-align:center !important}.atr {text-align:right !important}
    .nw{white-space:nowrap}.oh {overflow:hidden}.visible {display:;}
    .screenHide {display:;}.db {display:block}
    .inlineNotice {color:#669900}.inlineWarn{color:#FF0000}.inlineHighlight {background-color:#FFFF66}
    .fwb {font-weight:bold}.fwn{font-weight:normal}.fsi{font-style:italic}.fsu{text-decoration:underline}
    .fs8{font-size:8px}.fs9{font-size:9px}.fs10{font-size:10px}.fs11{font-size:11px}
    .fs12{font-size:12px}.fs13{font-size:13px}.fs14{font-size:14px}.fs16{font-size:16px}.fs18{font-size:18px}
    .fl{float:left}.fr{float:right}.cb {clear:both}
    .required {border-bottom: 3px double #FF0000}
    .pw {font-family:Courier New, monospace; white-space: pre-wrap}
    #PrintBanner {position:absolute;top:0;right:0;font-weight:bold;font-size:11px}
    #PrintBanner div#DisplayName {font-size:10px; text-align:right}
    #Page{position:relative;background:none}
    #Content{margin:0 !important; padding:35px 0 0 0 !important;  width:auto !important }
    #PageTitle { position: absolute; top: 0; left:0;font-size: 14px; font-weight: bold }
/*--FORM STYLES---------*/
    .module{position:relative;padding:0;margin:0 0 15px 0}
    form p{padding:0;margin:0}
    fieldset{border:3px double #CCC; border-left-color:#999;border-top-color:#999; margin:0 auto}
    legend{font-weight:bold;font-style:italic;padding:0 8px;margin:0}
    textarea{width:98%}
    textarea, input, select{background-color:#FFF;border:0;color:#2B2520;margin:0;padding:2px}
    select {padding:1px 2px}
    select optgroup { ont-size:10px}
    input.file {position:absolute; opacity:0}
    input.image {border: none;background: transparent}
/*----DEFAULT TABLE STYLES----*/
    table {width:100%}
    table tr td {padding:2px}
    table tr.header td,table th{font-weight:bold;border-bottom:3px double #ECECEC;background-color:#FCFCFC}
    table tr.summary td{font-weight:bold; border-top: 3px double #ECECEC; background-color: #FCFCFC }
    table tr.rs1 td{background-color:#FFF !important; }
    table tr.rs2 td{background-color:#F0F0F0 !important}
/*-----GRID STYLES----*/
    .grid {width:100%; border-spacing:1px;empty-cells:show}
    .grid caption {text-align:left;text-transform:uppercase;font-weight:bold;padding:5px;background-color:#000;color:#FFF}
    .grid select {padding:1px}
    .grid thead tr th,.grid tfoot tr th {text-align:left;font-weight:bold;padding:5px;background-color:#000;color:#FFF}
    .grid td { text-align:left; padding:5px }
    .grid .row-child td { text-align: eft; background-color:#FFF; padding-left:25px}
    .grid .row-child td td { padding: 5px; }
    .grid .r1>td { background-color:#FFF }
    .grid .r2>td { background-color:#F0F0F0; }
    .grid .active td { background-color:#EEE; font-weight:bold }
    .grid .edit {background:url(/images/edit_flag.png) top left no-repeat}
    .grid .row-child td td{padding: 2px}
}
