/*
 * BatchBook: New Design Softened
 *
 * Author      : Benjamin Jendrick
 *             : Timely Database Solutions © 2010
 * Created     : March 1, 2010
 * Updated     : March 3, 2010
 * Version     : 0.3
 * 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/3/2010:
      • Updated w/ style changes from "New Design" script.
 */
@namespace url(http://www.w3.org/1999/xhtml);

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

/*------------------------------------------------------------------------------
  Color Guide
  ------------------------------------------------------------------------------
  Body Background: #507aac
  Tab Background: #3b799f
  Sidebar Background: #eae9fc
  Content Area Background: #b5c6d4
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
  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: #507aac !important;
  }
#footer {
  padding: 20px 1% 10px !important;
  }
body {
  background-color: #507aac !important;
	}
#primaryColumn {
  background-color: #fff !important;
  }
#content {
  background-color: #b5c6d4 !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: #507aac !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: #507aac !important;
  background-color: #b5c6d4 !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: #eae9fc !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 {
  }

}