/**
 * BASICS
 * --------------------------------------------------------------------------
 */
.blackonwhite,
.blackonwhite .panel {
	background: #fff;
	color: #000;
}

.blackonwhite .skip-links a:focus {
	background: #fff;
	border-color: #000;
}

.blackonwhite h1,
.blackonwhite h2,
.blackonwhite h3,
.blackonwhite h4,
.blackonwhite h5,
.blackonwhite h6 {
	color: #000;
}

.blackonwhite input, 
.blackonwhite select, 
.blackonwhite select *, 
.blackonwhite textarea {
	background: #fcfcfc;
}

.blackonwhite a:not(.btn), 
.blackonwhite a:not(.btn) * {
	color: #005791;
}

.blackonwhite a:not(.btn), 
.blackonwhite a:not(.btn) *, 
.blackonwhite a:not(.btn), 
.blackonwhite a:not(.btn) * {
	color: #005791;
}

.blackonwhite input:focus, 
.blackonwhite select:focus, 
.blackonwhite textarea:focus { 
	border-color: #00F;
}

.blackonwhite a[name]:hover:not(.btn), 
.blackonwhite a[name]:hover:not(.btn) *, 
.blackonwhite a[name]:focus:not(.btn), 
.blackonwhite a[name]:focus:not(.btn) * {
	color: #000;
}

.blackonwhite .textfield,
.blackonwhite .dropdown,
.blackonwhite textarea {
	border-color: #ccc;
}

.blackonwhite .dropdown {
	background: #fcfcfc url("/h5/access/images/dropdown.w_access_1494401385000hc.png") no-repeat right 10px center;
    background-size:20px 20px;
}

.blackonwhite .textfield.success,
.blackonwhite .dropdown.success,
.blackonwhite .success > .dropdown {
	border-color: #378037;
}

.blackonwhite .textfield.error,
.blackonwhite .dropdown.error,
.blackonwhite .error > .dropdown {
	border-color: #df0000;
}

.blackonwhite .textfield.warning,
.blackonwhite .dropdown.warning,
.blackonwhite .warning > .dropdown {
	border-color: #c14d00;
}

.blackonwhite textarea ~ .error,
.blackonwhite input ~ .error,
.blackonwhite input ~ .ext-validator-error,
.blackonwhite select ~ .error,
.blackonwhite select ~ .ext-validator-error,
.blackonwhite .field .error,
.blackonwhite .field-checkbox .error,
.blackonwhite .field-radio .error {
	color: #df0000;
}

.blackonwhite table,
.blackonwhite table th,
.blackonwhite table td,
.blackonwhite .table,
.blackonwhite .table th,
.blackonwhite .table td {
	border: 1px solid #000;
}

.yellowonblack,
.yellowonblack .panel {
	background: #000;
	color: #ff0;
}

.yellowonblack .skip-links a:focus {
	background: #000;
	border-color: #ff0;
}

.yellowonblack h1,
.yellowonblack h2,
.yellowonblack h3,
.yellowonblack h4,
.yellowonblack h5,
.yellowonblack h6 {
	color: #ddd;
}

.yellowonblack input, 
.yellowonblack select, 
.yellowonblack select *, 
.yellowonblack textarea {
	background: #6a6a6a;
	color: #fff;
}

.yellowonblack a:not(.btn), 
.yellowonblack a:not(.btn) * {
	color: #fd0;
}

.yellowonblack a:not(.btn), 
.yellowonblack a:not(.btn) *, 
.yellowonblack a:not(.btn), 
.yellowonblack a:not(.btn) * {
	color: #fd0;
}
.yellowonblack input:focus, 
.yellowonblack select:focus, 
.yellowonblack textarea:focus { 
	border-color: #fd0;
}

.yellowonblack .textfield,
.yellowonblack .dropdown,
.yellowonblack textarea {
	color: #ff0;
	border-color: #ff0;
}

.yellowonblack .dropdown {
	background: #6a6a6a url("/h5/access/images/dropdown_yellow.w_access_1494401385000hc.png") no-repeat right 10px center;
    background-size:17px 17px;
}

.yellowonblack fieldset,
.yellowonblack .fieldset {border-color: #ff0}

.yellowonblack .textfield.success,
.yellowonblack .dropdown.success,
.yellowonblack .success > .dropdown {
	border-color: #33cc33;
}

.yellowonblack .textfield.error,
.yellowonblack .dropdown.error,
.yellowonblack .error > .dropdown {
	border-color: #f85a5a;
}

.yellowonblack .textfield.warning,
.yellowonblack .dropdown.warning,
.yellowonblack .warning > .dropdown {
	border-color: #f88228;
}

.yellowonblack textarea ~ .error,
.yellowonblack input ~ .error,
.yellowonblack input ~ .ext-validator-error,
.yellowonblack select ~ .error,
.yellowonblack select ~ .ext-validator-error {
	color: #f85a5a;
}

.yellowonblack table,
.yellowonblack table th,
.yellowonblack table td,
.yellowonblack .table,
.yellowonblack .table th,
.yellowonblack .table td {
	border: 1px solid #ff0;
}

.blackoncream,
.blackoncream .panel {
	background: #ffc;
	color: #000;
}

.blackoncream .skip-links a:focus {
	background: #ffc;
	border-color: #000;
}

.blackoncream h1,
.blackoncream h2,
.blackoncream h3,
.blackoncream h4,
.blackoncream h5,
.blackoncream h6 {
	color: #000;
}

.blackoncream input, 
.blackoncream select, 
.blackoncream select *, 
.blackoncream textarea {
	background: #FFE;
}

.blackoncream a:not(.btn), 
.blackoncream a:not(.btn) * {
	color: #025791;
}

.blackoncream a:not(.btn), 
.blackoncream a:not(.btn) *, 
.blackoncream a:not(.btn), 
.blackoncream a:not(.btn) * {
	color: #025791;
}
.blackoncream input:focus, 
.blackoncream select:focus, 
.blackoncream textarea:focus { 
	border-color: #025791;
}

.blackoncream .textfield,
.blackoncream .dropdown,
.blackoncream textarea {
	border-color: #000;
}

.blackoncream .dropdown {
	background: #FFE url("/h5/access/images/dropdown.w_access_1494401385000hc.png") no-repeat right 10px center;
    background-size:20px 20px;
}

.blackoncream .textfield.success,
.blackoncream .dropdown.success,
.blackoncream .success > .dropdown {
	border-color: #007e11;
}

.blackoncream .textfield.error,
.blackoncream .dropdown.error,
.blackoncream .error > .dropdown {
	border-color: #e20000;
}

.blackoncream .textfield.warning,
.blackoncream .dropdown.warning,
.blackoncream .warning > .dropdown {
	border-color: #616500;
}

.blackoncream textarea ~ .error,
.blackoncream input ~ .error,
.blackoncream input ~ .ext-validator-error,
.blackoncream select ~ .error,
.blackoncream select ~ .ext-validator-error {
	color: #e20000;
}

.blackoncream table,
.blackoncream table th,
.blackoncream table td,
.blackoncream .table,
.blackoncream .table th,
.blackoncream .table td {
	border: 1px solid #000;
}

/**
 * BUTTONS
 * --------------------------------------------------------------------------
 */
.blackonwhite.linksAsButton a, .blackonwhite.linksAsButton a * {
	background: #000;
	color: #fff;
}

.blackonwhite.linksAsButton a,
.blackonwhite.linksAsButton .accessible-options [role="button"] {
	background: #000 !important;
	color: #fff !important;
}

.blackonwhite .accessible-options [role="button"] {color: #000;}

.blackonwhite .btn-success {
	background: #378037;
}

.blackonwhite .btn-error {
	background: #df0000;
}

.blackonwhite .btn-warning {
	background: #c14d00;
}

.blackonwhite .btn-info {
	background: #b82595;
}

.yellowonblack.linksAsButton a, .yellowonblack.linksAsButton a * {
	background: #ff0;
	color: #000;
}

.yellowonblack.linksAsButton a,
.y.linksAsButton .accessible-options [role="button"] {
	background: #ff0 !important;
	color: #000 !important;
}

.yellowonblack .accessible-options [role="button"] {color: #ff0;}
.yellowonblack.linksAsButton .accessible-options [role="button"] {
	background: #ff0!important;
	color: #000!important;
}

.yellowonblack .btn-success {
	background: #33cc33;
}

.yellowonblack .btn-error {
	background: #f85a5a;
}

.yellowonblack .btn-warning {
	background: #f88228;
}

.yellowonblack .btn-info {
	background: #d940b6;
}

.blackoncream.linksAsButton a, .blackoncream.linksAsButton a * {
	background: #000;
	color: #fff;
}

.blackoncream.linksAsButton a,
.blackoncream.linksAsButton .accessible-options [role="button"] {
	background: #000 !important;
	color: #fff !important;
}

.blackoncream .accessible-options [role="button"] {color: #000;}

.blackoncream .btn-success {
	background: #007e11;
}

.blackoncream .btn-error {
	background: #e20000;
}

.blackoncream .btn-warning {
	background: #616500;
}

.blackoncream .btn-info {
	background: #b82595;
}

/**
 * RADIO & CHECKBOX
 * --------------------------------------------------------------------------
 */
.blackonwhite .radio input[type="radio"] + label:before,
.blackonwhite .checkbox input[type="checkbox"] + label:before {
	border: 0.125em solid #fff;
	box-shadow: 0 0 0 0.1em #000;
}

.blackonwhite .radio input[type="radio"]:checked + label:before,
.blackonwhite .checkbox input[type="checkbox"]:checked + label:before {
	background: #378037;
}

.yellowonblack .radio input[type="radio"] + label:before,
.yellowonblack .checkbox input[type="checkbox"] + label:before {
	border: 0.125em solid #000;
	box-shadow: 0 0 0 0.1em #fff;
}

.yellowonblack .radio input[type="radio"]:checked + label:before,
.yellowonblack .checkbox input[type="checkbox"]:checked + label:before {
	background: #33cc33;
}

.blackoncream .radio input[type="radio"] + label:before,
.blackoncream .checkbox input[type="checkbox"] + label:before {
	border: 0.125em solid #ffc;
	box-shadow: 0 0 0 0.1em #000;
}

.blackoncream .radio input[type="radio"]:checked + label:before,
.blackoncream .checkbox input[type="checkbox"]:checked + label:before {
	background: #007e11;
}

/**
 * EXPAND BLOCKS
 * --------------------------------------------------------------------------
 */

.blackonwhite details.expand_block > summary,
.blackonwhite a.expand_block span {
	background: #000;
	color: #fff!important;
}
.blackonwhite a.expand_block.expanded span { background: #257792; }

.yellowonblack details.expand_block > summary,
.yellowonblack a.expand_block span {
	background: #ff0;
	color: #000!important;
}
.yellowonblack a.expand_block.expanded span { background: #58aab4; }

.blackoncream details.expand_block > summary,
.blackoncream a.expand_block span {
	background: #000;
	color: #ffc!important;
}
.blackoncream a.expand_block.expanded span { background: #055772; }

/**
 * INFO MESSAGES + ERRORS
 * --------------------------------------------------------------------------
 */
.info-message-success {
	border: 1px solid;
	padding: 10px;
}
.blackonwhite .info-message-success {
	background: #cef4a9;
	border-color: #378037;
}

.blackonwhite .info-message-warning {
	border-color: #c14d00;
}

.blackonwhite .info-message-error {
	border-color: #df0000;
}

.blackonwhite .info-message-info {
	border-color: #b82595;
}

.blackonwhite .error-generic {
	color: #df0000;
	border-color: #df0000;
}

.blackonwhite .error-messages {
	color: #df0000;
}

.blackonwhite .error-messages > li {
	border-color: #df0000;
}

.yellowonblack .info-message-success {
	background: #1a6636;
	border-color: #33cc33;
}

.yellowonblack .info-message-warning {
	border-color: #f88228;
}

.yellowonblack .info-message-error {
	border-color: #f85a5a;
}

.yellowonblack .info-message-info {
	border-color: #d940b6;
}

.yellowonblack .error-generic {
	color: #f85a5a;
	border-color: #f85a5a;
}

.yellowonblack .error-messages {
	color: #f85a5a;
}

.yellowonblack .error-messages > li {
	border-color: #f85a5a;
}

.blackoncream .info-message-success {
	background: #add2a9;
	border-color: #007e11;
}

.blackoncream .info-message-warning {
	border-color: #616500;
}

.blackoncream .info-message-error {
	border-color: #e20000;
}

.blackoncream .info-message-info {
	border-color: #b82595;
}

.blackoncream .error-generic {
	color: #e20000;
	border-color: #e20000;
}

.blackoncream .error-messages {
	color: #e20000;
}

.blackoncream .error-messages > li {
	border-color: #e20000;
}

/**
 * CALENDARIZE PLUGIN
 * --------------------------------------------------------------------------
 */

.blackonwhite .calendar-modal {
	background: #fff;
}

.blackonwhite .calendar-overlay {
	background: #000;
}

.blackonwhite .calendar-day-names th {
	background: #e6f2ff;
	padding: 10px 5px !important;
	color: #000;
	border-color: #fff;
}

.blackonwhite .day-selected {
	background: #025791;
	color: #fff;
}

.blackonwhite .day-start {
	background: #1b8500;
}

.blackonwhite .day-end {
	background: #00f;
}

.blackonwhite .day-through {
	background: rgba(0,255,0,.2);
}

.yellowonblack .calendar-modal {
	background: #000;
}

.yellowonblack .calendar-overlay {
	background: #ff0;
}

.yellowonblack .calendar-day-names th {
	background: #ff0;
	color: #000;
	border-color: #000;
}
.yellowonblack .day-selected {
	background: #4aac4a;
	color: #000;
}

.blackoncream .calendar-modal {
	background: #ffc;
}

.blackoncream .calendar-overlay {
	background: #000;
}

.blackoncream .calendar-day-names th {
	background: #000;
	color: #ffc;
	border-color: #ffc;
}
.blackoncream .day-selected {
	background: #378037;
	color: #ffc;
}

/*
.blackonwhite .calendarize .calendar,
.blackonwhite .calendarize .calendar th,
.blackonwhite .calendarize .calendar td,
.blackoncream .calendarize .calendar,
.blackoncream .calendarize .calendar th,
.blackoncream .calendarize .calendar td {
	border-color: #000; 
}

.yellowonblack .calendarize .calendar,
.yellowonblack .calendarize .calendar th,
.yellowonblack .calendarize .calendar td {
	border-color: #ff0; 
}

.blackonwhite .calendarize .calendar .day-selected {
	color: #fff;
	background: #000;
	border: 2px solid #fff;
}

.yellowonblack .calendarize .calendar .day-selected {
	color: #000;
	background: #33cc33;
	border: 2px solid #000;
}

.blackoncream .calendarize .calendar .day-selected {
	color: #ffc;
	background: #000;
	border: 2px solid #ffc;
}

.blackonwhite .calendarize .calendar .day-selected,
.blackonwhite .calendarize .calendar .day-selected-start,
.blackonwhite .calendarize .calendar .day-selected-end,
.blackonwhite .calendarize .calendar .day-through {
	color: #fff;
	background: #025791;
	border: 2px solid #fff;
}

.blackonwhite .calendarize .calendar .day-selected-start {
	background: #1b8500;
}

.blackonwhite .calendarize .calendar .day-selected-end {
	background: #00f;
}

.blackonwhite .calendarize .calendar .day-through {
	background: rgba(0,255,0,.2);
	color: #000;
	border: 2px solid #025791;
}

.yellowonblack .calendarize .calendar .day-selected,
.yellowonblack .calendarize .calendar .day-selected-start,
.yellowonblack .calendarize .calendar .day-selected-end,
.yellowonblack .calendarize .calendar .day-through {
	color: #000;
	background: #4aac4a;
	border: 2px solid #000;
}

.yellowonblack .calendarize .calendar .day-selected-start {
	background: #0FF;
}

.yellowonblack .calendarize .calendar .day-selected-end {
	background: #dab6da;
}

.yellowonblack .calendarize .calendar .day-through {
	background: rgba(0,0,255,.2);
	color: #ff0;
	border: 2px solid #0FF;
}

.blackoncream .calendarize .calendar .day-selected,
.blackoncream .calendarize .calendar .day-selected-start,
.blackoncream .calendarize .calendar .day-selected-end,
.blackoncream .calendarize .calendar .day-through {
	color: #ffc;
	background: #378037;
	border: 2px solid #ffc;
}

.blackoncream .calendarize .calendar .day-selected-start {
	background: #1b8500;
}

.blackoncream .calendarize .calendar .day-selected-end {
	background: #00f;
}

.blackoncream .calendarize .calendar .day-through {
	background: rgba(0,255,0,.2);
	color: #000;
	border: 2px solid #378037;
}
*/

/**
 * HELP CLASSES
 * --------------------------------------------------------------------------
 */

.blackonwhite .background-normal {
	background: #fff;
	color: #000;
	border: 1px solid #fff;
}

.blackonwhite .background-normal *,
.blackonwhite .background-normal a:link,
.blackonwhite .background-normal a:link *,
.blackonwhite .background-normal a:visited,
.blackonwhite .background-normal a:visited * {color: #000;}

.blackonwhite .background-inverted {
	background: #000;
	color: #fff;
	border: 1px solid #000;
}

.blackonwhite .background-inverted *,
.blackonwhite .background-inverted a:link,
.blackonwhite .background-inverted a:link *,
.blackonwhite .background-inverted a:visited,
.blackonwhite .background-inverted a:visited * {color: #fff;}

.blackonwhite .selected-color {color: #378037;}