@-moz-document domain("basecamphq.com") {

/* GLOBAL */

body {
background: #f8f8f8;
}

a.admin:link, a.admin:visited, a.red, a:link, a:visited {
color: #0088cc;
text-decoration: none;
}

a.admin:hover, a.adminfull:hover, a.red:hover, a:hover {
color: #1b7fb2;
background: transparent;
text-decoration: underline ! important;
}

/* HEADER */
#Header .navigation {
position:absolute;
top: 0px;
height:28px;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#202020));
padding: 0 0;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.dashboard #Header #settings_signout_and_help {
top: 0px;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#202020));
padding: 0 0;
height:28px;
text-align:right;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.dashboard #Header #settings_signout_and_help > * {
position:relative;
right:7px;
top:7px;
}

#Header {
background: #f0f0f0;
background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#fff));
color: #333;
border-top:10px;
}

#Header h1 {
color: #333;
padding: 45px 0 10px 30px;
}

#Header.global h1 {
padding-top: 45px;
}

#Header h1 span {
font-size: 13px;
color: #888;
}

#Header div.navigation a:link,
#Header div.navigation a:visited {
background-color: transparent;
}

#Header div.navigation, #Header div.navigation a:link, #Header div.navigation a:visited {
color: #999;
}

a.help span {
background: transparent;
color: #999;
text-shadow: none;
font-weight: normal;
}

a.help span:hover {
color: #fff;
}

#Header.global div.navigation {
padding: 0;
}

#Header a:hover {
color: #fff !important;
text-decoration:none !important;
}

a.free_pitch {
display:none;
}


/* HEADER-NAVIGATION */

#Tabs a:link, #Tabs a:visited {
background: transparent !important;
}

#Tabs {
height: 33px;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
border-bottom: 1px solid #ddd;
border-top: 1px solid #ebebeb;
margin: 0 0 0 0px;
padding-left:30px;
padding-right:57px;
}

#Tabs ul#MainTabs a:link, #Tabs ul#MainTabs a:visited {
line-height: 19px;
color: #0088cc;
}

#Tabs ul#MainTabs a:link.current, #Tabs ul#MainTabs a:visited.current, .Right #categories a.current:link, .Right #categories a.current:visited {
color: #454545;
background: #eee !important;
}

#Tabs ul#MainTabs a:hover {
color: #005580 !important;
text-decoration: none !important;
}

body.unprintable #Tabs {
margin-right: 0;
}

div#print_button {
padding-top: 8px;
}


/* WRAPPER */

div#Wrapper {
padding: 0;
}

.Left .col, .Full .col {
-webkit-box-shadow: none;
box-shadow: none;
border-right: 1px solid #ccc;
}


/* CONTENT & DASHBOARD */

div.page_header {
background: transparent;
border-bottom: 1px solid #eee;
}

h2.date span.today {
background-color: #ebebeb;
}


.submit input {
padding: 5px 10px;
border-radius:4px;
text-decoration:none;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5ca0ff), color-stop(25%, #5ca0ff), to(#3c7ecf));
background-image: -webkit-linear-gradient(#5ca0ff, #5ca0ff 25%, #3c7ecf);
border: 1px solid #447be8;
}

input#preview_button,
#preview_button input,
#edit_button input {
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
color: #333;
border: 1px solid #c5c5c5;
}

.submit input:hover {
cursor:pointer;
border: 1px solid #0044cc;
}

input#preview_button:hover,
#preview_button input:hover,
#edit_button input:hover {
cursor:pointer;
border: 1px solid #999;
}


/* PROJECT-TOP  OVERVIEW ICON */

table.overview td.what span {
padding: 3px 4px 3px 7px;
font-size: 10px;
display: block;
float: right;
white-space: nowrap;
width: 90px;
text-align:left;
font-weight: bold;
border-left: 4px solid;
}

table.overview td.what span.calendarevent {
border-color: #51a351;
color: #51a351;
background: transparent;
}

table.overview td.what span.todo {
border-color: #f89406;
color: #f89406;
background: transparent;
}

table.overview td.what span.milestone {
border-color: #2f96b4;
color: #2f96b4;
background: transparent;
}

table.overview td.what span.post {
border-color: #0044cc;
color: #0044cc;
background: transparent;
}

table.overview td.what span.writeboard {
border-color: #bd362f;
color: #bd362f;
background: transparent;
}

table.overview td.what {
border-bottom: 1px solid #efefef;
}


/* SIDEBAR */

table.layout td.right {
width: 18% !important;
}

div#upgrade_from_free {
background-color: transparent;
border: 1px solid #dfdfdf;
}

div.Right {
  margin-top:15px;
}

.Right .col {
  padding: 0;
  margin: 0 10px 0 0;
}

body .Right h1 {
background-color: transparent;
padding: 0;
border-bottom: none;
}

div#notificationSignup p.subscribe {
background: transparent;
}

#upgrade_from_free {
display: none;
}

.dashboard table.layout td.left {
width: 100% !important;
}

body.message_form .Right div.message_dropbox p {
margin-right: 10px;
}

.Right div.project_notifications div.indent {
padding: 10px 0 12px 0;
margin-bottom: 40px;
}

.rss .image {
  display:none;
}

.Right div.project_notifications div.indent div.digest_subscription p {
margin: 0 0px 12px 25px;
font-size:11px;
}

.Right div.project_notifications div.indent div.rss p {
margin: 0;
}

/* CALENDAR */


table.month_row_events td.weekend {
background: transparent;
}

table.month_row_events td.today {
background: #eaeaea;
}

table.month_row_events a.entry_title, table.month_row_events span.entry_title {
color: #585add;
font-size:12px;
}

table.month_row_events div.event.milestone a.entry_title {
color: #007D39;
font-size:12px;
}

table.month_row_events div.date_label {
text-align:left;
font-size:12px;
}

table.days_of_week_header th {
text-align: left;
}


/* MESSAGE */

.message_form .left {
width: auto !important;
}

.message_form .Right {
padding-top: 430px;
width:290px !important;
background: url('http://dl.dropbox.com/u/282961/userstyes/20120201150915.png') no-repeat 0 0;
}

body.message_form div.main_attributes {
background: #f8f8f8;
border-color: #dfdfdf;
}

.Right #categories div.category a.current {
background: transparent !important;
}

.Right #categories a.current span, .Right #categories a.current:hover span {
background: transparent;
color: #454545;
}

.Right #categories a.category_link:hover {
color: #1b7fb2;
}

/* TODO */


body.todos div.list div.item div.content {
font-size: 14px;
line-height: 22px;
color: #333;
}

.todos #widgets {
padding-left: 15px;
}

body.todos div.list div.add_item {
background: transparent;
}

.todos .link_to_add_child a {
padding: 5px 10px;
color: #333;
border: 1px solid #c5c5c5;
border-radius:4px;
text-decoration:none;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
}

.todos .link_to_add_child a:hover {
text-decoration: none;
background: #eee;
}

body.todos div.list a.attached_milestone:hover {
background: transparent;
}

div.todo_list h2.todo a:hover {
color: #000;
}

a.donelink:link, a.donelink:visited, div.list a.donelink:link, div.list a.donelink:visited {
background: transparent;
}


}