/* Main PFS stylesheet */
body {
    margin: 0;
}

body, th, textarea, input, select, h2, h3, h4, h5, h6 {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    font-family: Arial, Helvetica, sans-sefri;
    font-size: 14px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    color: #47494B;
}

td {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-size: 13px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
}

/*
ul, li {
    margin-left:        14px;
}
*/

.hidden {
    display: none;
}

form {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

hr.control {
    border: none 0;
    border-top: 1px dashed #808080; /*the border*/
    width: 100%;
    height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
}

hr.controlBlue {
    border: none 0;
    border-top: 1px solid #808080;
    width: 100%;
    height: 1px;
}

h1 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    font-size: 140%;
    color: #cc0000;
    text-align: left;
}


h1.sub {
    color: #000046;
    font-size: 130%;
}

.registrationHeader {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 110%;
    font-weight: bold;
    color: #000000;
}

.tabHeader {
    font-size: 120%;
    font-weight: bold;
    color: #000000;
}

.debugNote {
    font-size: 90%;
    font-style: italic;
    color: #AAAAAA;
}

.errorPanel {
    color: #ffffff;
    background-color: #cc3300;
    padding: 5px 5px 5px 5px;
    width: 100%;
}

.systemPanel {
    color: #ffffff;
    background-color: #98A63C;
    padding: 5px 5px 5px 5px;
    width: 100%;
}

/** CONTROL FORM DIV **/

#controlFormDiv {
    background-color: #d8d8d8;
    border: 1px solid #BBBBBB;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 14px 0px;
}

#orderActionDiv {
    width: 100%;
    background-color: #d8d8d8;
    border: 1px solid #BBBBBB;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 14px 0px;
}

/** MAIN LAYOUT DIVS **/

#pageContainerDiv {
    width: 100%;
    height: 100%;
    /* margin: auto;  */
}

#headerDiv {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    height: 77px;
    background-color: #FFFFFF;
    text-align: center;
}

#headerLogoDiv {
    float: left;
    width: 100px;
    height: 70px;
    background-color: #FFFFFF;
    padding-left: 23px;
    padding-top: 4px;
}

#headerInfoDiv {
    padding-right: 18px;
    text-align: right;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 100%;
}

div#mainNavDiv {
    clear: both;
    width: 100%;
    background-image: url('../images/mainNavBg.png');
    background-repeat: repeat-x;
    height: 23px;
    /* border: 1px solid orange; */
}

div#bodyDiv {
    clear: both;
    width: 100%;
    /* margin: auto;  */
    background-color: #E5D200;
}

div#bodyLeftNavDiv {
    float: left;
    width: 100px;
    text-align: left;
    background-color: #E5D200;
    margin-left: 5px;
    margin-top: 10px;
    /* border-right: 1px solid #808080; */
}

div#bodyMainDiv {
    float: right;
    padding: 10px 10px 10px 10px;
    /* margin-left: 10px; */
    margin-bottom: -10px;
    background-color: #ffffff;
    text-align: left;
}

div#mainListDiv {
    padding: 0px 0px 10px 0px;
    width: 100%;
}

div#calendarDiv {
    width: 100%;
}

div#calendarDiv .fh {
    color: orange;
    font-weight: bold;
}

div#calendarDiv .fm {
    color: blue;
    font-weight: bold;
}

#copyrightDiv {
    margin-top: 10px;
    border-top: 1px solid #808080;
    color: #808080;
    text-align: left;
    font-size: 90%;
    width: 100%;
}

.copyright {
    font-size: 11px;
    font-style: italic;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    width: 100%;
}

.internal_header_orange {
    padding: 5px 10px 5px 10px;
    margin: 10px 20px 0px 0px;
    font-weight: bold;
    font-size: 120%;
    color: #d34d17;
}

.int-title {
    padding: 5px;
    border: 1px solid;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-weight: bold;
}

/************************ Border classes *********************************/
.right-border, .left-border, .top-border, .bottom-border {
    border: none;
}

.right-border {
    border-right: 1px solid #808080;
}

.left-border {
    border-left: 1px solid #808080;
}

.top-border {
    border-top: 1px solid #808080;
}

.bottom-border {
    border-bottom: 1px solid #808080;
}

/* ============================== HOME PAGE ============================= */

a.summaryLink {
    font-size: 14pt;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
}

td.summaryLink {
    border-top: 1px solid #cccccc;
    padding: 2px 2px 2px 2px;
    vertical-align: top;
}

/* ============================== CALENDAR ============================== */

table.calendar {
    width: 98%;
    border: 1px solid #006699;
    border-collapse: collapse;
    color: #000000;
    background: #FFFFFF;
}

td.calendarDayOfWeek {
    text-align: center;
    /* background-color: #006699; */
    background-color: #12134A;
    color: #ffffff;
    padding: 2px 5px 2px 5px;
    width: 14%;
}

.calendarDayCell {
    padding: 0px 0px 0px 0px;
}

.calenderDayCellNumber,
.calenderDayCellNumberOut,
.calenderDayCellNumberToday {
    font-size: 100%;
    padding: 1px 2px 1px 3px;
    /* background-color: #ffffcc; */
    background-color: #F2F2A2;
    text-align: left;
    font-weight: bold;
}

.calenderDayCellBox,
.calendarDayCellBoxOut,
.calendarDayCellBoxToday {
    font-size: 100%;
    padding: 1px 2px 1px 0px;
    background-color: #ffffff;
    text-align: center;
}

.calenderDayCellNumber {
    color: #000000;
}

.calendarDayCellBox {
    color: #000000;
    text-align: center;
}

.calenderDayCellNumberOut {
    color: #808080;
}

.calendarDayCellBoxOut {
    color: #808080;
    text-align: center;
}

.calenderDayCellNumberToday {
    background-color: #ffff33;
    color: #000000;
}

.calendarDayCellBoxToday {
    color: #000000;
    text-align: center;
}

.calendarLocationText {
    color: #000000;
    font-size: 100%;
}

a.calendarLocationText {
    color: #003366;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
}

a.calendarLocationTextPFS {
    color: #990000;
    font-size: 100%;
    font-weight: bold;
    text-decoration: underline;
}

a.calendarLocationTextAlcohol {
    color: #336633;
    font-size: 100%;
    font-weight: bold;
    text-decoration: underline;
}

a.calendarLocationTextPrivate {
    color: #8000ff;
    font-size: 100%;
    font-weight: bold;
    text-decoration: underline;
}

a.calendarLocationTextFoodHandler {
    color: #EB891D;
    font-size: 100%;
    font-weight: bold;
    text-decoration: underline;
}

.calendarInfoText {
    color: #000000;
    font-size: 85%;
}

.
.calendarInstructorText {
    color: #000000;
    font-size: 95%;
}

.calendarTextComplete {
    /* color: #009966; */
    color: #0066ff;
    font-size: 90%;
    font-weight: bold;
}

.calendarTextOpen {
    color: #cc3300;
    font-weight: bold;
    font-size: 90%;
}

.calendarUnavailable {
    color: #00CC00;
    font-weight: bold;
    font-size: 90%;
}

.calendarHeader {
    padding: 0px 0px 0px 0px;
    margin: 5px 5px 5px 5px;
    font-size: 120%;
    color: #cc0000;
    font-weight: bold;
}

.calendarLink {
    padding: 0px 0px 0px 0px;
    margin: 5px 5px 5px 5px;
    font-size: 105%;
    color: #cc0000;
    font-weight: bold;
}

.location, a.location {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 6pt;
    color: #9d9e9e;
}

div#debugMessageDiv, div#xajaxDebugDiv, div#tabDebugDiv {
    padding-top: 10px;
    margin: 5px 5px 5px 5px;
    color: #808080;
    font-style: italic;
    font-size: 85%;
    width: 98%;
    text-align: left;
}

/* ========== CLASS VIEW ========== */

.classViewOpen {
    color: #cc3300;
    font-weight: bold;
}

.classViewComplete {
    color: #0066ff;
    font-weight: bold;
}

/* =========== MENU  ========== */

/* =========== TABlES  ========== */
.closeWindow {
    background-color: #006699;
    width: 100%;
    border: 0px;
    border-collapse: collapse;
    margin-top: 10px;
}

.closeWindow td {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: right;
}

#sales_by_csr_control_table {
    border: 1px solid #6699cc;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-align: left;
    padding: 10px;
    margin-left: 45px;
    font-weight: bold;
    background-color: #f8f8f8;
    width: 60%;
}

#sales_by_csr_control_table td {
    align: left;
    padding: 10px;
}

#sales_by_csr_control_table td.control_info {
    width: 40%;
    vertical-align: top;
    padding-top: 0px;
    background: #f8f8f8 url('../images/icons/info.png') no-repeat top left;
}

#sales_by_csr_control_table td.control_info p {
    padding-left: 25px;
}

#sales_by_csr {
    background: #fff;
    margin-left: 45px;
    width: 60%;
    border-collapse: collapse;
    text-align: left;
    color: #47494b;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.6em;
}

#sales_by_csr th {
    font-size: 14px;
    font-weight: normal;
    color: #039;
    padding: 10px 10px;
    border-bottom: 2px solid #6678b1;
}

#sales_by_csr td.csr_info {
    border-bottom: 1px solid #ccc;
    padding: 10px 10px;
}

#sales_by_csr td.clear {
    border-bottom: none;
    padding: 10px 10px;
    background-color: #fdf5ce;
    border: 1px solid #d19405;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


#sales_by_csr tr.odd {
    background: #e8edff;
}

#sales_by_csr td.expand {
    padding-left: 10px;
}

#sales_by_csr img.round_blue {
    background-color: #d7Ebf9;
    border: 1px solid #aed0ea;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #1c94c4;
    outline: medium none;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
}

#sales_by_csr img.round_blue:hover {
    background-color: #fdf5ce;
    border: 1px solid #d19405;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #c77405;
    padding: 5px 10px 5px 10px;
    outline: medium none;
}

#sales_by_csr img.round_gray {
    background-color: #e8e8e8;
    border: 1px solid #bbbbbb;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #1c94c4;
    outline: medium none;
    padding: 5px 10px 5px 10px;
}

#sales_by_csr img.round_gray:hover {
    background-color: #e8e8e8;
    border: 1px solid #bbbbbb;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #c77405;
    padding: 5px 10px 5px 10px;
    outline: medium none;
}

table.csr_registrations {
    font-size: 11px;
    text-align: left;
    border-collapse: collapse;
    line-height: 1em;
    width: 70%;
}

table.csr_registrations th {
    padding: 12px;
    font-weight: normal;
    font-size: 12px;
    color: #339;
}

table.csr_registrations td {
    padding: 9px 12px;
    border: 1px solid #fdf5ce;
    font-size: 11px;
}

table.csr_registrations td a {
    color: #003399;
    font-weight: normal;
    text-decoration: none;
}

table.csr_registrations td a:hover {
    color: #003399;
    font-weight: normal;
    text-decoration: underline;
}

table.csr_registrations tfoot td {
    font-size: 11px;
    border: 1px solid #fdf5ce;
}

table.csr_registrations tbody td {
    border: 1px solid #fdf5ce;
}

table.csr_registrations tbody tr:hover td {
    background: #ffffff;
    border-bottom: 1px solid #d19405;
}

#registration_eligibility_list {
    background: #fff;
    margin-left: 45px;
    width: 60%;
    border-collapse: collapse;
    text-align: left;
    color: #47494b;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.6em;
}

#registration_eligibility_list th {
    font-size: 14px;
    font-weight: normal;
    color: #039;
    padding: 10px 10px;
    border-bottom: 2px solid #6678b1;
}

#registration_eligibility_list td {
    border-bottom: 1px solid #ccc;
    padding: 10px 10px;
}

#registration_control_table td {
    vertical-align: top;
}

#registration_eligibility_list tr.registration_info:hover {
    background-color: #fdEcb2;
    border-bottom: 1px solid #d19405;
}

#registration_eligibility_list tr.registration_info_selected {
    background-color: #fdEcb2;
    border-bottom: 1px solid #d19405;
}

#registration_eligibility_list a {
    color: #003399;
}

#registration_product_requests_list {
    background: #fff;
    margin-left: 45px;
    width: 60%;
    border-collapse: collapse;
    text-align: left;
    color: #47494b;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.6em;
}

#registration_product_requests_list th {
    font-size: 14px;
    font-weight: normal;
    color: #039;
    padding: 10px 10px;
    border-bottom: 2px solid #6678b1;
}

#registration_product_requests_list td {
    border-bottom: 1px solid #ccc;
    padding: 10px 10px;
}

#registration_product_requests_list td.status7010 {
    color: #008000;
    text-align: center;
}

#registration_product_requests_list td.status7060 {
    color: #ff0000;
    text-align: center;
}

#registration_product_requests_list tr.request_info:hover {
    background-color: #fdEcb2;
    border-bottom: 1px solid #d19405;
}

#registration_product_requests_list tr.request_info_selected {
    background-color: #fdEcb2;
    border-bottom: 1px solid #d19405;
}

#laser_grade_test_centers_list {
    background: #fff;
    margin-left: 45px;
    width: 60%;
    border-collapse: collapse;
    text-align: left;
    color: #47494b;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.6em;
}

#laser_grade_test_centers_list th {
    font-size: 14px;
    font-weight: normal;
    color: #039;
    padding: 10px 10px;
    border-bottom: 2px solid #6678b1;
}

#laser_grade_test_centers_list td {
    border-bottom: 1px solid #ccc;
    padding: 10px 10px;
}

#laser_grade_test_centers_list tr.center_info td.address {
    width: 40%;
}

#laser_grade_test_centers_list tr.center_info:hover {
    background-color: #fdEcb2;
    border-bottom: 1px solid #d19405;
}

#laser_grade_test_centers_list .image_control {
    border: 0px;
    padding-right: 10px;
    padding-left: 10px;
}

#laser_grade_test_centers_list .image_control:hover {
    cursor: pointer;
}

#laser_grade_test_centers_list a {
    color: #003399;
}


.validateTips {
    border: 1px solid #d19405;
    padding: 10px;
    background-color: #fdEcb2;
    margin: 10px 10px 20px 10px;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-size: 13px;
}

#dialog_form td {
    line-height: 1.8em;
}

#food_handler_requests_list {
    background: #fff;
    margin-left: 45px;
    width: 60%;
    border-collapse: collapse;
    text-align: left;
    color: #47494b;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.6em;
}

#food_handler_requests_list th {
    font-size: 14px;
    font-weight: normal;
    color: #039;
    padding: 10px 10px;
    border-bottom: 2px solid #6678b1;
}

#food_handler_requests_list td {
    border-bottom: 1px solid #ccc;
    padding: 10px 10px;
    vertical-align: top;
}

#food_handler_requests_list tbody tr:hover {
    background-color: #fdEcb2;
    border-bottom: 1px solid #d19405;
}

#food_handler_requests_list tbody tr.selected {
    background-color: #fdEcb2;
    border-bottom: 1px solid #d19405;
}

#food_handler_requests_list .image_control {
    border: 0px;
    padding-right: 10px;
    padding-left: 10px;
}

#food_handler_requests_list .image_control:hover {
    cursor: pointer;
}

#food_handler_request_table {
    background: #fff;
    text-align: left;
    color: #47494b;
    line-height: 1.6em;
}

#food_handler_request_table td {
    padding: 10px 0px 10px 10px;
    vertical-align: top;
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.9em
}

.status_select {
    text-align: left;
}

#survey_results_list {
    width: 92%;
    background: #fff;
    margin-left: 45px;
    border-collapse: collapse;
    text-align: left;
    color: #47494b;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.6em;
}

#survey_results_list th {
    font-size: 14px;
    font-weight: normal;
    color: #039;
    padding: 10px 10px;
    border-bottom: 2px solid #6678b1;
}

#survey_results_list tr.data:hover {
    background-color: #fdEcb2;
    border-bottom: 1px solid #d19405;
}

#survey_results_list td {
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    padding: 10px 10px;
}

#survey_results_list td.extended_width {
    width: 200px;
}

#survey_results_list td.extended_padding {
    padding-left: 20px;
    width: 100px;
}

#survey_results_list a {
    font-weight: normal;
    color: #039;
    cursor: pointer;
    text-decoration: none;
}

#results_control_table {
    border: 1px solid #d19405;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-align: left;
    padding: 10px;
    margin: 10px 20px 0px 0px;
    font-weight: bold;
    color: #d34d17;
    background-color: #f8f8f8;
}

#group_code_top_table {
    border: 1px solid #d19405;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-align: left;
    padding: 10px;
    margin: 10px 20px 0px 0px;
    font-weight: bold;
    color: #d34d17;
    background-color: #f8f8f8;
    width: 85%;
}

#results_control_table td {
    align: left;
    text-align: left;
}

#results_control_table td.extended_width {
    width: 150px;
}

#results_control_table td.extended_width_250 {
    width: 250px;
}

.rounded_rectangle {
/ / width: 98 %;
    border: 1px solid #d19405;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    padding-top: 10px;
    margin: 10px 20px 0px 0px;
    font-weight: bold;
    color: #d34d17;
}

#questionStatisticsTable {
    border: 1px solid;
    border-radius: 6px;
    display: inline-block;
}

#questionStatisticsTable th {
    border-bottom: 1px solid;
    font-weight: bold;
}

#questionStatisticsTable .totals {
    border-top: 1px solid;
    font-weight: bold;
    font-size: 16px;
}

.pie-legend li span {
    width: 1em;
    height: 1em;
    display: inline-block;
    margin-right: 5px;
}

.pie-legend li {
    display: table
}

.pie-legend {
    list-style: none;
}

.left_text {
    width: 100%;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    padding-top: 10px;
    margin: 10px 20px 0px 0px;
    font-weight: bold;
    color: #d34d17;
}

.rounded_rectangle_info_blue {
    border: 1px solid #6699cc;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-align: left;
    padding: 10px 10px 20px 50px;
    font-weight: normal;
    background: #f8f8f8 url('../images/icons/info.png') no-repeat top left;
    width: 60%;
}

.rounded_rectangle_info_orange {
    border: 1px solid #d19405;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-align: left;
    padding: 10px 10px 20px 50px;
    font-weight: normal;
    background: #f8f8f8 url('../images/icons/info.png') no-repeat top left;
    width: 60%;
}

img.round_customer {
    background-color: #d7Ebf9;
    border: 1px solid #aed0ea;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #1c94c4;
    outline: medium none;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
}

img.round_customer:hover {
    background-color: #fdf5ce;
    border: 1px solid #d19405;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #c77405;
    padding: 5px 10px 5px 10px;
    outline: medium none;
}

/* ==========  MESSAGE DIVS ========== */
div#systemMessageDiv {
    background: #fef1ec;
    border: 1px solid #cd0a0a;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 10px 20px 10px 20px;
    margin: 10px 20px 0px 10px;
    color: #cd0a0a;
    width: 80%;
    valign: top;
}

div#systemMessageDiv img {
    border: 0px;
    padding-right: 10px;
}

/* ==========  PAGINATOR LAYOUT ========== */
#pagination_bottom {
    display: block;
    text-align: left;
    height: 22px;
    line-height: 21px;
    clear: both;
    padding-top: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #0072BC;
}

#pagination_bottom .enabled_pagination_link {
    padding: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #EBEBEB;
    margin-left: 10px;
    text-decoration: none;
    background-color: #F5F5F5;
    color: #0072bc;
    width: 22px;
    font-weight: normal;
    font-size: 11px;
}

#pagination_bottom a.enabled_pagination_link:hover {
    background-color: #DDEEFF;
    border: 1px solid #BBDDFF;
    color: #0072BC;
}

#pagination_bottom .selected_pagination_link {
    padding: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #BBDDFF;
    margin-left: 10px;
    text-decoration: none;
    background-color: #DDEEFF;
    color: #0072BC;
    cursor: default;
    font-size: 11px;
    font-weight: normal;
}

#pagination_bottom .disabled_pagination_link {
    padding: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #EBEBEB;
    margin-left: 10px;
    text-decoration: none;
    background-color: #F5F5F5;
    color: #D7D7D7;
    cursor: default;
    font-size: 11px;
    font-weight: normal;
}

#pagination_bottom .info {
    color: #0072BC;
}

/*maricopa styles */
/*type*/
h1.mainheadermaricopa {
    color: #668A39;
    font-size: 28px;
    font-weight: normal;
    padding: 0;
}

span.black {
    color: #333333;
}

p.maricopa1stparasummary {
    text-align: center;
}

p.maricopa1stparaintro {
    color: #333333;
    padding-top: 4px;
}

p.maricopa1stparaintroyellow {
    background: none repeat scroll 0 0 #FFFFC6;
    border: 1px solid #E5E5E5;
    padding: 5px;
    width: 422px;
}

span.maricopa1stparasummary {
    font-size: 16px;
    font-weight: bold;
}


/*layout*/
div.default_texthold {
    padding: 0;
    font-size: 16px;
}

div.maricopastepsholder {
    margin: 10px 0;
    font-size: 14px;
    display: block;
}

div.maricopafood_steps {
    min-height: 325px;
    width: 277px;
    padding: 10px 15px 10px 0;
    border-right: 1px solid #d6d6d6;
    float: left;
}

div.maricopafood_stepsmid {
    min-height: 325px;
    width: 277px;
    padding: 10px 15px 10px 15px;
    border-right: 1px solid #d6d6d6;
    float: left;
}

div.maricopafood_stepslast {
    min-height: 325px;
    width: 277px;
    padding: 10px 15px 10px 15px;
    border-right: 0px solid #d6d6d6;
    float: left;
}

div.maricopaorderquantity {
    margin: 20px 0 10px 303px;
    width: 300px;
}

div.greybackgroundsocialmedia {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #D6D6D6;
    margin: 10px 0 0;
    padding: 0 10px 10px;
    width: 200px;
}

p.socialmediasubhead {
    font-weight: bold;
    margin: 0 0 0;
    padding: 5px 0 10px;
}

.starbatesTopBanner {
    width: 600px
}


/*Riverside disclamer*/
.RIDisclamer {
    color: #003366;
    font-size: 21px;
    font-weight: bold;
}

/*Expand js styles*/
a.expand {
    display: block;
    width: 20px;
    height: 20px;
    background: url('../images/icons/details_open.png') no-repeat;
    text-indent: -9999px;
}

a.expanded {
    display: block;
    width: 20px;
    height: 20px;
    background: url('../images/icons/details_close.png') no-repeat;
    text-indent: -9999px;
}

td.shown,
td.shown td {
    background: rgb(158, 158, 158);
}

td.hidden {
    padding: 0;
}

td.shown {
    padding: 0;
}

.flash_message {
    position: fixed;
    right: 5px;
    top: 70px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    min-width: 250px; /* Set a default minimum width */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    z-index: 1; /* Add a z-index if needed */

}

.flash_message.success {
    background-color: #04AA6D;
}

.flash_message.danger {
    background-color: #f44336;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}


.wrapper {
    width: 100%;
    height: 100%;
}

.wrapper {
    position: fixed;
    background: transparent;
    background-color: rgba(212, 212, 212, 0.4);
}

.progressbar {
    display: block;
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 400px;
    height: 30px;
}

.progressbar::before,
.progressbar::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background-image: linear-gradient(90deg, #6E6E6E 50%, #c2c2c2 100%);
    background-position: 0 0;
    background-repeat: repeat-x;
    -webkit-animation: movebar 5s linear infinite;
    animation: movebar 5s linear infinite;
}

.progressbar::before {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
}

.progressbar::after {
    z-index: 9;
    top: 6px;
    filter: blur(16px);
    opacity: 0.7;
}

.stylization {
    position: absolute;
    z-index: 999;
    height: 0px;
    width: 90%;
    left: 5%;
    top: 6px;
    opacity: 0.5;
    color: #FFFFFF;
    font-weight: bold;
}

.stylization::before,
.stylization::after {
/ / content: 'Processing, Please Wait';
    display: block;
    position: absolute;
    height: 4px;
    top: 0;
    border-radius: 2px;

}

.stylization::before {
/ / background: #fff;
    left: 0;
    right: 10px;
}

.stylization::after {
    width: 6px;
/ / background: #fff;
    right: 0;
}

@-webkit-keyframes movebar {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 400px 0;
    }
}

@keyframes movebar {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 400px 0;
    }
}

.switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 20px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 0px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #27466E;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

td .times-used-total {
    padding-right: 5px;
}

.admin-table {
  font-size: 16px;
  box-sizing: border-box;
}

.admin-table .admin-table__link {
  color: blue;
  text-decoration: underline;
}

.admin-table .admin-table__input {
  background-color: white;
  color: #666;
  border: 1px solid #666;
  height: 16px !important;
  width: 74px !important;
  padding: 0;
  box-sizing: border-box;
}

.admin-table hr {
  display: block;
  unicode-bidi: isolate;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: auto;
  margin-inline-end: auto;
  overflow: hidden;
  border-style: inset;
  border-width: 1px;
}

#leftNavForm table,
#leftNavElearningForm table {
  display: table;
  border-collapse: separate;
  box-sizing: border-box;
  text-indent: initial;
  border-spacing:5px;
  border-color: gray;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  -webkit-border-horizontal-spacing: 5px;
  -webkit-border-vertical-spacing: 5px;
  width: 100%;
}

#navFormSubmitBtn,
#confirmationIDBtn,
#classIDBtn,
#navElearningFormSubmitBtn,
#confirmationIDElearningBtn {
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  line-height: normal;
  background-color: #971F25;
  border: 1px solid #971F25;
  cursor: pointer;
  font-weight: bold;
  font-family: Tahoma,Geneva,Kalimati,sans-serif;
  font-size: 0.9em;
  color: #ffffff;
  padding: 0 5px;
}