/* @@BEGIN_COPYRIGHT@@ */
/* Licensed Internal Code - Property of IBM                */
/* 3931 3932 Licensed Internal Code                        */
/* (C) Copyright IBM Corp. 2000, 2022 All Rights Reserved. */
/* @@END_COPYRIGHT@@ */

/* import helv neue to plex font mappings (which also imports plex fonts) */
@import url("/fonts/IBM-Plex/css/helvneue-to-plex.css");

body {
    background-image: url(images/blueBackground.gif);
    overflow : auto; /* remove vertical scrollbar in IE */
    margin: 8px;
}
body.claro {
    margin: 8px; /* force override styling that non-dojo tasks may pull in from claro.css */
}

form {
   margin : 0px;  /* remove vertical scrollbar in IE */
}

/* Prevent wrapping of input field labels */
table.input label {
    white-space : pre;
}

/* Better vertical alignment of checkbox/radio button and label text */
table.input label input {
    vertical-align : top;
}

.vc0 {
    border:1px solid #7895BC;
    margin:0px;
    padding:3px;
}

.ta6 {
    color:#606060;
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
    background-color:#F0F0F0;
    border-color:#336699 #8CB1D1 #8CB1D1 #336699;
    border-style:solid;
    border-width:1px;
    overflow : auto; /* remove vertical scrollbar in IE */
}

.ta5 {
    background-color:#FFFFCC;
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
    border-color:#A5A684 #A5A684 #CCCCCC #CCCCCC;
    border-style:solid;
    border-width:1px 1px 1px 1px;
    overflow : auto; /* remove vertical scrollbar in IE */
}

.ta4 {
    background-color: #FFEBEB;
    background-image:url(/wclres/wcl/images/err1.gif);
    background-repeat: no-repeat;
    background-position: 99% 4px;
    padding: 0px 16px 0px 0px;
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
    border-color:#922200 #922200 #922200 #922200;
    border-style:solid;
    border-width:1px 1px 1px 1px;
    overflow : auto; /* remove vertical scrollbar in IE */
}

.ta3 {
    background-color:#FFFFCC;
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
    border-color:#A5A684 #CCCCCC #CCCCCC #A5A684;
    border-style:solid;
    border-width:1px 1px 1px 1px;
    overflow : auto; /* remove vertical scrollbar in IE */
}

.ta2 {
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
    background-color:#FFEBEB;
    border-width:0px;
    overflow : auto; /* remove vertical scrollbar in IE */
}

.ta1 {
    background-color:#FFFFFF;
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
    border-color:#336699 #8CB1D1 #8CB1D1 #336699;
    border-style:solid;
    border-width:1px;
    overflow : auto; /* remove vertical scrollbar in IE */
}

.ta7 {
    border-style:solid;
    border-color:#336699 #8CB1D1 #8CB1D1 #336699;
    font-family:Helvetica, Arial, sans-serif;
    color:#999999;
    background-color:#E5E5E5;
    border-width:1px;
    font-size:100%;
}

.ta8 {
    border-style:solid;
    border-left-width:1px;
    padding:0px 0px 0px 16px;
    display:block;
    border-color:#922200 #922200 #922200 #922200;
    border-right-width:1px;
    background-color:#FFEBEB;
    border-bottom-width:1px;
    background-position:2px 4px;
    background-repeat:no-repeat;
    background-image:url(/wclres/wcl/images/critical-12.gif);
    border-top-width:1px;
}

.inp3, .inp4 {
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
    white-space:nowrap;
}

.inp4 {
    color:#BEBEBE;
}

.inp2 {
    background-color:#f0f0f0;
    color:#666666;
    border-color:#8CB1D1 #999999 #999999 #999999;
    border-style:solid;
    border-width:1px;
    font-size:100%;
    font-family:Helvetica, Arial, sans-serif;
    padding:1px;
}

.inp1 {
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
}

.cont1 {
    font-family:Helvetica, Arial, sans-serif;
}

.tre6 {
    background-image:url(images/tre10.gif);
    background-position:left top;
    background-repeat:repeat;
/*  clip:rect( ); */
    top:auto;
    left:auto;
}

.tre5 {
    background-image:url(images/tre9.gif);
    background-position:left top;
    background-repeat:repeat;
/*  clip:rect( ); */
    top:auto;
    left:auto;
}

.tre4 {
    background-image:url(images/tre8.gif);
    background-position:left top;
    background-repeat:repeat-y;
/*  clip:rect( ); */
    top:auto;
    left:auto;
}

.tre3 {
    background-image:url(images/tre7.gif);
    background-position:left top;
    background-repeat:no-repeat;
/*  clip:rect( ); */
    top:auto;
    left:auto;
}

.tre2 {
    background-image:url(images/tre6.gif);
    background-position:left top;
    background-repeat:repeat-y;
/*  clip:rect( ); */
    top:auto;
    left:auto;
}

.tre1 {
    background-image:url(images/tre5.gif);
    background-position:left top;
    background-repeat:repeat-y;
/*  clip:rect( ); */
    top:auto;
    left:auto;
}

.tre12 {
    background-image:url(images/tre21.gif);
    background-position:right top;
    background-repeat:repeat;
/*  clip:rect( ); */
    top:auto;
    left:auto;
}

.tre9 {
    background-image:url(images/tre18.gif);
    background-position:right top;
    background-repeat:no-repeat;
/*  clip:rect( ); */
    top:auto;
    left:auto;
}

.tre11 {
    background-image:url(images/tre20.gif);
    background-position:right top;
    background-repeat:repeat;
/*  clip:rect( ); */
    top:auto;
    left:auto;
}

.tre8 {
    background-image:url(images/tre17.gif);
    background-position:right top;
    background-repeat:repeat-y;
/*  clip:rect( ); */
    top:auto;
    left:auto;
}

.tre10 {
    background-image:url(images/tre19.gif);
    background-position:right top;
    background-repeat:repeat-y;
/*  clip:rect( ); */
    top:auto;
    left:auto;
}

.tre7 {
    background-image:url(images/tre16.gif);
    background-position:right top;
    background-repeat:repeat-y;
/*  clip:rect( ); */
    top:auto;
    left:auto;
}

.tbu5 {
    background-color:#D1D9E8;
    border-style:solid;
/*  align:left; */
    font-size:smaller;
    font-family:Helvetica, Arial, sans-serif;
    border-color:#D1D9E8 #D1D9E8 #D1D9E8 #718FB8;
    vertical-align:middle;
    border-width:1px;
    padding:3px 6px 3px 6px;
}

.tsk9 {
    color:#285078;
    font-family:Helvetica, Arial, sans-serif;
}

.tbu4 {
    background-color:#718FB8;
    color:#FFFFFF;
    border-style:solid;
    font-family:Helvetica, Arial, sans-serif;
    font-size:smaller;
/*  align:right; */
    border-color:#354974 #354974 #718FB8 #718FB8;
    vertical-align:middle;
    padding:3px 6px 3px 6px;
    border-width:1px;
}

.tsk8 {
    height:28px;
}

.tbu3 {
    background-color:#718FB8;
    color:#FFFFFF;
    border-style:solid;
/*  align:left; */
    font-size:smaller;
    font-family:Helvetica, Arial, sans-serif;
    border-color:#354974 #718FB8 #718FB8 #354974;
    vertical-align:middle;
    border-width:1px;
    padding:3px 6px 3px 6px;
}

.tsk7 {
    height:28px;
    position:absolute;
    width:100%;
    left:0px;
    top:0px;
}

.tsk6 {
    background-color:#D1D9E8;
    border-style:solid;
    border-color:#D1D9E8 #D1D9E8 #D1D9E8 #D1D9E8;
    margin:0px;
    border-width:1px 0px 1px 0px;
}

.tbu1 {
    padding-left:3px;
    border:0;
    padding-right:3px;
/*  align:justify; */
}

.tsk5 {
    background-color:#D1D9E8;
    border-style:solid;
    border-color:#D1D9E8 #D1D9E8 #D1D9E8 #D1D9E8;
    margin:0px;
    border:1px;
}

.tsk4 {
    background-color:#D1D9E8;
    border-style:solid;
    border-color:#D1D9E8 #D1D9E8 #D1D9E8 #D1D9E8;
    margin:0px;
    border:1px;
}

.tsk3 {
    border-width:0px 0px 1px 0px;
    background-color:#D1D9E8;
    border-style:solid;
    border-color:#D1D9E8 #D1D9E8 #354974 #D1D9E8;
    margin:0px;
}

.tsk2 {
    background-color:#D1D9E8;
    border-style:solid;
    border-color:#FFFFFF #D1D9E8 #D1D9E8 #D1D9E8;
    margin:0px;
    border-width:1px 0px 0px 0px;
}

.tbu6 {
    background-color:#D1D9E8;
    border-style:solid;
    font-family:Helvetica, Arial, sans-serif;
/*  align:right; */
    font-size:smaller;
    border-color:#D1D9E8 #718FB8 #D1D9E8 #D1D9E8;
    vertical-align:middle;
    padding:3px 6px 3px 6px;
    border-width:1px;
}

.cb1 {
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
    margin:2px;
}

.tbtn4 {
    color:#FFFFFF;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#6C90C1;
    border-color:#112233 #FFFFFF #FFFFFF #112233;
    padding:1px 1px 1px 1px;
    font-size:90%;
    border-width:1px 1px 1px 1px;
    border-style:solid;
}

.tbtn3 {
    color:#000000;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#A6B3CD;
    border-color:#336699 #FFFFFF #FFFFFF #336699;
    padding:1px 1px 1px 1px;
    font-size:90%;
    border-width:1px 1px 1px 1px;
    border-style:solid;
}

.tbtn2 {
    font-family:Helvetica, Arial, sans-serif;
    background-color:transparent;
    border-color:#FFFFFF #82A2CA #82A2CA #FFFFFF;
    padding:1px 1px 1px 1px;
    font-size:90%;
    border-width:1px 1px 1px 1px;
    border-style:solid;
}

.tbtn1 {
    font-family:Helvetica, Arial, sans-serif;
    background-color:transparent;
    border-color:#D1D9E8;
    padding:1px 1px 1px 1px;
    font-size:90%;
    border-width:1px 1px 1px 1px;
    border-style:solid;
}

.tbtn8 {
    background-color:#6C90C1;
    color:#FFFFFF;
    border-style:solid;
    font-size:90%;
    font-family:Helvetica, Arial, sans-serif;
    border-color:#112233 #FFFFFF #FFFFFF #112233;
    padding:0px;
    border-width:1px;
}

.tbtn7 {
    background-image:url(images/b2.gif);
    background-color:#CED7E7;
    color:#000000;
    border-style:solid;
    font-size:90%;
    font-family:Helvetica, Arial, sans-serif;
    border-color:#31659C #FFFFFF #FFFFFF #31659C;
    padding:0px;
    border-width:1px;
}

.tbtn6 {
    background-color:#6C90C1;
    color:#FFFFFF;
    border-style:solid;
    font-size:90%;
    font-family:Helvetica, Arial, sans-serif;
    border-color:#8CB1D1 #8CB1D1 #8CB1D1 #8CB1D1;
    border-width:1px;
}

.tbtn5 {
    background-image:url(images/b1.gif);
    background-color:#FFFFFF;
    border-style:solid;
    font-size:90%;
    font-family:Helvetica, Arial, sans-serif;
    border-color:#8CB1D1 #336699 #336699 #8CB1D1;
    border-width:1px;
}

.tlt8 {
    text-align:center;
    width:100%;
    background-color:#CAD4E6;
    color:#285078;
    border-style:solid;
    font-family:Helvetica, Arial, sans-serif;
    font-size:smaller;
    font-weight:bold;
    border-color:#FFFFFF;
    border-width:1px 0px 0px 0px;
    height:23px;
}

.tlt7 {
    text-align:center;
    width:100%;
    background-color:#CAD4E6;
    color:#285078;
    border-style:solid;
    font-size:smaller;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:bold;
    border-color:#FFFFFF;
    border-width:1px 0px 0px 0px;
    height:23px;
}

.tlt5 {
    background-image:url(mages/tlt3.gif);
    height:23px;
    padding-left:2px;
    width:20px;
    padding-right:2px;
}

.tlt4 {
    background-image:url(images/tlt3.gif);
    height:23px;
    width:5px;
}

.tlt3 {
    height:23px;
    background-image:url(images/tlt3.gif);
    color:#FFFFFF;
    font-family:Helvetica, Arial, sans-serif;
    width:100%;
    font-weight:bold;
    font-size:smaller;
    text-align:center;
}

.tlt2 {
    background-image:url(images/tlt3.gif);
    height:23px;
    color:#FFFFFF;
    font-family:Helvetica, Arial, sans-serif;
    width:100%;
    font-weight:bold;
    font-size:smaller;
    text-align:center;
}

.tlt1 {
    background-image:url(images/tlt3.gif);
    height:23px;
    width:10px;
}

.tlt10 {
    width:16px;
    background-color:#CAD4E6;
    color:#285078;
    border-style:solid;
    border-color:#FFFFFF;
    border-width:1px 0px 0px 0px;
    height:23px;
}

.frm1 {
    font-family:Helvetica, Arial, sans-serif;
}

.rbg1 {
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
}

.page1 {
    margin-left:10px;
    font-family:Helvetica, Arial, sans-serif;
    margin-top:5px;
}

.tbr6 {
    background-color:#d1d9e8;
    border-color:#88a4d7;
    font-size:90%;
    border-style:solid;
    border-width:1px 0px 0px 1px;
}

.tbr3 {
    background-image:url(images/tbl22.gif);
    background-position:right top;
    background-repeat:no-repeat;
}

.tbr2 {
    background-image:url(images/tbl20.gif);
    background-position:left top;
    background-repeat:no-repeat;
}

.tbr1 {
    background-image:url(images/tbl21.gif);
    background-position:left top;
    background-repeat:repeat-x;
    background-color:#d1d9e8;
    font-size:90%;
}

.tbr6f {
    border-style:solid;
    border-color:#88a4d7;
    background-color:#d1d9e8;
    border-width:0px 0px 1px 1px;
    font-size:1.0em;
}

.tbr3f {
    background-position:right bottom;
    background-repeat:no-repeat;
    background-image:url(images/tbl22f.gif);
}

.tbr2f {
    background-position:left bottom;
    background-repeat:no-repeat;
    background-image:url(images/tbl20f.gif);
}

.tbr1f {
    background-color:#d1d9e8;
    background-position:left bottom;
    background-repeat:repeat-x;
    background-image:url(images/tbl21f.gif);
    font-size:1.0em;
}

.lyt8 {
    margin-right:10px;
}

.lyt7 {
    margin-left:10px;
}

.lyt6 {
    color:#000000;
    font-family:Helvetica, Arial, sans-serif;
    font-size:smaller;
}

.lyt5 {
    background-color:#000000;
}

.lyt4 {
    color:#000000;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:bold;
    font-size:smaller;
}

.lyt3 {
    color:#000000;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:bold;
}

.IMG_ALL_TASKS_SELECTED_BUTTON {
    height:24px;
    padding-left:3px;
    width:24px;
    padding-right:3px;
}

.IMG_ALL_TASKS_UNSELECTED_BUTTON {
    height:24px;
    padding-left:3px;
    width:24px;
    padding-right:3px;
}

.mb5 {
    padding-top:3px;
    font-family:Helvetica, Arial, sans-serif;
    padding-bottom:3px;
    font-weight:bold;
    font-size:smaller;
}

.mb4 {
    background-image:url(images/mb5.gif);
    background-position:left top;
    background-repeat:no-repeat;
}

.mb3 {
    background-image:url(images/mb1.gif);
    background-position:right top;
    background-repeat:no-repeat;
}

.mb2 {
    width:80%;
    background-color:#E2E7F0;
    border-color:#88A4D7 #88A4D7 #88A4D7 #88A4D7;
    border-style:solid;
    border-width:1px;
}

.mb1 {
    padding-top:3px;
    font-family:Helvetica, Arial, sans-serif;
    padding-bottom:3px;
    font-size:smaller;
}

.b2 {
    background: #FFFFFF url('../../skin/images/b.selected.org1.gif') repeat-x left bottom;
    font-size:90%;
    font-family:Helvetica, Arial, sans-serif;
    border: 1px solid black;
    margin:2px 8px 2px 0px;
}

.b1 {
    background: #FFFFFF url('../../skin/images/b.default.blue1.gif') repeat-x left bottom;
    font-size:90%;
    font-family:Helvetica, Arial, sans-serif;
    border-color:#8CB1D1 #336699 #336699 #8CB1D1;
    border-style:solid;
    border-width:1px;
    margin:2px 8px 2px 0px;
}

.ib2 {
    font-family:Helvetica, Arial, sans-serif;
    background-color:transparent;
    border-color:#D1D9E8;
    font-size:100%;
    border-width:1px 1px 1px 1px;
    border-style:solid;
}

.ib1 {
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
}

.ib3 {
    font-family:Helvetica, Arial, sans-serif;
    background-color:transparent;
    border-color:#FFFFFF #82A2CA #82A2CA #FFFFFF;
    font-size:100%;
    border-width:1px 1px 1px 1px;
    border-style:solid;
}

.tcm3 {
    background-color:#deedfb;
    border-color:#ffffff #8ca6d6 #8ca6d6 #ffffff;
    border-style:solid;
    border-width:1px;
    font-size:90%;
    font-weight:normal;
    text-overflow:ellipsis; /* IE only ... though other browsers may tolerate */
    overflow:hidden;
    color:black;
}

.tcm2 {
    background-color:#dedede;
    border-color:#dedede #8ca6d6 #dedede #dedede;
    border-style:solid;
    border-width:1px;
    font-size:90%;
    font-weight:normal;
    text-overflow:ellipsis; /* IE only ... though other browsers may tolerate */
    overflow:hidden;
    color:#000000;
}

.tcm1 {
    background-color:#dadbe7;
    border-color:#ffffff #8ca6d6 #8ca6d6 #ffffff;
    border-style:solid;
    border-width:1px;
    font-size:90%;
    font-weight:bold;
    text-overflow:ellipsis; /* IE only ... though other browsers may tolerate */
    overflow:hidden;
    color:black;
}

/* Extra, right-most column */
.tcm4 {
    background-color:#dadbe7;
    border-color:#ffffff #8ca6d6 #8ca6d6 #ffffff;
    border-style:solid;
    border-width:0px;
}

/* Pad header cells instead of using non-breaking space */
.tblhdrcl {
    padding-left  : 2px;
    padding-right : 2px;
}

.por3 {
    color:#2C567F;
    font-size:smaller;
}

.por2 {
    color:#2C567F;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#EBEDF3;
    text-decoration:none;
    font-weight:bold;
    font-size:smaller;
}

.por1 {
    background-color:#EBEDF3;
}

.chk1 {
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
    margin:2px;
}

.ua2 {
    margin:1px 2px 1px 2px;
    background-color:#ffffff;
    font-size:83.3%;
}

.ua1 {
    margin:1px 2px 1px 2px;
    background-color:#efeff7;
}

.vp18 {
    width:5px;
    background-color:#FFFFFF;
    white-space:nowrap;
}

.vp17 {
    height:5px;
    background-color:#FFFFFF;
}

.vp16 {
    vertical-align:middle;
    background-color:#1A5898;
    border-right:#0C2E51 1px solid;
    white-space:nowrap;
}

.vp15 {
    vertical-align:middle;
    background-color:#1A5898;
    border-right:#0C2E51 1px solid;
    white-space:nowrap;
}

.vp12 {
    border-bottom:#0C2E51 1px solid;
    background-color:#1A5898;
    white-space:nowrap;
    text-align:center;
}

.vp9 {
    border-bottom:#0C2E51 1px solid;
    background-color:#1A5898;
    white-space:nowrap;
    text-align:center;
}

.vp8 {
    vertical-align:middle;
    background-color:#7895BC;
    border-right:#285078 1px solid;
    white-space:nowrap;
}

.vp7 {
    vertical-align:middle;
    background-color:#7895BC;
    border-right:#285078 1px solid;
    white-space:nowrap;
}

.vp4 {
    border-bottom:#285078 1px solid;
    background-color:#7895BC;
    white-space:nowrap;
    text-align:center;
}

.vp28 {
    border:1px solid #7895BC;
    vertical-align:middle;
    padding:2px;
    text-align:center;
}

.vp1 {
    border-bottom:#285078 1px solid;
    background-color:#7895BC;
    white-space:nowrap;
    text-align:center;
}

.vp27 {
    position:relative;
    border:0px;
    z-index:98;
    left:0px;
    top:0px;
}

.vp0 {
    vertical-align:middle;
    text-align:center;
}

.vp26 {
    position:absolute;
    z-index:100;
    left:0px;
    top:0px;
    overflow:hidden;
    background-color: white;
    opacity: 0;
    filter: alpha(opacity=0);
}

.vp25 {
    position:relative;
    height:100%;
    width:100%;
    z-index:99;
    left:0px;
    top:0px;
    overflow:hidden;
}

.vp24 {
    z-index:99;
    overflow:hidden;
}

.vp23a {
    visibility:hidden;
    width:20px;
    left:0px;
    border:0px;
    position:relative;
    z-index:100;
    top:0px;
    cursor:ne-resize;
    height:20px;
}

.vp23 {
    visibility:hidden;
    width:20px;
    left:0px;
    border:0px;
    position:relative;
    z-index:100;
    top:0px;
    cursor:se-resize;
    height:20px;
}

.vp22 {
    border:solid 2px blue;
}

.vp21 {
    border:solid 2px blue;
}

.vp19 {
    height:5px;
    width:5px;
    display:block;
}

.b3 {
    background: #FFFFFF url('../../skin/images/b.default.blue1.gif') repeat-x left bottom;
    font-size:90%;
    font-family:Helvetica, Arial, sans-serif;
    border-color:#8CB1D1 #336699 #336699 #8CB1D1;
    border-style:solid;
    border-width:1px;
    margin:2px 8px 2px 0px;
}

.pop7 {
    color:#999999;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#f9fbfc;
    text-decoration:none;
    font-weight:normal;
    font-size:10pt;
    cursor:default;
}
.pop7:link {
    color:#999999;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#f9fbfc;
    text-decoration:none;
    font-weight:normal;
    font-size:10pt;
    cursor:default;
}
.pop7:hover {
    color:#999999;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#f9fbfc;
    text-decoration:none;
    font-weight:normal;
    cursor:default;
}
.pop7:visited {
    color:#999999;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#f9fbfc;
    text-decoration:none;
    font-weight:normal;
    cursor:default;
}

.pop6 {
    color:#FFFFFF;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#9ea6bc;
    text-decoration:none;
    font-weight:normal;
    font-size:10pt;
    cursor:pointer; /* IE uses "hand" */
}
.pop6:link {
    color:#FFFFFF;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#9ea6bc;
    text-decoration:none;
    font-weight:normal;
    font-size:10pt;
    cursor:pointer; /* IE uses "hand" */
}
.pop6:hover {
    color:#FFFFFF;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#93a6bc;
    text-decoration:none;
    font-weight:normal;
    cursor:pointer; /* IE uses "hand" */
}
.pop6:visited {
    color:#FFFFFF;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#9ea6bc;
    text-decoration:none;
    font-weight:normal;
    cursor:pointer; /* IE uses "hand" */
}

.pop5 {
    color:#000000;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#f9fbfc;
    text-decoration:none;
    font-weight:normal;
    font-size:10pt;
    cursor:pointer; /* IE uses "hand" */
}
.pop5:link {
    color:#000000;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#f9fbfc;
    text-decoration:none;
    font-weight:normal;
    font-size:10pt;
    cursor:pointer; /* IE uses "hand" */
}
.pop5:hover {
    color:#000000;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#f9fbfc;
    text-decoration:none;
    font-weight:normal;
    cursor:pointer; /* IE uses "hand" */
}
.pop5:visited {
    color:#000000;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#f9fbfc;
    text-decoration:none;
    font-weight:normal;
    cursor:pointer; /* IE uses "hand" */
}

.pop4 {
    background-color:#FFFFFF;
}

.pop3 {
    background-color:#555555;
}

.pop2 {
    border-bottom:0px solid #787878;
    border-right:0px solid #787878;
}

.pop1 {
    border:1px solid #555555;
    margin-top: 2px;
}

.lbl1 {
    font-family:Helvetica, Arial, sans-serif;
}

.tbl8 {
    border-color:#8cb1d1;
    padding:15px;
    border-width:0px 0px 1px 0px;
    border-style:solid;
}

.tbl7 {
    background-color:#dadbe7;
    border-color:#ffffff #d1d9e8 #d1d9e8 #ffffff;
    border-width:1px;
    border-style:solid;
    font-size:90%;
    color:black;
}

.tbl3 {
    background-color:#f0f0f0;
    margin:5px;
    text-overflow:ellipsis; /* IE only ... though other browsers may tolerate */
    padding:2px;
    border-width:0px;
    overflow:hidden;
}

.tbl3e {
    background-color:#ffffff;
    margin:5px;
    text-overflow:ellipsis; /* IE only ... though other browsers may tolerate */
    padding:2px;
    border-width:0px;
    overflow:hidden;
}

.tbl3o {
    background-color:#f0f0f0;
    margin:5px;
    text-overflow:ellipsis; /* IE only ... though other browsers may tolerate */
    padding:2px;
    border-width:0px;
    overflow:hidden;
}

.tbl3n {
    background-color:#cccccc;
    margin:5px;
    text-overflow:ellipsis; /* IE only ... though other browsers may tolerate */
    padding:2px;
    border-width:0px;
    overflow:hidden;
}

.tbl2 {
    background-color:#f0f0f0;
    border-color:#ffffff #c3cee2 #c3cee2 #ffffff;
    border-width:1px;
    border-style:solid;
    text-overflow:ellipsis; /* IE only ... though other browsers may tolerate */
    overflow:hidden;
    margin  : 0px 0px 0px 0px;  /* tighten up table spacing */
    padding : 0px 2px 0px 2px;  /* tighten up table spacing */
}

.tbl2e {
    background-color:#ffffff;
    border-color:#ffffff #c3cee2 #c3cee2 #ffffff;
    border-width:1px;
    border-style:solid;
    text-overflow:ellipsis; /* IE only ... though other browsers may tolerate */
    overflow:hidden;
    margin  : 0px 0px 0px 0px;  /* tighten up table spacing */
    padding : 0px 2px 0px 2px;  /* tighten up table spacing */
}

.tbl2o {
    background-color:#f0f0f0;
    border-color:#ffffff #c3cee2 #c3cee2 #ffffff;
    border-width:1px;
    border-style:solid;
    text-overflow:ellipsis; /* IE only ... though other browsers may tolerate */
    overflow:hidden;
    margin  : 0px 0px 0px 0px;  /* tighten up table spacing */
    padding : 0px 2px 0px 2px;  /* tighten up table spacing */
}

.tbl2n {
    background-color:#cccccc;
    border-color:#ffffff #c3cee2 #c3cee2 #ffffff;
    border-width:1px;
    border-style:solid;
    text-overflow:ellipsis; /* IE only ... though other browsers may tolerate */
    overflow:hidden;
    margin  : 0px 0px 0px 0px;  /* tighten up table spacing */
    padding : 0px 2px 0px 2px;  /* tighten up table spacing */
}

.tbl1 {
    background-color:#f0f0f0;
    border:1px solid #88a4d7;
    border-collapse:separate;
    empty-cells:show;
    margin  : 0px 0px 0px 0px;  /* tighten up table spacing */
    padding : 0px 0px 0px 0px;  /* tighten up table spacing */
}

.tbl15 {
    color:#000000;
    background-color:#d1d9e8;
    border-color:#ffffff #d1d9e8 #d1d9e8 #ffffff;
    font-size:90%;
    border-width:1px;
    border-style:solid;
}
.tbl16 {
    width: 10px;
    height: 10px;
    background-color: #CFD7EB;
    position: absolute;
    top: 0px;
    visibility: hidden;
    z-index: 50;
    float: left;
    opacity: .50;
    filter: alpha(opacity=50);
}
.tbl17 {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 50;
    visibility: hidden;
}

.tbl14 {
    color:#ffffff;
    background-color:#718fb8;
    border-color:#a2b8d7 #5C7BA0 #5C7BA0 #a2b8d7;
    font-weight:normal;
    font-size:90%;
    border-width:1px;
    border-style:solid;
}

.tbl13 {
    background-image:url(images/tbl46.gif);
    background-position:left top;
    background-repeat:repeat-x;
    line-height:0px;
}

.tbl12 {
    color:#ffffff;
    background-color:#718fb8;
    font-size:90%;
}

.tbls3 {
    background-color:#c4d1ff;
    margin:5px;
    text-overflow:ellipsis; /* IE only ... though other browsers may tolerate */
    padding:2px;
    border-width:0px;
    overflow:hidden;
}

.tbls3e {
    background-color:#c4d1ff;
    margin:5px;
    text-overflow:ellipsis; /* IE only ... though other browsers may tolerate */
    padding:2px;
    border-width:0px;
    overflow:hidden;
}

.tbls3o {
    background-color:#c4d1ff;
    margin:5px;
    text-overflow:ellipsis; /* IE only ... though other browsers may tolerate */
    padding:2px;
    border-width:0px;
    overflow:hidden;
}

.tbl11 {
    background-image:url(images/tbl45.gif);
    background-position:left top;
    background-repeat:repeat-x;
    line-height:0px;
}

.tbls2 {
    background-color:#e7eef6;
    border-color:#eaecfd #adb8d8 #adb8d8 #eaecfd;
    border-width:1px;
    border-style:solid;
    text-overflow:ellipsis; /* IE only ... though other browsers may tolerate */
    overflow:hidden;
    padding:0px 2px 0px 2px;  /* tighten up table spacing */
}

.tbls2e {
    background-color:#e7eef6;
    border-color:#eaecfd #adb8d8 #adb8d8 #eaecfd;
    border-width:1px;
    border-style:solid;
    text-overflow:ellipsis; /* IE only ... though other browsers may tolerate */
    overflow:hidden;
    padding:0px 2px 0px 2px;  /* tighten up table spacing */
}

.tbls2o {
    background-color:#e7eef6;
    border-color:#eaecfd #adb8d8 #adb8d8 #eaecfd;
    border-width:1px;
    border-style:solid;
    text-overflow:ellipsis; /* IE only ... though other browsers may tolerate */
    overflow:hidden;
    padding:0px 2px 0px 2px;  /* tighten up table spacing */
}

.tbl10 {
    border-color:#ffffff #82a2ca #82a2ca #ffffff;
    border-width:1px;
    border-style:solid;
}

.tbl9 {
    border-color:#d1d9e8;
    border-width:1px;
    border-style:solid;
}

.tbl16 {
    visibility:hidden;
    background-color:#CFD7EB;
    top:0px;
    width:10px;
    height:10px;
    filter:alpha(opacity=50);
    position:absolute;
    opacity:.50;
    float:left;
    z-index:50;
}

.tbl17 {
    visibility:hidden;
    top:50%;
    left:50%;
    position:absolute;
    z-index:50;
}

.tbl18 {
    border-width: 0px 1px 1px 1px;
    border-color: #88A4D7;
    border-style: solid;
    padding-left:5px;
    background-color:#f0f0f0;
    padding-top:5px;
}

.tbl19 {
    white-space: nowrap;
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.0em;
    color:#000000;
    background-color:#FFFFFF;
    border: 1px solid #000000;
}

.tbl19 img {
    padding-left: 8px;
}

.tbl20 {
    position:absolute;
    border:1px solid #000000;
    padding:0;
    margin:0;
    z-index: 5;
}

.tbl21 {
    white-space:nowrap;
    display:block;
    margin:0;
    padding:3px 19px;
    background-color:#FFFFFF;
    color:#000000;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:normal;
    text-decoration:none;
    cursor:not-allowed;
}

.tbl21[aria-disabled=true] {
    color:#999999;
}

.tbl21[aria-selected=true] {
    background-color:#000080;
    color:#FFFFFF;
}

.tbl21[useraction] {
    cursor:pointer;
}

.tbl21[useraction]:hover {
    background-color:#86ABD9;
    color:#FFFFFF;
}

.tbl21[aria-selected=true][useraction]:hover {
    background-color:#000080;
    color:#FFFFFF;
}

.tbl21[optgroup=true] {
    font-weight:bold;
}

.qf-mid {
    border-style:none;
    padding:1px 4px 0px 4px;
    background-color:#CBCBCB;
    height:24px;
    background-position:center top;
    background-repeat:repeat-x;
    background-image:url(images/qf_bkg_mid_default.gif);
    margin:0px;
}

.qf-rcap {
    border-style:none;
    padding:0px;
    background-color:#CBCBCB;
    height:24px;
    background-position:right top;
    background-repeat:no-repeat;
    background-image:url(images/qf_bkg_cap_r_default.gif);
    margin:0px;
}

.qf-mid-focus {
    border-style:none;
    padding:1px 4px 0px 4px;
    background-color:#CBCBCB;
    height:24px;
    background-position:center top;
    background-repeat:repeat-x;
    background-image:url(images/qf_bkg_mid_focus.gif);
    margin:0px;
}

.qf-rcap-focus {
    border-style:none;
    padding:0px;
    background-color:#CBCBCB;
    width:14px;
    height:24px;
    background-position:right top;
    background-repeat:no-repeat;
    background-image:url(images/qf_bkg_cap_r_focus.gif);
    margin:0px;
}

.qf-lcap-focus {
    border-style:none;
    padding:0px;
    background-color:#CBCBCB;
    width:14px;
    height:24px;
    background-position:left top;
    background-repeat:no-repeat;
    background-image:url(images/qf_bkg_cap_l_focus.gif);
    margin:0px;
}

.qfh {
    border-style:solid;
    padding:2px;
    border-color:#000000;
    background-color:#FAF290;
    border-width:1px;
    top:3px;
    filter:alpha(opacity=90);
    opacity:.90;
    float:left;
}

.qf-textfield {
    border-style:none;
    padding:0px;
    font-family:Verdana,Helvetica,sans-serif;
    border-width:0px;
    font-weight:normal;
    margin:0px;
    font-size:x-small;
}


.txt {
    font-family:Helvetica, Arial, sans-serif;
}

.io01 {
    visibility:hidden;
    width:1px;
    left:0px;
    border:solid 2px blue;
    position:absolute;
    z-index:100;
    top:0px;
    height:1px;
    cursor:move;
}

.fdatable {
    table-layout:auto;
/*  table-layout:fixed; */
}

.fda6 {
/*  width:*; */
}

.fda5 {
    background-image:url(images/fda3.gif);
    color:#336699;
    background-position:right top;
    background-repeat:no-repeat;
    font-family:Helvetica,Arial,sans-serif;
    width:150px;
    margin:0px;
    font-size:10pt;
}

.fda4 {
    background-image:url(images/fda2.gif);
    color:#336699;
    background-position:left top;
    background-repeat:no-repeat;
    font-family:Helvetica,Arial,sans-serif;
    width:150px;
    margin:0px;
    font-size:10pt;
}

.fda3 {
    background:#FFFFFF;
    color:#336699;
    font-size:10pt;
    width:150px;
}

.fda2 {
    background:#FFFFFF;
    color:#336699;
    width:150px;
    font-size:10pt;
    font-weight:bold;
}

.fda1 {
    width:150px;
}

.IMG_CANVAS_TA_BUTTON {
    height:17px;
    width:20px;
}

.IMG_CANVAS_FDA_BUTTON {
    height:17px;
    width:20px;
}

.IMG_CANVAS_CLOSE_BUTTON {
    height:17px;
    width:20px;
}

.cav1 {
    border-color:#FFFFFF;
}

.comp1 {
    font-family:Helvetica, Arial, sans-serif;
}

.bh9 {
    background-image:url(images/bh6.gif);
    background-repeat:repeat-x;
    text-align:right;
}

.bh8 {
    background-image:url(images/bh6.gif);
    background-repeat:repeat-x;
    text-align:left;
}

.bh7 {
    background-image:url(images/bh6.gif);
    background-repeat:repeat-x;
    text-align:left;
}

.bh6 {
    background-image:url(images/bh5.gif);
    background-repeat:repeat-y;
    vertical-align:top;
}

.bh5 {
    font-family:Helvetica, Arial, sans-serif;
    background-color:#F8FFC3;
    font-size:smaller;
    margin:0px;
}

.bh4 {
    background-image:url(images/bh4.gif);
    background-repeat:repeat-y;
    vertical-align:top;
}

.bh3 {
    background-image:url(images/bh1.gif);
    background-repeat:repeat-x;
    text-align:right;
}

.bh2 {
    background-image:url(images/bh1.gif);
    background-repeat:repeat-x;
}

.bh1 {
    background-image:url(images/bh1.gif);
    background-repeat:repeat-x;
}

.sb1 {
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
}

.lnk1 {
    color:#2C567F;
    font-family:Helvetica, Arial, sans-serif;
}
.lnk1:link {
    color:#2C567F;
    font-family:Helvetica, Arial, sans-serif;
}
.lnk1:hover {
    color:#2C567F;
    font-family:Helvetica, Arial, sans-serif;
}
.lnk1:visited {
    color:#2C567F;
    font-family:Helvetica, Arial, sans-serif;
}

.cel2 {
    color:#000000;
    background-color:#C4D1FF;
}

.cel1 {
    color:#000000;
}

.lyt2 {
    font-family:Helvetica, Arial, sans-serif;
    white-space:nowrap;
}


/* Commented out by jph; not used anymore
.nb4 {
    color:#354974;
    font-weight:bold;
    padding:2px;
    font-size:90%;
}
.nb4:link {
    color:#354974;
    font-weight:bold;
    padding:2px;
    font-size:90%;
}
.nb4:hover {
    color:#354974;
    font-weight:bold;
    padding:2px;
    font-size:90%;
}
.nb4:visited {
    color:#354974;
    font-weight:bold;
    padding:2px;
    font-size:90%;
}

.nb3 {
    color:#354974;
    background-color:#ffffff;
    border-color:#000000 #ffffff #5c7ba0 #ffffff;
    padding:4px;
    border-width:0px 1px 1px 1px;
    border-style:solid;
}

.nb2 {
    color:#000000;
    vertical-align:top;
    background-color:#b5c5dd;
}

.nb1 {
    color:#000000;
    background-color:#ffffff;
    border-color:#5c7ba0;
    border-width:1px;
    border-style:solid;
}
*/

.nb7 {
    background-color:#b5c5dd;
    border-color:#ffffff;
    padding:15px;
    border-width:1px;
    border-style:solid;
}

/* Commented out by jph; not used anymore
.nb6 {
    color:#354974;
    font-weight:normal;
    padding:2px;
    font-size:90%;
}
.nb6:link {
    color:#354974;
    font-weight:normal;
    padding:2px;
    font-size:90%;
}
.nb6:hover {
    color:#354974;
    font-weight:normal;
    padding:2px;
    font-size:90%;
}
.nb6:visited {
    color:#354974;
    font-weight:normal;
    padding:2px;
    font-size:90%;
}

.nb5 {
    color:#000000;
    background-color:#d1d9e8;
    border-color:#ffffff #82a2ca #82a2ca #82a2ca;
    padding:4px;
    border-width:1px;
    border-style:solid;
}
*/

.mq6 {
    position:relative;
    color:#f8c830;
    width:0px;
    left:0px;
    top:0px;
}

.mq5 {
    position:relative;
    border-bottom:solid #d0d0c8 1px;
    border-left:solid #808080 1px;
    background-color:#000000;
    border-right:solid #d0d0c8 1px;
    border-top:solid #808080 1px;
    white-space:nowrap;
    overflow:hidden;
}

.mq4 {
    position:relative;
    padding:3px;
}

.mq3 {
    background-color:#e0e0e0;
    border-top:solid #ffffff 1px;
}

.mq2 {
    background-image:url(images/mq1.gif);
    background-position:left top;
    background-repeat:no-repeat;
}

.mq1 {
    border-bottom:solid #989898 1px;
    position:relative;
}

.te6 {
    color:#606060;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#F0F0F0;
    font-size:100%;
    border-style:none;
}

.te5 {
    background-color:#FFFFCC;
    border-width:1px 1px 1px 1px;
    border-style:solid;
    font-size:100%;
    font-family:Helvetica, Arial, sans-serif;
    border-color:#A5A684 #A5A684 #CCCCCC #CCCCCC;
}

.te4 {
    background-color: #FFEBEB;
    background-image:url(/wclres/wcl/images/err1.gif);
    background-repeat: no-repeat;
    background-position: 99% 50%;
    padding: 0px 16px 0px 0px;
    font-family:Helvetica, Arial, sans-serif;
    border-color:#922200 #922200 #922200 #922200;
    font-size:100%;
    border-style:solid;
    border-width:1px 1px 1px 1px;
    display: block;
}

.te3 {
    background-color:#FFFFCC;
    border-style:solid;
    font-size:100%;
    font-family:Helvetica, Arial, sans-serif;
    border-color:#A5A684 #CCCCCC #CCCCCC #A5A684;
    border-width:1px 1px 1px 1px;
    margin:2px;
}

.te2 {
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
    border-width:0px;
    background-color:#FFEBEB;
    margin:2px;
}

.te1 {
    background-color:#FFFFFF;
    border-style:solid;
    border-width:1px;
    font-size:100%;
    font-family:Helvetica, Arial, sans-serif;
    border-color:#336699 #8CB1D1 #8CB1D1 #336699;
    padding:1px;
    margin:2px;
}

.te7 {
    border-style:solid;
    border-color:#336699 #8CB1D1 #8CB1D1 #336699;
    font-family:Helvetica, Arial, sans-serif;
    color:#999999;
    background-color:#E5E5E5;
    border-width:1px;
    font-size:100%;
}

.te8 {
    border-style:solid;
    border-left-width:1px;
    padding:0px 0px 0px 16px;
    display:block;
    border-color:#922200 #922200 #922200 #922200;
    border-right-width:1px;
    background-color:#FFEBEB;
    border-bottom-width:1px;
    background-position:2px 50%;
    background-repeat:no-repeat;
    background-image:url(/wclres/wcl/images/critical-12.gif);
    border-top-width:1px;
}

.dc9 {
    border-bottom:3px solid #006699;
    border-left:3px solid #006699;
    background-color:#006699;
    border-right:3px solid #006699;
}

.dc8 {
    border:3px solid #006699;
    background-color:#006699;
}

.dc7 {
    background-color:#FFFFFF;
}

.dc6 {
    color:#999999;
    border:1px solid #FFFFFF;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#C4D1FF;
    padding:1px;
    font-size:66.6%;
}

.dc5 {
    color:#999999;
    border:1px solid #FFFFFF;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#DEDEDE;
    padding:1px;
    font-size:66.6%;
}

.dc4 {
    color:#000000;
    font-family:Helvetica, Arial, sans-serif;
    text-decoration:none;
}
.dc4:link {
    color:#000000;
    font-family:Helvetica, Arial, sans-serif;
    text-decoration:none;
}
.dc4:hover {
    color:#000000;
    font-family:Helvetica, Arial, sans-serif;
    text-decoration:none;
}
.dc4:visited {
    color:#000000;
    font-family:Helvetica, Arial, sans-serif;
    text-decoration:none;
}

.dc3 {
    color:#000000;
    font-family:Helvetica, Arial, sans-serif;
    text-decoration:none;
}
.dc3:link {
    color:#000000;
    font-family:Helvetica, Arial, sans-serif;
    text-decoration:none;
}
.dc3:hover {
    color:#000000;
    font-family:Helvetica, Arial, sans-serif;
    text-decoration:none;
}
.dc3:visited {
    color:#000000;
    font-family:Helvetica, Arial, sans-serif;
    text-decoration:none;
}

.dc2 {
    color:#999999;
    border:1px solid #FFFFFF;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#EFEFEF;
    padding:1px;
    font-size:66.6%;
}

.dc1 {
    color:#336699;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#D1D9E8;
    font-weight:normal;
    padding:1px;
    font-size:66.6%;
}

.IMG_SIGN_OUT_BUTTON {
    height:24px;
    width:24px;
}

.cct3 {
    color:#000000;
    background-color:#D1D9E8;
}

.cct2 {
    background-color:#FFFFFF;
}

.cct1 {
    background-color:#FFFFFF;
}

.btnm1{
    background-color: transparent;
    border:1px solid transparent;
    font-size:90%;
    font-family:Helvetica, Arial, sans-serif;
    color: black;
}

.btnm2{
    background: orange url(../../skin/images/b.menu.org1.gif) repeat-x right top;
    border:1px solid black;
    font-size:90%;
    font-family:Helvetica, Arial, sans-serif;
    color: black;
}

.tc6 {
    border:1px solid #336699;
    background-color:#336699;
    padding:2px;
}

.tc3 {
    border:1px solid #336699;
    background-color:#336699;
    padding:2px;
}

.tc2 {
    background-color:#EFEFEF;
    border-color:#FFFFFF #CDCDCD #CDCDCD #FFFFFF;
    padding:2px 4px 12px 4px;
    border-width:1px 0px 1px 0px;
    border-style:solid;
}

.tc1 {
    background-color:#D1D9E8;
    color:#336699;
    border-style:solid;
    border-width:1px 0px 1px 0px;
    font-size:75%;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:normal;
    border-color:#FFFFFF #C8C8C8 #C8C8C8 #FFFFFF;
    padding:12px 4px 0px 4px;
}

.vc2 {
    border:1px solid #7895BC;
    padding:2px;
}

.vc1 {
    color:#000000;
    border:1px solid #7895BC;
    font-family:Helvetica, Arial, sans-serif;
    background-color:#d1d9e8;
    font-weight:bold;
    padding:2px;
    font-size:smaller;
}

.wiz18 {
    color:#ffffff;
    font-weight:normal;
}
.wiz18:link {
    color:#ffffff;
    font-weight:normal;
}
.wiz18:hover {
    color:#ffffff;
    font-weight:normal;
}
.wiz18:visited {
    color:#ffffff;
    font-weight:normal;
}

.wiz17 {
    color:#ffffff;
    font-weight:normal;
}
.wiz17:link {
    color:#ffffff;
    font-weight:normal;
}
.wiz17:hover {
    color:#ffffff;
    font-weight:normal;
}
.wiz17:visited {
    color:#ffffff;
    font-weight:normal;
}

.wiz16 {
    color:#ffef9c;
    font-weight:bold;
}
.wiz16:link {
    color:#ffef9c;
    font-weight:bold;
}
.wiz16:hover {
    color:#ffef9c;
    font-weight:bold;
}
.wiz16:visited {
    color:#ffef9c;
    font-weight:bold;
}

.wiz15 {
    background-color:#d8d8d8;
    line-height:0px;
}

.wiz9 {
    color:#003060;
    font-size:smaller;
}

.wiz14 {
    background-color:#f0f0f0;
    line-height:0px;
}

.wiz8 {
    background-color:#b5c5dd;
}

.wiz13 {
    background-color:#c0c0c0;
    line-height:0px;
}

.wiz7 {
    color:#003060;
    font-weight:bold;
}

.wiz12 {
    color:#5078a0;
    background-color:#5078a0;
    border-width:0px;
}

.wiz6 {
    background-color:#b5c5dd;
}

.wiz11 {
    padding:0px 15px 30px 15px;
}

.wiz10 {
    background-color:#b5c5dd;
    border-color:#ffffff;
    padding:15px;
    border-width:1px;
    border-style:solid;
}

.wiz5 {
    color:#ffffff;
    vertical-align:middle;
    padding:2px;
    font-size:90%;
}

.wiz4 {
    color:#ffffff;
    vertical-align:middle;
    padding:2px;
    font-size:90%;
}

.wiz3 {
    color:#ffffff;
    vertical-align:middle;
    padding:2px;
    font-size:90%;
}

.wiz2 {
    background-image:url(images/wiz4.gif);
    background-attachment:fixed;
    color:#000000;
    background-position:left top;
    background-repeat:repeat-x;
    vertical-align:top;
    background-color:#708eb7;
    font-size:90%;
}

.wiz1 {
    color:#000000;
    background-color:#ffffff;
    border-color:#5c7ba0;
    border-width:1px;
    border-style:solid;
}

/* wcl checkboxlist */

.cbl1 {
    padding:0px 0px 0px 0px;
    list-style:none;
    height:100%;
    margin:0px;
}

.cbl2 {
    border-style:solid;
    overflow:auto;
    border-color:#88A4D7;
    font-family:Helvetica, Arial, sans-serif;
    border-width:1px;
    font-size:100%;
}

.cbl3 {
    padding:0px;
    display:block;
    margin:0px;
}

.cbl4 {
    display:none;
}

.cbl5 {
    height:1%;
}


/* New entries added here for HMC: */

.tabSelected a, .tabSelected a:visited {
   font-size: 80%;
   color: #000000;
   font-family: verdana,helvetica,arial,sans-serif;
   text-decoration: none;
   font-weight: bold;
   line-height: 100%;
}

.tabNotSelected a, .tabNotSelected a:visited {
   font-size: 80%;
   color: #202124;
   font-family: verdana,helvetica,arial,sans-serif;
   text-decoration: none;
   /* font-weight: bold; */
   line-height: 100%;
}

.tabSelected a:hover, .tabNotSelected a:hover {
   text-decoration: underline;
}

.tabMargins div {
   margin-top: 7px;
   margin-left: 9px;
   margin-bottom: 5px;
}

.tabMarginsBottom div {
   margin-top: 5px;
   margin-left: 9px;
   margin-bottom: 7px;
}

.tabMarginsLeft div {
   margin-top: 7px;
   margin-left: 7px;
   margin-right: 5px;
}

.tabMarginsRight div {
   margin-top: 7px;
   margin-left: 5px;
   margin-right: 7px;
}

.tabBgNotSelectedFirstLeft {
   background-image: url(images/nb/tabbg-first-unselected-left.png);
   background-repeat: no-repeat;
}

.tabBgNotSelectedLeft {
   background-image: url(images/nb/tabbg-unselected-left.png);
   background-repeat: no-repeat;
}

.tabBgNotSelectedTop {
   background-image: url(images/nb/tabbg-unselected-top.png);
   background-repeat: no-repeat;
}

.tabBgNotSelectedRight {
   background-image: url(images/nb/tabbg-unselected-right.png);
   background-repeat: no-repeat;
}

.tabBgNotSelectedRight img {
   display: block;
}

.tabBgNotSelectedBottom {
   background-image: url(images/nb/tabbg-unselected-bottom.png);
   background-repeat: no-repeat;
}

.tabBgNotSelectedBottom img {
   display: block;
}

.tabBgSelectedFirstLeft {
   background-image: url(images/nb/tabbg-first-selected-left.png);
   background-repeat: no-repeat;
}

.tabBgSelectedLeft {
   background-image: url(images/nb/tabbg-selected-left.png);
   background-repeat: no-repeat;
}

.tabBgSelectedTop {
   background-image: url(images/nb/tabbg-selected-top.png);
   background-repeat: no-repeat;
}

.tabBgSelectedRight {
   background-image: url(images/nb/tabbg-selected-right.png);
   background-repeat: no-repeat;
}

.tabBgSelectedRight img {
   display: block;
}

.tabBgSelectedBottom {
   background-image: url(images/nb/tabbg-selected-bottom.png);
   background-repeat: no-repeat;
}

.tabBgSelectedBottom img {
   display: block;
}

.tabBottom {
   vertical-align: top;
}

.tabTop {
   vertical-align: bottom;
}

.tabBgBottom {
   background-position: bottom left;
}

.tabBgRight {
   background-position: top right;
}

.tabBorderNotSelectedTop {
   border-width: 0 0 1 0;
   border-color: #336699;
   border-style: solid;
}

.tabBorderNotSelectedBottom {
   border-width: 1 0 0 0;
   border-color: #336699;
   border-style: solid;
}

.tabBorderNotSelectedRight {
   border-width: 0 0 0 1;
   border-color: #336699;
   border-style: solid;
}

.tabBorderNotSelectedLeft {
   border-width: 0 1 0 0;
   border-color: #336699;
   border-style: solid;
}

.tabBgFillerTop {
   border-width: 0 0 1 0;
   border-color: #336699;
   border-style: solid;
}

.tabBgFillerBottom {
   border-width: 1 0 0 0;
   border-color: #336699;
   border-style: solid;
}

.tabBgFillerRight {
   border-width: 0 0 0 1;
   border-color: #336699;
   border-style: solid;
}

.tabBgFillerLeft {
   border-width: 0 1 0 0;
   border-color: #336699;
   border-style: solid;
}

.tabPageTop {
   border-width: 0 1 1 1;
   border-color: #336699;
   border-style: solid;
   padding: 5
}

.tabPageBottom {
   border-width: 1 1 0 1;
   border-color: #336699;
   border-style: solid;
   padding: 5
}

.tabPageLeft {
   border-width: 1 1 1 0;
   border-color: #336699;
   border-style: solid;
   padding: 5
}

.tabPageRight {
   border-width: 1 0 1 1;
   border-color: #336699;
   border-style: solid;
   padding: 5
}

.ecbMainDiv {
    white-space:nowrap;
}

/* Select the table created around combobox to add label */
.ecbMainDiv .input {
    display:inline-block;
}

.ecbHTMLSelect {
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
    margin:2px;
  top:-1000px;
  position:relative;
}

.ecbSelect {
    padding: 5px 5px 0px 5px;
    background-color:white;
    border: solid 1px black;
    overflow: auto;
    height: 300px;
    display:none;
    position:absolute;
    white-space:nowrap;
}


.ecbSelect a {
    display:block;
    text-decoration:none;
    color:black;
    zoom:1;
    white-space:nowrap;
}
.ecbSelect a:hover {
    background-color:86abd9;
}

.ecbSelect a[Disabled]:hover {
    background-color:white;
    text-decoration:none;
}
.ecbInp {
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
    margin:2px;
    background-color: #ffffff;
}

.ecbInpDis {
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
    margin:2px;
    background-color: #f0f0f0;
}

.ecbInpErr {
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
    margin:2px;
    background-color: #FFEBEB;
}

.ecbInpReq {
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
    margin:2px;
    background-color: #FFFFCC;
}

.ecbInp::-ms-clear {
  display: none;
}
.ecbInpDis::-ms-clear {
  display: none;
}
.ecbInpErr::-ms-clear {
  display: none;
}
.ecbInpReq::-ms-clear {
  display: none;
}

/*-----------------------------*/
/* Menubar and Menuitem styles */
/*-----------------------------*/

.menubar {
   background-color : lightyellow;
   border           : 1px solid gray;
   border-collapse  : collapse;
   margin-bottom    : .5em;
}

.menuitem {
   border-right : 1px solid gray;
   padding      : .2em .2em;
}

/*------------------------*/
/* For severe error pages */
/*------------------------*/
.errorPage {
   background-color : #FFE000;
   background-image: none;
}

/*------------------------*/
/* HMC Banner styles      */
/* background-color : #4738DB; */
/*------------------------*/
.hmcBannerFrame {
   width: 100%;
   background: #ffffff url(../../skin/images/banner.blue1.gif) repeat-y left top;
   border: 2px groove #bbcae0;
   border-collapse:collapse;
}

.hmcBannerBorder {
   border: 0px solid gray;
}

.hmcBanner {
   color: black;
   font-weight: bold;
}

/*--------------------*/
/* Titled area styles */
/*--------------------*/

.titledAreaTable {
   border-collapse: collapse;
   margin:2px;
}

.titledAreaChild {
   border: 1px solid gray;
}

.titledAreaTitle {
   background: #e0ffff url('../../skin/images/bar.blue2.gif') repeat-x left bottom;
   border: 1px solid gray;
   font-size:95%;
   font-weight: bold;
   font-style: oblique;
   margin-left: -2;
}

.hmcFieldset {
   border-color : #888888;
   border-style : solid;
   border-width : 1px;
   margin       : 0px;
   padding      : 6px;
}

.hmcFieldset > legend {
   color       : #666666;
   font-weight : normal;
   font-style  : oblique;
   font-size   : 90%;
   padding     : 0px 4px 0px 4px;
   white-space : nowrap;
}

.hmcFieldset.noborder {
   border  : none;
   margin  : 0px;
   padding : 0px 0px 6px 0px;
}

.hmcFieldset.noborder > legend {
   color       : inherit;
   font-weight : inherit;
   font-style  : inherit;
   font-size   : inherit;
   padding     : 6px 0px 0px 0px;
   white-space : nowrap;
}

/* indent non-legend content within fieldset */
.hmcFieldset.indent > :not(legend) {
   margin-left: 15px;
}

/* bold legend */
.hmcFieldset > legend.bold {
   font-weight: bold;
}

/*-----------------*/
/* Menu bar styles */
/*-----------------*/

.menubar1 {
   margin:0px 0px 15px 0px;
}

.menubar1 .menubar2 {
   background: #bccdea url('../../skin/images/bar.blue2.gif') repeat-x left bottom;
   border-width: 0px 2px 2px 2px;
   border-style: groove;
   border-color: #bbcae0;
   font-weight: bold;
   padding: 1px;
}

/*------------------------------*/
/* Internal table layout styles */
/*------------------------------*/

table.tablesty {
  empty-cells:hide;
  border-collapse:collapse;
  margin:0px;
  padding:0px;
  border-width:0px;
  width:auto;
}

table.tdflsty {
  empty-cells:hide;
  border-collapse:collapse;
  margin:0px;
  padding:0px;
  border-width:0px;
/*width:auto;*/
/*white-space:wrap;*/
}

td.tdsty {
  margin:0px;
  padding:0px;
  border-width:0px;
  width:auto;
  white-space:nowrap;
}

/******************/
/* Section Layout */
/******************/

.seclyt1 {
    font-family:Helvetica, Arial, sans-serif;
    font-weight:bold;
    padding-right:3;
    padding-left:3;
}

.seclyt2 {
    display:none;
    border-style:solid;
    visibility:hidden;
    padding:5;
    border-width:thin;
    border-color:rgb(64, 88, 136) rgb(176, 200, 224) rgb(176, 200, 224);
    background-color:#E8E8E8;
}

.seclyt3 {
    display:block;
    border-style:solid;
    visibility:visible;
    padding:5;
    border-width:thin;
    border-color:rgb(64, 88, 136) rgb(176, 200, 224) rgb(176, 200, 224);
    background-color:#E8E8E8;
}

/*-----------------*/
/* Warning message */
/*-----------------*/

.warnmsg {
   color       : red;
   font-size   : 125%;
   font-weight : bold;
}

/* Mnemonics */
span.mn {
   /* accesskeys no longer in use */ 
}

/*------------------------*/
/* HMCPopup/Context Sensitive help */
/*------------------------*/
.HMCPopupMain{
    position:absolute;
    width:400px;
    background-color:white;
    border-color:#666666;
    border-width:1px;
    border-bottom-color:black;
    border-right-color:black;
    border-bottom-width:2px;
    border-right-width:2px;
    border-style:solid;
    /*top:-1000px;*/
    display:block;
    zoom:1;
    z-index:1000;
    }
.HMCPopupTitle{
    background-color:#fad67a;
    color:black;
    border-bottom-color:grey;
    border-bottom-width:1px;
    border-bottom-style:solid;
    /*cursor:move;       */
    padding-left:4px;
    padding-top:1px;
    padding-bottom:2px;
    padding-right:3px;
    }
.HMCPopupBody{
    padding:4px;
}
.HMCPopupTransTitle{
    position:absolute;
    top:0px;
    z-index:1001;
    height:100%;
    width:100%;
    cursor:move;
}
.HMCPopupTransTitleImg{
    cursor:move;
    width:100%;
    height:100%;
}
.HMCPopupTitleImgSpan{
    background-color:#fad67a;
    cursor:pointer;
    position:relative;
    z-index:1002;
    top:0px;
    height:100%;
}
/*-------------------------------------------------*/
/* make context not hidden, but accessible by JAWS */
/*-------------------------------------------------*/
.JAWSVisible {
         position   : absolute !important;
         clip       : rect( 1px 1px 1px 1px ); /* IE6, IE7 */
         clip       : rect( 1px, 1px, 1px, 1px );
         padding    : 0px !important;
         border     : 0px !important;
         height     : 1px !important;
         width      : 1px !important;
         overflow   : hidden;
         background : black !important;
         color      : white !important;
}

/* ------------------------------------------------ */
/* 'Gray' out label text for disabled radio buttons */
/* ------------------------------------------------ */
.disabled_text { color : #7F7F7F; }


/* BEGIN Iconic Fonts *********************************************************/
.iconic {
    font-family: HelvNeueRomanforIBM;
    font-size: 14px;
    font-weight: normal;
    color: #323232;
    background-color: #ffffff;
}
/* END Iconic Fonts ***********************************************************/

/* BEGIN Portal Type Toggle Header ********************************************/
#portalTypeToggleHeader {
   display: none;
}
.portalTypeToggleAllowed #portalTypeToggleHeader {
    display: block;
    height: 55px;
    box-sizing: border-box;
    border: 1px solid #c7c7c7;
    position: relative;
    margin: 0px;
    padding: 0px;
}
.portalTypeTab #hmcPanelTable {
    min-height: calc(100vh - 16px);
    min-width: calc(100vw - 16px);
}
.portalTypeToggleAllowed #portalTypeToggleHeader {
    /* non-servlet-tasks should all have an 8px BODY margin */
    width: calc(100% + 16px);
    margin: -8px -8px 8px -8px;
}
.portalTypeToggleAllowed.servlettask #portalTypeToggleHeader {
    /* servlet tasks' page BODY have no margin */
    margin: 0px;
    width: 100%;
}
.portalTypeToggleAllowed #hmcPanelTable #portalTypeToggleHeader {
    width: auto;
}
.portalTypeToggleAllowed #portalTypeToggleHeader .toggleButton {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 15px;
    height: 15px;
    background-image: url('/images/iconic/tab_toggle_in.svg');
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    padding: 0px;
    margin:0px;
    border: none;
    background-color: inherit;
    cursor: pointer;
}
.portalTypeToggleAllowed #portalTypeToggleHeader .toggleButton:focus,
.portalTypeToggleAllowed #portalTypeToggleHeader .toggleButton:hover {
    background-image: url('/images/iconic/tab_toggle_in_hover.svg');
}
/* END   Portal Type Toggle Header ********************************************/

/* BEGIN Portal Type Toggle Confirmation Dialog *******************************/
.iconic.portalTypeToggleConfirmation .modal {
    z-index: 9999999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(18,18,18,0.70);
}

.iconic .iconicLoadingDialog{
    text-align: left;
    z-index: 10000000;
    box-sizing: border-box;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 2px 2px 6px 0 rgba(74,74,74,0.44);
    border-radius: 2px;
}

/*     BEGIN - based on dojo/hmc/iconic/util/themes/iconic/IconicLoadingDialog.css ********/
/*             ".dijitDialog" changed to ".hmcskinDialog"                                 */ 
/* dialog */
.iconic .iconicLoadingDialog{
    width: 48.98vw; /* 590px; */
    min-width:590px;
    background: #ffffff;
}

/* title bar text and padding; padding adjusts based on state and existence of panel text */
.iconic .iconicLoadingDialog .hmcskinDialogTitleBar .hmcskinDialogTitle {
    font-family: HelvNeueBoldforIBM;
    font-size: 24px;
    color: #343334;
    letter-spacing: 0.5px;
    line-height: 30px;
}
.iconic .iconicLoadingDialog .hmcskinDialogTitleBar{
    border: none;
    margin: 0;
    padding: 42px 30px 18px 105px;
    font-size: 14px;
    background: rgba(199,199,199,0.20);
}
.iconic .iconicLoadingDialog.notext .hmcskinDialogTitleBar{
    padding-bottom: 42px;
}
.iconic .iconicLoadingDialog.notext.cancellable .hmcskinDialogTitleBar{
    padding-bottom: 30px;
}
.iconic .iconicLoadingDialog.loading .hmcskinDialogTitleBar,
.iconic .iconicLoadingDialog.cancelling .hmcskinDialogTitleBar,
.iconic .iconicLoadingDialog.cancelled .hmcskinDialogTitleBar{
    padding-left: 30px;
}


/* message area padding and font */
.iconic .iconicLoadingDialog .hmcskinDialogPaneContent{
    margin:0;
    padding: 0;
    font-family: HelvNeueRomanforIBM;
    font-size: 16px;
    color: #343334;
    letter-spacing: 0.2px;
    line-height: 20px;
}

/* indent text to left of status icon */
.iconic .iconicLoadingDialog .hmcskinDialogContentArea{
    padding: 0px 30px 30px 105px;
    background: rgba(199,199,199,0.20);;
}
/* no status icon is shown for loading/cancelling/cancelled messages, so indent text less */
.iconic .iconicLoadingDialog.loading .hmcskinDialogContentArea,
.iconic .iconicLoadingDialog.cancelling .hmcskinDialogContentArea,
.iconic .iconicLoadingDialog.cancelled .hmcskinDialogContentArea{
    padding-left: 30px;
}
.iconic .iconicLoadingDialog.notext .hmcskinDialogContentArea{
    display: none;
}


/* button area padding and buttons */
.iconic .iconicLoadingDialog .hmcskinDialogPaneActionBar{
    padding: 18px 30px;
    height: 73px;
}
.iconic .iconicLoadingDialog .hmcskinDialogPaneActionBar .dijitButton,
.iconic .iconicLoadingDialog .hmcskinDialogPaneActionBar .linkButton.dijitButton {
    display:inline-block;
    margin: 0px;
}
.iconic .iconicLoadingDialog .hmcskinDialogPaneActionBar .dijitButton + .dijitButton {
    margin-left: 18px;
}
.iconic .iconicLoadingDialog .hmcskinDialogPaneActionBar .dijitButton .dijitButtonNode,
.iconic .iconicLoadingDialog .hmcskinDialogPaneActionBar .primaryButton.dijitButton .dijitButtonNode,
.iconic .iconicLoadingDialog .hmcskinDialogPaneActionBar .secondaryButton.dijitButton .dijitButtonNode,
.iconic .iconicLoadingDialog .hmcskinDialogPaneActionBar .linkButton.dijitButton .dijitButtonNode {
    height: 35px;
    width: 100px;
    border-radius:2px;
    border-width: 2px;
    border-style: solid;
    box-sizing: border-box;
}


/* action button row (for non-cancel buttons/links) */
.iconic .iconicLoadingDialog.loading .hmcskinDialogPaneActionBar .actionButtons,
.iconic .iconicLoadingDialog.cancelling .hmcskinDialogPaneActionBar .actionButtons,
.iconic .iconicLoadingDialog.cancelled .hmcskinDialogPaneActionBar .actionButtons,
.iconic .iconicLoadingDialog.cancellable.complete.autoclose .hmcskinDialogPaneActionBar .actionButtons {
    display: none;
}
.iconic .iconicLoadingDialog .hmcskinDialogPaneActionBar .actionButtons{
    position: absolute;
    bottom: 18px;
    right: 30px;
    display: block;
    box-sizing: border-box;
    padding: 18px 0px 0px 0px;
    height: 53px;
}


/* show cancel button row when dialog cancellable  and either not done or done and autoclose */
.iconic .iconicLoadingDialog.cancellable .hmcskinDialogPaneActionBar .cancelButtons,
.iconic .iconicLoadingDialog.cancellable.autoclose.cancelled .hmcskinDialogPaneActionBar .cancelButtons,
.iconic .iconicLoadingDialog.cancellable.autoclose.complete .hmcskinDialogPaneActionBar .cancelButtons,
.iconic .iconicLoadingDialog.cancellable.autoclose.information .hmcskinDialogPaneActionBar .cancelButtons {
    display: block;
    box-sizing: border-box;
    padding: 18px 0px;
    height: 71px;
}
.iconic .iconicLoadingDialog .hmcskinDialogPaneActionBar .cancelButtons,
.iconic .iconicLoadingDialog.question .hmcskinDialogPaneActionBar .cancelButtons,
.iconic .iconicLoadingDialog.information .hmcskinDialogPaneActionBar .cancelButtons,
.iconic .iconicLoadingDialog.error .hmcskinDialogPaneActionBar .cancelButtons,
.iconic .iconicLoadingDialog.warning .hmcskinDialogPaneActionBar .cancelButtons,
.iconic .iconicLoadingDialog.complete .hmcskinDialogPaneActionBar .cancelButtons {
    display: none;
}

/* show Cancel link only when dialog is cancellable and loading */ 
.iconic .iconicLoadingDialog .hmcskinDialogPaneActionBar .cancelButtons a {
    display: none;
}
.iconic .iconicLoadingDialog.cancellable.loading .hmcskinDialogPaneActionBar .cancelButtons a {
    display: inline-block;
    margin: 7px 0px;
    text-decoration:none;
}

/* show Cancel Close button only when dialog is cancelled and not auto close */ 
.iconic .iconicLoadingDialog .hmcskinDialogPaneActionBar .cancelButtons .dijitButton,
.iconic .iconicLoadingDialog.cancellable.cancelled.autoclose .hmcskinDialogPaneActionBar .cancelButtons .dijitButton,
.iconic .iconicLoadingDialog.cancellable.complete.autoclose .hmcskinDialogPaneActionBar .cancelButtons .dijitButton {
    display: none;
}
.iconic .iconicLoadingDialog.cancellable.cancelled .hmcskinDialogPaneActionBar .cancelButtons .dijitButton {
    display: block;
    float: right;
}


/* button area links (Cancel link) */
.iconic .iconicLoadingDialog .hmcskinDialogPaneActionBar a {
    display: inline-block;
    font-family: HelvNeueBoldforIBM;
    font-size: 14px;
    color: #3B74C3;
    letter-spacing: 0.2px;
    line-height: 21px;
}
.iconic .iconicLoadingDialog .hmcskinDialogPaneActionBar a:hover {
    color: #2e5a82;
}


/* progress bar */
.iconic .iconicLoadingDialog .progressBarOuter{
    display: block;
    background: #ffffff;
    height: 6px;
    width:100%;
}

.iconic .iconicLoadingDialog .progressBarInner{
    height: inherit;
}

/* status icon */
.iconic .iconicLoadingDialog .loadingDialogStatus {
    border: none;
    top: 48px;
    left: 30px;
    position: absolute;
}
.iconic .iconicLoadingDialog.notext .loadingDialogStatus {
    top: 37px;
}
.iconic .iconicLoadingDialog .loadingDialogStatus img {
    width: 45px;
    height: 45px;
}
.iconic .iconicLoadingDialog.loading .loadingDialogStatus,
.iconic .iconicLoadingDialog.cancelling .loadingDialogStatus,
.iconic .iconicLoadingDialog.cancelled .loadingDialogStatus {
    display: none;
}
.iconic .iconicLoadingDialog .loadingDialogStatus {
    width: 45px;
    height: 45px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 45px 45px;
}


/* BEGIN progress bar colors and status icons */
/* Loading style */
.iconic .iconicLoadingDialog.loading .progressBarOuter .progressBarInner{
    background:#52a6ff;
}

/* Question styles */
.iconic .iconicLoadingDialog.question .progressBarOuter .progressBarInner{
    background: #2D74DA;
}
.iconic .iconicLoadingDialog.question .loadingDialogStatus {
    background: url('/images/iconic/messages/question.svg') left top no-repeat;
    background-size: 45px 45px;
}

/* Information Styles */
.iconic .iconicLoadingDialog.information .progressBarOuter .progressBarInner,
.iconic .iconicLoadingDialog.information.complete .progressBarOuter .progressBarInner{
  background: #2D74DA;
}
.iconic .iconicLoadingDialog.information .loadingDialogStatus,
.iconic .iconicLoadingDialog.information.complete .loadingDialogStatus {
    background: url('/images/iconic/messages/info.svg') left top no-repeat;
    background-size: 45px 45px;
}

/* Error Styles */
.iconic .iconicLoadingDialog.error .progressBarOuter .progressBarInner{
    background: #EA162A;
}
.iconic .iconicLoadingDialog.error .loadingDialogStatus {
    background: url('/images/iconic/messages/error.svg') left top no-repeat;
    background-size: 45px 45px;
}

/* Warning Styles */
.iconic .iconicLoadingDialog.warning .progressBarOuter .progressBarInner{
    background: #FED500;
}
.iconic .iconicLoadingDialog.warning .loadingDialogStatus {
    background: url('/images/iconic/messages/warning.svg') left top no-repeat;
    background-size: 45px 45px;
}

/* Completion styles */
.iconic .iconicLoadingDialog.complete .progressBarOuter .progressBarInner{
    background: #00884B;
}
.iconic .iconicLoadingDialog.complete .loadingDialogStatus {
    background: url('/images/iconic/messages/confirm.svg') left top no-repeat;
    background-size: 45px 45px;
}

/* Cancelled Styles */
.iconic .iconicLoadingDialog.cancelling .progressBarOuter .progressBarInner,
.iconic .iconicLoadingDialog.cancelled .progressBarOuter .progressBarInner{
    background: #C0BFC0;
}
/* END progress bar colors and status icons */


/* Loading text ellipsis */
.iconic .iconicLoadingDialog .ellipses0::after{
    content: "\a0\a0\a0";
}
.iconic .iconicLoadingDialog .ellipses1::after{
    content: ".\a0\a0";
}
.iconic .iconicLoadingDialog .ellipses2::after{
    content: "..\a0";
}
.iconic .iconicLoadingDialog .ellipses3::after{
    content: "...";
}
/*     END - based on dojo/hmc/iconic/util/themes/iconic/IconicLoadingDialog.css ********/


.iconic .iconicLoadingDialog button.secondaryButton,
.iconic .iconicLoadingDialog button.primaryButton {
    width:100px;
    height:35px;
    box-sizing: border-box;
    text-transform: uppercase;
    font-family:HelvNeueBoldforIBM;
    font-size:13px;
    letter-spacing:0.92px;
    line-height:18px;
    text-align:center;
    padding: 0px;
    border-radius: 2px;
}
.iconic .iconicLoadingDialog button + button {
    margin-left: 18px;
}

.iconic .iconicLoadingDialog button.secondaryButton {
    border:2px solid #3b74c3;
    background: #fff;
    color:#3b74c3;
}
.iconic .iconicLoadingDialog button.secondaryButton:hover,
.iconic .iconicLoadingDialog button.secondaryButton:focus {
    color: #2e5a82;
    border-color: #2e5a82;
}

.iconic .iconicLoadingDialog button.primaryButton {
    background: #3b74c3;
    color:#fff;
    border: none;
}
.iconic .iconicLoadingDialog button.primaryButton:hover,
.iconic .iconicLoadingDialog button.primaryButton:focus {
    background: #2e5a82;
}
.iconic .iconicLoadingDialog .radio {
    position: relative;
    line-height: 17px;
}
.iconic .iconicLoadingDialog input[type=checkbox] {
    opacity: 0;
    height: 18px;
    width: 18px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    border: 0;
}
.iconic .iconicLoadingDialog input[type=checkbox] + label:before {
    content: "";
    background: url('/images/iconic/checkbox-radio-states.png');
    background-repeat: no-repeat;
    background-size: 144px 18px;
    background-position: -72px 0;
    height: 18px;
    width: 18px;
    margin: 0px 18px 0px -17px;
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
}
.iconic .iconicLoadingDialog input[type=checkbox]:hover + label:before,
.iconic .iconicLoadingDialog input[type=checkbox]:focus + label:before {
    /* border: 1px solid #323232; TODO: current iconic spec does not have hover/focus coloring */
}
.iconic .iconicLoadingDialog input[type=checkbox]:checked + label:before {
    background-position: -90px 0;
}
.iconic .iconicLoadingDialog input[type=checkbox] + label {
    margin-left: 18px;
}
/* END   Portal Type Toggle Confirmation Dialog *******************************/

/* BEGIN ServletTask **********************************************************/
body.servlettask {
    margin: 0px;
    padding: 0px;
}

/* size servlettask iframe to fill window */
.servlettask iframe {
    height:100vh;
    width:100vw;
    border: 0px;
    background: #fff;
}

/* size servlettask iframe to fill window minus header height */
.servlettask.portalTypeToggleAllowed iframe {
    height: calc(100vh - 55px);
    width: calc(100vw);
}
/* END ServletTask ************************************************************/

/* BEGIN hmc:progressIndicator ************************************************/
.progress-indicator-container {
	width: 98%;
	height: 50px;
}

.progress-indicator-container .progress-indicator {
	display: flex;
	list-style: none;
	align-items: center;
}

.progress-indicator-container .progress-indicator .step {
	display: inline-flex;
	flex: 1;
	flex-grow: 1;
	position: relative;
	min-width: 105px;
}

.progress-indicator-container .progress-indicator .step .step-name {
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	position: absolute;
	padding: 10px 0 5px 0;
	color: #B0B0B0;
}

.progress-indicator-container .progress-indicator .step .step-line {
	border: 3px solid #B0B0B0;
	position: absolute;
	left: 20px;
	margin-top: 10px;
	width: calc(100% - 24px);
	z-index: -1;
}

@keyframes circleFade {
    0% { stroke: #B0B0B0; }

    25% { stroke: #3082BF; }

    50% { stroke: #000000; }

    75% { stroke: #3082BF; }

    100% { stroke: #B0B0B0; }
}

@-moz-keyframes circleFade {
    0% { stroke: #B0B0B0; }

    25% { stroke: #3082BF; }

    50% { stroke: #000000; }

    75% { stroke: #3082BF; }

    100% { stroke: #B0B0B0; }
}

.progress-indicator-container .progress-indicator .step polygon {fill: transparent;}
.progress-indicator-container .progress-indicator .step circle {stroke: #B0B0B0;}

.progress-indicator-container .progress-indicator .step:last-child {flex-grow: 0.4;}
.progress-indicator-container .progress-indicator .step:last-child .step-line {display: none;}

.progress-indicator-container .progress-indicator .step.active circle {stroke: #3082BF;}
.progress-indicator-container .progress-indicator .step.active .step-name {color: #3082BF;}
.progress-indicator-container .progress-indicator .step.active.loading circle {animation: circleFade 7s infinite linear;}

.progress-indicator-container .progress-indicator .step.complete circle {stroke: #3082BF;}
.progress-indicator-container .progress-indicator .step.complete .step-line {border: 3px solid #3082BF;}
.progress-indicator-container .progress-indicator .step.complete .step-name {color: #3082BF;}
.progress-indicator-container .progress-indicator .step.complete polygon {fill: #3082BF;}

.progress-indicator-container .progress-indicator .step.error circle {stroke: #DD0000;}
.progress-indicator-container .progress-indicator .step.error .step-name {color: #DD0000;}
.progress-indicator-container .progress-indicator .step.error .step-line {border: 3px solid #DD0000;}
/* END hmc:progressIndicator **************************************************/