@charset "UTF-8";
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}

h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal;margin:0 }
p{margin-top:0;margin-bottom:1em}
td,th{text-align: left;vertical-align: top;}

button, object, ol, ul, li, fieldset, form, label, caption,
table, tbody, tr, th, td, iframe,canvas, footer, header, menu, nav, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
}

a {outline: none;}
:focus {outline:none;}
pre{margin-top:0;text-align:left;font-size:10px;line-height:0.9}
img{border:0}
img a{border:0}

body {
    color: #000000;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 11px;
    margin: 0;
    background-color: #ebeae8;
}
.fira_cond {
    font-family: Fira Sans Extra Condensed, Arial, Helvetica, sans-serif;
}
.fwt_300 {
    font-weight: 300;
}
.fwt_400 {
    font-weight: 400;
}
.fwt_500 {
    font-weight: 500;
}
.fwt_600 {
    font-weight: 600;
}

.dttbl {
    display: table;
}
.dtrow {
    display: table-row;
}
.dtcell {
    display: table-cell;
}
.dib {
    display: inline-block;
    vertical-align: top;
}
.disp_block {
    display: block;
}
.dnone {
    display: none;
}
.fl {
    float: left;
}
.clfl {
    clear: left;
    float: left;
}
.fr {
    float: right;
}
.clboth {
    clear: both;
}
.mauto {
    margin: 0 auto;
}

.txtal_left {
    text-align: left;
}
.txtal_ctr {
    text-align: center;
}
.txtal_rt {
    text-align: right;
}
.val_top, .tbl_val_top td {
    vertical-align: top;
}
.val_mid {
    vertical-align: middle;
}
.val_btm {
    vertical-align: bottom;
}
.nomarg,.nospace {
    margin: 0;
    padding: 0;
}
.fixlayout {
    table-layout: fixed;
}
.pos_rel {
    position: relative;
}
.pos_abs,.btndiv {
    position: absolute;
}

.bld{
	font-weight: bold;
}
.fontsz_up1{
	font-size:112% !important;
}
.fontsz_d1{
	font-size:90%;
}
.fontsz_1px{
    font-size:1px !important;
    line-height:1;
    padding:0 !important;
}
.whbg {
    background-color: #fff;
}


#hpgpane {
    background-color: #fff;
    width: 94%;
    padding: 0 3% 12px 3%;
}
#hpgpane p {
    margin: 0;
}
#hpgheader {
    color: #555;
    background-color: #fff;
    font-weight: bold;
    font-size: 15px;
    width: 94%;
    padding: 8px 3%;
}
#hpgheader p {
    font-size: 15px;
    color: #555;
    margin: 0;
    padding: 0;
}



.std_tbl{
	margin:0 auto;
}
.std_tbl td{
	padding: 3px 2px;
	vertical-align:top;
}
.help_abs {
    width: 13px;
    height: 13px;
    display: inline-block;
    position: absolute;
}
.pos_tr {
    top: 1px;
    right: 1px;
}
.pos_tr2 {
    top: 2px;
    right: 2px;
}
.pos_tl {
    top: 1px;
    left: 1px;
}



.num_el {
    border-top: 1px dotted #696969;
    width: 98%;
}
.ckpricerows {
    clear: left;
    padding: 0 2% 2px 0;
    width: 69%;
    float: left;
    text-align: right;
    color: #777777;
    border-top: 1px solid #fff;
    background-color: #e8eff8;
}
.ckpricerowsb {
    padding: 0 14% 2px 0;
    width: 15%;
    float: left;
    text-align: right;
    color: #777777;
    border-top: 1px solid #fff;
    background-color: #edf5ff;
}
.dashcount {
    width: 7%;
}
.dashttl {
    font-size: 16px;
    color: #505454;
}
.dashbox a {
    text-decoration: none;
    color: #333;
}
.dashbox td {
    vertical-align: top;
}
.dashbox .rgn {
    background-color: #d8d8d8;
    padding: 2px 0 2px 6px;
    border-top: 7px solid #fff;
}
.dashbox .rent {
    background-color: #a7eaf5;
}
.dashbox .occu {
    background-color: #7ce6f6;
}
.dashbox .currentbks {
    background-color: #d2f3f8;
}
.dashbox .msgs {
    display: inline-block;
    width: 30%;
    padding-right: 2%;
    color: #555555;
    font-size: 90%;
}
.bdg {
    background-color: #dcf6f6;
}
.currentbktbl td {
    padding: 2px 2px;
}

.gen_abs {
    display: inline-block;
    position: absolute;
}

div.sheetouter {
    position: absolute;
    top: 82px;
    left: 770px;
    width: 160px;
    height: 15px;
    text-align: right;
}
div.spacegap {
    height: 5px;
    line-height: 0.5;
}
div.errorpage {
    margin: 0 auto;
    padding: 10px 0;
}
.top1 {
    top: 140px;
}
.top2 {
    top: 89px;
}
.bordt {
    border-top: solid 1px #D6CCB0;
}
.bordb {
    border-bottom: solid 1px #D6CCB0;
}
.bordt_mid {
    border-top: solid 1px #9F8A6F;
}
.bordb_mid {
    border-bottom: solid 1px #9F8A6F;
}
.bordt_dk {
    border-top: solid 1px #74664B;
}
.bordb_dk {
    border-bottom: solid 1px #74664B;
}
.bord_btm_wh {
    border-bottom: solid 1px #fff;
}
.bord_btm2px {
    border-bottom: solid 2px #fff;
}
.bord_btm4px {
    border-bottom: solid 4px #fff;
}
.bord_rt_wh {
    border-right: 1px solid #fff;
}
.bord_top_grey {
    border-top: 1px solid #aaa;
}
.bord_dbg {
    border: solid 1px #8FF2F8;
}
.bord_btm_grey1{
	border-bottom: solid 1px #BEC1C5;
}
.bord_btm_grey2{
	border-bottom: solid 1px #9DA2A8;
}
.cellbord_rt {
    border-right: 1px solid #bbb;
}


.bking_greyline {
    width: 1000px;
    margin-left: 10px;
    border-top: solid 1px #aaaaaa;
    margin-top: 6px;
}
.filttbl {
    border-bottom: solid 1px #C6C1B2;
    border-top: solid 1px #C6C1B2;
    margin-bottom: 4px;
    background-color: #deebf6;
}
.narrow {
    font-family: "Arial Narrow", Arial, sans-serif;
}
.filtpad {
    padding: 3px 2px;
    vertical-align: top;
}
.endpad {
    padding: 0 2px;
}

.amendbox {
    background-color: #FaFaFa;
    border: solid 1px #ec6633;
    margin: 0 auto 8px auto;
    padding-top: 5px;
    text-align: left;
}
.ctrpage {
    font-size: 115%;
    margin: 0 auto;
    padding: 2px 0 5px 0;
    color: #222;
    background-color: #F4E9Ce;
}
.boldblack {
    color: #000000;
    font-weight: bold;
}
.tblfixed {
	table-layout:fixed;
}
.tblwid {
	width:100%;
    max-width: 1020px;
}
.tbl_100, .w100 {
	width:100%;
}
.tbl_640 {
	width:640px;
}
.tbl_720 {
	width:720px;
}
.tblwid td, .tbl_100 td, .tbl_640 td, .tbl_720 td, .tbl_freewid td {
    color: #000000;
    font-size: 11px;
    padding: 3px 2px;
}
.furn_tbl td{
    padding: 2px 2px 0 2px;
}
.w98{
	width:98%
}
.alrt_pad {
    text-align: right;
    padding-right: 5px !important;
}
.padrt, .cell_a.padrt, .cell_b.padrt {
    padding-right: 5px;
}
.padrt10, .tblwid td.padrt10, .tbl_100 td.padrt10, .tbl_640 td.padrt10, .tbl_720 td.padrt10, .tbl_freewid td.padrt10 {
    padding-right: 10px;
}
.pad_l {
    padding-left: 6px;
    padding-right: 4px;
}
.pad_r {
    padding-left: 4px;
    padding-right: 6px;
}
.pad_gen{
    padding: 4px 5px;
}
.min_cell {
    padding: 0 !important;
    font-size: 0.5px;
    height: 1px;
    line-height: 0.1;
}
.min_cell img {
    height: 1px;
}
.cancel_cell{
	background-color: #EEEEEE;
	text-align: right;
	padding-right: 14px !important;
    vertical-align:middle;
    font-weight: bold;
}
.cancel_cell a{
	display:inline-block;
	margin:0 0 0 6px;
	width:12px;
	height:12px;
 	background-image: url("../images/del.gif");
    background-size: contain;
    background-repeat: no-repeat;
}
.tbl_hd {
    font-weight: bold;
    background-color: #D5CCB3;
}

.tbl_hd_2 {
    background-color: #D5CCB3;
}
.tbl_hd_3 {
    font-size: 10px;
    font-weight: bold;
    background-color: #D5CCB3;
}

.tbl_hd_5 {
    font-weight: bold;
    background-color: #BfDce8;
}
.tbl_hd_c {
    font-weight: bold;
    text-align: center;
    background-color: #D6CCB0;
}

.cell,.cell_a,.cell_sm, .palegreybg {
    background-color: #EEEEEE;
}
.cell_a_red {
    color: #DD0E11;
    padding: 1px 1px 1px 1px;
    background-color: #EEEEEE;
    border: 1px solid #DD0E11;
}
.cell_rt {
    text-align: right;
    background-color: #EEEEEE;
}
.cell_ctr {
    text-align: center;
    background-color: #EEEEEE;
}
.cell_b {
    background-color: #E0E0E0;
}
.cell_b_red {
    color: #DD0E11;
    padding: 1px;
    background-color: #E0E0E0;
    border: 1px solid #DD0E11;
}
.cell_alt {
    background-color: #EBEFFD;
}
.cell_balt {
    background-color: #DBDFED;
}
.cell_alt_b {
    background-color: #E1cfE0;
}
.cell_alt_c {
    background-color: #DBDFED;
}
.cell_alt_d {
    background-color: #CFD3EC;
}
.cell_alt_e {
    background-color: #d9e8fd;
}
.cell_np {
    background-color: #E8E8E8;
}
.cell_blu {
    background-color: #5AB1F4;
}

.cell_selfbk {
    color: #333;
    background-color: #E6F8A7;
}
.cell_agent {
    background-color: #F8E6A7;
}

.cell_pink {
    color: #333;
    background-color: #FFddee;
}
.cell_hilite2 {
    background-color: #FCE8BC;
}
.cell_block {
    background-color: #F7C8D2;
}
.cell_block_pale {
    background-color: #Fceaf4;
}
.cell_lilac {
    background-color: #EBE1F7;
}
.cell_lilac2 {
    background-color: #F3EEFB;
}

.purplegrey_bg {
	background-color: #ebc6e6;
}
.pink_bg {
	background-color: #ffd8e2;
}
.paleblue_bg {
	background-color:#d3f8ff;
}

.purplegrey_bord_btm {
	border-bottom:2px solid #e8bbff;
}
.pink_bord_btm {
	border-bottom:2px solid #ffbad7;
}
.paleblue_bord_btm {
	border-bottom:2px solid #bcf0ff;
}
.purplegrey_bg_b {
	background-color: #e8bbff;
}
.pink_bg_b {
	background-color: #ffbad7;
}
.paleblue_bg_b {
	background-color: #bcf0ff;
}
.palebeige {
    background-color: #f4e9ce !important;
}
.reportitem {
    border-bottom: 2px dotted #aaa;
    padding-bottom: 3px;
    text-align: left;
}
.report_totals {
    border-bottom: 20px solid #fff;
    background-color: #e6f8f0;
}
.cell_f {
    background-color: #f2f2f3;
}

.cell_b_f {
    background-color: #ecf0f8;
}
.cell_mover {
    text-align: center;
    background-color: #D7C9FF;
    border: solid 2px #9C80D4;
}
.tbl_hd_mover {
    font-weight: bold;
    text-align: center;
    background-color: #B9A3E9;
}
.today_bg {
	background-color: #ffd6db;
}

.wid_ht_100 {
    width: 100%;
    height: 100%;
}
.colourbox {
    float: left;
    width: 18px;
    height: 12px;
    margin-right: 3px;
}
.txcbox {
    float: left;
    margin-right: 20px;
}
.boxhili {
    padding-bottom: 1px;
    border-bottom: 1px dashed #c55;
}
.unit_bg3 {
    background-color: #c8Ecc8;
}
.unit_bg4 {
    background-color: #c0cfEf;
}
.alt_b_bg {
    background-color: #E1cfE0;
}
.hpg_blk {
    color: #bb6633;
    text-align: left;
    width: 1076px;
    font-weight: bold;
    margin: 0 auto 3px auto;
    padding: 3px 0;
    border: 1px solid #BB8B6F;
}
.tblpad {
    margin-top: 10px;
    margin-bottom: 10px;
}
.tblpadt {
    margin-top: 10px;
}
.tblpadb {
    margin-bottom: 10px;
}
.tblpadb2 {
    margin-bottom: 3px;
    line-height: 1.1;
}
.checkpricehead {
    color: #333333;
    padding-bottom: 2px;
    border-bottom: solid 1px #D6CCB0;
    line-height: 1;
    vertical-align: bottom;
}
.head1 {
    font-size: 14px;
    font-weight: bold;
    color: #0000AA;
}

.head2 {
    color: #0000AA;
    font-size: 12px;
}
.head3 {
    color: #666666;
    font-size: 12px;
}
.flexwrap {
    display: flex;
    flex-wrap: wrap;
}
.flex3col {
    flex: 1 0 33%;
}
.flex2col {
    flex: 1 0 50%;
}
.flexcols {
    flex: 1 0;
}

.tcmsgs {
    font-size: 106%;
    padding-top: 3px;
    padding-bottom: 0;
    background-color: #f3f3f3;
}
.tcmsgs td {
    padding-top: 4px;
    padding-bottom: 0;
    line-height: 1;
}
.msg_list {
    margin-top: 3px;
    padding: 3px 1px 2px 1px;
}
.msg_panel{
	padding-top:3px;
	padding-bottom:8px;
	margin-top:8px;
	margin-bottom:4px;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-radius:10px;
	background:#fff;
	font-size:104%;
}
.msgs_un_rd{
	border-radius:8px;
    padding:4px 10px;
    text-decoration: none;
    color:#fff;
	background:#eb220f;
    font-size:108%;
}
.msgs_un_rd:hover{
    color:#333;
}

.msgs_un_rd_others{
	border-radius:8px;
    padding:4px 10px;
    text-decoration: none;
    color:#fff;
	background:#d56cdf;
    font-size:108%;
}
.msgs_un_rd_others:hover{
    color:#333;
}
#msgs_scroll {
    overflow: auto;
    overflow-y: scroll;
    height: 366px;
}
.msg_sender{
	width:95%;
}
.msg_recip{
	margin-left:3%;
	width:95%;
	background-color: #f1faf2;
}
.msg_ttl {
	font-size:92%;
}
.msg_adm {
    border-top: solid 1px #626fec;
    background-color: #f3f2f9;
}
.msg_cust {
    border-top: solid 1px #62ec6f;
    background-color: #f3f9f2;
}
.msg_note {
    width:95%;
    margin-left:3%;
    border-top: solid 1px #fcd769;
    border-right: solid 1px #fcd769;
    border-bottom: solid 1px #fcd769;
    background-color: #fdfaf2;
}
.msg_subj {
	padding:1px 0 3px 0 ;
    border-bottom: dotted 1px #BEBEC0;
}
.msg_txt {
	padding:3px 0 4px 0 ;
}
.msg_bk_box{
	background-clip: padding-box;
	border-right:solid 12px transparent;
	color: #000;
	vertical-align: top;
}
.msg_indenter{
	padding-left:6px;
}
.msg_read_bord{
	border-left:4px solid #ccc;
}
.msg_un_rd_bord{
	border-left:4px solid #FF00FF;
}
.msg_note_bord{
	border-left:4px solid #fcd769;
}
.msg_un_rd_ttl {
	font-weight:bold;
	font-size:80%;
	margin:1px 0 0 2px;
	line-height:1.2;
	color:#ec01ec;
}
.bkhilite {
    border-top: 2px solid #9C80D4;
    border-bottom: 2px solid #9C80D4;
    border-right: 3px solid #9C80D4;
    border-left: 3px solid #9C80D4;
}
.shifthilite {
    border-top: 2px dashed #9C80D4;
    border-bottom: 2px dashed #9C80D4;
    border-right: 3px dotted #9C80D4;
    border-left: 3px dotted #9C80D4;
}
input[type="submit"] {
    border: 1px solid #013f72;
    border-radius: 8px;
    margin:7px 7px 8px 7px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 6px;
    line-height: 1;
    color:#013f72;
    text-align: center;
    background-color: #cae9ff;
    cursor: pointer;
    /* cfe8f4 */
}
input[type="submit"]:hover {
    color:#01294b;
    border: 1px solid #01294b;
    background-color: #ebf4fd;
}

button[type="submit"] {
    border: 1px solid #004e90;
    border-radius: 8px;
    margin:7px 7px 8px 7px ;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 6px;
    line-height: 1;
    color:#004e90;
    text-align: center;
    background-color: #daebfc;
    cursor: pointer;
}
button[type="submit"]:hover {
    color:#01294b;
    border: 1px solid #01294b;
    background-color: #ebf4fd;
}
.submit_pad {
    padding: 7px 10px;
}


.file {
	opacity: 0;
	width: 0.1px;
	height: 0.1px;
	position: absolute;
}
.file-input label {
	padding: 2px 6px;
	position: relative;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #762E29;
	border-radius: 5px;
	background: #F4F4F7;
	color: #444;
	cursor: pointer;
}
.file-name {
	position: absolute;
	bottom: -35px;
	left: 10px;
	font-size: 0.85rem;
	color: #555;
}


.css_btn {
	font-family:'Fira Sans',Arial, sans-serif;
	font-weight:500;
    display: block;
    position: relative;
    left: 50%;
    color: #FFF;
	border: 2px solid #fff;
    font-size: 14px;
    line-height: 18px;
    height: 21px;
    box-sizing: border-box;
    text-align: center;
    box-shadow: 1px 1px 2px #888;
}
.css_btn:hover {
	color: #fff;
	border-color: #dd0010;
	background-image: url('btn-grad.png');
	background-size: contain;
}
/*
.css_btn div {
	transform:scaleX(0.9);
}
*/
.round_btn {
    letter-spacing: 0.2px;
    border-radius: 11.5px;
    /* one half of ( (border * 2) + height ) */
    width: 21px;
    padding: 0;
    margin: -2px 0 0 -9px;
}
.loz_btn {
    letter-spacing: 0.4px;
    white-space: nowrap;
    border-radius: 8px;
    /* one half of ( (border * 2) + height + padding ) */
    color: #FFF;
    padding: 0 3px;
    margin: -2px 0 0 -32px;
}
.showhide_btn {
    color: #040E51;
    background: #DEE1E7;
    padding: 4px 6px;
    border: solid #999 1px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}
.showhide_btn:hover {
    color: #00A;
    background: #F0F0F4;
}

.blue_btn {
    color: #040E51;
    background: #cae9ff;
    padding: 4px 6px;
    border: solid #013f72 1px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: bold;
    text-decoration:none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}
.blue_btn:hover {
    color: #01294b;
      border: 1px solid #01294b;
    background: #ebf4fd;
}


.navblock {
    width: 1020px;
    margin: 8px auto 2px auto;
}
.navbar {
    width: 925px;
    float: left;
    padding: 0;
    margin: 0;
}
.navbordtop {
    border-top: #9c94b4 1px solid;
}
.navbordbtm {
    border-bottom: #9c94b4 1px solid;
}
.navcell {
    float: left;
    padding: 2px 0.6% 0 0.6%;
}

.navpipe {
    float: left;
    padding: 2px 1px 0 1px;
    color: #808080;
}
a.navsel {
    color: #2222aa !important;
}
.ddsel {
    background-color: #ebf8f9 !important;
}

#nav {
    padding: 0px;
    margin: 6px 0 4px 0;
    text-align: left;
    float: left;
    display: block;
    height: 24px;
    border-left: 1px solid #aaa;
}
#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1;
}
#nav a {
    text-decoration: none;
    color: #333;
    font-size: 12px;
}
#nav li ul:hover {
    background-color: #0feff5;
}
#nav li ul li:hover {
    background-color: #f7f7fe;
}
#nav > a {
    display: none;
}
#nav li {
    position: relative;
}
#nav > ul {
    height: 20px;
}

#nav > ul > li {
    text-decoration: none;
    min-width: 56px;
    height: 23px;
    float: left;
    padding: 4px 8px 2px 8px;
    background-color: #efeff5;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

#nav li ul {
    display: none;
    position: absolute;
    top: 100%;
    min-width: 90px;
    padding: 0;
    text-decoration: none;
    white-space: nowrap;
    color: #333;
    border-top: 1px solid #aaa;
    margin-left: -9px;
    line-height: 14px;
    border-left: 1px solid #aaa !important;
    background-color: #ececf0 !important;
}

#nav li:hover ul {
    display: block;
}

#nav li ul li {
    padding: 5px 8px;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.logobgc {
    background-color: #888888;
}
#edit_time{
	margin-top:-2px;
	padding:0 8px ;
	line-height:1;
	min-height:24px;
	display: flex;
	align-items: center;
}
#cust_dd{
    list-style: none;
    margin:0;
	background-color: #fff;
	border-right:1px solid #c2c2c2;
	border-left:1px solid #c2c2c2;	
}
#cust_dd li{
    padding: 4px 5px;
    background-color: #fff ;
}

#cust_dd li:nth-child(odd) { background: #f8f8fb; }
#cust_dd li:last-child {
    border-bottom:1px solid #c2c2c2;
}

#cust_dd li:hover{
    background-color: #e0e0e2 ;
}
.cust_li_select{
    background-color: #e0e0e2 !important;
}
#cust_name_field{
    display:inline-block;
    width:93%;
    padding:1px 2px;
}
#cust_name_div svg  {
    width:10px;
    margin-left:2px;
    display:inline-block;
}
.warn_pre{
	background-color: #f8d3a9 ;
}
.warn_a{
	color:#666;
	background-color: #f7b69c;
}
.warn_b{
	color:#000;
	background-color: #f37d85 ;
}
.err {
    font-size: 13px;
    font-weight: bold;
    color: #ff2200;
}
.warn {
    font-weight: bold;
    text-align: left;
    color: #ff2200;
    padding: 3px 6px;
    line-height:1.4;
}
.warn2 {
    font-size: 11px;
    text-align: left;
    color: #333333;
    padding: 3px 6px;
    line-height:1.4;
}
.warnbox {
    padding: 3px 6px;
    margin: 1px auto 8px auto;
    font-size: 110%;
    text-align: left;
    background-color: #Fce5e8;
    border: solid 1px #ec6633;
}
.ncwarn {
    padding: 3px 6px;
    margin: 3px auto;
    line-height:1.4;
    font-size: 110%;
    text-align: left;
    color: #000;
    background-color: #e0e8fa;
    border: solid 1px #99aaff;
}
.infowarn {
    padding: 3px 6px;
    margin: 3px auto;
    font-size: 110%;
    text-align: left;
    color: #000;
    background-color: #DFFBF4;
    border: solid 1px #97C6AB;
}
.bluewarn {
    color: #20a;
    border: 1px solid #20a;
    padding: 2px 6px;
}
.redwarn {
    background-color: #FEF3ED;
    border: solid 1px #ed1111;
    padding: 2px 6px;
}
.redbgwarn {
    padding: 3px 5px;
    color: #000;
    background-color: #F7897D; /*F4264A*/
    border: solid 1px #ED2736;
}
.dbg {
    color: #000;
    margin: 5px auto;
    width: 100%;
    max-width: 800px;
    padding: 3px 5px;
    background-color: #fdfaed;
    border-left: solid 6px #ffaa55;
    line-height: 1.6;
    font-size: 12px;
    clear: both;
}
.tenpx {
    font-size: 10px;
}
.footnote {
    font-size: 10px;
    color: #555555;
    font-weight: normal;
}
.hilitenote {
    font-size: 10px;
    color: #333;
    padding: 1px 3px;
    line-height: 1.1;
    background-color: #FFddee;
}
.redtext {
    color: #DD0E11;
}
.bluetext {
    color: #005Eee;
}
.grntext {
    color: #0Edd22;
}
.greytext {
    color: #555555;
}
.dkgreytext {
    color: #333333;
}
.blktext {
    color: #000;
}
.midgreytext {
    color: #888;
}
.palegreytext {
	color: #a8a8a8;
}
.fira_tbl_hd {
    font-size: 135%;
    min-width: 220px;
    padding-top: 1px;
    margin: 0 6px;
    text-align: center;
    vertical-align: top;
}
.fira_tbl_key {
    font-size: 11px;
    background: rgba(240, 180, 50, 0.5);
    border-radius: 7px;
    padding: 3px;
    top: 2px;
    width: 30px;
}
a .fira_tbl_key {
    color: #000;
}
a .fira_tbl_key:hover {
    color: #42328F;
}
.furndd {
    border-right: none;
    border-top: 1px solid #88bbff;
    border-bottom: 1px solid #88bbff;
    border-left: 3px solid #88bbff;
    border-right: 3px solid #88bbff;
    min-width: 40px;
}
.furn_span {
    background-color: #f7ecb5;
    padding: 1px 3px;
    margin-right: 2px;
}
.mailsamplebox {
    clear: both;
    margin: 15px 0;
    max-width: 640px;
    padding: 20px 20px;
    border: 1px solid #ccc;
    resize: both;
    overflow: auto;
}
.update_payrec, .infolozenge {
    color: #335;
    padding: 2px 6px;
    background-color: #ecc;
    border: 1px solid #aaa;
    border-radius: 6px;
    display: inline-block;
    cursor: pointer;
}
.update_payrec:hover , .infolozenge:hover{
    background-color: #f8dfdf;
    color: #114;
}
.livefundrec_full {
    background-color: #FCDAE0;
}
.livefundrec_part {
    background-color: #FBEBCA;
}
.pw_encrypt_label {
    background-color: #cfb;
    padding: 1px 4px;
}
.vertical{
    writing-mode: vertical-rl;
    font-weight:normal;
    letter-spacing:0.06rem;
    padding:1px 0;
}
.form-error {
    display: block;
    margin: 3px 0 0 0;
    color: #F2231E;
	font-weight:bold;
    font-size: 12px;
    text-align: left;
}
.browntxt {
    color: #763131;
}
.roman {
    font-weight: normal;
}
.pwd_eye_slash  {
    margin-left: -25px;
    position: absolute;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url("../../images/pwd-eye-slash.png") no-repeat right 4px;
    background-size: contain;
}
.pwd_eye {
    background: url("../../images/pwd-eye.png") no-repeat right 4px;
    background-size: contain;
}

select {
    color: black;
    font-size: 12px;
}
select.smallsel {
    color: black;
    font-size: 11px;
}
input[type="password"] {
    font-family: Verdana;
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 0.8;
    padding-top: 0;
}
input#loguname {
    font-size: 12px;
    letter-spacing: 0.05em;
}
input[type="text"]#password {
    font-size: 12px;
    padding: 0 2px 1px 3px;
    letter-spacing: 0.05em;
}
input {
    color: black;
    font-size: 8pt;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}
textarea {
    color: black;
    font-size: 9pt;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}
.smalltxa {
    width: 220px;
    height: 60px;
}
.smalltxa2 {
    width: 220px;
    height: 40px;
}
.medtxa {
    width: 290px;
    height: 140px;
}

a {
    color: #0000AA;
}
a:hover {
    color: #0000ee;
}

a.nav {
    color: #7777A0;
}
.pgttl {
    font-size: 20px;
}
.bkpgtab {
    margin: 1px 5px 2px 10px;
    padding: 0 8px;
    font-size: 108%;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px solid #999;
}
.bkpgtab li {
    display: inline-block;
}
.bkpgtab li.tab {
    bottom: -1px;
    position: relative;
    padding: 2px 6px;
    margin: 0 3px;
    background-image: -ms-linear-gradient(#f0f0f0, #ddd);
    background-image: linear-gradient(#f0f0f0, #ddd);
    background-repeat: repeat-x;
    border: 1px solid #555;
    border-color: #ddd #999 #999 #ccc;
    border-radius: 5px 5px 0 0;
    background-color: #eef3f8;
    color: #224;
}
.bkpgtab li.bkpgsel {
    border-color: #aaa #888 #fff #aaa;
    background-color: #f2f2f2;
    background-image: -ms-linear-gradient(#E7EFF8, #fff);
    background-image: linear-gradient(#E7EFF8, #fff);
    background-repeat: repeat-x;
}
.bkpgtab li.ttl {
    padding: 0;
    font-size: 20px;
    margin: 0 13px 0 0;
}
.bkpgtab a {
    text-decoration: none;
    color: #707090;
}
.bkpgtab a:hover {
    color: #0000AA;
}

.mininav {
    padding: 0px;
    margin: 6px 0 4px 0;
    text-align: center;
}
.mininav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1;
}
.mininav a {
    text-decoration: none;
    color: #333;
    font-size: 12px;
}
.mininav li {
    float:left;
    padding:3px 10px;
    margin-left:10px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #f1f1f1;
}
.mininav li:hover {
    background-color: #d8f6f7;
}


a img {
    border: 0;
}

a.nav:hover {
    color: #0000AA;
}
a.navdk {
    color: #000055;
}

a.navdk:hover {
    color: #3355bb;
}
a.url {
    color: #000000;
}

a.url:hover {
    color: #0000AA;
}
a.black {
    color: #000000;
    text-decoration: none;
}

a.black:hover {
    color: #303543;
}
a.grey {
    color: #666;
    text-decoration: none;
}

a.grey:hover {
    color: #222;
}
a.log {
    color: #000055;
}

a.log:hover {
    color: #ff5500;
}
a.nk1 {
    color: #cc3300;
}
a.nk1:hover {
    color: #ff5500;
}
a.nk2 {
    color: #444488;
}
a.nk2:hover {
    color: #ff5500;
}
a.hpg {
    color: #444488;
}
a.hpg:hover {
    color: #ff5500;
}
a.nav2 {
    font-size: 10px;
    color: #444488;
    text-decoration: none;
}

a.nav2:hover {
    color: #0000cc;
}

a.btn_sty, .legend_btn a {
    color: #333337;
    padding: 2px 6px 2px 6px;
    border-radius: 6px;
    text-decoration: none;
}
a.btn1 {
    background-color: #EECA75;
}

a.btn1:hover {
    color: #000;
    background-color: #FFC56C;
}

a.btn2 {
    background-color: #B8E0EF;
}

a.btn2:hover {
    color: #000;
    background-color: #C7DFFC;
}

a.btn3 {
    background-color: #D6C6EA;
}

a.btn3:hover {
    color: #000;
    background-color: #E3D9F2;
}
.legend_btn {
    margin: 2px 25px 12px 0;
    min-width: 110px;
}
ul {
    padding: 0;
    margin: 0 4px 0 14px;
}
li {
    margin: 0;
    padding: 0;
}
ul.bullets_list {
    padding: 0;
    margin: 2px 4px 6px 14px;
}
.bullets_list li {
    margin: 0 0 3px 0;
    padding: 0;
}
.pointer{
	cursor:pointer;
	outline: none;
}
.pointer_none {
    pointer-events: none;
    border: 1px solid #d88;
    background-color: #fdd;
}
.pointer_none_plain {
    pointer-events: none;
    border: 1px solid #bbb;
    background-color: #f2f2f2;
}

@media only screen and (max-width: 40em) {
    #nav {
        position: relative;
    }
    #nav:not(:target) > a:first-of-type,
    #nav:target > a:last-of-type {
        display: block;
    }

    /* first level */
    #nav > ul {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
    }
    #nav > ul.active {
        display: block;
    }
    #nav > ul > li {
        width: 100%;
        float: none;
    }

    /* second level */
    #nav li ul {
        position: static;
    }
}

input.nums {
    width: 80%;
}

body.mceContentBody, .mce-content-body {
    margin: 4px;
    font-size: 18pt;
    font-family: Arial;
}
.nowrap {
    white-space: nowrap;
}
.breakwrap {
    word-wrap: break-word;
}