/*
 * BatchBook: New Design
 *
 * Author      : Benjamin Jendrick
 *             : Timely Database Solutions © 2010
 * Created     : February 28, 2010
 * Updated     : March 3, 2010
 * Version     : 0.95
 * Website     : http://www.timelydbs.com/scripts/
 * Description : Many CSS tweaks to change the colors & style of BatchBook to match the expected new design.
 *             : (includes all subdomains)
 * Usage       : Use with Stylish Firefox extension (http://userstyles.org/) or copy to your Firefox userContent.css file
 * Updates     : 
    3/1/2010:
      • Added icons for footer screencast & FAQ items.
      • Altered white for right side boxes to softer tone.
      • Blanked out background on H4 items. (Right side sections with grey divider lines.)
      • Adjusted H4 again to account for other page transparency.
    3/2/2010:
      • Updated body background color.
      • Included affiliations & activity log sections in styles.
      • Included capsule actions from new sections.
      • Included quick add sections that were missed.
      • Altered dashboard capsuleHeaders back to #eee.
      • Subtle change of sidebar color to blue hue from lavender.
      • Correct "Advanced" search link to appear like other links in header navigation.
    3/3/2010:
      • Added notes for color selections to make additional related styles easier to manage.
      • Updated font color for notes section to #333.
 */
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("batchbook.com") {

/*------------------------------------------------------------------------------
  Color Guide
  ------------------------------------------------------------------------------
  Body Background: #004991
  Tab Background: #c5d8ea
  Sidebar Background: #c5d8ea
  Content Area Background: #b4c5d5
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
  Graphics
------------------------------------------------------------------------------*/
dd.screencast {
  background: transparent url(http://www.timelydbs.com/images/icons/film.png) no-repeat scroll left 3px !important;
  }
dd.faq {
  background: transparent url(http://www.timelydbs.com/images/icons/lightbulb.png) no-repeat scroll left 3px !important;
  }

/*------------------------------------------------------------------------------
  Header/Footer/Content - Page Colors
------------------------------------------------------------------------------*/
#header, 
#footer {
  background-color: #004991 !important;
  }
#footer {
  padding: 20px 1% 10px !important;
  }
body {
  background-color: #004991 !important;
  }
#primaryColumn {
  background-color: #fff !important;
  }
#content {
  background-color: #b4c5d5 !important;
  }
.headerWelcome {
  color: #eee !important;
  }
#utilityNav li a, 
#showAdvancedSearch a {
  color: #f88c17 !important;
  }
#utilityNav li a:hover, 
#showAdvancedSearch a:hover {
  color: #eee !important;
  }
ul.tabNav li {
  background-color: #004991 !important;
  }
ul.tabNav li a {
  color: #eee !important;
  background-color: #3b799f !important;
  border: none !important;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  }
ul.tabNav li a:hover {
  color: #f88c17 !important;
  }
body#dashboard li#dashboardTab a, 
body#contacts li#contactsTab a, 
body#communication li#communicationTab a, 
body#calendar li#calendarTab a, 
body#deals li#dealsTab a, 
body#lists li#listsTab a, 
body#custom li#customTab a, 
body#sync li#syncTab a, 
ul.tabNav li.active-tab-left a {
  color: #004991 !important;
  background-color: #b4c5d5 !important;
  }
p.helpTip {
  color: #333 !important;
  }
ul.directory li a {
  color: #333 !important;
  }
a:link, 
a:visited {
  }
a:hover {
  color: #007dc3 !important;
  }
#primaryColumn {
  padding: 10px !important;
  }
.capsuleHeader {
  background: none !important;
  }
.capsuleHeader H4 {
  background: transparent !important;
  }
.handle {
  background: #eee !important;
  }
#quickAdd {
  margin-bottom: 10px !important;
  }
#importContact {
  background-color: #c5d8ea !important;
  margin-bottom: 10px !important;
  padding: 10px !important;
  border: 5px solid #ddd !important;
  }
ul.capsuleActions,
#importContact h4,
#sidebarTags h4 {
  background-color: transparent !important;
  }
#sidebarTags {
  background-color: #fff !important;
  padding: 10px !important;
  border: 5px solid #ddd !important;
  }
#contactNotes, 
#contactNotes a {
  color: #333 !important;
  }
#contactNotes a:hover,
ul.directory li a:hover {
  color: #f88c17 !important;
  }
body#calendar #primaryColumn {
  width: 97% !important;
  }
#activityLog, 
#affiliations, 
#apiKey, 
#quickAddContact, 
#quickAddCommunication, 
#quickAddToDo, 
#default_super_tags, 
#sidebarTags, 
#superTagLibrary {
  background-color: #c5d8ea !important;
  padding: 10px !important;
  border: 5px solid #ddd !important;
  margin-bottom: 10px !important;
  }
a.superTag:link,
a.superTag:visited,
a.superTag:active {
  color:#f88c17 !important;
  }
#footer a {
  color: #eee !important;
  }
#footer a:hover {
  color: #f88c17 !important;
  }

/*------------------------------------------------------------------------------
  Font Adjustments
------------------------------------------------------------------------------*/
body {
/*  font-family: Verdana,"Lucida Grande",Arial,sans-serif !important;*/
  }
h1,
h2,
h3,
h4,
h5,
h6 {
/*  font-family: Verdana,Arial,sans-serif !important;*/
  }
td.contactRowName {
/*  font-family: Verdana,Arial,sans-serif !important;*/
  font-size: 130% !important;
  }
tr.duetoday td.task p.taskName a {
  background-color: #000 !important;
  color: #eee !important;
  text-decoration: none !important;
  }
tr.duetoday td.task p.taskName a:hover {
  text-decoration: underline !important;
  }
tr.overdue td.task p.taskName a.todoPreview {
  color: red !important;
  }

/*------------------------------------------------------------------------------
  Button Control
------------------------------------------------------------------------------*/
.buttonCreateToDo {
  }

}