*/
border-top:1px solid #808080 !important;
}
.dotted { /* using
*/
border-top:1px dotted #808080 !important;
}
.hline.grey, .dotted.grey {
border-color:#A0A0A0 !important;
}
.code, .scripts, #scripts {
display:none !important;
visibility:hidden !important;
}
.landingitem {
font-size: 16px; font-weight: bold;
padding:5px;
}
.landingitem a:hover {
color:#4986FF;
}
.circlehead {
color:#164476; cursor:default !important;
font-size:18px; font-weight:bold;
display:block; padding:3px 2px 10px;
clear:both; position:relative;
letter-spacing:0.5pt;
line-height:25px;
}
.mandatory, .mandinfo, .placeholder {
color:#CC3333; cursor:help;
position:relative; display:inline-block;
font-size:12px; font-weight:bold;
text-align:center; text-decoration:none;
margin:auto 5px; padding:0px;
}
.mandatory {
color:#FF0000 !important;
}
.mandinfo {
color:#8A0808;
}
.placeholder {
color:#A0A0A0 !important;
font-style:oblique;
}
/* progress div */
.placeholder_container {
display:block; position:relative;
}
.placeholder_img {
background:url("/images/img_loading.gif") center center no-repeat scroll transparent !important;
display:block; text-align:center;
height:250px; margin:auto;
z-index:99;
}
/* rowhi - Row Highlight on mouseover/mouseout events */
.rowhi {}
.rowhi:hover {
background-color:#FBFBEF !important;
}
.rowhia {}
.rowhia:not(.ineligible), .rowhia:not(.disabled) {
background-color:#FBFBEF !important;
}
.rowhist {}
.rowhi-stay {
background-color:#FBFBEF !important;
}
/*######################################*/
/** Icons and Buttons Group:
*######################################*/
.icons, .icons2, .icons3, .icons4, .help_icon, .statusicon,
.icona, .iconsa, .iconb, .iconsb, .icont, .iconst,
.ibutton, .ibutton2, .bbutton,
.icons_new, .icont_new, .iconn, .iconnt, .icons-new, .icont-new {
background:url("/images/icons.png") no-repeat scroll -95px -86px transparent;
border:0px transparent;
border-radius:3px; display:inline-block;
color:#FFFFFF; cursor:pointer;
margin:auto 5px; padding:0px;
height:15px; width:14px;
text-align:center; text-decoration:none;
font-size:0px; font-weight:600;
line-height:1px; vertical-align:middle;
position:relative; background-size:auto;
z-index:inherit;
}
.iconnf {
float:none !important;
clear:both !important;
}
.help_icon {
background-color:#848484;
}
.icons_new, .iconn, .icons-new {
background:url("/images/icons-new.png") no-repeat scroll -95px -86px transparent;
}
/* All below icons/buttons should use one of the above classes as parent class in addition to their own class */
/* Using icons.png */
.help_icon, .info_icon, .alert_icon, .icons3, .icons4 {
cursor:help;
}
.icons2, .icons3, .icons4 {
width:18px; height:17px;
font-size:11px; font-weight:bold;
line-height:15px;
}
.icons2 {
background:none #848484 !important;
}
.icons3 {
background:none var(--red-color) !important;
}
.icons4 {
background:none var(--green-color) !important;
}
.icona, .iconsa {
background:none #FF3366 !important;
color:#FFFFFF !important;
font-size:10px; line-height:14px;
}
.iconb, .iconsb {
border: 1px solid #A0A0A0 !important;
}
.icont, .iconst,
.icont-new, .icont_new, .iconnt {
background-color:transparent !important;
}
.info_icon {
background-position:-125px -86px;
}
.green_circle {
/*background-color: rgba(0, 0, 0, 0) !important;*/
background-color:transparent !important;
background-position: -39px -87px !important;
}
.grey_circle, .gray_circle {
background-color:transparent !important;
background-position:-11px -87px !important;
cursor:default;
}
.cross_icon {
color:#000000;
background-color:#FFFFFF;
border:1px solid #000000;
}
.del_cross_icon {
background-position:-99px -393px !important;
width:12px; height:12px;
}
.dd {
background-position:-36px -126px;
background-color:#FFFFFF;
}
.cb0, .cb1 {
background-color: #FFFFFF;
background-position:-329px -168px;
/*border: 1px solid #000000;*/
width:16px; height:16px;
}
.cb1 {
background-position:-293px -168px;
}
.ignorecb0, .ignorecb1 {
background-position:-77px -393px;
width:10px; height:10px;
}
.ignorecb1 {
background-position:-100px -394px;
}
.greydown, .greydownsm {
background-color:transparent; /*rgba(0, 0, 0, 0);*/
background-position:-38px -125px;
}
.greyside {
background-color:transparent;
background-position:-80px -125px;
}
.whitedown {
color:#FFFFFF;
background-position:-278px -392px;
}
.whiteright {
color:#FFFFFF;
background-position:-260px -392px;
}
.orangedown {
background-position:-14px -125px;
}
.orangeside {
background-position:-58px -125px;
}
.statusicon {
background-color:transparent !important;
background-position:-163px -391px !important;
width: 11px !important; margin: auto 2px !important;
cursor:default;
}
.statusnone {
background-position:-163px -391px !important;
}
.statusred {
background-position:-187px -391px !important;
}
.statusyellow {
background-position:-211px -391px !important;
}
.statusgreen {
background-position:-236px -391px !important;
}
.delta_red, .delta_black {
background-position:-281px -86px;
cursor:default !important;
}
.delta_red {
background-position:-257px -86px;
}
.left_arrow, .right_arrow {
width:7px !important; height:15px !important;
padding:0px !important; margin:0px !important;
}
.left_arrow {
background-position:-104px -123px !important;
}
.right_arrow {
background-position:-138px -123px !important;
}
.grey_line {
background-position:-114px -124px !important;
background-repeat:repeat-x;
}
.black_dot {
background-position:-295px -391px !important;
}
.shared_icon {
background-position:-235px -391px !important;
background-color:transparent !important;
}
/* Using icons-new.png */
.ind_icon {
background:url("/images/icons/icons_colleague.png") 0 0 no-repeat scroll transparent;
width:18px; height:18px;
}
.alert_icon {
//background:url("/images/icons-new.png") no-repeat scroll -15px -48px green !important;
background: url("/images/icons_alert_chni_sm.png") no-repeat scroll center var(--red-color) !important;
width:16px;
height:16px;
}
.dropdown_white, .dropup_white {
background: url("/images/dropdownwhite.png") center center scroll no-repeat transparent;
width:8px; height:8px;
}
.dropup_white {
background-image: url("/images/dropupwhite.png");
}
/* Using Its Own (Text) OR No Image */
.close {
background: none transparent;
color: #000000 !important;
position:absolute; display:block;
clear:both; float:none !important;
margin:4px; padding-bottom:2px;
width:12px; height:12px;
right:2px; top:4px;
cursor:pointer; font-weight:bold;
line-height:14px; text-align:center !important;
z-index:99;
}
.xclose {
background:none transparent !important;
border:0px none transparent !important;
float:right !important; font-size:14px !important;
position:relative !important; display:inline-block !important;
right:0px; top:0px;
cursor:pointer; /*text-decoration:underline;*/
height:15px !important; width:15px !important;
line-height:15px !important; font-weight:bold !important;
padding:0px; margin:0px; /*padding:5px;*/
z-index:99;
}
.menu_icon {
background:url("/images/icons/icon_globalmenu.png") no-repeat scroll left top transparent;
width:20px; height:18px;
}
.trueview_icon, .logout_icon, .chgw_icon, .chgr_icon, .filtw_icon, .filto_icon {
background-color:transparent;
background-position:initial;
height:20px; width:24px;
}
.logout_icon {
background-image:url("/images/icons/icon_logout.png");
}
.trueview_icon {
background-position:-255px -168px;
}
.chgw_icon {
//background-image:url("/images/icons/icon_trueview_white.png");
background-image:url("/images/icons/icon_TV_off_chni_sm.png");
}
.chgr_icon {
//background-image:url("/images/icons/icon_trueview_orange.png");
background-image:url("/images/icons/icon_TV_on_chni_sm.png");
}
.filtw_icon {
//background-image:url("/images/icons/icon_globalfilter_white.png");
background-image:url("/images/icons/icon_filter_off_chni_sm.png");
}
.filto_icon {
//background-image:url("/images/icons/icon_globalfilter_orange.png");
background-image:url("/images/icons/icon_filter_on_chni_sm.png");
}
.settings_icon {
background:url("/images/gearicon_white.png") no-repeat scroll 0 0 transparent !important;
width:20px; height:20px;
padding:0px; margin:0px 10px !important;
}
.settings_icon2 {
background-image:url("/images/gearicon_white.png");
}
.right-carret, .down-carret {
background:url("/images/new/GreyDownCaretSmall.png") center center no-repeat scroll transparent !important;
}
.down-carret {
background-image:url("/images/new/GreyRightFacingCaret.png") !important;
}
.reset_icon {
background:url("/images/reset.png") no-repeat scroll 0 0 transparent !important;
}
.secbara-caret, .secbara > .secbar-caret {
background-image:url("/images/new/SectCaretOpen.png") !important;
}
.expand_all, .collapse_all {
background:url("/images/new/OpenAllRows.png") 0px 0px no-repeat scroll transparent;
width:22px; height:22px;
}
.collapse_all {
background-image:url("/images/new/CloseAllRows.png");
}
.pop_icon {
background:url("/images/new/PopOutWindowCommentIcon.png") 0px 1px no-repeat scroll transparent;
width:14px; height:14px;
}
.caret_down {
background:url("/images/new/GreyDownCaretSmall.png") 0px 2px scroll no-repeat transparent !important;
}
.secbar-caret, .secbara-caret, .secbar > .secbar-caret {
background:url("/images/new/SectCaretClose.png") 0px -3px scroll no-repeat transparent !important;
}
.switch0, .switch1 {
background:url("/images/new/SwitchOff.png") no-repeat scroll center center transparent;
border:1px solid #BDBDBD !important;
border-radius:15px !important;
width:39px; height:18px;
}
.switch1 {
background-image:url("/images/new/SwitchOn.png");
}
.trash_icon {
background:url("/images/trash.png") no-repeat scroll 0 0 transparent !important;
}
.del_img {
background:url("/images/del.gif") scroll no-repeat center center transparent !important;
}
.downw_icon, .downb_icon {
background:url("/images/icons/icons_download_white.png") 0 0 no-repeat scroll transparent;
height:18px; width:18px;
}
.downb_icon {
background-image:url("/images/icons/icons_download_black.png");
}
/* Buttons */
.ibutton, .ibutton2, .loginbutton, .bbutton {
background-image:none !important;
border:1px solid transparent;
border-radius:3px; color:#FFFFFF !important;
font-size:11px; white-space:nowrap;
padding:3px 5px; margin:0px;
line-height:16px; /*letter-spacing:0.1em;*/
height:auto; width:auto;
}
.ibutton, .ibutton2 {}
.ibutton { /* fixed width and height, with Orange bg */
/* background-color:#FE642E; */
background-color: var(--menublue);
width:50px; height:17px;
}
.ibutton2 { /* flexible width and height, with Orange bg */
/* background-color:#DF7401; */
background-color:var(--orange-color);
}
.ibutton3 {
background-color: var(--drkred-color);
}
.loginbutton { /* flexible width and height, with Orange bg */
background-color:var(--loginblue) !important;
font-size: 16px;
}
.loginbutton:disabled {
background-color:#A0A0A0 !important;
}
.bbutton { /* Blue bg (#3399FF or #185FAC or #3366BB), same as link color */
/* background:none #185FAC !important; */
background:none var(--red-color) !important;
}
.bbutton:disabled {
background-color:#A0A0A0 !important;
}
.save_button {}
.calc_button {}
.clrovr_button {}
.delete_button {}
.add_button {}
.report_button {}
.save_button_blue {}
.way_button {}
.change_button {}
.edit_button {}
.addlist_btn {}
.remove_button {}
.cnr_button {}
.sra_button {}
/* Ends Icons Group */
/* Text-inputs, textareas and selects */
.indinput, .indinputl, .indinputr, .spaninput {
color:#000000;
border-radius:5px; cursor:text;
}
.spaninput {
background:none #F0F0F0;
border:1px inset #A4A4A4;
display:inline-block; text-align:left;
line-height:14px; vertical-align:middle;
padding:3px 10px 3px 3px;
}
.cbinput {
cursor:pointer !important;
}
.indinput, .indinputl, .indinputr {
background:none #FFFFFF;
/*border: 1px solid #FEBEBE;*/
border: 1px solid #A0A0A0;
padding:2px 3px;
color: black;
}
input.indinput[type="text"], input.indinput[type="email"], input.indinput[type="password"] {
width:100px; text-align: right;
}
select.indinput, textarea.indinput, input[type="button"].indinput:not(.icons), button.indinput,
input.indinput[type="checkbox"], input.indinput[type="radio"] {
width:auto; cursor:pointer;
}
.indinputl {
width:auto; text-align:left !important;
}
.indinputr {
width:auto; text-align:right !important;
}
.indinput2 {
width: 150px;
border: 1px solid #999999;
}
.allinput {
background:none #FFFFFF;
border:1px solid #A4A4A4;
width:auto;
}
input[type="text"].allinput {
width:75px;
text-align:right;
}
select.allinput {
width:50px;
}
.crinput {
width:50px; text-align:right;
border:1px solid #FEBEBE !important;
}
.crinput1 {
border:1px solid #FEBEBE;
width:200px; height:auto;
text-align:left; padding:1px;
}
.crinput2 {
border: 1px solid #999999;
width:auto; height:auto;
text-align:left; padding:1px;
}
input.crinput1, input.crinput2 {
padding-left:5px;
}
.tabbar {
border-left: 1px solid #D5D5D5;
margin-left: 8px; padding-right: 8px;
}
/* Sections and Sub-sections */
.sect-head, .sect-body,
.sect-title, .sect-title-lbl, .sect-title-icon {
background:none transparent;
color:#000000; border:none;
display:block; clear:both !important;
position: relative; float:none !important;
font-weight:500; overflow:visible;
left:0px; top:0px; vertical-align:middle;
padding:0px; margin:0px;
/*z-index:0;*/
}
.sect-head {
cursor:default;
}
.sect-head > .icons, .sect-head > .icont {
float:right; right:10px;
z-index:10;
}
.sect-title {
cursor:pointer; display:inline-block !important;
min-width:50px; /*padding-left:5px;*/
z-index:1;
}
.sect-title-icon, .sect-title-lbl {
display:inline-block;
}
.sect-title-icon { /* follows other .icons styles */
overflow:hidden; font-size:0px;
width:20px; height:20px;
top:2px;
}
.sect-title-lbl {}
.sect-body {
display:block;
cursor:default; padding:10px 2px;
}
.secbar, .secbara {
font-size:20px; margin:10px 5px 5px -15px;
}
.secbara {}
.secbarh { /* secclose */
background:url("/images/icons.png") no-repeat scroll -235px -84px #FFFFFF;
}
.secbara .secbarh { /* secopen */
background-position:-212px -84px;
}
.secbarb {
padding:5px 2px 10px 2px;
}
.secbart {
font-size:20px;
}
.sech_container {}
.secheading {
float:left;
}
.secb_container {
clear:both;
}
.subsecbar {
font-size: 12px; margin-top: 8px;
}
.subsecbara {}
.subsecbarh { /* ssecclosebg */
background:url("/images/icons.png") no-repeat scroll -80px -125px transparent;
width:16px; height:16px;
}
.subsecbara .subsecbarh { /* ssecopenbg */
background-position:-34px -125px;
}
.subsecbart {
font-size:15px; font-weight:700;
}
.subsecbarb {
padding:0px; margin:10px 0px 10px 10px;
}
.secbar, .secbara {
background: url("/images/new/GreyRightFacingCaret.png") 0px 8px scroll no-repeat transparent;
font-size: 20px; position: relative;
left:15px; top:0px;
margin-top:15px; margin-bottom:7px;
padding-left:20px; cursor:pointer !important;
z-index:10;
}
.secbara {
background-image: url("/images/new/GreyDownCaretLarge.png") !important;
}
.sectb {
background:none #FFFFFF;
display:block; clear:both !important;
float:none; position:relative;
width:auto; height:auto; min-height:100px;
margin:0px; padding:10px 5px 15px 5px;
}
.subsecbar, .subsecbara {
background: url("/images/new/GreyRightFacingMainMenuCaret.png") 3px 4px scroll no-repeat transparent;
top:0px; left:0px;
margin-top:10px; padding-left:19px;
font-size:12px; font-weight:bold;
position: relative; cursor:pointer !important;
z-index:10;
}
.subsecbara {
background-image: url("/images/new/GreyDownCaretSmall.png") !important;
}
.subsectb {
overflow:visible; padding:10px 10px 10px 24px;
}
/* Row-sect and name-sects */
.rowsecbar, .rowsecbara,
.rowsubsecbar, .rowsubsecbara {
border:0.5px solid #858585;
color:#FFFFFF;
display:block; clear:both !important;
position: relative; float:none;
font-size:14px; line-height:16px;
font-weight:500; cursor:pointer !important;
margin:0px; padding:10px 10px 10px 35px;
z-index:10;
}
.rowsecbar, .rowsecbara {
background: url("/images/icons/icon_openrow_white.png") 10px 9px scroll no-repeat #858585;
}
.rowsecbar {}
.rowsecbara {
background-image: url("/images/icons/icon_closerow_white.png");
background-color:#3E89CD;
/* background-color: var(--gray-color); */
}
.rowsubsecbar, .rowsubsecbara {
background: url("/images/icons/icon_openrow_blue.png") 10px 9px scroll no-repeat transparent;
color:#000000;
/*background-color:#666666;*/
border-color:#E6E6E6;
border-left:none; border-right:none;
}
.rowsubsecbar {}
.rowsubsecbara {
background-image: url("/images/icons/icon_closerow_blue.png");
/*background-color:#255B8E;*/
}
.rowsectb, .rowsubsectb, .namesectb, .namesubsectb, .boxcontent {
background-color:#FFFFFF !important;
/*border-left:0.5px solid #D5D5D5;
border-right:0.5px solid #D5D5D5;*/
display:block; clear:both;
position:relative; float:none;
overflow:visible; margin:0;
padding:10px 10px 10px 15px;
}
.rowsectb, .namesectb {}
.rowsubsectb, .namesubsectb {
padding:5px;
}
.rowsecbar > .icons, .rowsecbara > .icons,
.rowsubsecbar > .icons, .rowsubsecbara > .icons {
float:right; right:10px;
z-index:10;
}
.namesect {}
.namesect.rowsecbar, .namesect.rowsecbara,
.namesubsect.rowsecbar, .namesubsect.rowsecbara {
background:none #858585 !important;
border-top-left-radius:7px;
border-top-right-radius:7px;
cursor:text !important;
padding-left:20px !important;
}
.namesectb {}
.namesectb > table, .namesubsectb > table, .boxcontent > table {
width:100%;
}
.namesectb > table td, .namesubsectb > table td, .boxcontent > table td {
padding:5px;
}
.namesect.rowsectb {}
.namesubsect {}
.namesubsectb {}
.namesect.rowsubsectb {}
.namesubsect.rowsecbar, .namesubsect.rowsecbara {}
.boxcontent {
background-color:#EAEAEA !important;
border:0.5px solid #D0D0D0;
border-radius:0;
}
.rowsectb .boxcontent {
background:none #C1D8E9 !important;
}
.boxhead {
background:none #858585;
border:1px solid #858585;
border-top-left-radius:7px;
border-top-right-radius:7px;
color:#FFFFFF; line-height:20px;
display:block; clear:both;
float:none; position:relative;
margin:0px; padding:10px 5px 5px 10px;
}
.rowsectb .boxhead, .rowsectb .boxsect {
margin-left:-5px;
}
.rowsectb .boxsect {
border:0.5px solid #E6E6E6;
}
.rowsectb .boxhead {
background-color:#666666 !important;
}
.boxhead .coex_all {
display:inline-block;
margin:0;
}
.boxhead .boxname, .boxhead .boxnamex {
color:#FFFFFF; position:relative;
padding:0; white-space:nowrap;
}
.boxhead .boxname {
display:inline-block;
margin-left:3px; max-width:300px;
font-size:15px; font-weight:bold;
}
.boxhead .boxnamex {
float:right !important;
clear:none !important;
top:-2px;
}
.boxnamex {
color:#FFFFFF;
display:block; position:relative;
font-size:12px; font-weight:300;
margin-left:10px; max-width:700px;
overflow:hidden; white-space:nowrap;
}
.boxnamex > div, .boxnamex > span {
display:inline-block; text-align:left;
margin-right:20px; position:relative;
}
.boxnamex > div {
min-width:75px;
}
.boxnamex span.vbar { /* pipe | used as a seperator (vertical bar) */
width:auto; font-size:15px;
}
.boxnamex input, .boxnamex select {
margin:0px 3px; top:2px;
position:relative;
}
.boxname .icons, .boxnamex .icons {
top:0;
}
.boxnxh1 {
width:200px; line-height:20px;
font-size:17px; font-weight:500;
}
.boxnxh2 {
font-size:12px;
}
.boxnxhr {
float:right; display:block;
text-align:right;
}
.boxnamex > table {
width:100%;
}
.boxnamex > table td {
padding:2px 5px 2px 10px;
border-left:1px solid #FFFFFF;
}
.boxnamex > table td:first-child {
border:none;
}
.boxnamex > table td:last-child {
text-align:right;
}
.boxhead.namesectbox {
background-color:#666666;
border-radius:5px !important;
}
.boxhead.namesectbox .coex_all {
display:none !important;
}
.boxhead.namesectbox .boxname {
margin-left:7px; top:-3px;
font-size:16px; font-weight:300;
}
.boxhead.namesectbox .boxnamex {}
.boxsect {
background:none #FFFFFF;
/*border:none;*/
max-width:980px;
border-width:0 0 1px 0;
border-bottom-style:solid;
border-bottom-color:#D0D0D0;
display:block; position:relative;
clear:both; float:none !important;
padding:0px; margin:0px;
}
/* Table styles */
.regtab {
padding:0; margin:0;
width:auto; border-collapse:separate;
}
.regtab0 {
width:98%;
padding:0; margin:10px auto;
}
.regtab0 > tr > td { /* apply to first level only */
vertical-align:top;
}
.indtab {
padding:0; margin:0;
}
.indtab0 {
width:100%;
padding:0; margin:0px auto;
}
div.indtab0 > div.tabbar {
margin:0px !important;
height:100%;
}
div.indtab0 > div.indtab_cols {
display:table-cell; vertical-align:top;
margin:0 !important; padding:5px 7px !important;
float:none !important; clear:both;
}
div.indtab0 {
display:block;
}
.indtab > tbody > tr > td {
vertical-align:top;
}
.indtab td > table {
width:99%;
}
.indtab td > table td, .indtab0 td > table td {
padding:5px 7px;
}
.indtab0 td {
clear:both; position:relative;
padding:5px 8px;
}
.indtab0 td:first-child {
border-left:none transparent;
}
.indtab0 .indtab-row1 {
color:#FAFAFA !important;
}
.indtab0 .indtab-row1 td {
border:1px hidden #6388A0;
}
.indtab0 .indtab-row1 td:first-child {
border-top-left-radius:7px;
}
.indtab0 .indtab-row1 td:last-child {
border-right-color:transparent;
border-top-right-radius:7px;
}
.indtab0 .indtab-row2 {}
.indtab0 .indtab-row2 td {
background:none #C1D8E9;
}
.indtab0 .indtab-row22 td {
vertical-align:bottom !important;
}
.indtab0 td > div:not(.nodisplay) {
display:block; clear:both;
overflow:visible; position:relative;
}
.indtab0 .coex_all {
margin-left:0 !important;
}
.indtab0 .alert_icon {
float:right;
margin-left:8px;
right:0;
top:0;
}
.indtab0 .help_icon {
margin-left:8px;
right:0;
top:0;
}
.indtab0 .icons_col {
width:25px !important;
border-left:none !important;
}
.indtab_col1 {}
.indtab_col2 {}
.indtab_col3 {}
.indtab_col3 {}
.tabhead, .tabname, .tabnameg, .tabheadg {
color:#FFFFFF !important;
background:none transparent;
border-collapse:separate;
height:22px; font-size:14px;
text-align:center; font-weight:500;
}
.tabhead td, .tabnameg td,
.tabname td, .tabheadg td {
background:none #858585;
border-top:1px solid #858585;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #858585;
padding:8px 3px; text-align:center !important;
}
.tabhead > td:first-child, .tabname > td:first-child,
.tabnameg > td:first-child, .tabheadg > td:first-child {
border-left: 1px solid #858585;
border-top-left-radius:7px;
}
.tabhead > td:last-child, .tabname > td:last-child,
.tabnameg > td:last-child, .tabheadg > td:last-child {
border-right: 1px solid #858585 !important;
border-top-right-radius:7px;
}
.tabname {
height:40px;
}
.tabname td, .tabname th {
font-size:16px;
}
.tabname td {
text-align:left !important;
padding-left:20px; font-weight:500;
}
div.tabname {
border:1px solid #999999;
border-top-left-radius:7px;
border-top-right-radius:7px;
background:none #6388A0;
clear:both; position:relative;
display:block; text-align:left !important;
width:100%; height:20px !important;
padding:10px 5px 10px 10px !important;
}
div.tabname .icons, div.boxed .icons {
float:right;
}
.tabnameg {
height:auto !important;
}
.tabnameg td, .tabnameg th {
background:none #A0A0A0 !important;
/*font-size:16px;*/
}
div.boxed {
padding:10px 5px 10px 10px;
width:100%;
}
.tabheadg {
background:none #A0A0A0 !important;
font-size:14px;
}
.tabheadg td, .tabheadg th {
background-color:#A0A0A0;
/*border-color:#848484 !important;*/
border-color:#FAFAFA;
border-radius:0px !important;
border-left:0px;
}
.coex_all {}
.boxed, .boxedg {
/*background:none #FFFFFF;*/
background:none transparent;
color:#000000;
}
.boxed:first-child > td, .boxedg:first-child > td {
/*border-top: 1px solid #D8D8D8;*/
}
.boxed > td, .boxedg > td {
border-right: 1px solid #D8D8D8;
border-bottom: 1px solid #D8D8D8;
/*text-align:center; vertical-align:top;*/
padding:5px;
border-radius:0px;
}
.boxed > td:first-child, .boxedg > td:first-child {
border-left: 1px solid #D8D8D8;
}
.boxedg {
color:#FFFFFF !important;
}
.boxedg td {
background:none #A0A0A0 !important;
border-color:#848484 !important;
}
/* Table Columns */
.ccl, .ccr, .ccc {} /* regular columns, no background-color */
.cgl, .cgr, .cgc {
background-color: #DDDDDD; /* grey */
}
.csl, .csr, .csc {
background-color: #C1D8E9; /* sky-blue */
}
.cbl, .cbr, .cbc {
font-weight:700 !important; /* bold */
}
.cgl, .csl, .cbl, .cwl, .ccl {
text-align: left;
}
.cgr, .csr, .cbr, .cwr, .ccr {
text-align: right;
}
.cgc, .csc, .cbc, .cwc, .ccc {
text-align: center;
}
.cwl, .cwc, .cwr, .cwi {
white-space: nowrap;
}
.cwi {
padding: 0px 2px;
}
.ra {
text-align:right !important;
}
.la {
text-align:left !important;
}
.ca {
text-align:center !important;
}
.cvt {
vertical-align:top;
}
.cvm {
vertical-align:middle;
}
.cvb {
vertical-align:bottom;
}
.rpadding {
padding-right:5px;
}
.bleft {
border-left:1px solid #999999;
}
.bleft-dark {
border-left:1px solid #000000;
}
td.bleft, td.bleft-dark {
padding-right:5px;
}
.bright, .bright2 {
border-right: 1px solid #999999;
}
.bright-dark {
border-right: 1px solid #000000;
}
td.bright, td.bright2, td.bright-dark {
/*padding-left:5px;*/
}
.bright2 {
border-right-width:2px !important;
}
.bright-dotted {
border-right:1px dotted #999999;
}
.bright-dashed-red {
border-right:1px dashed #D36335;
}
.btop {
border-top: 1px solid #999999;
}
.btop-dark {
border-top: 1px solid #000000;
}
td.btop, td.btop-dark {
padding-bottom:5px;
}
.bbottom {
border-bottom:1px solid #999999;
}
.bbottom-dark {
border-bottom:1px solid #000000;
}
td.bbottom, td.bbottom-dark {
padding-top:5px;
}
.ball {
border:1px solid #999999;
}
.ball-dark {
border:1px solid #000000;
}
td.ball, td.ball-dark {
padding:5px;
}
.xborder {
border-color: #FFFFFF;
}
.bleft-light {
border-left: 1px solid #D5D5D5;
}
.clickable, .clickable input,
.clickable label, .clickable button {
cursor:pointer;
}
.not-clickable, .ncl {
cursor:not-allowed !important;
}
.clickable2 {
cursor: pointer; text-decoration:underline;
}
.link0, .link0:hover, .link0:link, .link0:visited {
color:inherit; background:none;
border:none; display:inline-block;
cursor: pointer; text-decoration:underline;
padding:0; margin:0;
}
.link, .link:hover, .link:link, .link:visited,
img.link, button.link, input.link {
color:#3399FF !important; background:none transparent !important;
border:none !important; text-decoration:none !important;
cursor:pointer;
}
.link1, .link2:hover, .link3:hover {
cursor:pointer; text-decoration:underline;
/* color:#3399FF; */
color: white;
}
.link1:hover, .link2, .link3, img.link1, img.link2, img.link3 {
cursor:pointer; text-decoration:none;
}
button.link1, button.link2,
input.link1, input.link2 {
background:none; border:none;
}
.link3, button.link3, input.link3, img.link3 {
color:#3399FF !important;
background:none transparent !important;
border:none !important;
}
div.link, div.link1, div.link2, div.link3 {
display:inline-block;
}
.nolink1, .nolink1:hover {
cursor:default !important;
}
.nolink2, .nolink2:hover {
cursor:not-allowed !important;
}
.disabled, .disabled:hover,
.prog, .prog:hover {
color:#808080 !important; cursor:default !important;
text-decoration:none !important;
}
.circlehead {
color:#164476; cursor:default !important;
font-size:18px; font-weight:bold;
display:block; padding:3px 2px;
}
.indinput3, .indinputr {
width:auto !important;
border:1px solid #FEBEBE;
}
.indinputr {
text-align:right !important;
}
.seperator.filterline, .separator.filterline {
padding-right:0px; margin-right:0px;
}
.disabled, .disabled:hover, .disabled2, .disabled2:hover,
.button.disabled, .clickable.disabled,
.link.disabled, .link1.disabled, .link2.disabled,
.ibutton.disabled, .ibutton2.disabled, .ibutton3.disabled, .icons.disabled,
input[disabled=disabled], button[disabled=disabled],
select[disabled=disabled], textarea[disabled=disabled],
a[disabled=disabled], span[disabled=disabled],
div[disabled=disabled], .link[disabled=disabled],
.link2[disabled=disabled], .link3[disabled=disabled],
.ibutton[disabled=disabled], .ibutton2[disabled=disabled],
.ibutton3[disabled=disabled], .icons[disabled=disabled],
.clickable[disabled=disabled] {
cursor:not-allowed !important;
}
input[disabled=disabled], select[disabled=disabled], textarea[disabled=disabled] {
/*background-color:#E9E9EA !important;
color:#000000;*/
}
.link, .link1, .link2, .link3,
input[disabled=disabled].link, input[disabled=disabled].link1, input[disabled=disabled].link2, input[disabled=disabled].link3,
button[disabled=disabled].link, button[disabled=disabled].link1, button[disabled=disabled].link2, button[disabled=disabled].link3 {
/*background-color:transparent !important;*/
}
button.disabled, input[type="button"].disabled, input[type="submit"].disabled,
.disabled2, input.disabled2, select.disabled, button.disabled, textarea.disabled2 {
background-color: transparent !important;
border:0px none transparent !important;
color:#585858;
}
.filterline, .filterlinel, .filterliner, .filterlinr {
position:relative;
top:0px; display:block;
}
.filterline, .filterlinel {
float:left;
left:0px; margin-right:8px;
}
.filterliner, .filterlinr {
float:right;
right:0px; margin-left:8px;
}
.filterline2 {
position: relative;
display:inline; margin-right: 8px;
}
.clearall, .clearer, .clearer2, .clearer5 {
clear:both !important; float:none !important;
position:relative;
}
.clearer {
color:transparent; cursor:default !important;
border:0px none transparent !important;
background:none transparent !important;
padding:0 !important; margin:0 !important;
height:0px !important; width:auto;
min-height:0; max-height:0;
min-width:0; max-width:0;
display:block; visibility:hidden !important;
font-size:0; line-height:0;
z-index:-1;
}
.clearer2 {
padding:2px;
}
.clearer5 {
padding:5px;
}
/** Dropdowns/Pull-downs and pop-ups **/
.dropdown {
display: none; position: absolute;
border: 1px solid #666666;
background-color: #FFFFFF;
font-size: 12px;
top: 0px; left: 0px;
z-index:10;
}
.dropdown div {
padding: 1px 6px;
}
.dropdown div:hover {
background-color: #00305e;
color: #FFFFFF;
}
.popup {
display: none;
position: absolute;
bottom: 24px;
left: -12px;
background-color: #00305e;
color: #FFFFFF;
padding: 4px 12px;
text-align: left;
}
.popuptab {
background-image: url(/images/popuptab.png);
position: absolute;
bottom: -7px;
left: 2px;
height: 9px;
width: 22px;
}
.menubutton {
display:inline-block; position: relative;
cursor: pointer;
top: 0px; left: 0px;
}
.pulldown, .pulldownr {
border: 1px solid #666666;
color:#000000; background-color:#F5F5F5;
display:block; position:absolute;
clear:both; float:none;
margin:0px; padding:0px;
top:0px; overflow:auto;
height:auto; min-height:50px;
width:auto; min-width:150px;
z-index:30;
}
.pulldown {
display:none; /* This is seperate to avoid any absolute positioning issues */
left:0;
}
.pulldownr {
display:none; /* This is seperate to avoid any absolute positioning issues */
right:0;
}
.pulldwnlbl { /* Display Label for the Pull-down */
background:url("/images/icons/icon_caretdown_grey.png") right 5px no-repeat scroll transparent;
display:block; cursor:pointer;
margin:0; padding:3px 17px 3px 5px;
}
.popfiltered { /* Show alert icon near label, when filtered */
left:0px; margin-right:10px;
}
.pulldown ul, .pulldown li {
list-style:none;
/*background:none transparent;*/
margin:0; padding:0;
display:block; /*clear:both;*/
}
.popcontainer { /* wrapper inside pulldown (1st level) */
display:block; clear:both;
float:none; position:relative;
font-size:12px; text-align:left;
width:100%; padding:0 !important;
height:100%; margin:0 !important;
overflow:visible;
}
.popcontainer .close, .popcontainer .xclose {}
.popcontent { /* common class for popconttop, popcontdata and popcontfoot */
display:block; clear:both;
float:none; position:relative;
font-weight:300; overflow:visible;
margin:0px; padding:10px 8px;
}
.popcontent .popheading1,
.popcontent .popheading2,
.popcontent .popheading3 {
padding:5px 2px; display:block;
white-space:nowrap;
}
.popcontent .poptitle {
display:inline-block !important;
white-space:nowrap;
}
.popcontent .popheading1 {
font-weight:800;
}
.popcontent .popheading2 {
font-weight:600;
}
.popcontent .popheading3 {
font-weight:500;
}
.popcontent .popbtn, .popcontent .popbtnmid,
.popcontent .popbtnleft, .popcontent .popbtnright {
display:inline-block;
position:relative;
font-weight:600; white-space:nowrap;
}
.popcontent .popbtn, .popcontent .popbtnmid {
float:none; margin:0;
}
.popcontent .popbtnmid {
top:3px; text-align:center;
margin:0px auto;
}
.popcontent .popbtnleft {
float:left; margin-left:7px;
left:0; top:3px;
}
.popcontent .popbtnright {
float:right; margin-right:7px;
right:0; top:3px;
}
.popcontent .redisplay {}
.popcontent .popclearall {}
.popcontent .popreset {}
.popcontent .popcancel {}
.popcontent .popsubmit {}
.popcontent .link {}
.popcontent .link3 {}
.popconttop, .popcontfoot {
background-color:#F5F5F5;
color:#000000;
height:22px; padding:5px 8px;
}
.popconttop {}
.popcontdata {
background-color:#666666;
color:#FFFFFF; height:auto;
padding:10px 8px 15px 8px;
}
.popcontdata .popcontrow {
padding:3px 10px;
display:block; clear:both;
}
.popcontdata .filterline {
margin-right:15px;
}
.popcontdata .filterlinr {
margin-left:15px;
}
.popcontdata .hline {
border-color:#C3C3C3 !important;
clear:both; overflow:hidden;
width:100%; margin-top:10px;
padding:0px !important;
}
.popcontfoot {
font-weight:600;
}
.popcontleft, .popcontright {
display:block; /*font-weight:700;*/
top:0;
}
.popcontleft {
float:left; left:0;
text-align:left;
}
.popcontright {
float:right; right:0;
text-align:right;
}
/* Comments section */
.indcomment_container {
display:block; clear:both;
position:relative; overflow:hidden;
min-width:250px; max-width:550px;
}
.comments_list {
border:1px solid #A0A0A0;
background-color:#FFFFFF;
position:relative; clear:both;
height:135px; width:auto;
padding:5px 2px; margin:0;
overflow-x:hidden; overflow-y:auto;
}
.comments_pop {}
#indcommentAdd, #indcommentPop {
float:right; right:0; top:0;
margin:0px 5px 2px 10px !important;
z-index:10;
}
.indcomment_content {
display:block; clear:both;
position:relative; list-style:none;
margin:0px !important; background:none transparent;
padding:3px 1px 15px 3px !important;
}
.indcomment_content li {
list-style:none; margin:0px;
/*word-wrap:break-word; word-break:break-all;*/
}
.indcomment_content .del_cross_icon {
position:absolute; right:-2px;
z-index:inherit; top:8px;
}
.indcommenth {
color:#A0A0A0; font-size:10px;
white-space:nowrap; padding:1px 3px !important;
}
.indcommentb {
background-color:#E9E9EA; /*background-color:#F2F5A9;*/
color:#585858; border:none;
display:block; padding:5px !important;
white-space:normal; overflow:visible;
}
#indcommentText {
border:1px solid #1C1C1C;
margin:3px; padding:0px;
width:330px; height:110px;
}
/** OLD Way **
.comments_container {
display:block; clear:both;
position:relative; overflow:hidden;
min-width:250px; max-width:550px;
}
.comments_head {
margin-bottom:5px; padding:0;
position:relative; width:100%;
display:block; clear:both;
}
.comments_list {
border:1px solid #A0A0A0;
background-color:#FAFAFA;
position:relative; clear:both;
height:135px; width:auto;
padding:5px 2px; margin:0;
overflow-x:hidden; overflow-y:auto;
}
.comments_add, .comments_pop {
float:right; right:0; top:0;
margin:0px 5px 2px 10px !important;
z-index:10;
}
.comments_content {
clear:both; display:block; position:relative;
margin:0px !important; list-style:none;
padding:3px 1px 15px 3px !important;
}
.comments_content li {
list-style:none; margin:0px;
/*word-wrap:break-word; word-break:break-all;*//*
}
.comments_content .del_cross_icon {
position:absolute; right:-2px;
z-index:inherit; top:8px;
}
.commentsh {
color:#A0A0A0; font-size:11px;
white-space:nowrap; padding:1px 3px;
}
.commentsb {
background-color:#F2F2F2;
color:#585858; /*background-color:#F2F5A9;*//*
display:block; padding:3px;
white-space:normal; overflow:visible;
}
.comments_text {
border:1px solid #1C1C1C;
margin:3px; width:330px; height:110px;
}*/
/*################################################*/
/** Tables with Fixed Header and Left side, and Scrollable Data (on Right) **
*################################################*/
.scrolltab_container, .scrolltab_content {
clear:both; position:relative;
display:block; float:none;
left:0px; top:0px;
}
.scrolltab_container {
width:100%; overflow:hidden;
}
.scrolltab_container .greybar {
position:absolute;
height:16px; width:100%;
bottom:0px; left:0px;
z-index:2;
}
.scrolltab_content {}
.scrolltab_content table.scrolltab {
table-layout:fixed !important;
border-spacing:0; border-collapse:separate;
}
.scrolltab tr {}
.scrolltab td {
clear:both; display:table-cell;
padding:5px; white-space:nowrap;
overflow:hidden; vertical-align:middle;
position:relative;
width:auto; height:25px;
/* min-max values are needed for fixed-layout-tables */
min-height:30px; max-height:50px;
min-width:35px; padding:5px;
}
.scrolltab td > div,
.scrolltab .scrolltab_coldiv {
clear:both; display:block;
float:none; position:relative;
padding:0; margin:0;
width:100%;
}
.scrolltab td .icons {
position:relative; top:0px;
}
.scrolltab td > div .icons {}
.scrolltab .scrolltab_icondiv {
background:none #FEFEFE;
display:block; position:absolute;
float:none; clear:both;
right:2px; top:6px;
max-width:75px; overflow:hidden;
z-index:2;
}
.scrolltab .scrolltab_coldiv .scrolltab_icondiv {
right:0px; top:-2px;
}
.scrolltab .scrolltab_icondiv .icons3 {
width:15px !important;
height:15px !important;
top:2px !important;
}
.scrolltab .scrolltab_icondiv .icons4 {
width:15px !important;
height:15px !important;
top:2px !important;
}
.scrolltab .scrolltab_icondiv > .icons {
float:right;
margin:0 0 0 4px !important;
}
.scrolltab_header {}
.scrolltab_header .scrolltab {
height:100%;
}
.scrolltab_header .scrolltab tr {}
.scrolltab_header .scrolltab td {
color:#FFFFFF !important;
/*border-color:#FFFFFF !important;*/
text-align:center;
}
.scrolltab_data {}
.scrolltab_data .scrolltab {}
.scrolltab_data .scrolltab tr {}
.scrolltab_data .scrolltab td {}
.scrolltab_floated {
float:left; position:relative;
display:block; overflow:hidden;
min-height:60px; max-height:500px;
}
.scrolltab_left {
/*width:350px; */
width:300px;
border-right:1px solid #FFFFFF;
}
.scrolltab_left_noscroll {
/*width:350px; */
width:300px;
border-right:1px solid #FFFFFF;
}
.scrolltab_right {
width:600px;
min-width:600px; max-width:600px;
}
.scrolltab_right_noscroll {
width:600px;
min-width:600px; max-width:600px;
}
.scrolltab_data .scrolltab_left {
border-left:1px solid #D8D8D8;
border-bottom:1px solid #D8D8D8;
/*border-right:1px solid #D8D8D8;*/
}
.scrolltab_data .scrolltab_left_noscroll {
//border-left:1px solid #D8D8D8;
//border-bottom:1px solid #D8D8D8;
/*border-right:1px solid #D8D8D8;*/
}
.scrolltab_inner {
margin:0; padding:0;
display:block; position:relative;
}
.scrolltab_left_inner {
width:100%; overflow:hidden;
}
.scrolltab_right_inner {
width:1000px;
overflow:visible;
}
.scrolltab_data .scrolltab_left_inner {
margin-bottom:17px;
}
.scrolltab_bar {
/*border-left:1px solid #FFFFFF;*/
overflow:scroll !important;
scroll-behavior:smooth !important;
border-right:1px solid #D8D8D8;
border-bottom:1px solid #D8D8D8;
}
.scrolltab_bar_nox {
/*border-left:1px solid #FFFFFF;*/
/*overflow:scroll !important; */
overflow-y: auto;
scroll-behavior:smooth !important;
/*border-right:1px solid #D8D8D8; */
/*border-bottom:1px solid #D8D8D8; */
}
.scrolltab_left .scrolltab {
width:100%;
}
.scrolltab_left_noscroll .scrolltab {
width:100%;
}
.scrolltab_right .scrolltab {}
.scrolltab_right_noscroll .scrolltab {}
.scrolltab_bar .scrolltab td:first-child {
border-left-color:transparent;
}
.scrolltab caption {
color:#FFFFFF;
background:none #858585;
border:0px solid #FFFFFF;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-collapse:separate;
font-size:14px; text-align:center;
font-weight:500; vertical-align:middle;
padding:7px 0px; white-space:nowrap;
}
.scrolltab .topRow1 {}
.scrolltab .topRow1 td {
padding:8px 5px;
border-right-color:#D8D8D8;
}
.scrolltab .topRow1 td:first-child {}
.scrolltab .topRow1 td:last-child {
border-right-color:#858585;
}
.scrolltab .topRow2 {
background-color:#A0A0A0;
font-size:11px; font-weight:700;
}
.scrolltab .topRow2 td {
border-top:1px solid #D8D8D8;
}
.scrolltab .topRow2 td:first-child {
border-left-color:#A0A0A0;
}
.scrolltab .topRow2 td:last-child {
border-right-color:#A0A0A0;
}
.scrolltab .scrolltab_namecol {
/*width:250px; */
/*min-width:250px; max-width:250px;*/
width:200px;
min-width:200px; max-width:200px;
}
.scrolltab .scrolltab_nametxt {
display:inline-block;
width:235px; max-width:235px;
overflow:hidden;
z-index:0;
}
.scrolltab .lc0, .scrolltab .rc0 {
width:90px;
min-width:90px; max-width:90px;
}
.scrolltab .lc1, .scrolltab .rc1 {
width:35px;
min-width:35px; max-width:35px;
}
.scrolltab .lc0id, .scrolltab .rc0id {
width:60px;
min-width:60px; max-width:60px;
}
.scrolltab .lc0 {}
.scrolltab .lc0id {}
.scrolltab .lc1 {}
.scrolltab .lc2 {}
.scrolltab .lc3 {
width:200px;
min-width:200px; max-width:200px;
}
.scrolltab .rc0 {}
.scrolltab .rc0id {}
.scrolltab .rc1 {}
.scrolltab .rc2 {
width:120px;
min-width:120px; max-width:120px;
}
.scrolltab .rc3 {
width:200px;
min-width:200px; max-width:200px;
}
.summaryrow {
background-color: #F0F0F0;
}
/* Alternate way for scrolltab, using div-ul-li *
div.scrolltab {
border:0px none transparent;
background:none transparent;
display:block; clear:both !important;
position:relative; float:none !important;
padding:0; margin:0;
}
.scrolltab ul {
background:none transparent;
color:#000000;
border:0px none transparent;
clear:both; display:block;
padding:0; margin:0;
width:auto; height:auto;
list-style:none !important;
}
.scrolltab li {
display:block; float:left;
margin:0px; position:relative;
padding:5px; overflow:hidden;
width:auto; height:22px;
min-height:22px; max-height:22px;
min-width:35px; white-space:nowrap;
}
.scrolltab li > div {
clear:both; display:block;
float:none; position:relative;
padding:0; margin:0;
width:100%;
}
.scrolltab li .icons {
position:absolute;
right:0px; top:0px;
}
.scrolltab ul.tabhead {
color:#FFFFFF !important;
background:none #858585 !important;
height:22px; font-size:14px;
text-align:center; font-weight:500;
}
.scrolltab ul.tabhead li {
border-top:1px solid #858585;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #858585;
padding:8px 3px; text-align:center !important;
}
.scrolltab ul.tabhead > li:first-child {
border-left: 1px solid #858585;
border-top-left-radius:7px;
}
.scrolltab ul.tabhead > li:last-child {
border-right: 1px solid #858585 !important;
border-top-right-radius:7px;
}
.scrolltab ul.topRow1 li {
padding:8px 5px;
border-right-color:#D8D8D8;
}
.scrolltab ul.topRow1 li:first-child {}
.scrolltab ul.topRow1 li:last-child {
border-right-color:#858585;
}
.scrolltab ul.topRow2 li {
border-top:1px solid #D8D8D8;
}
.scrolltab ul.topRow2 li:first-child {
border-left-color:#A0A0A0;
}
.scrolltab ul.topRow2 li:last-child {
border-right-color:#A0A0A0;
}
.scrolltab ul.boxed {}
.scrolltab ul.boxed:first-child > li {
border-top: 1px solid #D8D8D8;
}
.scrolltab ul.boxed > li {
border-right: 1px solid #D8D8D8;
border-bottom: 1px solid #D8D8D8;
padding:5px;
border-radius:0px;
}
.scrolltab ul.boxed > li:first-child {
border-left: 1px solid #D8D8D8;
}
/*==========*/
/** Not in use anywhere
*################################################*/
.allData {
display:block; overflow:hidden;
clear:both; position:relative;
padding:0; margin:0 0 0 -25px;
width:990px; /*max-height:750px;*/
height:400px; max-height:530px;
z-index:1;
}
.allDataContainer {
position:relative;
}
.allDataHeader {
height:75px; overflow:hidden;
}
.allDataContent {
height:100%;
}
.allDataLeftContent {}
.allDataRightHead, .allDataRightContent {
min-width:3780px; max-width:3800px;
/*width:3050px;*/
}
.allData_tab {
/*border-collapse:collapse;
margin:10px; width:100%;*/
height:100%;
table-layout:fixed;
}
.allData_tab1, .allData_tab2 {}
.allData_tab tr {}
.allData_tab td {
white-space:nowrap; /*width:auto;*/
overflow:hidden; vertical-align:middle;
}
.allData table {
/*table-layout:fixed;*/
}
.allData_tab1 {
width:100%;
}
.allData_tab2 {
/*width:850px;*/
}
.allData td, .allData th {
padding:2px; display:table-cell;
overflow:hidden; text-overflow:ellipsis;
}
thead.allData_contentHead {
visibility:hidden; display:none;
}
.allDataLeft, .allDataRight {
position:absolute;
overflow:hidden; display:block;
}
.allDataLeft {
width:380px; max-width:380px;
/*border-left:1px solid #999999;*/
}
.allDataRight {
left:380px; width:610px;
}
.allDataLeft1, .allDataRight1 {
height:100%;
}
.allDataLeft2, .allDataRight2 {
height:300px; max-height:300px;
}
.allDataLeft2 {
border-top:1px solid #999999;
border-bottom:1px solid #999999;
}
.allDataHead, .allDataBody {
position:relative;
left:0px; top:0px;
}
.allDataHead {
height:100%; /*width:100%;*/
}
.allDataHead tr {}
.allDataHead td {}
.allData .topRow1, .allData .topRow2 {
/*height:25px;*/
}
.allDataHead tr.topRow1 {
color:#FAFAFA !important;
background:none transparent;
border-bottom:1px solid #999999;
font-size:14px; font-weight:500;
text-align:center;
}
.allDataHead tr.topRow1 td {
background:none #6388A0;
border-right:1px solid #999999;
border-top:1px hidden #6388A0;
text-align:center !important;
white-space:pre-wrap !important;
}
.allDataHead tr.topRow1 td:first-child {
border-left:1px solid transparent;
border-top-left-radius:7px;
}
.allDataHead tr.topRow1 td:last-child {
border-top-right-radius:7px;
}
.allDataHead tr.topRow2 {
background:none #A0A0A0;
color:#FFFFFF;
}
.allDataHead tr.topRow2 td {
text-align:center;
}
.allDataHead tr.topRow2 td > div {
/*width:80px;*/
}
.allData_tab tr.topRow {}
.allData_tab tr.topRow td {}
.allData_tab tr.dataRow {}
.allData_tab tr.dataRow td {}
.allData_tab .allDataBodyLeft:last-child td,
.allData_tab .allDataBodyRight:last-child td {
border-bottom-color:#999999 !important;
}
.allDataLeft tr.topRow td:first-child,
.allDataLeft tr.dataRow td:first-child {
border-left:1px solid #999999;
}
.allDataLeft tr.topRow td:last-child,
.allDataLeft tr.dataRow td:last-child {
border-right-color:#FAFAFA !important;
}
.allDataRight tr.topRow td:first-child,
.allDataRight tr.dataRow td:first-child {}
.allDataRight tr.dataRow td:first-child {
border-left:1px solid transparent;
}
.allDataRight tr.topRow td:last-child,
.allDataRight tr.dataRow td:last-child {
border-right:1px solid #999999;
}
.allDataBody {}
.allDataBody tr {
/*background:none #C1D8E9;*/
/*background:none #D3DADE;*/
background:none #DDDDDD;
}
.allDataHead tr.topRow2 td,
.allDataBody td {
border-right:1px solid #FAFAFA;
border-bottom:1px solid #FAFAFA;
height:23px !important;
vertical-align:middle;
}
.allDataLeftHead, .allDataRightHead {}
.allDataLeftContent {
padding-bottom:18px;
}
.allDataRightContent {}
.allDataRight2 {
overflow-x:scroll; overflow-y:scroll;
border:1px solid #999999;
border-left:none;
}
.allDataPlaceHolder1 {
position:absolute; bottom:0px;
display:block; background-color:#A0A0A0;
height:16px; width:100%;
}
.allDataPlaceHolder2 {
height:1px; display:inline-block;
}
.allData_tab .lc1 {
width:30px !important; max-width:30px;
}
.allData_tab .lc2 {
width:50px !important; max-width:50px;
}
.allData_tab .lc3 {
/*width:130px !important;*/
}
.allData_tab .rc0, .allData_tab .rc0l, .allData_tab .rc0r {
width:100px; max-width:100px;
}
.allData_tab .rc0l {
text-align:left;
}
.allData_tab .rc0r {
text-align:right;
}
.allData_tab .rc1 {
text-align:left;
}
.allData_tab .rc2 {
width:33px !important;
max-width:33px !important;
}
.allData_tab .rc3 {
width:210px !important;
max-width:210px !important;
}
.allData_tab .rc20 {
}
/** Position Pay Zones Charts **
*#######################################*/
.charts_zones {
display:block;
position:relative; clear:both;
/*margin:auto;*/ padding:2px 10px 25px 2px;
min-width:366px; max-width:500px;
width:100%; /*width:370px;*/
}
.charts_zones_div {
margin:auto;
position:relative; width:100%;
}
.charts_zones table {
/*width:100%;*/
table-layout:fixed; border-collapse:collapse !important;
}
.charts_zones_title {
font-weight:bold; clear:both;
margin-bottom:10px; padding:0;
text-align:left;
}
.rangesect {}
.rangesect td {
height:54px; width:41px;
}
#pprlinel {
left:-4px !important;
}
.ppr_warn {
color: #ffffff; background-color: #fe642e;
padding:4px 0px; margin:5px 0px;
font-weight:bold; text-align: center;
width: 100%;
}
.ppr_amts {
width:100%; height:17px;
padding:0; margin:0 0 0 -10px !important;
}
.ppr_amts >div {
display:inline-block;
}
.ppr_amtsl {
text-align:left;
}
.ppr_amtsm {
text-align:center;
}
.ppr_amtsr {
text-align:right;
}
.ppr_line, .ppr_gl {
width:100%; /*width:456px;*/
text-align:left;
}
.ppr_line {
display:block;
clear:both; position:absolute;
left:0px; top:56px;
}
.ppr_gl {
border-bottom:1px solid #999999;
height:10px; top:-2px;
display:inline-block; position:absolute;
/*margin:0px -6px 0px -4px;*/
}
.ppr_la, .ppr_ra, .ppr_dot {
padding:0px !important; margin:0px !important;
position:absolute; cursor:default !important;
}
.ppr_la {
left:0px;
}
.ppr_ra {
right:0px;
}
.ppr_dot {
left:0;
top:58px !important;
margin-left:-4px !important;
}
.ppr_cg {
/*background-color:#CCCCCC;*/
/*background-color:#C1D8E9;*/
background-color:#CFE9F9;
height:60px;
}
.ppr_cw {
background-color:#F5F5F5;
border-collapse: separate;
}
.ppr_chartbw {
}
.ppr_cw1 {
border-collapse: collapse;
margin: 0;
padding: 4px;
position: relative;
background-color: #F5F5F5;
background-clip: padding-box; /* Add this line */
}
.ppr_cw2 {
border-collapse: collapse;
margin: 0;
padding: 4px;
position: relative;
background-color: #F5F5F5;
background-clip: padding-box; /* Add this line */
/*border-left:1px dotted #999999;*/
}
.ppr_cp {
/*background-color:#FFD5C2;*/
background-color:#F5C78C;
}
.ppr_cp1 {
border-collapse: collapse;
margin: 0;
padding: 4px;
position: relative;
background-color: #F5C78C;
background-clip: padding-box; /* Add this line */
}
.ppr_cp2 {
border-collapse: collapse;
margin: 0;
padding: 4px;
position: relative;
background-color: #F5C78C;
background-clip: padding-box; /* Add this line */
}
.ppr_cb {
/*background-color:#FFD5C2;*/
background-color:#A9C8DB;
}
.ppr_zone {
color:#000000; text-align:center;
margin:auto; width:80%;
}
.ppr_range {
font-size:12px; margin-top:12px;
white-space:nowrap;
}
.ppr_name {
font-size:12px; margin-top:1px;
}
.ppr_desc {
color:#666666; font-size:9px;
text-align:left;
}
.ppr_desc ul {
margin-left:10px; padding:0px;
}
.ppr_cg, .ppr_cp {
border-collapse: collapse;
margin: 0;
padding: 4px;
position: relative;
background-clip: padding-box; /* Add this line */
vertical-align:top;
}
/** Screen Sub-menu (NOT Top-nav menu)**
*#######################################*/
.submenu_title {
background:url("/images/new/GreyDownCaretLarge.png") left center no-repeat scroll transparent;
display:inline-block; color:#000000;
padding-left:20px; cursor:pointer;
font-size:18px; text-transform:uppercase;
z-index:10;
}
.submenu_header {
background:none transparent;
display:block; position:relative;
padding:0; margin:10px 0px 15px -20px;
}
.submenu_list {
border:none !important;
top:22px; width:250px !important;
padding:0px; margin:0px;
}
.submenu_list ul, .submenu_list li {
list-style:none;
}
.submenu_list ul {
border:1px solid #666666 !important;
width:99%; padding:0px !important;
}
.submenu_list li {
padding:5px 10px !important;
}
.submenu_list li:hover .nav_link {
color:#FFFFFF;
}
.submenu_list li:hover .nav_linkd {
color:#F2F2F2;
}
.submenu_content {
display:block;
clear:both; position:relative;
}
.submenu_content .rowsecbar,
.submenu_content .rowsecbara {
background-color:#6388A0 !important;
color:#FAFAFA !important;
border-color:#6388A0 !important;
border-top-left-radius:7px;
border-top-right-radius:7px;
/*margin-top:10px;*/
}
.submenu_content .rowsectb {
/*margin-bottom:10px !important;*/
}
/** Reports **/
.rptcontainer {
border-bottom:1px solid #E9E9EA;
display:block; clear:both;
margin:0px 0px 0px 0px;
padding:12px 0px 8px 0px;
position:relative;
list-style:none;
}
.rptcontainer:hover {
background-color:#F2F2F2; /* #FFFFE0; /* #FFFFE0*/
}
.rptcontainer:first-child {
/*border-top:1px solid #999999;*/
}
.rptcontainer .assoc_display {
display:inline-block !important;
clear:both;
padding:0px !important;
margin:0px 0px 0px 10px !important;
}
.rptname {
float:left; display:block;
width:auto; margin:0 0 0 20px;
white-space:nowrap;
}
.rptname .icons {
float:right;
}
.rptbtn {
width:290px;
}
.rpttitle {
font-weight:600; clear:both;
display:inline-block;
}
.rptdesc {}
.rptsel {}
.rpttype {
float:right !important;
margin:0; padding:0px 10px;
}
.rptdownload {}
.err_msg.rptname {
color:#000000 !important;
font-size:14px !important;
}
.tr_container {
margin:0; padding:0;
display:block;
}
.tr_content {}
.tr_content .rptbtn {
width:190px; text-align:right;
}
.tr_content select {
padding:1px; cursor:pointer;
width:220px; max-width:220px;
}
/** Admin / Maintenance Screen **
*#######################################*/
#adminMenuContent {
display:block; position:relative;
clear:both; float:none!important;
}
.admin-refresh-set {
padding:2px; clear:both !important;
}
.admin-refresh-subset1 {
padding:2px; clear:both !important;
}
.admin-refresh-subset2 {
padding-left:20px;
}
.admin-refresh-subset3 {
padding-top:2px;
}
.admin-refresh-subset4 {
padding:3px 3px 10px 20px;
}
.adminboxtab {}
.adminboxtab td {
padding:3px 6px;
}
.adminboxtab td:first-child {
font-weight:bold !important;
text-align:right; vertical-align:bottom;
}
.adminboxtab td:last-child {
font-style:italic;
}
table.maintab {
width:100%;
}
.maintab tr {}
.maintab td {
padding:5px 3px !important;
}
.maintab .tabhead td {}
.maintab .tabheadg td {
/*border-top:1px solid transparent !important;*/
}
.maintab .tabheadg td:first-child {
/*border-left:1px solid transparent !important;
border-top-left-radius:7px !important;*/
}
.maintab .tabheadg td:last-child {
/*border-right:1px solid transparent !important;
border-top-right-radius:7px !important;*/
}
.maintab .tabname td {}
.maintab .tabnameg td {}
.maintab .tabnameg td:first-child {
border-top-left-radius:7px !important;
}
.maintab .tabnameg td:last-child {
border-top-right-radius:7px !important;
}
.maintab .boxedg td {
text-align:center !important;
}
.maintab .topRow1, .maintab .topRow1 td {}
.maintab .topRow2, .maintab .topRow2 td {}
.maintab .topRow1 {}
.maintab .topRow2 {}
.maintab .topRow1 td {}
.maintab .topRow2 td {}
.maintab .cgc, .maintab .cbc, .maintab .cwc {
background-color:#D3DADE !important;
}
#adminMenuContent.siteadmin {}
#um_msg {
/*color:#FF0000;*/
font-weight:bold; padding:5px;
}
#um_alert {
font-size:15px; padding:0px 3px;
font-weight:bold; border:1px solid #A0A0A0;
background-color: #D3D3D3;
color:#FF0000;
}
#um_val {}
#um_sub {}
#um_display {}
#reportYear {}
/*##########################################################*/
/*##########################################################*/
/** Help screen **/
div.help_content {
width:85%; padding:3px;
}
.help_content_title {
padding:10px 0px 5px 0px;
margin:0; font-weight:bold;
}
.help_block {
margin:5px 0px 15px 0px;
padding:0px 5px 0px 15px;
}
.help_block li {
padding:5px; margin:0;
}
ol.help_block {}
ol.help_block li {
list-style-type:decimal;
}
ul.help_block {}
ul.help_block li {
list-style-type:square;
}
.help_content li span.link3 {}
.help_content h3 {
font-size:18px; color:#2E2E2E;
}
.help_content a, help_content a:visited {
text-decoration-line:underline;
text-decoration-style:dotted;
cursor:pointer; color:#3399FF;
}
.help_content a:hover {
color:#0000FF; text-decoration:underline;
}
.help_error {
margin:20px 10px; font-weight:bold;
font-size:30px; padding:5px;
}
.help_error span#ln1 {
color:red; padding:5px 1px;
}
.help_error span#ln2 {
font-size:16px; margin-left:10px;
color:grey; padding:5px;
}
.help_error span#ln2 a {
text-decoration:underline; color:blue;
}
/*##########################################################*/
/** Download Report Progress **/
.progress {
float: left;
margin: 0px 4px;
}
.progressbar {
border: 1px solid #000000;
float: left; position: relative;
top: 0px; left: 0px;
width: 200px; height: 16px;
}
.pbardone {
position: absolute;
top: 0px; left: 0px;
height: 16px;
background-color: #666666;
}
.prog, .prog:hover {
display:inline-block; color:#3399FF !important;
padding:2px 5px; z-index:99;
}
.proga {
background:url("/images/progress_small.gif") no-repeat scroll center right transparent !important;
color:#666666;
padding-right:21px !important; cursor:progress !important;
}
.proga:hover {
cursor:progress !important;
}
.progd {
background:none #FFFFE0 !important;
border:1px solid #99CCFF !important;
margin:0px 3px !important;
}
.progd, .progd:hover {
color:#3399FF;
cursor:pointer; text-decoration:underline !important;
}
.progd a, .progd:hover a, .progd a:hover {
font-weight:bold; text-decoration:underline !important;
cursor:pointer !important;
}
/** Employee Search **
*#####################################################*/
.assocsel_div {}
/** Pagination **
*#####################################################*/
.pagi_content {
display:block; position:relative;
clear:both; white-space:nowrap !important;
width:auto; height:25px !important;
margin:0 !important; padding:0 !important;
z-index:9;
}
.pagi_content .grey {
color:#999999 !important;
}
.pagi_content a {}
.pagi_content div {
display:inline-block;
padding:0px; position:relative;
margin:0px 3px; clear:both;
}
.pagi_nav {
font-weight:bold; font-size:12px;
cursor:pointer; line-height:20px;
text-decoration:underline;
z-index:inherit;
}
.pagi_nav_jump {
margin:0px 7px !important;
}
.pagi_dots {
font-size:16px; font-weight:bold;
letter-spacing:0.3em;
}
.pagi_input {
margin-left:10px !important;
}
.pagi_input form {
display:inline-block;
}
.pagi_input_txt {
/*background:url("/images/new/AdvancePageIcon.png") right 0px no-repeat scroll #FAFAFA !important;*/
border:1px solid #A0A0A0 !important;
padding:1px 15px 1px 3px !important;
width:40px; height:14px;
color:#585858; font-size:12px;
line-height:12px; cursor:text;
font-weight:500; position:relative;
z-index:5;
}
.pagi_input_img {
background:url("/images/new/AdvancePageIcon.png") center center no-repeat scroll #858585;
border:1px solid #858585;
display:inline-block;
cursor:pointer; position:absolute;
width:16px; height:16px;
top:1px; right:1px;
padding:0; margin:0;
font-size:0px; /*opacity:0.01 !important;*/
z-index:6;
}
.pagi_total {
margin-right:10px !important;
}
/** jQuery UI - Custom Styles **
*##################################################################*/
/** jQuery General Overwrite **/
.ui-widget {
font-family:inherit !important;
font-size:inherit !important;
}
.ui-menu {}
.ui-menu li, .ui-menu div,
.ui-menu .ui-state-active {
border:0px none transparent;
background:none transparent;
color:#000000;
}
.ui-tooltip {
width:auto; overflow:visible !important;
/*max-width:35%; max-height:480px;*/
}
.ui-tooltip, .ui-corner-all {
border-radius:7px !important;
}
.ui-widget-shadow {
-webkit-box-shadow: 4px 4px 10px #AAAAAA;
box-shadow: 4px 4px 10px #AAAAAA;
}
/** Custom Widget / Dialog Settings **/
.mywidget, .mywidget2, .mywidgetc {
border:2px solid #1C1C1C !important;
padding:0px !important; overflow:hidden !important;
}
.mywidget .ui-dialog-titlebar {
display: none; overflow:visible;
width:95% !important;
}
.widget {
padding:0px !important; position:relative !important;
overflow-x:hidden !important; overflow-y:auto !important;
height:auto; width:auto; margin:0px auto !important;
}
.cwidget {
padding:0px !important; margin:0px !important;
width:100% !important;
}
.dwidget {}
.uwidget {}
.widgeth {
background:url("/images/navbg.png");
height:23px; color:#FFFFFF !important;
clear:both; float:none !important;
display:block; position:relative;
margin:0px; padding:5px 5px 2px 7px !important;
}
.widgeth h3 {}
.widgeth div {}
.widgeth span:not(.xclose) {}
.widgeth div, .widgeth h3 {
display:inline-block; clear:both;
line-height:14px; font-size:11px !important;
white-space:nowrap; overflow:visible;
}
.widgeth .xclose {}
.widgetb {
padding:5px; display:block;
overflow:hidden;
}
.widgetb .save_button {
float:right;
}
.widgetb ul, .widgetb li {
list-style:none;
margin:0px; padding:0px;
}
.widgetb > ul {
margin-bottom:10px;
}
.widgetb .header {
padding:2px; font-weight:bold;
}
.ui-dialog-titlebar {}
.mywidget .ui-dialog-titlebar {
display:none !important;
visibility:hidden !important;
}
.mywidget2 .ui-dialog-titlebar {}
.mywidgetc .ui-dialog-titlebar {}
.widgeth.ui-dialog-titlebar {}
.widgeth .ui-dialog-title {
width:99% !important; margin:0px !important;
}
.ui-dialog-titlebar .xclose {
z-index:inherit;
}
.widgeth.ui-dialog-titlebar .xclose {
/*margin-top:-17px;*/
}
.ui-dialog-titlebar-close {}
.mywidget .ui-dialog-titlebar-close {}
.mywidget2 .ui-dialog-titlebar-close {}
.mywidgetc .ui-dialog-titlebar-close {}
.xclose.ui-dialog-titlebar-close {
z-index:inherit;
}
.xclose .ui-icon {
background:none transparent !important;
z-index:-1;
}
.mywidget .ui-dialog-content {}
.mywidget2 .ui-dialog-content {}
.mywidgetc .ui-dialog-content {}
.widget.ui-dialog-content {}
.cwidget.ui-dialog-content {}
.dwidget.ui-dialog-content {}
.uwidget.ui-dialog-content {}
/** Custom Tooltip Settings **/
.tt, .tt1, .tt2, .ttwm, .ttwi, .ttwid, .ttwim {
/*cursor:pointer;*/
}
.tt_container { /* Everything inside .tt_container is displayed as Tooltip */
display:none !important;
visibility:hidden;
}
.tt_content, .tt_content2 {
display:block; clear:both;
font-size:12px; position:relative;
padding:5px; margin:0px;
width:auto; height:auto;
max-width:600px; max-height:450px;
text-align:left; overflow:auto;
}
.tt_content {
background-color:#FFFFFF; /* white */
}
.tt_content2 {
background-color:#FFFFE0; /* light-yellow */
}
.tt_content_inner, .tt_content2_inner {
display:block; font-size:inherit;
padding:3px 5px; margin:0px;
}
.tt_content_inner {}
.tt_content2_inner {}
.tt_title, .tt_title0, .tt_title1, .tt_title2, .tt_title3 {
display:block; clear:both;
font-weight:600; position:relative;
padding:7px 5px; margin:0px;
white-space:nowrap;
}
.tt_title {
font-size:18px; font-weight:normal !important;
padding:10px; text-align:center !important;
}
.tt_title0 {
font-size:18px; padding-bottom:10px;
}
.tt_title1 {
font-size:15px; padding-bottom:10px;
}
.tt_title2 {
font-size:inherit !important;
}
.tt_title3 {
font-size:10px; font-weight:800;
}
.tt_content ul, .tt_content ol, .tt_content li,
.tt_content2 ul, .tt_content2 ol, .tt_content2 li,
.tt_content h1, .tt_content h2, .tt_content h3,
.tt_content h4, .tt_content h5, .tt_content h6,
.tt_content2 h1, .tt_content2 h2, .tt_content2 h3,
.tt_content2 h4, .tt_content2 h5, .tt_content2 h6,
.tt_content p, .tt_content2 p {
padding:10px; margin:0px;
}
.tt_content li, .tt_content2 li {
padding:3px 5px;
}
.tt_content > ul {}
.tt_content > ol {
list-style-type:decimal;
}
.tt_content2 > ul, .tt_content2 > ol {
list-style-type:none;
}
.ttlist {
font-size:11px;
padding:5px 5px 5px 0px;
margin:0px 0px 0px 10px;
}
.ttlist .ttlist_title {}
.ttlist li, .ttlist2 li {
padding:3px;
}
.ttlist2 li {
list-style:none;
}
.tt_tab {
font-size:11px;
margin-top:5px;
margin-left:5px;
}
.tt_tab td {
padding:3px 5px;
}
/** Auto-complete Search settings **/
.inputac {
background:url("/images/new/SearchIcon.png") no-repeat scroll 165px 5px #FFFFFF !important;
border:1px inset #858585 !important;
position:relative; border-radius:5px !important;
padding:3px !important; cursor:text;
height:16px !important; width:180px !important;
vertical-align:middle; text-align:left;
z-index:inherit;
}
/* Assoc and Other Autocomplete searches */
.assoc_display {
display:block; clear:both;
padding:10px; /*white-space:nowrap;*/
}
.assoc_display > div {
float:left;
left:0; top:0;
display:inline-block;
position:relative; line-height:15px;
z-index:inherit;
}
.assoc_display_search {}
.assoc_display_txt {
padding:2px 10px; margin:0;
border:0px transparent;
}
.assoc_display_btn {
padding:2px 10px;
}
/* New */
.searchac_container {
background:none transparent;
display:block; position:relative;
clear:both; float:none;
margin:0px; padding:10px 5px;
}
.searchac_container.searchac_floatleft {}
.searchac_container.searchac_floatright {}
.searchac_item {
position:relative; display:inline-block;
margin:0px 5px; padding:0;
}
.searchac_container.searchac_floated > .searchac_item {
float:left !important;
display:block; margin-right:10px;
}
.searchac_sel, .searchac_name {
padding:2px; overflow:visible;
min-width:180px; max-width:300px;
background-color: white;
}
.searchac_lbl {
display:inline-block;
margin-right:5px; font-weight:600;
}
.searchac_ele {}
.searchac_ele input.inputac {}
.searchac_txt {
font-weight:300; overflow:hidden;
top:2px;
}
.searchac_btn {}
.searchac_btnright {
float:right;
}
.searchac_btnnext {
float:none !important;
clear:both; display:block;
margin-top:15px;
}
.searchac_btncenter {
text-align:center;
}
/** Datepicker settings **/
.datepicker, .datepicker_icon {
/*background:url("/images/icons.png") no-repeat scroll -251px -27px #FFFFE0;*/
background:url("/images/new/CalendarIcon.png") no-repeat scroll 87px 2px #FFFFFF;
}
.datepicker {
/*border: 1px inset #800000 !important;*/
border: 1px inset #999999 !important;
padding:2px; cursor: pointer;
height:16px !important; width:100px !important;
vertical-align: middle; text-align: left;
z-index:10;
}
.datepicker_icon {
/*background:url("/images/icons.png") no-repeat scroll -221px -168px #FFFFE0;*/
height:16px; width:16px; font-size:0px; cursor:pointer;
display:inline-block; vertical-align:middle;
z-index:10;
}
.ui-datepicker {
z-index:99 !important;
}
/*#########################################################*/
/** Admin screen **/
/*#########################################################*/
.admintbl {
width:auto !important;
}
.admintbl td {
padding:5px 7px !important;
}
.admintbl .boxedg {}
.admintbl .boxedg td {
font-weight:bold; white-space:nowrap;
text-align:center; vertical-align:middle;
padding:7px !important;
}
.admintbl tr.boxedg:first-child td:first-child {
border-top-left-radius:7px;
}
.admintbl tr.boxedg:first-child td:last-child {
border-top-right-radius:7px;
}
.admintbl .cbc { /* usually the first column of the data (body) in table, not header */
background:none #D3DADE !important;
border-color:#C0C0C0 !important;
}
.admintbl .crinput,
.admintbl .indinput {
font-weight:300 !important;
}
.admintbl .indinput {
width:65px !important;
}
/* Matrices */
#matrixMeritBudget {}
#matrixMeritRightTab {
display:block; position:absolute;
right:5px; top:10px;
z-index:99;
}
#matrixMeritBudget input[type="checkbox"] {
bottom:-3px;
}
#matrixRatingsDistrContent {}
#matrixRatingsDistrContent table {
background-color:#FFFFFF;
width:auto;
}
/*#########################################################*/
/*#########################################################*/
/* User Settings Page */
.userdiv-container {
margin:20px 10px;
}
.settings-frame .userdiv-container {
margin:0 !important;
}
.userdiv-content {
display:none;
}
.userdiv-container .searchac_container {
width:800px !important;
}
.userdiv-container .searchac_btnright {}
.chg_user_div {
display:block;
margin-left:15px; margin-top:15px;
}
.chg_user_div table td {
padding:8px;
}
.chg_user_divinn {}
#chguser {}
#userdiv1 .chg_user_divinn {
width:300px; margin-left:0px;
}
#userDeact {
margin-top:10px;
}
#userDeact > div {
margin-left:20px;
}
#userDeact .filterline {
margin-right:10px;
}
#userDetailsTab {
max-width:430px;
}
#chgpass_form_instr {
white-space:normal !important;
}
#userDetails {}
#userDetails .indinputl, #userDetails .spaninput {
width:150px; padding:3px 5px;
}
#currpasstxt {
background-color:#FFE6E6;
border:1px dashed #999999;
color:#666666; letter-spacing:0.15em;
font-style:italic; cursor:text !important;
}
.userdiv-container .buttons_container {}
.userdiv-container .buttons_container .ibutton2 {
margin-right:50px;
}
.userdiv-manage {
display:block; position:absolute;
right:0; top:12px;
z-index:31;
}
.userdiv-manage .link3 {
margin-right:10px;
}
.userdiv-manage .downb_icon {}
#chgacc {}
#chgacc .chg_user_divinn {
margin:5px 0px;
}
#accdiv1 .admintbl {
width:99%;
}
.chgacc_title {
display:inline-block;
font-size:16px; margin-left:10px;
}
.chgacc_newval {
display:none;
}
/** Leggett & Platt Colors **/
.tblhdr {
background-color: var(--red-color);
color: white;
}
.tblbluehdr {
background-color: var(--logoblue);
color: white;
}
.tblorangehdr {
background-color: var(--logoorange);
color: white;
}
.tblredhdr {
background-color: var(--logored);
color: white;
}
.tblgreenhdr {
background-color: var(--logogreen);
color: white;
}
/*#########################################################*/
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}
/* Override Modern.css - start sidebar closed */
@media (min-width:1px) and (max-width:991.98px) {
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
#frame {
background-color: #E9E9EA;
border:1px solid #CCCCCC;
width:1200px;
padding:0px !important;
margin: 0px auto !important;
}
.loginbox { /* #loginenter, #loginforgot*/
position: absolute;
top:140px;
left:675px;
width:360px;
padding:5px;
color:#00457C;
font-size:10px;
}
.scrolltab_right_inner {
width:1200px;
overflow:visible;
}
.boxsect {
background:none #FFFFFF;
/*border:none;*/
max-width:1180px;
border-width:0 0 1px 0;
border-bottom-style:solid;
border-bottom-color:#D0D0D0;
display:block; position:relative;
clear:both; float:none !important;
padding:0px; margin:0px;
}
}
/* VERY large devices (large laptops and desktops, 1400px and up) */
@media only screen and (min-width: 1400px) {
#frame {
background-color: #E9E9EA;
border:1px solid #CCCCCC;
width:1400px;
padding:0px !important;
margin: 0px auto !important;
}
.loginbox { /* #loginenter, #loginforgot*/
position: absolute;
top:140px;
left:875px;
width:360px;
padding:5px;
color:#00457C;
font-size:10px;
}
.scrolltab_right_inner {
width:1400px;
overflow:visible;
}
.boxsect {
background:none #FFFFFF;
/*border:none;*/
max-width:1380px;
border-width:0 0 1px 0;
border-bottom-style:solid;
border-bottom-color:#D0D0D0;
display:block; position:relative;
clear:both; float:none !important;
padding:0px; margin:0px;
}
}