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


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

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

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

.buttonbar .subnav .link .text-gray { color:#747474; background-color:#747474;}

.buttonbar .subnav .background-gray {background:#747474;}
.buttonbar .subnav .background-gray-gradient { background:url(../nx-ref/Images/default/up-back.png) repeat-x center #747474;}
.buttonbar .subnav .background-gray-glassy { background:url(../nx-ref/Images/default/glassy-back.png) repeat-x center #747474;}
.buttonbar .subnav .background-gray-flat { background:#AAA; }


/****************************/
/*       HEADER BARS        */
/****************************/
.buttonbar.background-gray { background:#AAA; }
.linkbar.background-gray { background:#AAA; }
.headerbar.background-gray { background:#AAA; }


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

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

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


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

.datatable .dropdown .subnav .background-gray {background:#747474;}
.datatable .dropdown .subnav .background-gray-gradient { background:url(../nx-ref/Images/default/up-back.png) repeat-x center #747474;}
.datatable .dropdown .subnav .background-gray-glassy { background:url(../nx-ref/Images/default/glassy-back.png) repeat-x center #747474;}
.datatable .dropdown .subnav .background-gray-flat { background:#AAA; }



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

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

.actionbar .buttons .text-gray { color:#747474; }


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

.wizard-arrows .background-gray { background:#747474; }
.wizard-arrows .background-gray-gradient { background:url(../nx-ref/Images/default/up-back.png) repeat-x center #747474;}
.wizard-arrows .background-gray-glassy { background:url(../nx-ref/Images/default/glassy-back.png) repeat-x center #747474;}
.wizard-arrows .background-gray-flat { background:#AAA; }

.wizard-arrows .text-gray, .wizard-arrows .text-gray a, .wizard-arrows .text-gray a:visited, .wizard-arrows .text-gray a:hover { color:#747474; }


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

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


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

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


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

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


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

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

.text-gray { color:#747474; }
.text-gray a, .text-gray a:visited, .text-gray a:hover { color:#747474; }
.text-gray:link, .text-gray:visited, .text-gray:hover { color:#747474; }

.background-gray {background:#747474;}
.background-gray-gradient { background:url(../nx-ref/Images/default/up-back.png) repeat-x center #747474;}
.background-gray-glassy { background:url(../nx-ref/Images/default/glassy-back.png) repeat-x center #747474;}
.background-gray-styled { background:url(../nx-ref/Images/default/styled-back.png) repeat-x top right #747474;}
.background-gray-flat { background:#AAA; }

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

.border-gray { border-color:#747474; }

.hr-gray { background:#747474; color:#747474; }

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

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

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

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

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

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

.login-gray .headline strong, .login-gray .headline strong, .login-gray-gradient .headline strong { color:#747474; }
.login-gray .sectionTitle, .login-gray-glassy .sectionTitle, .login-gray-gradient .sectionTitle { color:#747474; }

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

.login-gray .submitButton, .login-gray-glassy .submitButton, .login-gray-gradient .submitButton { border-color:#747474; }

.login-gray a, .login-gray a:visited, .login-gray a:hover {color:#747474;}
.login-gray-glassy a, .login-gray-glassy a:visited, .login-gray-glassy a:hover {color:#747474;}
.login-gray-gradient a, .login-gray-gradient a:visited, .login-gray-gradient a:hover {color:#747474;}