body {
 background: #000;
}

div#content {
 background-color: #212121;
}

div#portal_wrapper {
 background-color: #212121;
 border: none;
}

div#portal_footer {
 border-color: #000;
 background: #000;
 color: #FFF;
}
div#portal_footer a, h1, h2, h4 {
 color: #FFF;
}

div.panel-ERROR div.body {
 border-color: #E80000 !important
}

div.panel-ERROR h3, div.panel-ERROR h3 span {
 background: #E80000 !important
}

div.panel-INFO h3, div.panel-INFO h3 span {
 background: #A89F22 !important;
 border-color: #A89F22 !important;
}

/* ------------------------------------------------------------
 Fields / buttons
*/
input.text, select, textarea {
 border-color: #999;
}

a.button, button {
 background-color: #860104;
 border-color: #E80000;
 color: #FFF;
}

div#content a.link {
 color: #E80000;
 border-color: #E80000;
}

a.button:hover, button:hover, div#content a.link:hover {
 background-color: #E80000;
 border-color: #860104;
 color: #FFF;
}

label {
 color: #FFF;
}

/* ------------------------------------------------------------
  Portal menu / Account menu
*/
div#portal_menu, div#portal_menu li.border {
 border-color: #E80000
}

div#portal_menu li a {
 color: #FFF;
}

div#portal_menu li h4 {
 font-weight: bold;
 color: #E80000
}

div#portal_menu li a:hover, div#portal_menu li a:hover h4 {
  background-color: #000;
  color: #FFF
}

div#account_menu {
 background: #000;
 border-width: 2px 0;
 border-color: #E80000;
 padding: 5px 0;
 margin-top: 4px;
}

div#account_menu li a {
 color: #FFF;
 font-weight: bold;
 text-transform: uppercase;
}

div#account_menu li a:hover {
 background: #000;
 color: #E80000;
}

/* ------------------------------------------------------------
 Header / panel / table / list
*/
div.header {
 background: #000;
 border-color: #E80000;
 color: #FFF;
}

div.panel h3 {
 background: #860104;
 border: 1px solid #E80000;
 border-width: 1px 1px 0 1px
}

div.panel h3 span {
 background: #860104;
 color: #FFF
}

div.panel div.body {
 border-color: #E80000
}

table.grid thead td {
 background: #860104;
 color: #FFF;
 border-color: #E80000
}

table.grid thead td.left {
 background: #860104;
 border-width: 1px 0 1px 1px
}

table.grid thead td.right {
 background: #860104;
 border-width: 1px 1px 1px 0
}

table.grid tbody td.left, table.grid tbody td.right, table.grid tbody tr.bottom td {
 border-color: #E80000
}

ul.list li {
 background: #252525 url(../images/bg.gif) top left repeat-x;
 border-color: #323232;
 color: #FFF
}

div.panel-form li, div.panel-vform li, table.grid tbody tr td {
 background: #212121;
 color: #FFF;
}
div.panel-form li.odd, div.panel-vform li.odd, table.grid tbody tr.odd td {
 background: #292929;
}

div.toolbar {
 background: #000;
 border-color: #323232
}

ul.list div.highlighted {
 background: #666;
 border-color: #323232
}

/* ------------------------------------------------------------
 Frameset progress (page numbers) for appointment scheduler 
*/
div#frameset li {
 background: url(../images/fa_right.gif) right center no-repeat; 
}

div#frameset li a {
 background: url(../images/fa_left.gif) -23px center no-repeat;
 color: #FFF;
 border-color: #E80000;
}

div#frameset li.active {
 background: url(../images/fa_active_right.gif) right center no-repeat;
}

div#frameset li.active a {
 background: url(../images/fa_active_left.gif) -23px center no-repeat;
 color: #FFF;
 border-color: #E80000;
}

div#frameset li.disabled {
 background: url(../images/fa_disabled_right.gif) right center no-repeat; 
}

div#frameset li.disabled a.disabled, div#frameset li.disabled a:hover.disabled {
 color: #AAA;
 background: url(../images/fa_disabled_left.gif) -23px center no-repeat;
 border-color: #FFF;
}

/* ------------------------------------------------------------
 Comparison table for services 
*/
table#comparison td.selected {
 background-color: #323232;
}

/* ------------------------------------------------------------
 Calendar 
*/
table.calendar tr.title, table.calendar tr.title button {
 color: #FFF;
}
table.calendar tr.labels td {
 background: #860104;
 color: #FFF;
 border-color: #860104
}

table.calendar tr.labels td.left, table.calendar tr.labels td.right {
 background: #860104;
 color: #FFF;
}

table.calendar tbody td {
 background: #FFF;
}

table.calendar tbody td.left, table.calendar tbody td.right,
    table.calendar tr.bottom td {
 border-color: #999
}

table.calendar tbody button {
 color: #000;
}

table.calendar tbody button.selected {
 background: #212121;
 border-color: #999;
 color: #FFF
}

table.calendar tbody button:hover {
 background: #E80000;
 border-color: #860104;
 color: #FFF
}

table.calendar tr.legend td {
 background: #212121;
 color: #FFF;
}

table.calendar tr.legend span.loaner, table.calendar tr.legend span.advisor {
 background-color: #FFF;
}

div#calendarForm li {
 color: #FFF;
}

/* ------------------------------------------------------------
 Progress bar for rewards list 
*/
div.progressBar {
 border: 1px solid #999;
 background-color: #FFF
}

div.progressBar div {
 background-color: #E80000
}