/* ===== */
/* RESET */
/* ===== */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,hr,pre,form,p,blockquote,fieldset,input,iframe { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table {border-collapse: collapse; border-spacing: 0px; }

/* ================ */
/* SETTING DEFAULTS */
/* ================ */

body { font-family: Arial, Helvetica, Verdana, sans-serif, "MS sans serif" !important; font-size: 13px; background-color: rgb(17,17,17); background-image: linear-gradient(to bottom, rgb(124,124,124), rgb(17,17,17) 24px); background-repeat: no-repeat; -moz-user-select: none !important; -webkit-user-select: none !important; -ms-user-select: none !important; }
table { border: 0px; }
tr { vertical-align: top; }
td { padding: 0px; }
p { margin-top: 0.5em; }
br { margin-top: 0px; }
b { font-weight: bold; }
iframe { border: 0px; } 
img { vertical-align: baseline; }
hr { color: #111111; height: 1px; border: 0px; }
a { text-decoration: none; }
a:link { color: #111111; }
a:visited { color: #111111; }
a:active { color: #111111; }
a:hover { background: #111111; color: #ffff00; }
input { border: 1px solid #333333; background-color: #FFFFFF; padding: 1px 2px; font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif"; -moz-user-select: text !important; -webkit-user-select: text !important; -ms-user-select: text !important; }
input + label { cursor: pointer; }
input[disabled] + label { color: #888888; cursor: default; }
input[disabled] { background-color: #dddddd; color: #111111; }
select[disabled] { background-color: #dddddd; color: #111111; }
input[type="submit"],input[type="reset"],input[type="button"] { border: 0px; background-color: #111111; color: #ffffff; font-weight: bold; cursor: pointer; vertical-align: middle; padding: 2px 4px; }
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover { color: #ffff00; }
input[type="submit"][disabled],input[type="reset"][disabled],input[type="button"][disabled] { color: #b4b4b4; cursor: default; }
input[type="submit"][disabled]:hover,input[type="reset"][disabled]:hover,input[type="button"][disabled]:hover { color: #b4b4b4; cursor: default; }
input[type="radio"] { border: 0px; margin: 0px 5px 2px 0px; }
input[type="checkbox"] { border: 0px; margin: 0px 5px 2px 0px; }
input[type="text"] { }
input[type="password"] { }
textarea { border: 1px solid #333333; background-color: #FFFFFF; vertical-align: middle; padding: 1px 2px; font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif"; -moz-user-select: text !important; -webkit-user-select: text !important; -ms-user-select: text !important; }
select { border: 1px solid #333333; background-color: #FFFFFF; vertical-align: middle; padding: 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif"; }
option { padding: 0px 0px 0px 3px; }
ul { list-style-type: disc; margin: 4px 0px 0px 20px; }
ol { list-style-type: decimal; margin: 4px 0px 0px 20px; }
h1 { font-size: 18px; font-weight: bold; margin-bottom: 0px; }
h2 { font-size: 16px; font-weight: bold; }
h3 { font-size: 14px; font-weight: bold; }
strong { font-weight: bold; }


/* ====================== */
/* GENERAL SETTINGS (gen) */
/* ====================== */

/* .gen_uiarea { margin: 0px auto 0px auto; width: auto; min-width: 1024px; max-width: 1150px; height: 734px; } */
.gen_uiarea { margin: 0px auto 0px auto; width: auto; min-width: 1024px; max-width: 1150px; height: auto; }
/* .gen_uiarea_restricted { margin: 0px auto 0px auto; width: 1024px; height: 734px; } */
.gen_uiarea_restricted { margin: 0px auto 0px auto; width: 1024px; height: auto; }

.gen_header { width: 100%; height: 24px; display: block; color: rgb(244,244,244); font-weight: bold; }
.gen_headerleft { width: 33%; float: left; overflow: hidden; }
.gen_headerleftcontent { width: auto; padding: 3px 0px; white-space: nowrap; text-align: left; }
.gen_headercenter { width: 34%; float: left; overflow: hidden; }
.gen_headercentercontent { width: 100%; padding: 3px 0px; white-space: nowrap; text-align: center; }
.gen_headerright { width: 33%; float: left; overflow: hidden; }
.gen_headerrightcontent { width: 100%; padding: 3px 0px; display: inline-block; white-space: nowrap; text-align: right; }

/* .gen_workarea { width: 100%; height: 710px; overflow: hidden; } */
.gen_workarea { width: 100%; height: auto; overflow: hidden; }

.gen_clearleft { clear: left; }
.gen_clearall { clear: both; }

.gen_float_l { float: left; }

.gen_giant { font-size: 24px; }
.gen_big { font-size: 18px; }
.gen_medium { font-size: 15px; }
.gen_small { font-size: 11px; }
.gen_bold { font-weight: bold; }

.gen_red { color: rgb(214,0,0); }
.gen_blue { color: rgb(17,0,166); }

.gen_w050 { width: 50px; }
/* .gen_w070 { width: 70px; } */
.gen_w075 { width: 75px; }
.gen_w220 { width: 220px; }
/* .gen_w525 { width: 525px; } */
.gen_w545 { width: 545px; }

.gen_calign { text-align: center; }
.gen_ralign { text-align: right; }


/* .gen_w100perc { width: 100%; } */

.gen_vspace10 { height: 10px; }
.gen_vspace15 { height: 15px; }
.gen_vspace20 { height: 20px; }

/* .gen_h072 { height: 72px; } */
/* .gen_h144 { height: 144px; } */

.gen_no_lmargin { margin-left: 0px !important; }

.gen_btn { display: inline-block; float: left; overflow: hidden; cursor: pointer; width: 80px; height: 50px; padding: 6px 4px; margin: 5px; font-size: 13px; text-decoration: none; font-weight: bold; text-align: center; border-radius: 4px / 4px; box-shadow: 2px 2px 2px rgba(0,0,0,0.65); }
.gen_btn:active { box-shadow: none; }

.gen_btn_placeholder { display: inline-block; float: left; overflow: hidden; width: 80px; height: 50px; padding: 6px 4px; margin: 5px; }

.gen_btnbig { display: inline-block; float: left; overflow: hidden; cursor: pointer; width: 120px; height: 75px; padding: 9px 6px; margin: 8px; font-size: 18px; text-decoration: none; font-weight: bold; text-align: center; border-radius: 6px / 6px; box-shadow: 3px 3px 3px rgba(0,0,0,0.65); }
.gen_btnbig:active { box-shadow: none; }

.gen_modalizerwin { position: fixed; left: 0px; top: 0px; z-index: -1; width: 4000px; height: 2500px; border: 0px; display: none; }
.gen_modalizerbody { background-color: rgba(0,0,0,0.3); }

.gen_interfacewin { position: fixed; overflow: hidden; left: -5px; top: -5px; z-index: -1; width: 0px; height: 0px; border-radius: 20px / 20px; box-shadow: 3px 3px 3px rgba(0,0,0,0.65); }
.gen_loadingbody { margin: 20px; color: rgb(250,250,250); background-color: rgb(80,80,80); background-image: none; }

.gen_hiddenwin { position: fixed; left: -5px; top: -5px; z-index: -2; width: 0px; height: 0px; }

.gen_modalbody { margin: 10px; color: rgb(250,250,250); background-color: rgb(80,80,80); background-image: none; overflow: hidden; }
.gen_modular { margin: 0px; background-image: none; background-color: rgb(250,250,250); }

/* ================================== */
/* SCROLLABLE STYLE DEFINITIONS (scr) */
/* ================================== */

/* root element for the scrollable. when scrolling occurs this element stays still. */
.scr { position: relative; overflow: hidden; float: left; }
 
/* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width/height to accommodate scrollable items.
   it's enough that you set width and height for the root element and not for this element. */
.scr .scr_items { width: 20000em; position: absolute; }
.scr .scr_vert_items { height: 20000em; width: 100%; position: absolute; }
 
/* a single DIV item. must be floated in horizontal scrolling. typically, this element is the one that *you* will style the most. */
.scr_items div { float: left; }
.scr_vert_items div {  }

/* scr_prev, scr_next, prevPage and nextPage navigational buttons */
div.scr_browse { display: block; float: left; overflow: hidden; cursor: pointer; }
div.scr_browse img { width: 40px; height: 40px; }

/* right navigational button */
div.scr_right { clear: right; }

/* left navigational button */
div.scr_left { }

/* up and down navigational buttons */
div.scr_up, div.scr_down  { float: none; }

/* up navigational button */
div.scr_up { }

/* down navigational button */
div.scr_down { }

/* disabled navigational button */
div.scr_disabled { visibility: hidden !important; }

/* general horizontal navigation */
.scr_gen_nav { width: 40px; height: 40px; padding: 3px; color: rgb(255,255,255); background-color: rgb(102,102,102); text-decoration: none; font-weight: bold; text-align: center; border-radius: 4px / 4px; box-shadow: 3px 3px 3px rgba(0,0,0,0.65); }
.scr_gen_nav:hover { background-color: rgb(51,51,51); }
.scr_gen_nav:active { background-color: rgb(0,0,0); box-shadow: none; }

/* general vertical navigation */
.scr_gen_vlist_nav { width: 40px; height: 40px; padding: 3px 15px; color: rgb(255,255,255); background-color: rgb(153,153,153); }
.scr_gen_vlist_nav:hover { background-color: rgb(100,100,100); }
.scr_gen_vlist_nav:active { background-color: rgb(47,47,47); }
.scr_gen_vlist_nav_disabled { padding: 3px 15px; background-color: transparent; cursor: auto !important; }
.scr_gen_vlist_nav_disabled:hover { background-color: transparent; }
.scr_gen_vlist_nav_disabled:active { background-color: transparent; }


/* ========================= */
/* PAGE SPECIFIG DEFINITIONS */
/* ========================= */


/* --------------------------------------------- */
/* PAGE BILL ITEM NO DIALOGUE PROCEDURES (bindp) */
/* --------------------------------------------- */

.bindp_body { margin: 20px; color: rgb(250,250,250); background-color: rgb(80,80,80); background-image: none; overflow: hidden; }


/* ----------------------------------------------- */
/* PAGE INVALID PARAMETERS OR CONFIGURATION (ipoc) */
/* ----------------------------------------------- */

.ipoc_body { background-color: rgb(250,250,250); background-image: none; margin: 20px; }


/* --------------------------------------------- */
/* PAGE NO PERMISSION OR SESSION EXPIRED (npose) */
/* --------------------------------------------- */

.npose_body { background-color: rgb(250,250,250); background-image: none; margin: 20px; }


/* --------------------------- */
/* PAGE RECORD NOT FOUND (rnf) */
/* --------------------------- */

.rnf_body { margin: 20px; color: rgb(250,250,250); background-color: rgb(80,80,80); background-image: none; }


/* --------------------------- */
/* PAGE EPR ALERT (alr) */
/* --------------------------- */

.alr_body { margin: 20px; color: rgb(250,250,250); background-color: rgb(80,80,80); background-image: none; }
/* .alr_text { width: 100%; height: 200px; overflow: hidden; font-size: 18px; margin: 15px 0px; } */
.alr_text { width: 440px; height: 135px; margin: 15px 0px 10px; padding: 10px; border-radius: 10px / 10px; float: none; overflow: hidden; font-size: 18px; text-align: left; color: rgb(20,20,20); background-color: rgb(250,250,250); }


/* ======================= */
/* BUTTON STYLE SETS (btn) */
/* ======================= */

.btn_ca0 { color: #000000; background-color: #ffdfa8; }
.btn_ca0:hover { background-color: #fdf1dc; }
.btn_ca0:active { color: #ffffff; background-color: #332D22; }
.btn_ca0_selected { box-shadow: none !important; color: #f7fc86; background-color: #000000; cursor: default; }
.btn_ca0_selected_multi { box-shadow: none !important; color: #f7fc86; background-color: #000000; }
.btn_ca0_dis { box-shadow: none !important; color: #c3c3c3; background-color: #998665; font-style: italic; cursor: default; }
/* .btn_ca0_dis { box-shadow: none !important; color: #c3c3c3; background-color: #e1e1e1; font-style: italic; cursor: default; } */

.btn_ca1 { color: #000000; background-color: #afffc9; }
.btn_ca1:hover { background-color: #e1ffeb; }
.btn_ca1:active { color: #ffffff; background-color: #233328; }
.btn_ca1_selected { box-shadow: none !important; color: #f7fc86; background-color: #000000; cursor: default; }
.btn_ca1_selected_multi { box-shadow: none !important; color: #f7fc86; background-color: #000000; }
.btn_ca1_dis { box-shadow: none !important; color: #c3c3c3; background-color: #588064; font-style: italic; cursor: default; }

.btn_ca2 { color: #000000; background-color: #c2adfe; }
.btn_ca2:hover { background-color: #ece5ff; }
.btn_ca2:active { color: #ffffff; background-color: #272333; }
.btn_ca2_selected { box-shadow: none !important; color: #f7fc86; background-color: #000000; cursor: default; }
.btn_ca2_selected_multi { box-shadow: none !important; color: #f7fc86; background-color: #000000; }
.btn_ca2_dis { box-shadow: none !important; color: #c3c3c3; background-color: #61567F; font-style: italic; cursor: default; }

/* ======================= */
/* BAR STYLE SETS (bar) */
/* ======================= */

.bar_ca0 { cursor: pointer; color: #000000; background-color: rgb(240,240,240); background-image: linear-gradient(to top, rgb(220,220,220) 0%, rgb(250,250,250) 100%); }
.bar_ca0:hover { cursor: pointer; color: #ffffff; background-color: #777777; background-image: linear-gradient(to top, #666666 0%, #888888 100%); }
.bar_ca0:active { cursor: pointer; color: #ffffff; background-color: #333333; background-image: linear-gradient(to top, #222222 0%, #555555 100%); }
.bar_ca0_selected { cursor: pointer; color: #f7fc86; background-color: #222222; background-image: linear-gradient(to top, #111111 0%, #444444 100%); }
.bar_ca0_selected:hover { cursor: pointer; color: #f7fc86; background-color: #444444; background-image: linear-gradient(to top, #333333 0%, #555555 100%); }
.bar_ca0_selected:active { cursor: pointer; color: #ffffff; background-color: #333333; background-image: linear-gradient(to top, #222222 0%, #555555 100%); }
/* .bar_ca0_dis { cursor: default; color: #c3c3c3; font-style: italic; background-color: #998665; background-image: linear-gradient(to top, #c0a87f 0%, #998665 100%); } */
.bar_ca0_dis { cursor: default; color: #d3d3d3; font-style: italic; background-color: #998665; background-image: linear-gradient(to top, #999999 0%, #bbbbbb 100%); }