﻿/* Element Styles */
body
{
    background-color: #E4E4E4; /* primary background color */
    color: #464646; /* primary text color */
    font-family: Verdana, Geneva, sans-serif; /* font */
}
textarea, select, input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not(.numeric)
{
    border-color: #A3A3A3; /* input border color */
}
input[readonly], input[disabled]
{
    background: #e5e5e5; /* disabled color */
}
h3
{
    color: #DC5E14; /* primary color */
}
a
{
    color: #717773; /* link color */
}
a:hover, a:active
{
    color: #8C9B94; /* link hover color */
}

/* Overrides from other stylesheets */
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
    font-family: Verdana, Geneva, sans-serif; /* font */
}
.ui-widget-content, .form-layout .input
{
    border-color: #A3A3A3; /* input border color */
    background-color: #FFF; /* content background color */
}
.cluetip-default .ui-cluetip-header
{
    background-color: #DCDCDC; /* secondary header color */
}
.cluetip-default, .cluetip-default .cluetip-outer
{
    background-color: #FFF; /* content background color */
}
.data-table, .data-table th, .data-table td
{
    border-color: #DFDFDF; /* secondary header color */
}
.data-table > thead > tr > th
{
    color: #FFF; /* menu text color */
    background-color: #DC5E14; /* primary color*/
}
.data-table > thead > tr > th > a
{
    color: #FFF; /* menu text color */
}
.data-table > thead > tr > th > a:hover
{
    color: #024065; /* main border color */
}
.data-table > tbody > .even
{
	background-color: #F5F3DA; /* alt table row color */
}
.data-table > tbody > .hover
{
    background-color: #A9A9A9; /* table mouse over color */
}
.schedule-form > .repeat-container > .content
{
    border-color: #DCDCDC; /* secondary header color */
}
.required
{
    color: #F00!important; /* required color */
}
.ui-password-confirm-match
{
    color: #0F0!important; /* success color */
}
.invalid label, .error, .user-error-list, .ui-password-confirm-no-match
{
    color: #F00!important; /* error color */
}
.invalid textarea, .invalid select, .invalid input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="hidden"])
{
    border-color: #F00!important; /* error color */
}

/* General */
.ui-border-all, .ui-border-left, .ui-border-right, .ui-border-top, .ui-border-bottom
{
    border-color: #DCDCDC; /* secondary header color */
}

/* Layout */
.content-body
{
    background-color: #FFF; /* content background color */
}
.page-middle
{
    background-color: #DC5E14; /* primary color*/
}
.page-menu
{
    border-color: #024065; /* menu border color */
    color: #FFF; /* menu text color */
    background-color: #58585A; /* menu background color */
}
.page-menu a
{
    color: #FFF; /* menu text color */
}
.page-menu a:hover
{
    color: #DC5E14; /* menu mouse over color */
}
.page-content
{
    border-color: #024065; /* main border color */
    background-color: #FFF; /* content background color */
}
.page-content-header
{
    color: #FFF; /* header text color */
    background-color: #58585A; /* header color */
}
.sub-menu
{
    color: #C4C4C4; /* logout link color */
}
.logoff
{
    color: #C4C4C4; /* logout link color */
}
.logoff:hover
{
    color: #FFF; /* header text color */
}
.secondary-header
{
    background-color: #DCDCDC; /* secondary header color */
}

/* Content Container Base */
.content-container
{
    border-color: #DCDCDC; /* secondary header color */
}
.content-container > .header
{
    background-color: #DCDCDC; /* secondary header color */
}

/* Data Tables */
.edit-control .header
{
    color: #DC5E14; /* primary color*/
}

/* Pages/Sections */

/* Help */
.help-assistance hr
{
	border-bottom-color: #DC5E14; /* menu mouse over color */
}

/* Customer Profile Page */
.action
{
    color: #DC5E14!important; /* primary color*/
}
.action:hover, .action:active
{
    color: #DC5E14; /* menu mouse over color */
}

/* Payments */
.confirmation-number
{
    color: #DC5E14; /* primary color*/
}
.payment-success
{
    background-color: #FFF; /* content background color */
}
.payment-methods
{
    background-color: #EEE;
    border-color: #DC5E14; /* primary color*/
}

/* Global Template */
.template-date-time .date
{
    color: #DC5E14; /* primary color*/
}

