@charset "utf-8";

/* ---- rich message ---- */
.rf-msg-err, .rf-msgs-err {
    background-image: url('../resources/images/icons/ico_error.png');
    font-size: 12px;
    line-height: 16px;
    vertical-align: middle;
}
.rf-msgs {
    font-size: 12px;
}
.rf-msgs-sum1{
    color: #FFFFFF !important;
}

/* ---- rich panelMenu ---- */
.rf-pm-top-gr-lbl {
    display: inline-block;
    padding: 1px 0px 2px 0px !important;
    font-size: 12px !important;
    font-family: Arial,Verdana,sans-serif;
    white-space: normal !important;
    color: #fff;
    font-weight: bold;
}
.rf-pm-top-gr-hdr {
    background: transparent url('../resources/images/menu_bg2.png') no-repeat;
    border: solid 1px #6B93B6;
    color: #fff;
    padding: 6px 1px 4px 2px;
}
.rf-pm-top-gr {
    border-width: 1px;
    border-style: none;
    border-color: #BED6F8;
    margin-bottom: 0px;
}
.rf-pm-itm {
    border-top: solid 1px #3E90CD;
    color: #022A4C;
}
.rf-pm-itm .rf-pm-itm-lbl {
    padding: 2px;
    font-size: 12px;
}
.rf-pm-itm .rf-pm-itm-lbl a:link {
    color: #022A4C;
    text-decoration: none;
    width: 100%;
    display: block;
}
.rf-pm-itm .rf-pm-itm-lbl a:hover {
    text-decoration: none;
}
.rf-pm-itm .rf-pm-itm-lbl a:visited {
    text-decoration: none;
}
.rf-pm-itm:hover {
    color: #022A4C;
    background-image: url('../resources/images/menu_hover.png');
    background-size:100% 100%;
}
.rf-pm-gr {
    border-top: solid 1px #3E90CD;
}
.rf-pm-gr-sel .rf-pm-itm-sel {
    color: #022A4C;
    font-weight: bold;
    font-style: normal;
}
.rf-pm-itm-sel {
    background-image: url('../resources/images/menu_hover.png');
    background-size:100% 100%;
}
.rf-pm-gr-sel { 
    font-style: italic;
}
.rf-pm-gr-lbl {
    padding: 2px;
    font-size: 12px;
}
.rf-pm-gr-hdr:hover {
    color: #000000;
    background-image: url('../resources/images/menu_hover.png');
    background-size:100% 100%;
}

/******* rich calendar ********/
.rf-cal-hdr {
    background: #D7E9F8;
    border: 1px solid #54A5D5;
}
.rf-cal-tl, .rf-cal-hdr-month {
    background: #CDEAFC;
}
.rf-cal-inp {
    height: 18px;
    width: 218px;
    background: #fff !important;
    border: 1px solid #54A5D5 !important;
}
.rf-cal-popup {
    width: 225px;
}

/******* rich select ********/
.rf-sel {
    line-height: 16px;
    vertical-align: middle;
}
.rf-sel-cntr {
    border: 0;
}
.rf-sel-inp {
    height: 18px;
    border: 1px solid #54A5D5 !important;
    font-size: 12px;
}
.rf-sel-btn {
    border: 1px solid #bed6f8;
    height: 18px;
}
.rf-sel-btn-arrow {
    height: 18px;
}
.rf-sel-opt {
    font-size: 12px;
}

/******* rich panel ********/
.rf-p {
    /*margin-top: 2px;*/
}
.rf-p-b {
    padding: 0;
}

/******* rich popupPanel ********/
.rf-pp-cnt {
    margin: 0;
    font-size: 12px;
    padding: 0;
}
.rf-pp-hdr-cnt {
    font-size: 12px;
}
.rf-pp-hdr {
    /*background: url('../resources/images/bg_table_header.gif') repeat-x right top;*/
    background: url('../resources/images/bg_main_header.png') repeat-x right top;
}

/******* rich collapsiblePanel ********/
.rf-cp-b {
    padding: 0;
}
.rf-cp-hdr {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image: url('../resources/images/gradientA.png') !important;
}
.rf-ico-chevron-down-hdr {
    background-image: url('../resources/images/chevronUp.png');
}
.rf-ico-chevron-up-hdr {
    background-image: url('../resources/images/chevronDown.png');
}

/******* rich dataTable ********/
.rf-dt,
.rf-edt {
    border: 1px solid #D7E9F8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 100%;
    table-layout:fixed;
}
.rf-dt-c,
.rf-dt-hdr-c,
.rf-dt-shdr-c,
.rf-edt-c,
.rf-edt-hdr-c,
.rf-edt-shdr-c {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 4px;
}
.rf-dt-c,
.rf-edt-c {
    border-bottom: 1px solid #D7E9F8;
    border-right: 1px solid #D7E9F8;
    height: 13px;
    white-space: nowrap;
}
.rf-dt-c {
    overflow: hidden;
    text-overflow: ellipsis;
}
.rf-dt-hdr-c,
.rf-dt-shdr-c,
.rf-edt-hdr-c,
.rf-edt-shdr-c {
    color: #022A4C;
    background: url('../resources/images/bg_main_footer.png') repeat-x right bottom;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
    font-weight: bold;
}
.rf-edt-hdr-c-cnt,
.rf-edt-c-cnt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0;
    line-height: 13px;
    vertical-align: middle;
}
.rf-edt-c-cnt {
    overflow: hidden;
    text-overflow: ellipsis;
}
.rf-edt-hdr-c {
    height: 15px !important;
}
.rf-dt-tft {
    background-color: #D7E9F8;
    font-size: 12px;
    text-align: left;
    width: 90px;
}
.rf-dt-ftr-c {
    font-size: 12px;
    font-weight: lighter;
    white-space: nowrap;
    border-top: #FFF 1px solid;
    border-right: #FFF 1px solid;
    padding: 5px;
    margin: 0;
    background-color: #D7E9F8;
    text-align: left;
}
.rf-edt-ftr {
    border-top: none;
}
.rf-edt-ftr-c-emp {
    height: 0;
}
.rf-edt-rsz {
    margin: 0;
}
.rf-dt-r {
    height: 25px;
    font-weight: normal;
}
.rf-dt-r-sel {
    height: 25px;
    font-weight: bold;
    background-image: url('../resources/images/sel_hover.png');
    background-repeat: repeat-x right repeat-y bottom;
}

/******* rich extendedDataTable ********/
.rf-edt-r-act {
    font-weight: normal;
}
.rf-edt-r-sel {
    font-weight: bold;
    background-color: #4C9ED9 !important;
}

/******* rich tree ********/
.rf-trn {
    font-size: 12px;
}
.rf-tr-nd {
    margin-top: 1px;
    margin-bottom: 1px;
}
.rf-trn-sel {
    background-color: #3E90CD;
    color:#FFFFFF;
}

/******* rich inplaceSelect ********/
.rf-is {
    border-bottom-style: none;
    background-color: #00427C;
    display: inline-block;
    background-image: url('../resources/images/mark_changed.gif');
    background-position: top left;
    background-repeat: no-repeat;
}
.rf-is-lbl {
    font-size: 12px;
    color: #FFFFFF;
}
.rf-is-opt {
    font-size: 12px;
}
input.rf-is-fld {
    font-size: 12px;
    background-image: none;
    width:22px;
}
.rf-is-fld-cntr {
    width:22px;
}

/******* rich tabPanel ********/
.rf-tab-lbl {
    font-size: 12px;
    margin: 0 10px 0 10px;
}
.rf-tab-hdr-act.rf-tab-hdr-top, .rf-tab-hdr-inact.rf-tab-hdr-top {
    padding-top: 3px;
}

.rf-dt-nd {
border-bottom-width: 0px;
border-right-width: 0px;
}