/* MENU */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@charset "UTF-8";
/* Base Styles */
#cssmenu ul,
#cssmenu li,
#cssmenu a {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 1;
    font-family: 'Lato', sans-serif;
}
#cssmenu {
    border: none;
    border-radius: 0px !important;
    width: auto;
}
#cssmenu ul:before {
    content: '';
    display: block;
}
#cssmenu ul:after {
    content: '';
    display: table;
    clear: both;
}
#cssmenu li {
    float: left;
    margin: 0 4px 0 0; /* To support styling on Menu options*/
    border: 1px solid transparent;
}
#cssmenu li a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 8px 5px 9px 5px;
    display: block;
    text-decoration: none;
    color: White;
    border: 1px solid transparent;
    font-size: 14px;
}
#cssmenu a.active {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}
#cssmenu a.active {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    display: block;
    box-shadow: inset 0 5px 50px Black;
    position: relative;
}
#cssmenu li:hover {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}
#cssmenu li:hover a {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    display: block;
    box-shadow: inset 0 5px 50px Gray;
}

/* Hide Sub-Menus */
#cssmenu ul ul {
    display: none;
}

/* Display Sub-Menus upon Hover.
   This was previously hidden with the 'cssmenu ul ul' style.
   The greater than sign (>) is a child selector.
   Setting the position to absolute will prevent the top menu options from moving to the right when the sub-menu items are displayed.  It also prevents the height of the main menu from changing when the sub-menu items are displayed.
 */
#cssmenu ul li:hover > ul {
    display: block;
    float: none;
    position: absolute;
}

/* Make sub-menu items vertical instead of horizontal.
*/
#cssmenu ul ul li {
    float: none;
    position: relative;
}




/* GENERAL */
html {color: DimGray;font-size: 12px;width:100%;height:auto;overflow: auto;}
body {margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif;width: 100%;height:auto;overflow: auto;}
img {border: none !important;}
.error {color: red;}
.success {color: DarkBlue; font-weight: bold}
.highlight {background-color: #fcc;}
div.rightJustifiedText {width: 100% !important;float:left !important;clear: both !important;margin: 10px 0 10px 0 !important;}
div.rightJustifiedText a {float:right !important;display: block !important;clear: both !important;}
div.rightJustifiedText a img {vertical-align: middle !important;}
div.productCategoryBox { height: auto; margin-bottom: 10px; }
div.productLineItem {width: 100% !important;overflow: hidden;}
div.productLineItemBox {width: 48% !important;overflow: hidden; float: left;}
div.productLineItemBox.productLineItemRightBox {margin-left: 10px;}
div.productLineItem .product {max-width: 100% !important;margin-bottom: 7px;overflow: hidden;display:block;}
div.productLineItem img {float: left;width: 20px; height: 20px;margin-right: 5px;display: inline;}
div.productLineItem .product .name {float: left !important;max-width: 82% !important;text-indent: 2px; padding-top: 3px;}
div.productLineItem a {float: left;display: inline !important;font-size: 11px !important;text-indent: 0;vertical-align: bottom !important;}
.icon img {max-height: 20px; max-width: 20px; margin-right: 10px; margin-left: 10px; vertical-align: middle;}
.iconFloatLeft img {max-height: 20px; max-width: 20px; margin-right: 10px; margin-left: 10px; vertical-align: middle; float:left;}
.iconFloatRight img {max-height: 20px; max-width: 20px; margin-right: 10px; margin-left: 10px; vertical-align: middle; float:right;}
ul.doubleSpacedList li {margin-bottom: 15px;}
#content a {color: #578DCC !important;text-decoration: none !important;font-size:12px;font-weight: bold;}
#content a:hover {text-decoration: underline !important;}
#content label {font-weight: bold;color: #555;}
.textAlignCenter {text-align: center;}
.linkDisabled {color:Gray !important;text-decoration: none !important;font-size:12px;font-weight: bold;}
.logout {float:right; clear:both;}
select:disabled {
    background: #ccc !important;
}

/* Screenshot for Sales Info Page and possibly other pages. */
.screenshot {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: 350px;
    overflow: hidden;
    border: none;
}

/* For use with jquery.zoom.js */
.zoom {
    display:inline-block;
    position: relative;
    height: 100% !important;
}

/* magnifying glass icon */
.zoom:after {
    content:'';
    display:block;
    width:33px;
    height:33px;
    position:absolute;
    top:0;
    right:0;
    background:url(/crcWeb/javax.faces.resource/images/zoomIcon.png.xhtml;jsessionid=1boR6-8Fu_OLUrcmWYNxLMBIQLZ8duvDNyxfQrzO.eg-crcapp-p01?ln=default&v=0_1_4&conversationContext=1);
}

.zoom img {
    display: block;
}

.zoom img::selection { background-color: transparent; }

#grabZoom img:hover { cursor: url(/crcWeb/javax.faces.resource/images/grab.cur.xhtml;jsessionid=1boR6-8Fu_OLUrcmWYNxLMBIQLZ8duvDNyxfQrzO.eg-crcapp-p01?ln=default&v=0_1_4&conversationContext=1), default; }
#grabZoom img:active { cursor: url(/crcWeb/javax.faces.resource/images/grabbed.cur.xhtml;jsessionid=1boR6-8Fu_OLUrcmWYNxLMBIQLZ8duvDNyxfQrzO.eg-crcapp-p01?ln=default&v=0_1_4&conversationContext=1), default; }

.disabled-btn {
    background-color: #e0e0e0;
    background-image: none;
    pointer-events: none;
}

/* other */

#bodyContainer {width:980px;height:100%;margin: 0 auto;padding:0px;clear: both;background-color: #fff !important;margin-bottom: 30px;}
#bodyContainer #header img#headerImg {width:100%;height:100%;border:0;}
#bodyContainer #content {margin-bottom: 30px;}
ul#passwordRules span {text-decoration: underline !important; font-size: 14px;}
ul#passwordRules li {text-decoration: none !important;margin-left: 20px;}
.leftBox {float: left;width: 60%;}
.rightBox {float: right; width: 40%;}
.graphicImage img {width: 100%; padding-left: 0px;}
ul.welcomePageList {margin-bottom: 10px; padding: 0px;}
ul.welcomePageList li {margin-left: 40px;}

/* Home Page */
#homepage {}
#homepage p {margin-top: 5px; margin-bottom: 25px;}
#homepage a {text-decoration: none;font-size: 15px;}

/* My Products Page */
.subTableHeader1 {height: 50px; vertical-align: bottom; font-weight: bold;}
.subTableHeader2 {height: 30px; font-weight: bold;}
.myProductsCol1 {width: 20%;}
.myProductsCol2 {width: 60%;}
.myProductsCol3 {width: 20%;}
.myProductsDataRow {vertical-align: top; padding-bottom: 5px;}
.myProductsDataCol {}

/* Program Detail Page */
.subTableHeader1Partner {height: 30px; vertical-align: bottom; font-weight: bold;}


/* HEADER */
header, #header {width: 100%;height: 150px;background-color: #7096bc;overflow: hidden;}
header nav, #header #nav {width:100%;height:33px;overflow:hidden;background-color:rgb(0, 51, 102);}
header nav ul, #header #nav ul  {width:100%;height:100%;margin:0;padding:0;overflow:hidden;}
header nav ul li, #header #nav ul li {min-width:75px;max-width: 85px;width: auto;min-height:33px;float:left;height:auto;border:none;overflow:hidden;cursor:pointer;list-style:none;}
header nav ul li.active, #header #nav ul li.active {background-color: #679ad3;width: auto !important;height: 100%;}
header nav ul li a, #header #nav ul li a,
header nav ul li a:visited, #header #nav ul li a:visited {color:#fff;text-decoration:none;display:block;padding:10px;font-size:14px;}
header nav ul li.active, #header #nav ul li.active {background-color: #679ad3 !important;}
header nav ul li:hover, #header #nav ul li:hover {background-color:#679ad3;text-decoration:none;color:#fff;}
header nav ul li.floatRight, #header #nav ul li.floatRight {float:right;}

/* FOOTER */
footer, #footer {
    padding: 3px 0px;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 0px;
}
footer ul, #footer ul {padding: 0px;margin: 0px;width: 100%;height: 100%;overflow: hidden;}
footer ul li, #footer ul li {font-size: 12px;margin-right: 20px;color: #fff;width: auto;text-align: center;display: block;clear: both;}

footer p, #footer p {color: white; text-align: center; margin: 0px; padding-left: 10px; padding-right: 10px;}
footer ul li a, #footer ul li a {font-weight: bold;font-size: 12px;color: #fff;text-decoration: none;}
footer ul li a:hover, #footer ul li a:hover {text-decoration: underline;}
footer ul li a:visited, #footer ul li a:visited {text-decoration: underline;color: #a964ad;}

/* ERRORS */
.fieldError {border: 1px solid red !important;}
form.fieldError {border: 0 !important;}

/* H TAGS */
h1, .h1 {color: #335c85;font-weight: bold;font-size: 18px;padding: 0px 16px;}
h2, .h2 {color: #003366;font-weight: bold;font-size: 14px;padding: 0px 16px;}
.box h2 {padding: 0 10px;}
h3, .h3 {color: #003366;font-weight: bold;font-size: 12px;margin: 8px 0;}
h4, .h4 {color: #666666;font-weight: bold;font-size: 10px;margin: 8px 0;}

.h3-normal {color: #003366;font-weight: normal;font-size: 12px;margin: 8px 0;}

/* INPUTS */
input, textarea, select {padding: 3px;font-size: 12px;font-family: Arial, Helvetica, sans-serif;}
table textarea {width: 90%;overflow: auto;}
button, input[type="button"], input[type="submit"] {padding: 7px;border: none !important;}

/* OTHER */
#content {width: 100%;min-height: 400px;height: auto;overflow: auto;background-color: #fff;}
/* .box {background: url("{path-to-image-here}") repeat-x scroll 0 0 #ffffff;}
   .box .content {margin: 0;padding:  0 9px 5px;}
 */
.box {
    background: url(/crcWeb/javax.faces.resource/images/fade.gif.xhtml;jsessionid=1boR6-8Fu_OLUrcmWYNxLMBIQLZ8duvDNyxfQrzO.eg-crcapp-p01?ln=default&v=0_1_4&conversationContext=1) repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #A1C9EC;
    height: 100%;
    margin-bottom: 15px;
    padding: 10px;
    overflow: hidden;
}
.box.noborder {background: transparent !important;border: none !important;padding-left: 16px;}
.box h1 {
    color: #335C85;
    font-size: 15px;
    padding: 0 10px;
}

.box h2, .box h3 {padding: 0px;margin: 8px 0px;}
.box table {width: 100% !important;}

.box .content {
    margin: 0;
    padding: 0;
}

.box .navContent {
    margin: 0;
    padding: 0 10px 0px;
}

fieldset {
    border: 1px solid #ddd;
    padding: 10px 15px;
    margin-bottom: 15px;
}

fieldset.noborder {
    border: 0;
}

fieldset div {
    overflow: hidden;
    margin-bottom: 8px;
}

fieldset div.boxText {
    min-height: 16px;
    margin: 0;
}

.colStyle_1 {width: 45%;}
.colStyle_2 {width: 5%;}
.colStyle_3 {width: 45%; vertical-align: top;}

.colStyle_4 {width: 65%; vertical-align: top;}
.colStyle_5 {width: 5%; font-weight: bold; vertical-align: middle; text-align: center}
.colStyle_6 {width: 30%; vertical-align: top;}

.colStyle_7 {border: thin solid black; width: 30%; vertical-align: top; text-align: center;}

.colStyle_8 {width: 38% !important;}
.colStyle_9 {width: 60% !important;margin-left: 200px !important;}
.colStyle_10 {border: thin solid black; width: 5%; vertical-align: top; text-align: center;}
.colStyle_11 {border: thin solid black; width: 15%; vertical-align: top; text-align: center;}
.colStyle_12 {border: thin solid black; width: 20%; vertical-align: top; text-align: center;}
.colStyle_13 {width: 45%; vertical-align: top; height: 70px;}
.clearFix {display: block;clear: both;}

.rowStyle_1 {margin: 8px 0 8px 0;}

.productStyleDepth_0 {font-size: 18px; margin-left: 3px;}
.productStyleDepth_1 {font-size: 14px; margin-left: 7px;}
.productStyleDepth_2 {font-size: 12px; margin-left: 12px;}
.productStyleDepth_3 {font-size: 12px; margin-left: 15px;}


/* RICHFACES COLUMNS */
#oneColumn {width: 100%;float: left;}
#columnHeader {width: 100%;height: 50px;float: left;}
#oneColumnLeft {width: 25%;float: left;}
#oneColumnRight {width: 75%;float: left;}
#twoColumnLeft {width: 65%;float: left;padding-top: 10px;}
#twoColumnRight {width: 324px;float: right;padding-top: 10px;}
#twoColumnLoginLeft {width: 29%;float: left;padding-right: 10px;padding-top: 10px;}
#twoColumnLoginRight {width: 400px;float: right;padding-top: 10px;}
#threeColumnLeft {width: 24%;float: left;padding-right: 10px;padding-top: 10px;}
#threeColumnMiddle {width: 41%; float: left;padding-top: 10px;}
#threeColumnRight {width: 324px;float: right;padding-top: 10px;}

#twoColumnSidebar {width: 25%;float: left;}
#twoColumnMain {width: 75%;float: left;}

/*RICHFACES TABLES */
.rf-dt th {background-color: #b3cbe6 !important;color: #36648B;}
.rf-dt-shdr-c {font-size: 13px !important;}

.rf-p {background-color: transparent !important;border: none !important;}
.rf-p-b {color: DimGray !important; font-size: 12px !important;padding: 0px !important;}
.rf-p-b input[type="text"], .rf-p-b input[type="password"] {width: 95%;}
.rf-p-b select {}
.rf-p-hdr {}
.highlightFirstRow .rich-table-firstrow {background-color: #d8e5ee;}

.calendar table {max-width: 250px !important;}

.rf-dt.borderless thead th,
.rf-dt.borderless tbody,
.rf-dt.borderless tbody tr,
.rf-dt.borderless tbody td {
    border-style: none;
}

/*RICHFACES POPUP*/
.rf-pp-cnt-scrlr {width: 100% !important;height: 100% !important;padding: 0 !important;}
.viewCustomerPopup {width:1000px !important; height:auto !important; max-height: 500px !important; overflow-x:hidden !important;overflow-y: auto !important;padding: 0 !important;}
.rf-pp-hdr-cnt {font-size: 14px !important;}
.rf-pp-hdr-cntrls img {max-height: 20px; max-width: 20px; margin-right: 10px; margin-left: 10px; vertical-align: middle;}
.rf-pp-shdw {display: none !important;}
.rf-pp-cnt {font-size: 12px !important;}

/* PRIMEFACES TABLES */
.ui-datatable.borderless thead th,
.ui-datatable.borderless tbody,
.ui-datatable.borderless tbody tr,
.ui-datatable.borderless tbody td {
    border-style: none;
}
.ui-widget-content a {color: #578DCC !important;text-decoration: none !important;font-size:13px;font-weight: bold;}
.ui-widget-content a:hover {text-decoration: underline !important;}
.ui-widget-content label {font-weight: bold;color: #555;}
textarea[disabled], input[type='text'][disabled], input[type='password'][disabled], select[disabled] {color:#6A6A6A !important;}

/* Links */
a.left10px {margin-left: 10px; font-size: 10px; font-weight: bold;}

/* Misc */
span.left9px {margin-left: 10px; font-size: 9px}

/* Help */
.helpSection {margin-bottom: 15px;border-bottom: thin dotted #555;}
.helpSection img {max-width: 90%;margin: 10px 0 10px 0;}

/* Calendar */
/* This is necessary due to above entry:
		.box table {width: 100% !important;}
	which should probably be fixed to have all dependent tables declare a class enabling this 100% width, as opposed to this global width on
	all tables.
*/
div.calendarContainer table.rf-cal-extr { width: auto !important; }

.customReportBoxForm *.rf-cal {
    display:inline-block;
}

.customReportBoxForm td.colStyle_8, .customReportBoxForm td.colStyle_9 {
    vertical-align: middle;
}

.customReportBoxForm input:disabled {
    background-color: #CCCCCC !important;
    background-image:none;
    color: black !important;
}

.customReportBoxForm input.emailTarget {
    width: 150px;
}

.customReportBoxForm input.emailCheckbox {
    position: relative;
    left:10px;
    top: 2px;
}

.customReportBoxForm .emailLabel {
    position: relative;
    left:10px;
}

.customReportBoxForm div.reportParameterBlock {
    margin: 5px 0 5px 0;
}

/* MonthYear custom component */
span.monthYearDateDay {
    background-color:#CCCCCC;
    width: 30px;
    height: 18px;
    display: block;
    float:left;
    line-height:18px;
    text-align: center;
    padding: 3px 0 3px 0;
    color: black;
}

select.monthYearDateMonth {
    height: 24px;
    float:left;
}

select.monthYearDateYear {
    height: 24px;
    float:left;
}

/*   David's CSS Changes */

.box {
    background: none !important;
}
.box .content .ui-widget-content {
    border: 0;
    color: DimGray !important;
    font-size: 12px;
}
.box .content .ui-panel .ui-panel-content {
    padding: 0;
}
.box .content .ui-panel {
    padding: .1em;
}
button, input[type="reset"], input[type="submit"], input[type="button"], button.ui-state-default, .ui-widget-content button.ui-state-default, .ui-widget-header button.ui-state-default {
    border-width: 1px;
    border-color: #C0C0C0;
    font-size: 12px !important;
    font-family: Arial, Verdana, sans-serif ;
    color: #FFFFFF;
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #4A75B5;
    background-image: url(/crcWeb/javax.faces.resource/images/effects/buttonBackgroundImage.png.xhtml;jsessionid=1boR6-8Fu_OLUrcmWYNxLMBIQLZ8duvDNyxfQrzO.eg-crcapp-p01?ln=default&v=0_1_4&conversationContext=1);
    cursor: pointer;
}
button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover, button.ui-state-default:hover, .ui-widget-content button.ui-state-default:hover, .ui-widget-header button.ui-state-default:hover {
    background-position: bottom left;
    background-repeat: repeat-x;
    background-image: url(/crcWeb/javax.faces.resource/images/effects/buttonHoverBackgroundImage.png.xhtml;jsessionid=1boR6-8Fu_OLUrcmWYNxLMBIQLZ8duvDNyxfQrzO.eg-crcapp-p01?ln=default&v=0_1_4&conversationContext=1);
    background-color: #4A75B6;
}
button[disabled], input[type="reset"][disabled], input[type="submit"][disabled], input[type="button"][disabled], button.ui-state-default[disabled], .ui-widget-content button.ui-state-default[disabled], .ui-widget-header button.ui-state-default[disabled] {
    color: #6A92CF;
    border-color: #cccccc;
    background-color: #cccccc;
    background-image: url(/crcWeb/javax.faces.resource/images/effects/buttonDisabledBackgroundImage.png.xhtml;jsessionid=1boR6-8Fu_OLUrcmWYNxLMBIQLZ8duvDNyxfQrzO.eg-crcapp-p01?ln=default&v=0_1_4&conversationContext=1);
    background-position: top left;
}
.ui-panel input[type="text"], input[type="password"] {
    width: 95%;
}
.ui-accordion {
    background-color: #F3F2F2 !important;
    color: #C0C0C0 !important;;
    border-width: 1px;
    border-style: solid;
    padding: 1px;
}
.ui-accordion-header {
    cursor: pointer;
    background-color: #4A75B5 !important;
    border-color: #4A75B5 !important;
    font-size: 11px;
    color: #FFFFFF !important;
    font-weight: bold;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px;
    border-width: 1px;
    border-style: solid;
    background-position: top left;
    background-repeat: repeat-x;
    background-image: url(/crcWeb/javax.faces.resource/images/effects/gradientA.png.xhtml;jsessionid=1boR6-8Fu_OLUrcmWYNxLMBIQLZ8duvDNyxfQrzO.eg-crcapp-p01?ln=default&v=0_1_4&conversationContext=1);
}
.ui-accordion .ui-accordion-header {
    min-height: 16px;
    padding: .5em .5em .5em 2.2em;
}
.ui-accordion-content {
    background-color: #F3F2F2;
}
th.ui-state-default, th {
    border: thin solid black !important;
    background-color: #7096BC !important;
    color: #fff !important;
    overflow: hidden;
    font-size: 12px;
    font-weight: bold;
}
hr {
    border-color: #ccc !important;
}
.ui-widget-overlay {
    background: #000;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.ui-widget-content {
    border: none;
}
.ui-dialog {
    background: #F3F2F2;
}
#cssmenu li a {
    padding: 8px 4px 9px 5px;
}
.ui-messages-error, .ui-message-error {
    color: #ff0000;
    background-color: #fff;
    border-color: #fff;
}
.ui-widget {
    font-size: 12px;
}
.box .content .ui-widget-content {
    color: #000 !important;
}
.ui-accordion .ui-accordion-content {
    padding: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: arial, sans-serif !important;
}
.ui-messages-error-icon {
    background: url(/crcWeb/javax.faces.resource/images/effects/error.png.xhtml;jsessionid=1boR6-8Fu_OLUrcmWYNxLMBIQLZ8duvDNyxfQrzO.eg-crcapp-p01?ln=default&v=0_1_4&conversationContext=1) no-repeat;
    height: 16px;
    width: 16px;
    margin-top: 0;
}
.ui-messages-error {
    margin: 0;
    padding: 10px 0;
}
textarea, input[type="text"], input[type="password"], select, .ui-inputfield.ui-state-focus {
    background-image: url(/crcWeb/javax.faces.resource/images/effects/inputBackgroundImage.png.xhtml;jsessionid=1boR6-8Fu_OLUrcmWYNxLMBIQLZ8duvDNyxfQrzO.eg-crcapp-p01?ln=default&v=0_1_4&conversationContext=1);
    background-repeat: repeat-x;
    background-position: 1px 1px;
    border: 1px solid #C0C0C0;
    background-color: #ffffff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 12px !important;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus, .ui-inputfield.ui-state-focus:focus {
    outline: 2px solid;
    border-radius: 4px;
}
.ui-icon-triangle-1-e, .ui-state-default .ui-icon {
    background: url(/crcWeb/javax.faces.resource/images/effects/chevronDown.png.xhtml;jsessionid=1boR6-8Fu_OLUrcmWYNxLMBIQLZ8duvDNyxfQrzO.eg-crcapp-p01?ln=default&v=0_1_4&conversationContext=1) no-repeat;
    background-position: 0 -16px;
}
.ui-icon-triangle-1-s, .ui-state-active .ui-icon {
    background: url(/crcWeb/javax.faces.resource/images/effects/chevronUp.png.xhtml;jsessionid=1boR6-8Fu_OLUrcmWYNxLMBIQLZ8duvDNyxfQrzO.eg-crcapp-p01?ln=default&v=0_1_4&conversationContext=1) no-repeat;
    background-position: 0 -16px;
}
.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: 0.5em;
    margin-top: -9px;
}
.ui-accordion .ui-accordion-header {
    margin-top: 0;
}
button.ui-datepicker-trigger {
    background: none !important;
}
.ui-icon-calendar {
    background: url(/crcWeb/javax.faces.resource/images/effects/calendarIcon.png.xhtml;jsessionid=1boR6-8Fu_OLUrcmWYNxLMBIQLZ8duvDNyxfQrzO.eg-crcapp-p01?ln=default&v=0_1_4&conversationContext=1) no-repeat !important;
    height: 20px;
    width: 20px;
    background-position: 0 !important;
    margin-top: 0;
}
#cssmenu ul {
    z-index: 99999;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image: none;
}
.ui-accordion-header {
    background-image: url(/crcWeb/javax.faces.resource/images/effects/gradientA.png.xhtml;jsessionid=1boR6-8Fu_OLUrcmWYNxLMBIQLZ8duvDNyxfQrzO.eg-crcapp-p01?ln=default&v=0_1_4&conversationContext=1) !important;
}
.tableGridHeader {
    padding: 7px;
}
button[disabled], input[type="reset"][disabled], input[type="submit"][disabled], input[type="button"][disabled], button.ui-state-default[disabled], .ui-widget-content button.ui-state-default[disabled], .ui-widget-header button.ui-state-default[disabled] {
    background-image: none;
    cursor: default;
}
textarea, input[type="text"], input[type="password"], select, .ui-inputfield.ui-state-focus {
    height: auto !important;
}
#materialSearchGrid {
    margin-bottom: 20px;
}
.ui-messages-info-summary, .ui-messages-warn-summary, .ui-messages-error-summary, .ui-messages-fatal-summary, .ui-message-info-summary, .ui-message-warn-summary, .ui-message-error-summary, .ui-message-fatal-summary {
    margin-left: 0;
    font-weight: normal;
}