/*
Theme Dark / Created 2015-MAY-15
*/

body.a-dashbrd-page-bg {
  background: url("themedark-bg.jpg") no-repeat center center fixed; 
  background-size: cover;
}

.a-dashbrd-page-bg,
.mastCmdContainer  {
  background-color: transparent;
}

/* Header command bar on non-dashboard pages */
.cmdBar, 
.cmdBarSpl,
.dbTabWrapper, 
.w-navigation-bar-separator td {
  background-color: #003147;
}

/* Header command bar on dashboard page */
body.a-dashbrd-page-bg .cmdBar,
body.a-dashbrd-page-bg .cmdBarSpl,
body.a-dashbrd-page-bg .w-navigation-bar-separator td,
body.a-dashbrd-page-bg .dbTabWrapper,
body.a-dashbrd-page-bg .dbTabWrapper td {
  background-color: #003147;  
}

.a-nav-bar-recent a,
.a-nav-bar-recent a:link,
.a-nav-bar-recent a:visited,
.a-nav-bar-manage a,
.a-nav-bar-manage a:link,
.a-nav-bar-manage a:visited {
  color:#FFF;
}
.a-nav-bar-recent a:hover,
.a-nav-bar-recent a:focus,
.a-nav-bar-manage a:hover,
.a-nav-bar-manage a:focus {
  color:#199DE0;
}

/* Header area elements inactive and not clickable */
td.cmdBar,
td.cmdBarSpl,
#cmdlinks,
#cmdlinks .w-pml-icon,
.dbTabWrapper a,
.dbTabWrapper .w-pml-icon,
.w-dashboard-configure-icon,
.a-dashbrd-page-bg .w-font-icon-size-dashboard,
.w-abpw-padder,
.w-back-page-nav,
.w-back-page-label,
.w-header-notification-link,
.w-header-username-link,
.w-header-realmlabel {
  color: #D7D7D7;
}
/* Header area elements active and clickable */
#cmdlinks a,
#cmdlinks a .w-pml-icon,
.dbTabWrapper a,
.dbTabWrapper a .w-pml-icon,
a .w-dashboard-configure-icon,
.a-dashbrd-page-bg a .w-font-icon-size-dashboard,
a .w-abpw-padder,
a .w-back-page-nav,
a .w-back-page-label,
a .w-header-notification-link,
a .w-header-username-link {
  color: #FFF;
}
/* Header area elements active on hover */
#cmdlinks a:hover,
#cmdlinks a:hover .w-pml-icon,
.dbTabWrapper a:hover,
.dbTabWrapper a:hover .w-pml-icon,
a:hover .w-dashboard-configure-icon,
.a-dashbrd-page-bg a:hover .w-font-icon-size-dashboard,
a:hover .w-abpw-padder,
a:hover .w-back-page-nav,
a:hover .w-back-page-label,
a:hover .w-header-notification-link,
a:hover .w-header-username-link {
  color: #199de0;
}

/* Header area elements active on focus */
#cmdlinks a:focus,
#cmdlinks a:focus .w-pml-icon,
.dbTabWrapper a:focus,
.dbTabWrapper a:focus .w-pml-icon,
a:focus .w-dashboard-configure-icon,
.a-dashbrd-page-bg a:focus .w-font-icon-size-dashboard,
a:focus .w-abpw-padder,
a:focus .w-back-page-nav,
a:focus .w-back-page-label,
a:focus .w-header-notification-link,
a:focus .w-header-username-link {
    color: #199de0;
}

td.a-srch-bar-category a, 
div.a-srch-portlet-category-dropdown {
  color: #636363;
}

.a-dashbrd-page-bg .portletTitleBar,
.w-notification-box-header {
  background-color: #30659b;
  color: #fff;
}
.a-dashbrd-page-bg .portletTitle {
  color: #fff;
}
.portletTitleBar .a-portlet-title-bar-wrng {
  color: #636363;
}
.a-dashbrd-page-bg .a-dropdown-portlet {
  color: #fff;
}

.a-dashbrd-page-bg .scrollTableWrapper th.tableHead {
  background-color: #fff;
}

.w-dashboard-tabs .w-tabitem a {
  color: #fff;
}
.w-dashboard-tabs .w-tabitem a:hover {
  color: #acd4ed;
}
.w-tabitem-selected a,
.w-dashboard-tabs .w-tabitem-selected a {
  color: #199deo!important;
  font-weight: bold;
}

body.a-dashbrd-page-bg #w-footer-id a:hover,
body.a-dashbrd-page-bg #w-footer-id a:focus {
  text-decoration: underline;
  color: #D7D7D7;
}

.w-banr-optout-arrow {
    opacity: 0.8;
}
.w-banr-optout-arrow:hover {
    opacity: 1;
}
.a-dashbrd-page-bg .a-cat-note-link a:link,
.a-dashbrd-page-bg .a-cat-note-link a:visited {
  color: #ffffff;
}
.a-dashbrd-page-bg .a-cat-note-link a:hover {
  color: #acd4ed;
}

/* Drag-n-drop styles for dashboard page. Non-dashboard pages have the same bg color in
both themes. So, they do not have theme-specific styles at this time. */
.onDrag .a-dashbrd-page-bg .tocDropZone,
.onDrag .a-dashbrd-page-bg .singleColDropZone,
.onDrag .a-dashbrd-page-bg .twoColDropZone,
.onDrag .a-dashbrd-page-bg .vtDropArea div.dropIndicator,
.onDrag .a-dashbrd-page-bg .vtDropArea div.dropIndicatorSD {
    border-color: #ACD4ED;
    color: #FFFFFF;
}
.onDrag .a-dashbrd-page-bg .vtDropAreaSelected div.dropIndicator,
.onDrag .a-dashbrd-page-bg .vtDropAreaSelected div.dropIndicatorSD,
.onDrag .a-dashbrd-page-bg .vtDropArea .vtDropFieldSelected,
.onDrag .a-dashbrd-page-bg .portletDropZoneSelected {
    border-color: #FFFFFF;
}