html,
/*body {
    margin:0;
    padding:0;
    height:100%;
    background-image: url('./../images/dev_demo_white.png');
    font-family: Verdana,"Verdana CE",Arial,"Arial CE","Lucida Grande CE",lucida,"Helvetica CE",sans-serif;
    font-size: 12px;
}*/

#wrapper {
    min-height:100%;
    position:relative;
}

#content {
    margin: 10px 10px 10px 10px;
    width: 96.5%;
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2em;
    padding-bottom: 190px;
}

#bottom {
    background-color: #185DA4;
    bottom: 0;
    color: #ffffff;             /* white font */
    left: 0;
    position:absolute;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    margin-bottom: 40px;
}

#bottomLogo {
    bottom: 0%;
    position: absolute;
    text-align: center;
    float: left;
    width: 100%;
    padding-bottom:90px;
}

#bottomMobile {
    background-color: #185DA4;
    bottom: 0%;
    color: #ffffff;             /* white font */
    float: left;
    padding: 5px;
    position: absolute;
    width: 100%;
}

h1 {
    color: #024F79;              /* dark turquoise font */
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size:  medium;
    font-weight: 700;
    margin: 10px;
    padding: 0px 5px 5px 5px;
    font-style: normal;
}

h4 {
    color: white;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size:  medium;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 0px;
    padding: 15px;
    font-style: normal;
    width: auto;
    background-color: #185DA4;
}

#top {
    background-color: #185DA4;     /* medium turquoise #036fab */
    color: #ffffff;                /* white font        */
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    width: 100%;
}

#topMobile {
    background-color: #185DA4;     /* medium turquoise #036fab */
    color: #ffffff;                /* white font        */
    padding: 5px;
    width: 100%;
    text-shadow: none;
}

#internalTopMobile {
    background-color: #185DA4;     /* medium turquoise #036fab */
    color: #ffffff;                /* white font        */
    padding: 5px;
    position: relative;
}

#internalTop {
    background-color: #185DA4;     /* medium turquoise #036fab */
    color: #ffffff;                /* white font        */
    margin: 0px 0px 10px 0px;
    padding: 5px 0px 0px 0px;
    position: relative;
    width: 100%;
}

#j_idt46\3a j_idt28 > div.ui-panel-m-titlebar.ui-bar.ui-bar-inherit {border: none; background: none;}
#j_idt46\3a j_idt28 > div.ui-panel-m-content.ui-body.ui-body-inherit {border: none;}
#j_idt17\3a j_idt18 > div.ui-panel-m-titlebar.ui-bar.ui-bar-inherit {border: none; background: white;}

a:link, a:visited {
    color: #045491;             /* medium blue font */
    font-size: medium;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

a:link:hover, a:visited:hover  {
    color: #045491;             /* medium blue font */
    text-decoration : underline;
}

a.assistance:link, a.assistance:visited {
    color:#0052A3;              /* dark turquoise font */
    font-family: 'Lucida Sans Unicode', sans-serif;
    font-style: italic;
    padding-top: 10px;
}

a.assistance:link:hover, a.assistance:visited:hover {
    color: #52A314;             /* medium green font */
}

a.assistanceMobile:link, a.assistanceMobile:visited {
    color:#0052A3;              /* dark turquoise font */
    font-size: 12px;
}

a.assistanceMobile:link:hover, a.assistanceMobile:visited:hover {
    color: #52A314;             /* medium green font */
    font-size: 12px;
}

a.reminder:link, a.reminder:visited {
    color:#0052A3;              /* dark turquoise font */
    font-family: 'Lucida Sans Unicode', sans-serif;
    font-size: x-small;
    font-style: italic;
    padding-right: 25px;
    padding-top: 10px;
}

a.reminder:link:hover, a.reminder:visited:hover {
    color: #52A314;             /* medium green font */
}

input[type="submit"],input[type="button"],input[type="reset"]  {
    background-color: #DEDEDE;  /* light gray */
    font-weight : bold;
    font-size: small;
    color: #185DA4;             /* medium blue */
    border: 1px solid #A8A8A8;  /* medium gray */
    font-weight: bold;
    height: 30px;
    width: 200px;
    background: -moz-linear-gradient (center top, rgba (255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0% 0% #DEDEDE;
    border-radius: 3px;
}

input[type="submit"]:hover {
    border: 1px solid #7096AB;  /* bluish gray */
    box-shadow: 0px 0px 8px #85B2CB; /* lighter bluish gray */
}

.button.ui-button {
    background-color: #DEDEDE;
    color: #185DA4;
    display: block;
    font-weight: bold;
    font-size: small;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    width:200px;
}

.hiddenButton{

    visibility: hidden;

}

.buttonMobile.ui-button {
    background-color: #DEDEDE;
    color: #185DA4;
    display: block;
    font-weight: bold;
    font-size: small;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    width:auto;
}

.ui-icon-camera:after {display: none;}

#j_idt9\3a j_idt11 {background: none; border: none;}

#j_idt10\3a j_idt55 {background: #185DA4;}

#j_idt10\3a j_idt55 > div {background-color: #185DA4;}

#j_idt28\3a j_idt29 > div.ui-navbar > ul > li.ui-tabs-header.ui-block-a.ui-tabs-active > a {text-align: center;}
#j_idt28\3a j_idt29 > div.ui-navbar > ul > li.ui-tabs-header.ui-block-b.ui-tabs-active > a {text-align: center;}
#j_idt28\3a j_idt29 > div.ui-navbar > ul > li.ui-tabs-header.ui-block-c.ui-tabs-active > a {text-align: center;}
#j_idt28\3a j_idt29 > div.ui-navbar > ul > li.ui-tabs-header.ui-block-a > a {text-align: center;}
#j_idt28\3a j_idt29 > div.ui-navbar > ul > li.ui-tabs-header.ui-block-b > a {text-align: center;}
#j_idt28\3a j_idt29 > div.ui-navbar > ul > li.ui-tabs-header.ui-block-c > a {text-align: center;}

#j_idt27\3a j_idt28\3a unEnrollDlg > div > div.ui-header.ui-bar-inherit > a {display: none;}

.helpButton.ui-button {
    background-color: #DEDEDE;
    color: #185DA4;
    display: block;
    font-weight: bold;
    font-size: medium;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
}

.courseLink {
    width: 300px;
    background: rgb(222,222,222);
}

.videoLink {
    width: 300px;
    background: rgb(222,222,222);
    margin-left: auto;
    margin-right: auto;
}

.courseInfo.ui-accordion .ui-accordion-content {
    padding: 0em 2.2em;
    border-top: 0px none;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    color: #000000;
}

h:inputText {
    font-family: Arial,sans-serif;
    font-size : xx-small;
}

.panelGrid {
    background-color: transparent;
}

.tabHeaders {
    font-family: Arial,sans-serif;
    font-weight : bold;
    font-size : 12pt;
}

.tabHeadersBlue {
    font-family: Arial,sans-serif;
    font-weight : bold;
    font-size : 12pt;
    color : blue;
}

.tabHeadersRed {
    font-family: Arial,sans-serif;
    font-weight : bold;
    font-size : 9pt;
    color : red;
}

.text10 {
    font-family: Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: black;
    text-decoration: none;
    font-size: 10pt;
}

.tableRowCenter {
    font-family: Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: black;
    text-decoration: none;
    font-size: 11pt;
    text-align: center;
}

.tableRowLeft {
    font-family: Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: black;
    text-decoration: none;
    font-size: 11pt;
    text-align: left;
}

.text11 {
    font-family: Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: black;
    text-decoration: none;
    font-size: 11pt;
}

#left {
    float: left;
    padding: 5px;
    width: 150px;
}

#right {
    float: right;
    padding: 5px;
    width: 150px;
}

.instructor-led-select {font-size: 14px;}

#j_idt10\3a j_idt12 > div.ui-panel-m-content.ui-body.ui-body-inherit {
    border: none;
}

#j_idt14\3a pnlLogin > div.ui-panel-m-content.ui-body.ui-body-inherit {
    border: none;
}

.main_menu {
    position: relative;
    padding: 1em;
    right: 25%;
    left: 40%;
}

.main_menu a {
    position: relative;
    left: 20px;
}

.largerFont {
    font-family: Arial,sans-serif;
    text-align: right;
    font-weight : bold;
    font-size : 12pt;
    color: black;
}

.largerFontLeft {
    font-family: Arial,sans-serif;
    text-align: left;
    font-weight : bold;
    font-size : 12pt;
    color: black;
}

.editLabels {
    font-family: Arial,sans-serif;
    text-align: right;
    font-weight : bold;
    font-size : 11pt;
    color: black;
}

.editInputs {
    font-family: Arial,sans-serif;
    text-align: left;
    font-size : 11pt;
    color : black;
    font-weight : normal;
}

.panelColumnsTop td {
    vertical-align: top;
}

.sectionHeaderText {
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-decoration: none;
    color: #185DA4;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14pt;
    text-align: center;
}

.courseInformationHeader {
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-decoration: none;
    color: #185DA4;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16pt;
    text-align: center;
}

.separatorText {
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-decoration: underline;
    color: black;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12pt;
    text-align: center;
}
.separatorTextLeft {
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-decoration: underline;
    color: black;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12pt;
    text-align: left;
}

.tableHeaders {
    font-family: Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: blue;
    text-decoration: none;
    font-size: 11pt;
}

.errormessage {
    font-family: Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #FF0000;                     /* red */
    text-decoration: none;
    font-size: 12pt;
}

.cctLabel {
    color: #0052A3;                     /* medium turquoise blue */
    font-family: 'Lucida Sans Unicode','Century Gothic',sans-serif;
    font-size: medium;
    font-weight: 500;
    text-align: right;
}

.cctLabel2 {
    color: #197D19;                     /* green */
    font-family: 'Lucida Sans Unicode','Century Gothic',sans-serif;
    font-size: medium;
    font-weight: 500;
    text-align: right;
}

.outer {
    text-align: left;
}

.instructionsCenter {
    background-color: #E1F4FE;          /* very pale blue */
    color: #0052A3;                     /* medium turquoise blue */
    font-size: small;
    font-weight: 600;
    text-align: center;
}

.requiredDataHeader {
    color: #0032E1;                     /* marine blue */
    font-size: medium;
    font-weight: 800;
    text-align: right
}

.requiredDataHeaderMobile {
    color: #0032E1;                     /* marine blue */
    font-size: medium;
    font-weight: 600;
    text-align: right;
    margin-left: 10px;
}

.requiredDataField {
    color: #0032E1;                     /* marine blue */
    font-size: medium;
    font-weight: 500;
    text-align: right;
}



/*.hSelectOneMenu{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    display: inline-block;
    height: 1.9em;
    width: 11em;
    font-family: Arial,sans-serif;
    font-weight: normal;
    font-size:1.1em;
    text-shadow: 0px 1px 0px rgb(255 255 255 / 70%);
    line-height: 1.3;

    padding: 2px;
    margin: 0;

    outline: medium none;
    border-radius: 3px;
    border: 1px solid #a8a8a8;

    background: #ffffff;
    color: rgb(49, 49, 49);

    -moz-box-shadow: inset 1px 0 1px #d1d1d1;
    -webkit-box-shadow: inset 1px 0 1px #d1d1d1;
    box-shadow: inset 1px 0 1px #d1d1d1;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    background-image:
        linear-gradient(45deg, transparent 50%, rgba(60,102,124,1) 50%),
        linear-gradient(135deg, rgba(60,102,124,1) 50%, transparent 50%),
        linear-gradient(to bottom, #8f8f8f, transparent),
        linear-gradient(to bottom, rgba(255,255,255,0.93), rgba(197,197,197,.77)),
        radial-gradient(#a8a8a8 100%, transparent 0%);
    background-position:
        calc(100% - 8.5%) 54%,
        calc(100% - 5.7%) 54%,
        0 0,
        100% 0,
        calc(100% - 1.8em) 50%;
    background-size:
        4px 4px,
        4px 4px,
        calc(100% - 1.8em - 1px) 3px,
        1.8em 100%,
        1px;
    background-repeat: no-repeat;
}

.hSelectOneMenu:hover{
    border: 1px solid #7096ab;

    -moz-box-shadow: inset 1px 0 1px #d1d1d1;
    -webkit-box-shadow: inset 1px 0 1px #d1d1d1;
    box-shadow: 0px 0px 8px #85B2CB,
        inset 1px 0 1px #d1d1d1;

    background-image:
        linear-gradient(45deg, transparent 50%, rgba(60,102,124,1) 50%),
        linear-gradient(135deg, rgba(60,102,124,1) 50%, transparent 50%),
        linear-gradient(to bottom, #8f8f8f, transparent),
        linear-gradient(to bottom, rgba(229,239,244,0.95), rgba(134,179,204,.8)),
        radial-gradient(#85B2CB 100%, transparent 0%);
    background-position:
        calc(100% - 8.5%) 54%,
        calc(100% - 5.7%) 54%,
        0 0,
        100% 0,
        calc(100% - 1.8em) 50%;
    background-size:
        4px 4px,
        4px 4px,
        calc(100% - 1.8em - 1px) 2px,
        1.8em 100%,
        1px;
    background-repeat: no-repeat;
}

.hSelectOneMenuError {
    width: 11em;
    display: inline-block;

    font-family: Arial,sans-serif;
    font-weight: normal;
    font-size:1.1em;
    line-height: 1.3;
    padding: 2px;
    text-shadow: 0px 1px 0px rgb(255 255 255 / 70%);

    outline: medium none;

    border-radius: 3px;
    border: 1px solid red;

    -moz-box-shadow: inset 0 2px 2px #8f8f8f;
    -webkit-box-shadow: inset 0 2px 2px #8f8f8f;
    box-shadow: inset 0 2px 2px #8f8f8f;

    background: #ffffff;

    color: rgb(79, 79, 79);

    margin: 0;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;


    background-image:
        linear-gradient(45deg, transparent 50%, rgba(60,102,124,1) 50%),
        linear-gradient(135deg, rgba(60,102,124,1) 50%, transparent 50%),
        linear-gradient(to bottom, rgba(255,255,255,0.93), rgba(197,197,197,.77)),
        radial-gradient(#a8a8a8 100%, transparent 0%);
    background-position:
        calc(100% - 8.5%) 54%,
        calc(100% - 5.7%) 54%,
        100% 0,
        calc(100% - 1.8em) 50%;
    background-size:
        4px 4px,
        4px 4px,
        1.8em 100%,
        1px;
    background-repeat: no-repeat;
}

.hSelectOneMenu option {
    display: list-item;
    font-size: 1em;
    line-height: 1.3;
    list-style: none;
    color: #4f4f4f;
    font-family: Arial,sans-serif;
    border: 0px none;
    margin: 1px 0;
    padding: 3px 5px;
    text-align: left;
    white-space: nowrap;
    font-weight: normal;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.hSelectOneMenuError option {
    display: list-item;
    font-size: 1em;
    line-height: 1.3;
    list-style: none;
    color: #4f4f4f;
    font-family: Arial,sans-serif;
    border: 0px none;
    margin: 1px 0;
    padding: 3px 5px;
    text-align: left;
    white-space: nowrap;
    font-weight: normal;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}*/

.requiredLabel {
    color: #0032E1;
    font-size: medium;
    font-weight: 500;
    text-align: right;
}

.requiredLabel.ui-state-error {
    color: #FF0000;
    background: none;
    font-size: medium;
    font-weight: 500;
    text-align: right;
}

.ui-outputlabel .ui-outputlabel-rfi {
    margin-left: 0.4em;
    display: none;
}

.requiredSelectOneMenu {
    margin-right: .75em;
}

.requiredSelectOneMenu.ui-state-error {
    border: 1px solid #FF0000;
}

.optionalDataField {
    color: #000000;                     /* black */
    font-size: medium;
    font-weight: 400;
    text-align: right;
}

.sectionTitle {
    color: #197D19;
    font-size: medium;
    font-weight: bold;
}

.sectionTitleMobile {
    color: #197D19;
    font-size: 20px;
    font-weight: bold;
    margin-left: 10px;
}

.helpInfo {
    color: #FF0000;
    font-family: 'Lucida Sans Unicode','Century Gothic',sans-serif;
    font-size: small;
    text-align: left;
    width: 98%;
}

h2 {
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size:  medium;
    font-weight: 700;
    margin: 5px;
    padding: 5px;
    font-style: normal;
    color: #197D19;
}
.helpInfoColumns {
    padding-right: 10px;
}

.ui-datable tr.ui-datable-even:hover, .ui-datable tr.ui-datable-odd:hover {
    background: #C6DFF5;
}

.ui-datatable .ui-datatable-data td div.ui-dt-c{
    text-shadow: 0px 0px 0px;
}

.paymentPanel.ui-panel {padding: 0; border: 0;}
.paymentPanel.ui-panel .ui-panel-titlebar{background: #185DA4; color: #FFFFFF; text-shadow: none; text-align: left;}     /* blue background; white font */
.instructionPanel.ui-panel .ui-panel-titlebar{color: #197D19; font-size: medium; text-align: left;}                                          /* green font */
.courseInstructionPanel.ui-panel .ui-panel-titlebar{color: #197D19; font-size: medium; text-align: center}                                   /* green font */

.courseLabels {
    font-family: Arial, sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: medium;
    color: #0032E1;  /*blue font */
}

.courseFail {
    font-family: Arial, sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: medium;
    color: #FF0000;  /*red font */
}

.courseHeader tr, .courseHeader td {
    background: none !important;
    border: none !important;
    color: #000000;
    text-align: left;
}

.noBorderPanelGrid tr, .noBorderPanelGrid td {
    background: none !important;
    border: none !important;
    color: #000000;
}

.email {
    text-align: left;
}

.center {
    text-align: center;
}

.centerimage {
    display: inline-block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.videoHeader tr, .videoHeader td {
    background: none !important;
    border: none !important;
    color: #000000;
    text-align: center;
    vertical-align: bottom;
}

.dialog.ui-dialog .ui-dialog-title {
    float: none;
    margin: 0.3em 16px 0.1em 0px;
}

.ui-dialog {
    padding: 0px;
    overflow: hidden;
    /*top:300px !important;*/
    border: 0px;
}

.dialog.ui-shadow {box-shadow: 0px 0px 0px;}

.courseDialog.ui-dialog .ui-dialog-title {
    float: none;
    margin: 0;
}

.courseDialog.ui-dialog {
    padding: 0px;
    overflow: hidden;
    top:250px !important;
    border: 0px;
    text-align: center;
}

.courseDialog.ui-shadow {box-shadow: 0px 0px 0px;}

.ui-widget-header {
    color: #000000;
    font-weight: bold;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
    text-align: center;
}

.paymentFail{
    font-family: Arial, sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: medium;
    color: #FF0000;  /*red font */
    white-space: normal;
}

.ui-accordion-header {color: #185DA4; text-shadow: none;}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #185DA4;} /* blue */
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #197D19; text-shadow: none;}   /* green */

.incompleteTabs.ui-state-default a {color: red !important; text-shadow: none;}

.completeTabs.ui-state-default a {color: #197D19 !important; text-shadow: none;}

/* Menu Split Buttons */
.menuBtn.ui-buttonset .ui-button {font-size: small; color: #185DA4; width: 135px;}
.ui-menu .ui-menuitem-text {font-size: small;}
.menuBtn.ui-splitbutton {position: absolute; right: 0;}
.ui-splitbutton-menubutton {width: 2.4em !important;}
.ui-shadow {box-shadow: 0px 0px 0px;}
.ui-menu .ui-menuitem-link .ui-menuitem-icon {padding-right: 4px;}
.ui-menu {width: 155px;}
.ui-menu .ui-separator {height: 2px; background-color: #000000;}


.logoffBtn.ui-button{font-size: small; color: #185DA4; position: absolute; right: 0; margin-right: 15px;}

.courseDesc .ui-widget-content{border: none; color: #000000; font-weight: normal;}
.courseDetails tr, .courseDetails td {border: none !important; color: #000000; font-weight: normal;}

.textField.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    box-shadow: none;
    color: rgb(49, 49, 49);
    padding: 2px;
}

.textField.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus {
    box-shadow: none;
}

.textField.ui-corner-all {
    border-radius: 0;
}

.ui-widget .pdfImage{
    background-image: url('../images/pdf_icon.png');
    height: 22px;
    width: 22px;
}

.welcomePnl {
    position: absolute;
    left: auto;
    right: 200px;
    top: 5px;
    width: 35%;
    height: 71%;
    border: none;
    padding: 2px;
}

.welcomePnl.ui-panel .ui-panel-content {
    padding: 0px;
}

.welcomeHeader tr, .welcomeHeader td {
    background: none !important;
    border: none !important;
    text-align: left;
    padding: 2px 8px 8px 2px;
}

.welcomeMsg {
    color: #185DA4;
    font-size: medium;
    font-weight: bold;
}

.welcomeMsgMobile {
    color: #185DA4;
    font-size: 14px;
    font-weight: bold;
}

.ui-wizard-step-title {color: #185DA4 !important;}

.ui-wizard-step-title.ui-state-highlight {
    color: green !important;
    background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.25), transparent) repeat scroll 0% 0% rgb(255, 255, 255) !important;
    text-shadow: none !important;
}

.pInput.ui-inputfield {
    padding: 2px;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 0px inset;
    color: #000000;
}

.greenColor.ui-accordion-header {color: #197D19 !important;}

.redColor.ui-accordion-header {color: #FF0000 !important;}

.redExamSelection {background: #FFD6D6;}

.greenExamSelection {background: #D6FFD6; font-size : 12pt;
    color: black;}

.whiteExamSelection {background: #FFFFFF; font-size : 12pt; 
                    color: black;}

.onlineCredDatatable td{
    height : 25px;
}

.fileDlg.ui-dialog .ui-dialog-title {
    float: none;
}

.fileDlg.ui-dialog {
    padding: 0px;
    overflow: hidden;
    height: 80% !important;
    top: 35px !important;
    width: 70% !important;
    border: 1px solid #000000;
}

.fileDlg.ui-dialog .ui-dialog-content {
    height: 90% !important;
}

.fileDlg.ui-shadow {box-shadow: 0px 0px 0px;}

.documentUploadAction .ui-button {font-size: small; color: #185DA4; width: 135px;}

.fileTbl.ui-datatable td{
    height: 30px;
}

.selectMinWidth-xxs {min-width: 50px;}
.selectMinWidth-xs  {min-width: 100px;}
.selectMinWidth-s   {min-width: 150px;}
.selectMinWidth-ms  {min-width: 200px;}
.selectMinWidth-m   {min-width: 250px;}
.selectMinWidth-ml  {min-width: 300px;}
.selectMinWidth-l   {min-width: 350px;}
.selectMinWidth-xl  {min-width: 400px;}
.selectMinWidth-xxl {min-width: 450px;}
.selectMinWidth-xxxl {min-width: 500px;}

#TCAMasqueradeForm\3a TCAMasqueradeSelect_label {
    width: 103%;
}

.readOnlyCalendar > input {
    background: #e8e8e8 !important
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    background: white;
    font-family: Arial,sans-serif;
    font-size: 1em;
    font-weight: normal;
    color: black;
}

.blueBackground {
    background-color: #DDE8F7;
    vertical-align: top;
}

.greenBackground {
    background-color: #F3F7EB;
    vertical-align: top;
}

.coreBackground {
    background-color: #DDE8F7;
    vertical-align: top;
    width: 35%;
}

.careerBackground {
    background-color: #F3F7EB;
    vertical-align: top;
    width: 65%;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    text-shadow: none !important;
}

.mt-20{
    margin-top: 20px;
}

.mt-10{
    margin-top: 10px;
}

.mt-5{
    margin-top: 5px;
}

.mb-5{
    margin-bottom: 5px;
}

.mb-10{
    margin-bottom: 10px;
}

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

.left{
    float:left
}

.greenbg{
    background-color: #c6e0c6;
}

.greenInfoBadge{
    background-color: #c6e0c6;
    border-radius: 3px;
    padding: 2px 4px 2px 4px;
}

.panelColumnMidR {
    text-align: right;
    width: 50%;
    vertical-align: text-top;
}

.panelColumnMidL {
    text-align: left;
    width: 50%;
    vertical-align: text-top;
}

.panelGridCenter {margin-left: auto; margin-right: auto;}

.nested-panelGridCenter{margin:auto}