/* RED */
/****************************/
/* Created by Contractpal, Inc */
/* http://www.contractpal.com */
/* Version 1.0 */


/****************************/
/*         TOP NAV          */
/****************************/
.topnav .link .subnav .over .text-red { color:#FFF; }

/****************************/
/*          TABS            */
/****************************/
.tabs .background-red { background:#cf0000; }
.tabs .background-red-gradient { background:url(../nx-ref/Images/red/tab-back.png) repeat-x top #af0000;}
.tabs .background-red-glassy { background:url(../nx-ref/Images/red/glassy-tab-back.png) repeat-x center #af0000;}
.tabs .background-red-styled { background:url(../nx-ref/Images/red/styled-back.png) repeat-x top right #af0000;}
.tabs .background-red-flat { background:#cf0000; }

/****************************/
/*       BUTTON BAR         */
/****************************/
.buttonbar .background-red { background:#cf0000; }
.buttonbar .background-red-gradient { background:url(../nx-ref/Images/red/tab-back.png) repeat-x top #af0000;}
.buttonbar .background-red-glassy { background:url(../nx-ref/Images/red/glassy-tab-back.png) repeat-x center #af0000;}
.buttonbar .background-red-styled { background:url(../nx-ref/Images/red/styled-back.png) repeat-x top right #af0000;}
.buttonbar .background-red-flat { background:#cf0000; }

.buttonbar .subnav .link .text-red { color:#af0000; background-color:#af0000;}

.buttonbar .subnav .background-red {background:#af0000;}
.buttonbar .subnav .background-red-gradient { background:url(../nx-ref/Images/red/up-back.png) repeat-x center #af0000;}
.buttonbar .subnav .background-red-glassy { background:url(../nx-ref/Images/red/glassy-back.png) repeat-x center #af0000;}
.buttonbar .subnav .background-red-flat { background:#cf0000; }


/****************************/
/*       HEADER BARS        */
/****************************/
.buttonbar.background-red { background:#cf0000; }
.linkbar.background-red { background:#cf0000; }
.headerbar.background-red { background:#cf0000; }


/****************************/
/*         SIDE NAV         */
/****************************/

.sidenav .subnav .link .text-red { color:#af0000;}
.sidenav .subnav .bullet-red { background-image:url(../nx-ref/Images/red/bullets.png);  }

.sidenav .background-red { background:#af0000; }
.sidenav .background-red-gradient { background:url(../nx-ref/Images/red/up-back.png) repeat-x center #af0000;}
.sidenav .background-red-glassy { background:url(../nx-ref/Images/red/glassy-back.png) repeat-x center #af0000;}
.sidenav .background-red-styled { background:url(../nx-ref/Images/red/styled-back.png) repeat-x top right #af0000;}
.sidenav .background-red-flat { background:#af0000; }


/****************************/
/*       DATA TABLE         */
/****************************/
.datatable .header .background-red { background:#af0000; }
.datatable .header .background-red-gradient { background:url(../nx-ref/Images/red/up-back.png) repeat-x center #af0000;}
.datatable .header .background-red-glassy { background:url(../nx-ref/Images/red/glassy-back.png) repeat-x center #af0000;}
.datatable .header .background-red-styled { background:url(../nx-ref/Images/red/styled-back.png) repeat-x top right #af0000;}
.datatable .header .background-red-flat { background:#cf0000; }

.datatable .dropdown .subnav .background-red {background:#af0000;}
.datatable .dropdown .subnav .background-red-gradient { background:url(../nx-ref/Images/red/up-back.png) repeat-x center #af0000;}
.datatable .dropdown .subnav .background-red-glassy { background:url(../nx-ref/Images/red/glassy-back.png) repeat-x center #af0000;}
.datatable .dropdown .subnav .background-red-flat { background:#cf0000; }



/****************************/
/*       ACTION BAR         */
/****************************/

.actionbar .background-red { background:#af0000; border-color:#af0000; }
.actionbar .background-red-gradient { background:url(../nx-ref/Images/red/up-back.png) repeat-x center #af0000; border-color:#af0000;}
.actionbar .background-red-glassy { background:url(../nx-ref/Images/red/glassy-back.png) repeat-x center #af0000; border-color:#af0000;}
.actionbar .background-red-styled { background:url(../nx-ref/Images/red/styled-back.png) repeat-x top right #af0000; border-color:#af0000;}
.actionbar .background-red-flat { background:#af0000; border-color:#af0000; }

.actionbar .buttons .text-red { color:#af0000; }


/****************************/
/*     WIZARD ARROWS        */
/****************************/

.wizard-arrows .background-red { background:#af0000; }
.wizard-arrows .background-red-gradient { background:url(../nx-ref/Images/red/up-back.png) repeat-x center #af0000;}
.wizard-arrows .background-red-glassy { background:url(../nx-ref/Images/red/glassy-back.png) repeat-x center #af0000;}
.wizard-arrows .background-red-flat { background:#cf0000; }

.wizard-arrows .text-red, .wizard-arrows .text-red a, .wizard-arrows .text-red a:visited, .wizard-arrows .text-red a:hover { color:#af0000; }


/****************************/
/*      WIZARD TABS         */
/****************************/

.wizard-tabs .background-red { background:#af0000;  }
.wizard-tabs .background-red-gradient { background:url(../nx-ref/Images/red/up-back.png) repeat-x center #af0000;}
.wizard-tabs .background-red-glassy { background:url(../nx-ref/Images/red/glassy-back.png) repeat-x center #af0000;}
.wizard-tabs .background-red-flat { background:#cf0000; }
.wizard-tabs text-red { color:#af0000; }


/****************************/
/*      CONTENT TABS        */
/****************************/

.contenttabs .background-red { background:#af0000; border-color:#af0000; }
.contenttabs .background-red-gradient { background:url(../nx-ref/Images/red/up-back.png) repeat-x center #af0000; border-color:#af0000;}
.contenttabs .background-red-glassy { background:url(../nx-ref/Images/red/glassy-back.png) repeat-x center #af0000; border-color:#af0000;}
.contenttabs .background-red-styled { background:url(../nx-ref/Images/red/styled-back.png) repeat-x top right #af0000; border-color:#af0000;}
.contenttabs .background-red-flat { background:#cf0000; }
.contenttabs .background-red .open, .contenttabs .background-red-gradient .open, .contenttabs .background-red-glassy .open, .contenttabs .background-red-styled .open {  border-color:#af0000; }


/****************************/
/*      COLLAPSE BARS       */
/****************************/

.collapsebar .open .background-red { background:#af0000; }
.collapsebar .open .background-red-gradient { background:url(../nx-ref/Images/red/up-back.png) repeat-x center #af0000;}
.collapsebar .open .background-red-glassy { background:url(../nx-ref/Images/red/glassy-back.png) repeat-x center #af0000;}
.collapsebar .open .background-red-styled { background:url(../nx-ref/Images/red/styled-back.png) repeat-x top right #af0000;}
.collapsebar .background-red-flat { background:#cf0000; }


/****************************/
/*         UTIL             */
/****************************/

.dropdownarrow-red { background-image:url(../nx-ref/Images/red/bullets.png); }

.text-red { color:#af0000; }
.text-red a, .text-red a:visited, .text-red a:hover { color:#af0000; }
.text-red:link, .text-red:visited, .text-red:hover { color:#af0000; }

.background-red {background:#af0000;}
.background-red-gradient { background:url(../nx-ref/Images/red/up-back.png) repeat-x center #af0000;}
.background-red-glassy { background:url(../nx-ref/Images/red/glassy-back.png) repeat-x center #af0000;}
.background-red-styled { background:url(../nx-ref/Images/red/styled-back.png) repeat-x top right #af0000;}
.background-red-flat { background:#cf0000; }

.bullet-red { background-image:url(../nx-ref/Images/red/bullets.png); }

.border-red { border-color:#af0000; }

.hr-red { background:#af0000; color:#af0000; }

/****************************/
/*    JQUERY OVERWRITES     */
/****************************/
/* TABS */
.ui-tabs .text-red a, .ui-tabs .text-red a:visited, .ui-tabs .text-red a:hover  { color:#af0000; }
.tabs-red .ui-widget-header { background:#af0000; }
.tabs-red-gradient .ui-widget-header { background:url(../nx-ref/Images/red/up-back.png) repeat-x center #af0000;}
.tabs-red-glassy .ui-widget-header { background:url(../nx-ref/Images/red/glassy-back.png) repeat-x center #af0000;}
.tabs-red-styled .ui-widget-header { background:url(../nx-ref/Images/red/styled-back.png) repeat-x top right #af0000;}
.tabs-red-flat .ui-widget-header { background:#af0000; }

.tabs-red .ui-widget-header, .tabs-red .ui-state-active { border-color:#af0000; }
.tabs-red-gradient .ui-widget-header, .tabs-red-gradient .ui-state-active { border-color:#af0000; }
.tabs-red-glassy .ui-widget-header, .tabs-red-glassy .ui-state-active { border-color:#af0000; }
.tabs-red-styled .ui-widget-header, .tabs-red-styled .ui-state-active { border-color:#af0000; }
.tabs-red-flat .ui-widget-header, .tabs-red-flat .ui-state-active { border-color:#af0000; }

/* ACCORDION */
.accordion-red .ui-state-active { background:#af0000; }
.accordion-red-gradient .ui-state-active { background:url(../nx-ref/Images/red/up-back.png) repeat-x center #af0000;}
.accordion-red-glassy .ui-state-active { background:url(../nx-ref/Images/red/glassy-back.png) repeat-x center #af0000;}
.accordion-red-styled .ui-state-active { background:url(../nx-ref/Images/red/styled-back.png) repeat-x top right #af0000;}
.accordion-red-flat .ui-state-active { background:#af0000; }

/* PROGRESS BAR */
.progressbar-red .ui-progressbar-value { background:#af0000;}
.progressbar-red-gradient .ui-progressbar-value { background:url(../nx-ref/Images/red/up-back.png) repeat-x center #af0000;}
.progressbar-red-glassy .ui-progressbar-value { background:url(../nx-ref/Images/red/glassy-back.png) repeat-x center #af0000;}
.progressbar-red-flat .ui-progressbar-value { background:#af0000;}

/****************************/
/*     LOGIN OVERWRITES     */
/****************************/

.login-red .titleContainer {  background:#af0000;  }
.login-red-glassy .titleContainer {  background-color:#af0000; background-image:url(../nx-ref/Images/red/glassy-back.png); background-position:center center;  }
.login-red-gradient .titleContainer {  background-color:#af0000; background-image:url(../nx-ref/Images/red/up-back.png); background-position:center center;  }

.login-red .headline strong, .login-red .headline strong, .login-red-gradient .headline strong { color:#af0000; }
.login-red .sectionTitle, .login-red-glassy .sectionTitle, .login-red-gradient .sectionTitle { color:#af0000; }

.login-red .forgotPassword a, .login-red .forgotPassword a:visited { color:#af0000; }
.login-red-glassy .forgotPassword a, .login-red-glassy .forgotPassword a:visited { color:#af0000; }
.login-red-gradient .forgotPassword a, .login-red-gradient .forgotPassword a:visited { color:#af0000; }
.login-red .forgotPassword a:hover, .login-red-glassy .forgotPassword a:hover, .login-red-gradient .forgotPassword a:hover { color:#af0000; }

.login-red .submitButton, .login-red-glassy .submitButton, .login-red-gradient .submitButton { border-color:#af0000; }

.login-red a, .login-red a:visited, .login-red a:hover {color:#af0000;}
.login-red-glassy a, .login-red-glassy a:visited, .login-red-glassy a:hover {color:#af0000;}
.login-red-gradient a, .login-red-gradient a:visited, .login-red-gradient a:hover {color:#af0000;}