/* login form */
#login-form {
    margin: 8px 0 0 8px;
    border: 1px solid #B5B8C8;
    padding: 10px 10px;
    background: #FFFFFF;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    
    width: 160px !important;
    width: 180px;
    
    border-radius: 5px;
    box-shadow: 1px 1px 4px #888;
}

#login-form .form-input {
    width: 100%;
    margin-bottom: 10px;
    
    background: url("/gwt/gxt/images/default/form/text-bg.gif") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #B5B8C8;
    padding: 2px;
}

#login-form .login-links {
    margin: 5px 0 10px;
}

#login-form .login-link {
    display: block;
    margin-top: 5px;
}

#login-form .login-link a {
    font-weight: normal;
}

#login-form .product-name {
    width: 110px;
    border-top: 1px solid #999999;
    padding: 4px 0px;
    text-transform: uppercase;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5px;
    font-size: 14px;
    font-weight: bold;
}

#login-form-head {
    padding-left: 25px;
}
/* ----------------------------Begin Style Properties--------------------------- */

.nav-right .nav-links {
    text-align: right;
}

.nav-center .nav-links {
    text-align: center;
}

.nav-center table.tab-strip td {
    padding: 0 1px;
    white-space:  nowrap;
}

.nav-right ul.tab-strip li {
    float: right;
    white-space: nowrap;
    margin-left: 2px;
}

/* --------------------------  Admin Nav Menu Style Properties -------------------------- */

/* Background Color and Background Image */
td.admin-img { 
    background-color: #6699CC; 
    background-image: url(); 
    background-repeat: no-repeat;
}

td.admin-default { 
    background-color: #6699CC; 
}
.admin-sidebar-stripe {  
    background-image: url(/img/template/sidebar_stripe_Black.gif); 
    background-repeat: no-repeat; 
}

/* Unselected Links Properties */
.admin-sidebar-item, .admin-sidebar-item:link, .admin-sidebar-item:visited { 
    font-family: Tahoma; 
    font-size: 8pt;
    font-weight: Bold; 
    font-style: Normal;
    color: #003366;
    text-transform: capitalize;
    text-decoration: none;
}
a.admin-sidebar-item:hover, a.admin-sidebar-item:visited:hover { 
    color: #FFCC00; 
}

/* Selected Links Properties */
.admin-sidebar-current, .admin-nav .current { 
    font-family: Tahoma; 
    color: #FFCC00;
    font-weight: bold;  
    font-size: 8pt;
    font-style: Normal;
    text-transform: capitalize;
    text-decoration: none;
}

/* Table Border Color For Top Nav */
.admin-bordercolor { 
    border: 1px solid #6699CC; 
}

/* Tab Options */ 
.admin-nav-tab, .admin-nav-tab-on {
    font-size: 8pt;
    font-weight: Bold; 
    font-style: Normal;
    font-family: Tahoma; 
    background:transparent url(/img/gxt/rounded_gradient-tab-inner.png) repeat-x scroll 0 -1px;
}

.admin-nav-tab {
    background-color: #6699CC; 
    color: #003366; 
}

.admin-nav-tab-on {
    background-color: #336699; 
    color: #003366; 
}

.admin-nav-tab a {
    color: #003366; 
    text-decoration:none;
}

.admin-nav-tab-on a {
    color: #003366; 
    text-decoration:none;
}

.admin-nav-tab a:hover { 
    color: #FFCC00;
}

.admin-nav-tab-on a:hover { 
    color: #FFCC00 
}

/* Admin Tabs */
.admin-tabs .tab-left {
    background-color: #6699CC;
}

.admin-tabs .tab-inner {
    background-color: #6699CC;
}

.admin-tabs .tab-text {
    color:#003366; 
    font-weight:Bold;
    font-style:Normal;
    font-family:Tahoma;
}

/* Admin Tab hover */
.admin-tabs a.tab-left:hover,
.admin-tabs a.tab-left:hover .tab-inner {
    background-color: #336699;
}
.admin-tabs a.tab-left:hover .tab-text {
    color: #FFCC00;
}

/* Admin Tab active */
.admin-tabs .tab-active a.tab-left,
.admin-tabs .tab-active a.tab-left .tab-inner {
    background-color: #336699;
    cursor: default;
}
.admin-tabs .tab-active a.tab-left .tab-text {
    color: #003366;
}

/* Admin Tab active hover */
.admin-tabs .tab-active a.tab-left:hover .tab-text {
    color: #FFCC00;
}

/* Links Delimiter Image Properties*/
.admin-icon-delim { 
    background-image: url(); 
    background-repeat: no-repeat; 
    width: 10px; 
    height: 10px; 
    background-position: center;
    vertical-align: middle;
    background-size:100% 100%;
    display:inline-block; 
} 

/* Links Delimiter Character Properties */
.admin-char-delim {
    font-family: Tahoma; 
    font-size: 8pt;
    font-weight: Bold; 
    font-style: Normal;
    color: #003366;  
}

/* -------------------------------Commerce Style Properties----------------------------------- */

/* Background Color and Background Image */
td.commerce-img { 
    background-color: #6699CC; 
    background-image: url(); 
    background-repeat: no-repeat;
}

td.commerce-default { 
    background-color: #6699CC; 
}

.commerce-sidebar-stripe {  
    background-image: url(/img/template/sidebar_stripe_Black.gif); 
    background-repeat: no-repeat; 
}

/* Unselected Links Properties */
.commerce-sidebar-item, .commerce-sidebar-item:link, .commerce-sidebar-item:visited { 
    font-family: Tahoma; 
    font-size: 8pt;
    font-weight: Bold; 
    font-style: Normal;
    color: #003366;
    text-transform: capitalize;
    text-decoration: none;
}

a.commerce-sidebar-item:hover, a.commerce-sidebar-item:visited:hover { 
    color: #FFCC00; 
}

/* Selected Links Properties */
.commerce-sidebar-current { 
    font-family: Tahoma; 
    color: #FFCC00;
    font-weight: bold;  
    font-size: 8pt;
    font-style: Normal;
    text-transform: capitalize;
    text-decoration: none;
}

/* Table Border Color For Top Nav */
.commerce-bordercolor { 
    border: 1px solid #6699CC; 
}

/* Tab Options */ 
.commerce-nav-tab, .commerce-nav-tab-on {
    font-size: 8pt;
    font-weight: Bold; 
    font-style: Normal;
    font-family: Tahoma; 
    background:transparent url(/img/gxt/rounded_gradient-tab-inner.png) repeat-x scroll 0 -1px; 
}

.commerce-nav-tab {
    background-color: #6699CC; 
    color: #003366; 
}

.commerce-nav-tab-on {
    background-color: #336699; 
    color: #003366; 
}

.commerce-nav-tab a {
    color: #003366; 
    text-decoration:none;
}

.commerce-nav-tab-on a {
    color: #003366;
    text-decoration:none; 
}

.commerce-nav-tab a:hover { 
    color: #FFCC00;
}

.commerce-nav-tab-on a:hover { 
    color: #FFCC00 
}

/* Commerce Tabs */

.commerce-tabs .tab-left {
    background-color: #6699CC;
}

.commerce-tabs .tab-inner {
    background-color: #6699CC;
}

.commerce-tabs .tab-text {
    color:#003366; 
    font-weight:Bold;
    font-style:Normal;
    font-family:Tahoma;
}

/* Commerce Tab hover */
.commerce-tabs a.tab-left:hover,
.commerce-tabs a.tab-left:hover .tab-inner {
    background-color: #336699;
}
.commerce-tab-strip a.tab-left:hover .tab-text {
    color: #FFCC00;
}

/* Commerce Tab active */
.commerce-tabs .tab-active a.tab-left,
.commerce-tabs .tab-active a.tab-left .tab-inner {
    background-color: #336699;
    cursor: default;
}
.commerce-tabs .tab-active a.tab-left .tab-text {
    color: #003366;
}

/* Commerce Tab active hover */
.commerce-tabs .tab-active a.tab-left:hover .tab-text {
    color: #FFCC00;
}

/* Links Delimiter Image Properties*/
.commerce-icon-delim { 
    background-image: url(); 
    background-repeat: no-repeat; 
    width: 10px; 
    height: 10px; 
    background-position: center;
    vertical-align: middle;
    background-size:100% 100%;
    display:inline-block; 
} 

/* Links Delimiter Character Properties */
.commerce-char-delim {
    font-family: Tahoma; 
    font-size: 8pt;
    font-weight: Bold; 
    font-style: Normal;
    color: #003366;   
}


/* -------------------------------Header Style Properties----------------------------------- */
/* unselected links */
.header-item, .header-item:link, .header-item:visited { 
    font-family: Tahoma; 
    font-size: 8pt;
    font-weight: Bold; 
    font-style: Normal;
    color: #003366;
    text-transform: capitalize;
    text-decoration: none;
}
a.header-item:hover, a.header-item:visited:hover { 
    color: #FFCC00; 
}

/* Selected Links Properties */
.header-current { 
    font-family: Tahoma; 
    color: #FFCC00;
    font-weight: bold;  
    font-size: 8pt;
    font-style: Normal;
    text-transform: capitalize;
    text-decoration: none;
}
/* Table Border Color For Subfooter */
.header-bordercolor { 
    border: 1px solid #FFFFFF; 
}

/* Tab Options */ 
.header-tab, .header-tab-on {
    font-size: 8pt;
    font-weight: Bold; 
    font-style: Normal;
    font-family: Tahoma; 
    background:transparent url(/img/gxt/rounded_gradient-tab-inner.png) repeat-x scroll 0 -1px; 
}

.header-tab {
    background-color: #6699CC; 
    color: #003366; 
}

.header-tab-on {
    background-color: #336699; 
    color: #003366; 
}

.header-tab a {
    color: #003366; 
    text-decoration:none;
}

.header-tab-on a {
    color: #003366;
    text-decoration:none; 
}

.header-tab a:hover { 
    color: #FFCC00;
}

.header-tab-on a:hover { 
    color: #FFCC00 
}

/* Header Tabs */

.header-tabs .tab-left {
    background-color: #6699CC;
}

.header-tabs .tab-inner {
    background-color: #6699CC;
}

.header-tabs .tab-text {
    color:#003366; 
    font-weight:Bold;
    font-style:Normal;
    font-family:Tahoma;
}

/* Header Tab hover */
.header-tabs a.tab-left:hover,
.header-tabs a.tab-left:hover .tab-inner {
    background-color: #336699;
}
.header-tabs a.tab-left:hover .tab-text {
    color: #FFCC00;
}

/* Header Tab active */
.header-tabs .tab-active a.tab-left,
.header-tabs .tab-active a.tab-left .tab-inner {
    background-color: #336699;
    cursor: default;
}
.header-tabs .tab-active a.tab-left .tab-text {
    color: #003366;
}

/* Header Tab active hover */
.header-tabs .tab-active a.tab-left:hover .tab-text {
    color: #FFCC00;
}

/* Links Delimiter Image Properties*/
.header-icon-delim { 
    background-image: url(); 
    background-repeat: no-repeat; 
    width: 10px; 
    height: 10px; 
    background-position: center;
    vertical-align: middle;
    background-size:100% 100%;
    display:inline-block;
} 

/* Links Delimiter Character Properties */
.header-char-delim {
    font-family: Tahoma; 
    font-size: 8pt;
    font-weight: Bold; 
    font-style: Normal;
    color: #003366; 
}


/* ------------------------------Footer Style Properties----------------------------------- */
/* Unselected Links Properties */
.footer-item, .footer-item:link, .footer-item:visited { 
    font-family: Tahoma; 
    font-size: 8pt;
    font-weight: Bold; 
    font-style: Normal;
    color: #003366;
    text-transform: capitalize;
    text-decoration: none;
}
a.footer-item:hover, a.footer-item:visited:hover { 
    color: #FFCC00; 
}

/* Selected Links Properties */
.footer-current { 
    font-family: Tahoma; 
    color: #FFCC00;
    font-weight: bold;  
    font-size: 8pt;
    font-style: Normal;
    text-transform: capitalize;
    text-decoration: none;
}

/* Table Border Color For Subfooter */
.footer-bordercolor { 
    border: 1px solid #6699CC; 
}

/* Tab Options */ 
.footer-tab, .footer-tab-on {
    font-size: 8pt;
    font-weight: Bold; 
    font-style: Normal;
    font-family: Tahoma; 
    background:transparent url(/img/gxt/rounded_gradient-tab-inner.png) repeat-x scroll 0 -1px;
}

.footer-tab {
    background-color: #6699CC; 
    color: #003366; 
}

.footer-tab-on {
    background-color: #336699; 
    color: #003366; 
}

.footer-tab a {
    color: #003366; 
    text-decoration:none;
}

.footer-tab-on a {
    color: #003366;
    text-decoration:none; 
}

.footer-tab a:hover { 
    color: #FFCC00;
}

.footer-tab-on a:hover { 
    color: #FFCC00 
}

/* Footer Tabs */

.footer-tabs .tab-left {
    background-color: #6699CC;
}

.footer-tabs .tab-inner {
    background-color: #6699CC;
}

.footer-tabs .tab-text {
    color:#003366; 
    font-weight:Bold;
    font-style:Normal;
    font-family:Tahoma;
}

/* Footer Tab hover */
.footer-tabs a.tab-left:hover,
.footer-tabs a.tab-left:hover .tab-inner {
    background-color: #${footerTabBackgroundHover};
}
.footer-tabs a.tab-left:hover .tab-text {
    color: #FFCC00;
}

/* Footer Tab active */
.footer-tabs .tab-active a.tab-left,
.footer-tabs .tab-active a.tab-left .tab-inner {
    background-color: #336699;
    cursor: default;
}
.footer-tabs .tab-active a.tab-left .tab-text {
    color: #003366;
}

/* Footer Tab active hover */
.footer-tabs .tab-active a.tab-left:hover .tab-text {
    color: #FFCC00;
}

/* Links Delimiter Image Properties*/
.footer-icon-delim { 
    background-image: url(); 
    background-repeat: no-repeat; 
    width: 10px; 
    height: 10px; 
    background-position: center;
    vertical-align: middle; 
    background-size:100% 100%;
    display:inline-block; 
} 

/* Links Delimiter Character Properties */
.footer-char-delim {
    font-family: Tahoma; 
    font-size: 8pt;
    font-weight: Bold; 
    font-style: Normal;
    color: #003366; 
}

#footer {
    clear: left;
}

/* Config side nav */

.side-nav-content {
    width: 100%;
    border-spacing: 2px;
    border-collapse: collapse;
}

.side-nav-content .page-content,
.side-nav {
    vertical-align: top;
}

.side-nav-content .page-content {
    padding-left: 10px;
    border-collapse: collapse;
}

.side-nav {
    width: 150px;
    background-color: #6699CC; 
    background-image: url(); 
    background-repeat: no-repeat;
    padding-top: 1px;
}

.side-nav td {
    padding: 1px 1px 2px 2px;
}

.side-nav .plain-button td {
    padding: 0;
}
.blank-table {
    display: none;
}
.extra-panes {
    float: left;
    width: 160px;
}
.main-pane {
    margin-left: 160px;
}
.logged-out .extra-panes {
    width: 200px;
}
.logged-out .main-pane {
    margin-left: 200px;
}
/* ------------------------------End of Properties----------------------------------- */

/* -- New Stuff -- */


#main-nav {
    border: 1px solid #FFFFFF;
}

#main-nav, #main-nav a {
    font-family: Tahoma; 
    font-size: 8pt;
    font-weight: Bold; 
    font-style: Normal;
    color: #003366;
    text-transform: capitalize;
    text-decoration: none;
}

#main-nav a:hover {
    color: #FFCC00;
}

#main-nav .icon-delimeter {
    background: url() no-repeat center; 
    width: 10; 
    height: 10; 
    vertical-align: middle;
}

#footer-nav {
    border: 1px solid #6699CC;
}

#footer-nav, #footer-nav a {
    font-family: Tahoma; 
    font-size: 8pt;
    font-weight: Bold; 
    font-style: Normal;
    color: #003366;
    text-transform: capitalize;
    text-decoration: none;
}

#footer-nav a:hover, #footer-nav .current  {
    color: #FFCC00;
}

#footer-nav .icon-delimeter {
    background: url() no-repeat center; 
    width: 10; 
    height: 10; 
    vertical-align: middle;
}

.admin-nav {
    border: 1px solid #6699CC;
}

.admin-nav, .admin-nav a {
    font-family: Tahoma; 
    font-size: 8pt;
    font-weight: Bold; 
    font-style: Normal;
    color: #003366;
    text-transform: capitalize;
    text-decoration: none;
}

.admin-nav a:hover, .admin-nav .current  {
    color: #FFCC00;
}

.admin-nav .icon-delimeter {
    background: url() no-repeat center; 
    width: 10; 
    height: 10; 
    vertical-align: middle;
}

.user-nav {
    border: 1px solid #6699CC;
}

.user-nav, .user-nav a {
    font-family: Tahoma; 
    font-size: 8pt;
    font-weight: Bold; 
    font-style: Normal;
    color: #003366;
    text-transform: capitalize;
    text-decoration: none;
}

.user-nav a:hover, .user-nav .current  {
    color: #FFCC00;
}

.user-nav .icon-delimeter {
    background: url() no-repeat center; 
    width: 10; 
    height: 10; 
    vertical-align: middle;
}

/* Tabs */
.center ul.tab-strip li {
    float: none;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

/* Header Tabs */
#main-nav .tab-left {
    background-color: #6699CC;
}

#main-nav .tab-inner {
    background-color: #6699CC;
}

#main-nav .tab-text {
    color:#003366; 
    font-weight:Bold;
    font-style:Normal;
    font-family:Tahoma;
}

#main-nav a.tab-left:hover,
#main-nav a.tab-left:hover .tab-inner {
    background-color: #336699;
}
#main-nav a.tab-left:hover .tab-text {
    color: #FFCC00;
}

#main-nav .tab-active a.tab-left,
#main-nav .tab-active a.tab-left .tab-inner {
    background-color: #336699;
    cursor: default;
}
#main-nav .tab-active a.tab-left .tab-text {
    color: #003366;
}

#main-nav .tab-active a.tab-left:hover .tab-text {
    color: #FFCC00;
}

/* Footer Tabs */
#footer-nav .tab-left {
    background-color: #6699CC;
}

#footer-nav .tab-inner {
    background-color: #6699CC;
}

#footer-nav .tab-text {
    color:#003366; 
    font-weight:Bold;
    font-style:Normal;
    font-family:Tahoma;
}

#footer-nav a.tab-left:hover,
#footer-nav a.tab-left:hover .tab-inner {
    background-color: #${footerTabBackgroundHover};
}
#footer-nav a.tab-left:hover .tab-text {
    color: #FFCC00;
}

#footer-nav .tab-active a.tab-left,
#footer-nav .tab-active a.tab-left .tab-inner {
    background-color: #336699;
    cursor: default;
}
#footer-nav .tab-active a.tab-left .tab-text {
    color: #003366;
}

#footer-nav .tab-active a.tab-left:hover .tab-text {
    color: #FFCC00;
}

/* Admin Tabs */
.admin-nav .tab-left {
    background-color: #6699CC;
}

.admin-nav .tab-inner {
    background-color: #6699CC;
}

.admin-nav .tab-text {
    color:#003366; 
    font-weight:Bold;
    font-style:Normal;
    font-family:Tahoma;
}

.admin-nav a.tab-left:hover,
.admin-nav a.tab-left:hover .tab-inner {
    background-color: #336699;
}
.admin-nav a.tab-left:hover .tab-text {
    color: #FFCC00;
}

.admin-nav .tab-active a.tab-left,
.admin-nav .tab-active a.tab-left .tab-inner {
    background-color: #336699;
    cursor: default;
}
.admin-nav .tab-active a.tab-left .tab-text {
    color: #003366;
}

.admin-nav .tab-active a.tab-left:hover .tab-text {
    color: #FFCC00;
}

/* User Tabs */
.user-nav .tab-left {
    background-color: #6699CC;
}

.user-nav .tab-inner {
    background-color: #6699CC;
}

.user-nav .tab-text {
    color:#003366; 
    font-weight:Bold;
    font-style:Normal;
    font-family:Tahoma;
}

.user-nav a.tab-left:hover,
.user-nav a.tab-left:hover .tab-inner {
    background-color: #336699;
}
.commerce-tab-strip a.tab-left:hover .tab-text {
    color: #FFCC00;
}

.user-nav .tab-active a.tab-left,
.user-nav .tab-active a.tab-left .tab-inner {
    background-color: #336699;
    cursor: default;
}
.user-nav .tab-active a.tab-left .tab-text {
    color: #003366;
}

.user-nav .tab-active a.tab-left:hover .tab-text {
    color: #FFCC00;
}

/* Jira:8310 Override the style from oj-alta.css anchor element by increasing the specificity of the css selector */
/* Jira:31144 Adds override to commerce navigation fields as well */
#sub-nav .center a, #sub-nav .center a:visited, .commerce-bordercolor .nav-center a, .commerce-bordercolor .nav-center a:visited{
    color:#003366;
}

/* Jira:8695 Ensures correct highlighting for current selected navigation menu based on styling above. */
/* Jira:31144 Adds override to commerce navigation fields as well */
#sub-nav .center a.admin-sidebar-current, #sub-nav.admin-nav .center a.current, .commerce-bordercolor .nav-center a.commerce-sidebar-current{
    color: #FFCC00;
}

td.menuentry.nav-center .admin-sidebar-current, .admin-nav .current{
    color:#FFCC00;
}