@charset "utf-8";

#page {
    position: relative;
    height: 100%;
    width: 100%;
    min-width: 733px;
    background: #D7E9F8;
}

#pagePosition {
    background-image: url(../resources/images/bg_main_header.png);
    background-color: #d4ddec;
    border-bottom:1px solid white;
    height: 29px;
    margin-top: 0;
    white-space: nowrap;
}

#pageFooter {
    height: 30px;
    background: url(../resources/images/bg_main_footer.png) repeat;
}

#pagePosition ul {
    position: relative;
    padding-top: 9px;
    padding-left: 5px;
}

#pagePosition li {
    float: left;
    display: inline;
    list-style-type: none;
    padding-left: 5px;
}

#pageContent {
    background: #E6EFFA;
    margin: 0;
    padding: 0;
}

#menuTop {
	background: url(../resources/images/bg_main_header.png) repeat-x bottom left;
}

/**************************** details ***************************/
/*
.details {
    background-color: #D7E9F8;
    border: 1px solid #B3D5F1;
    padding: 1px;
    overflow: visible;
    visibility: visible;
    margin-bottom: 2px;
    margin-top: 2px;
    display: block;
}
*/
.details {
    /*background-color: #D7E9F8;*/
    background-color: #E6EFFA;
    border: 0;
    padding: 1px;
    overflow: visible;
    margin: 0;
    display: block;
}

.details td table {
    padding: 0;
}

.details ul {
    display: block;
    width: 100%;
}

.details ul li {
    display: inline-block;
    list-style-type: none;
}

/**** popup backgroud ****/
.rf-pp-shade {
    /*opacity: 0.5;*/
}

/**************************** input ***************************/
input[type="text"], input[type="password"] {
    border: 1px solid #54A5D5;
    background-image: none;
    color: #000;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-right: 2px;
    padding: 0 5px 0 0;
}

input[type="text"].text-input, input[type="password"].text-input, input[type="text"].rf-sel-inp,
    input[type="text"].rf-cal-inp {
    height: 18px;
    width: 177px;
}

input[type="text"].text-input-long, input[type="password"].text-input-long,
    input[type="text"].rf-sel-inp-long, input[type="text"].rf-cal-inp-long
    {
    height: 18px;
    width: 277px;
}

input[type="text"].text-input-shorter{
    height: 18px;
    width: 30px;
}

input[type="text"].text-input-short, input[type="password"].text-input-short,
    input[type="text"].rf-sel-inp-short, input[type="text"].rf-cal-inp-short
    {
    height: 18px;
    width: 80px;
}

input[type="text"][readonly].text-input-short {
    height: 18px;
    width: 80px;
    background: none #EFEFEF;
}

input[type="text"].text-input-supershort {
	height: 18px;
    width: 50px;
}

.quickClose{
	background-image: url(../resources/images/icons/true.png);
	width:14px;
	height:15px;
}
.quickClose[disabled]{
	background-image: url(../resources/images/icons/true_gray.png);
	width:14px;
	height:15px;
}


input[type="text"][readonly].text-input, input[type="text"][readonly].small-input,
    input[type="text"][disabled].text-input, input[type="text"][disabled].small-input,
    input[type="text"][disabled].rf-sel-inp, input[type="password"][readonly].text-input,
    input[type="password"][readonly].small-input, input[type="password"][disabled].text-input,
    input[type="password"][disabled].small-input {
    border: 1px solid #54A5D5;
    background: #EFEFEF;
    color: #000;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0 5px 0 0;
}

input[type="text"][disabled] {
	background: #EFEFEF !important;
    color: #000 !important;
}

input[type="text"][disabled].rf-sel-inp {
    padding: 0 5px 0 0;
}

input[type="checkbox"], input[type="radio"] {
    background: none;
    border: 0;
    padding: 0;
}

textarea {
    font-size: 12px;
}

textarea[disabled] {
    color: #000 !important;
    background: #EFEFEF;
    cursor: text;
}

.small-input {
    border: 1px solid #54A5D5;
    padding: 0;
    text-align: center;
    width: 30px;
    height: 16px;
}

.ta1, .ta-a1 {
    font-size: 12px;
    line-height: 15px;
}
.ta2, .ta-a2 {
    font-size: 14px;
    line-height: 18px;
}
.ta3, .ta-a3 {
    font-size: 16px;
    line-height: 21px;
}
.ta-a1, .ta-a2, .ta-a3 {
    padding-left: 20px;
    cursor: pointer;
}

/********** data table ************/

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-panel {
    overflow: auto;
}

.list-table {
    width: 100%;
}

.edit-table {
    background-color: transparent;
}

.inline-table-first, .inline-table {
    display: inline-block;
    *display: inline;
}

.inline-table {
    border-left: none;
}

.inline-table-first td, .inline-table td {
    border-left: none;
    border-right: none;
    height: 24px;
}

.complex-hdr .rf-dt-hdr-c {
    background: none #CDEAFC;
}

.datatable-80 {
    overflow-x: hidden;
    overflow-y: auto;
    height: 80px;
}

.datatable-75 {
    overflow-x: hidden;
    overflow-y: auto;
    height: 75px;
    border: 1px solid #54A5D5;
    margin: 5px 2px 4px 0;
}

.datatable-100 {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100px; 
    border: 1px solid #54A5D5;
    width: 180px; 
}

.datatable-115 {
    overflow-x: hidden;
    overflow-y: auto;
    height: 115px;
    border: 1px solid #54A5D5;
}

.datatable-120 {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 120px;
}

.datatable-150 {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 150px;
}
/******** rowClasses ********/
.odd {
    background-color: #EDEDED;
}

.even {
    background-color: #FFF;
}

.selected-row {
    color: #000;
    background-color: #FFEBDA;
    text-align: center;
}

/*********  column *********/
.col-label, .col-input, .col-label-middle {
    border-width: 0;
    font-size: 12px;
    list-style-type: none;
    padding: 4px;
    vertical-align: middle;
}

.col-textwive {
    color: #f00;
    width: 30%
}

.col-label {
    text-align: right;
    color: #000;
    text-transform: capitalize;
    word-break: break-all;
}

.adv-col-label {
    color: #000;
    text-transform: capitalize;
    word-break: break-all;
    border-width: 0;
    list-style-type: none;
    padding-bottom: 30px;
    vertical-align: middle;
}

.col-label-middle {
    text-align: center;
    color: #000;
    text-transform: capitalize;
    word-break: break-all;
}

.col-label-left {
    text-align: left;
    width: 200px;
    color: #000;
    text-transform: capitalize;
    word-break: break-all;
}

.col-input {
    text-align: left;
    
}

.col-input-nopadding {
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    text-transform: none;
	word-wrap: normal;
	word-break: normal;
}

.col-left {
    text-align: left;
}

.col-center {
    text-align: center;
}

.col-square {
    text-align: center;
    width: 6%;
}

.col-right {
    text-align: right;
}

.col-12 {
    width: 100%;
}

.col-11 {
    width: 91.66666667%;
}

.col-10 {
    width: 83.33333333%;
}

.col-9 {
    width: 75%;
}

.col-9-lable {
    width: 75%;
    text-align: right;
    color: #000;
    text-transform: capitalize;
    word-break: break-all;
}

.col-8 {
    width: 66.66666667%;
}

.col-7 {
    width: 58.33333333%;
}

.col-6 {
    width: 50%;
}

.col-5 {
    width: 41.66666667%;
}

.col-4 {
    width: 33.33333333%;
}

.col-3 {
    width: 25%;
}

.col-2 {
    width: 16.66666667%;
}

.col-1 {
    width: 8.33333333%;
}

.col-label-100 {
    width: 130px;
    text-align: right;
    color: #000;
    text-transform: capitalize;
    word-break: break-all;
}

.col-label-150 {
    width: 150px;
    text-align: right;
    color: #000;
    text-transform: capitalize;
    word-break: break-all;
}

.col-label-200 {
    width: 200px;
    text-align: right;
    color: #000;
    text-transform: capitalize;
    word-break: break-all;
}

.col-label-50 {
    width: 50px;
    text-align: right;
    vertical-align: top;
    color: #000;
    text-transform: capitalize;
    word-break: break-all;
}

.col-label-50-lef {
    width: 50px;
    text-align: left;
    color: #000;
    text-transform: capitalize;
    word-break: break-all;
}

.col-label-40 {
    width: 40px;
    text-align: right;
    vertical-align: top;
    color: #000;
    text-transform: capitalize;
    word-break: break-all;
}

.col-label-20 {
    width: 20px;
    text-align: right;
    color: #000;
    text-transform: capitalize;
    word-break: break-all;
}

.col-label-16 {
    width: 16px;
    text-align: center;
    vertical-align: top;
}

.col-input-300 {
    width: 300px;
    text-align: left;
    color: #000;
    text-transform: capitalize;
    word-break: break-all;
}

.col-label-300 {
    width: 300px;
    text-align: right;
    color: #000;
    text-transform: capitalize;
    word-break: break-all;
}

.col-input-50 {
    width: 50px;
    text-align: left;
    color: #000;
    text-transform: capitalize;
    word-break: break-all;
}

.col-input-740 {
    width: 740px;
    text-align: left;
    color: #000;
    padding: 4px;
    text-transform: capitalize;
    word-break: break-all;
}

.col-input-720 {
    width: 720px;
    text-align: left;
    color: #000;
    padding: 4px;
    text-transform: capitalize;
    word-break: break-all;
}

.col-input-45 {
    width: 45px;
    text-align: left;
    color: #000;
    text-transform: capitalize;
    word-break: break-all;
}

.col-20 {
    width: 20%;
}

.col-80 {
    white-space: nowrap;
}

.col-80 {
    width: 80%;
    overflow:hidden;
    text-overflow: ellipsis;
}

.col-200 {
    width: 200px;
    text-align: left;
    border-width: 0;
    font-size: 12px;
    list-style-type: none;
    padding: 4px;
    vertical-align: middle;
}

.col-100 {
    width: 100px;
    text-align: right;
    border-width: 0;
    font-size: 12px;
    list-style-type: none;
    padding: 4px;
    vertical-align: middle;
}

.col-label-40-mid {
    width: 40px;
    text-align: right;
    color: #000;
    text-transform: capitalize;
    word-break: break-all;
}

.col-label-50-mid {
    width: 50px;
    text-align: right;
    color: #000;
    text-transform: capitalize;
    word-break: break-all;
}

.col-50-left {
    width: 50px;
    text-align: left;
    color: #000;
    text-transform: capitalize;
    word-break: break-all;
}

.col-70 {
    width: 67%;
}

.col-90 {
    width: 90%;
}

.col-25 {
    width: 25%;
}

.col-reference-table {
    width: 40%;
}

.col-43p {
    width: 43%;
}

.col-input-0 {
    font-size: 12px;
    list-style-type: none;
    vertical-align: middle;
}

.col-iosa-actions-schedule {
    width: 12%;
    text-align: center;
}

.col-iosa-actions-schedule-start-end {
    width: 6%;
    text-align: center;
}

.ios-text-0 {
    width: 100%;
    padding-right: 5px;
}

.col-iosa-100px {
    width: 100px;
}

.col-vertical-align-bottom {
    border-width: 0;
    font-size: 12px;
    list-style-type: none;
    padding: 4px;
    vertical-align: bottom;
}

.title td {
    text-align: left;
    vertical-align: middle;
    border-width: 0;
    padding: 4px 10px;
    font-weight: bold;
}

.border {
    border: 1px solid #54A5D5;
}
/********* pagination ***********/
.pagination {
    margin-top: 5px;
    margin-bottom: 5px;
/*!*float: left;8*/
    width: 550px;
    text-align: left;
    white-space: nowrap;
}

.pagination td {
padding: 1px 1px !important;
}

.pagination input.rf-sel-inp {
width: 28px !important;
}

.pagination .rf-insp {
text-align: center;
width: 42px;
}

/****************************    required flag    ****************************/
.x {
    color: #F00;
    font: "Arial Black";
    font-size: 12px;
    padding: 0 5px 0 5px;
    display: inline;
}
.y {
    color: #0B7AC0;
    font: "Arial Black";
    font-size: 12px;
    padding: 0 5px 0 5px;
    display: inline;
}

/******** message *********/
.message {
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

.messages {
    padding: 2px 0 3px 1px;
    color: #FF0000;
    min-height: 16px;
}

.msgsHome {
    padding: 2px 0 3px 5px;
    color: white;
    min-height: 16px;
}

.friendly_messages {
    padding: 6px 0 6px 15px;
    color: #0070b9;
    min-height: 30px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.message-icon .rf-msg-err {
    background-image: url("../resources/images/icons/ico_error.png");
    display: inline-block;
    height: 16px;
    padding: 0;
    width: 16px;
}

.message-text .rf-msg-err {
    background-image: none;
    padding-left: 2px;
}

.message_hints, .message_warning, .message_warning_left {
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    padding: 20px 10px 10px 60px;
    font-weight: bold;
    color: #000;
    min-height: 30px;
}

.message_hints {
    background: url(../resources/images/icons/icon_hints.gif) no-repeat 20px
        center;
}

.message_hints .rf-msgs-err {
    background-image: none;
}

.message_warning {
    font-size: 14px;
    background: url(../resources/images/icons/icon_warning.gif) no-repeat
        20px center;
    text-align: center;
}

.message_warning_left {
    font-size: 14px;
    background: url(../resources/images/icons/icon_warning.gif) no-repeat 20px center;
    text-align: left;
}

/********* button div **********/
.button-row, .button-row-center, .button-row-left {
    margin: 8px;
    white-space: nowrap;
}

.button-row {
    text-align: right;
}

.button-row-center {
    text-align: center;
}

.button-row-margin0 {
    margin: 0 0 0 -5px;
    white-space: nowrap;
    text-align: left;
}

.export-button-row {
    text-align: right;
    vertical-align: top;
}

.radio {
    display: inline-table;
}

.radio td {
    padding: 1px 16px;
    font-size: 12px;
}

.checkbox {
    display: inline;
}

.checkbox td {
    height: 30px;
}

.select218 input {
    width: 218px !important;
}

.select288 input {
    width: 288px !important;
}

.status-alive, .status-dead {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
}

.status-alive {
    background: url("../resources/images/icons/ico_status.png") no-repeat
        center 1px;
}

.status-dead {
    background: url("../resources/images/icons/ico_status.png") no-repeat
        center -19px;
}

.calendar-month tr[id] {
    display: none;
}

.displayNone {
    display: none;
}

/****************************  welcome  ***************************/
#welcome-wrap {
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

#welcome-content {
    background: url(../resources/images/bg_welcome_panel.png) no-repeat;
    position: relative;
    left: 25%;
    top: 25%;
    height: 230px;
    width: 537px;
    overflow: hidden;
}

.welcome {
    color: #0070b9;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    position: relative;
    height: 230px;
    width: 537px;
    line-height: 230px;
}

#error-content {
    background: url(../resources/images/error-img.png) no-repeat;
    position: relative;
    left: 25%;
    top: 39%;
    height: 230px;
    width: 637px;
    overflow: hidden;
}

.col-link a:link, .col-link a:visited {
    text-decoration: none;
}

/**************************** popupPanel ***************************/
.popupPanel {
    background-color: #E6EFFA;
    border: 1px solid #B3D5F1;
    /*padding: 1px;*/
    overflow: visible;
    margin-bottom: 0;
    margin-top: 0;
    display: block;
}

/**************************** labelBold ***************************/
.labelBold {
    font-weight: bold;
}

/**************************** Report *****************************/

.report-output-label, .report-column-label, .report-output-title {
    border-width: 0;
    color: #000;
    font-size: 12px;
    list-style-type: none;
    text-align: right;
    text-transform: none;
    vertical-align: middle;
	white-space: normal; 
	word-break: normal;
}

.report-column-label {
    padding: 4px;
}

.report-output-label {
	text-align: left;
}

 .report-column-input {
    border-width: 0;
    font-size: 12px;
    list-style-type: none;
    padding: 4px;
   	text-align: left;
    vertical-align: middle;
}

.report-message {
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

.report-placeholder {
	color: gray !important;
}

.report-choose-table {
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #54A5D5;
}

.report-tree-select input.rf-sel-inp {
    width: 100px !important;
}

input[type='text'].rf-sel-inp {
	margin-top: 1px;
}

span.rf-sel-btn-arrow {
    margin-bottom: 1px;
}

input[type="checkbox"], input[type="radio"] {
	margin: 3px 7px 3px 0;
}

.cssTbAddNote {
    float: left;
    text-align: left;
}
.cssDraft {
    text-align: right;
    float: right;
}