/*-------------------------------------------------
PAGE BODY
-------------------------------------------------*/

body {
	margin: 0 auto;
	padding: 0;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	color: #222;
	background-color: #e5e5e5;
	text-align: center;
}

html, body {
	background: #E5E5E5;
}

/* Make sure the table cells show the right font */
td { font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; }


/*-------------------------------------------------
PRELOADED IMAGES
-------------------------------------------------*/

#preloaded_images {
  width: 0px;
  height: 0px;
  display: inline;
}

body.todos #preloaded_images {
  background-image: url(/images/dots-white.gif);
  background-image: url(/images/nubbin.gif);
  background-image: url(/images/drag_handle.gif);
  background-image: url();
}


/*-------------------------------------------------
GLOBALS & GENERAL CASES
-------------------------------------------------*/

.form_error{
	background-color:#FFAEAE;
	font-size:12px;
	color:#000000;
	padding:3px;
}

.input {
	width:400px;
	border:1px solid #CCCCCC;
	font-size:12px;
	padding:5px;
}

#submitTable .input {
	width:600px;
}

td .links {
	font-size:12px;
}

.label {
	font-size:12px;
	color:#444444;
	font-weight:bold;
}

.labelNormal {
	font-weight:normal;
	font-size:12px;
}

input { padding: 3px; }

textarea {
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	border: 1px solid #CCCCCC;
	font-size:12px;
	padding:5px;
}

#nodivs div {border:0;}

.itemDetail div {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color:#F7F8F9;
	font-size:12px;
	padding:5px;
	margin:5px 0;
}

.itemDetail strong {
	font-size:12px;
}

.select, select {
	border: 1px solid #CCCCCC;
	font-size:12px;
	padding:2px;
}

.checkbox {

}

#submitTable .select {
	width:250px;
	font-size:12px;
}

#submitTable .textarea {
	width:600px;
	height:140px;
}

.submitInfo {
	padding-top:22px;
	font-size:10px;
	color:#444444;
}

.error {
	background-color:#FFAEAE;
	font-size:12px;
	color:#FFFFFF;
	padding:5px;
}

.legend {
	font-size:12px;
	color:#333333;
}

.comment {
	border:0;
	border-bottom: 1px solid #898A92
}

.date {
	color:#666;
}

span.help {
  font-size: 10px;
  color: #666;
}

a {text-decoration: underline; padding: 1px; }
a:link { color: #03c; }
a:visited { color: #03c; }
a:hover { color: #fff; background-color: #30c; text-decoration: none; }


a.image:link, a.image:visited, a.image:hover {
	background: none;
	padding: 0;
}

a.image img {
	border: none;
}

span.admin {
	color: #999;
	font-size: 11px;
	font-weight: normal;
}

a.admin:link, a.admin:visited {
	color: #f00;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
}

a.adminfull:link, a.adminfull:visited {
	color: #f00;
	font-weight: bold;
	text-decoration: underline;
}

a.admin:hover, a.adminfull:hover { color: #fff; background: #f00; }

a.black:link, a.black:visited {
	color: #000;
}

a.black:hover {
	color: #fff;
	background: #000;
}

a.anchor:link, a.anchor:visited, a.anchor:hover {
	color: #fff;
	background: #fff;
	font-size: 0px;
	text-decoration: none;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

p {
	font-size: 12px;
	line-height: 16px;
}

p.submit,
div.submit {
  color: #666;
  font-size: 11px;
}

p.submit input {
  vertical-align: middle;
}

div.submit {
  border-top: 2px solid #000;
  padding: 8px 0 12px 0;
  text-align: center;
}

div.submit input {
  font-size: 14px;
}

small {
	font-size: 10px;
	line-height: 13px;
}

blockquote {
	font-size: 12px;
	color: #666;
	margin: 20px;
}

ol, ul, li {
	margin: 0;
	padding: 0;
}

ul li {
	list-style-type: none;
}

li {
	font-size: 11px;
	line-height: 13px;
	padding: 3px 0;
}

div.widget li {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}

h1 {
	font-family: "Lucida Grande", arial, sans-serif;
	padding: 0;
	border-bottom: 0;
	margin: 0;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}

h1.blankslate {
	background: #ff6;
	color: #000;
	margin-bottom: 10px;
	padding: 5px;
	margin-left: -5px;
}

h1.blankslate a {
	color: #f00;
}

h1.blankslate a:hover {
	background-color: #000;
	color: #fff;
}

p.blankslate {
  font-size: 14px;
  color: #000;
  padding: 5px;
  margin: 0 0 10px 0;
}

p.blankslate strong {
  background: #ff6;
}

h2 {
	font-family: "Lucida Grande", arial, sans-serif;
	margin: 20px 0 5px 0px;
	color: #333;
	font-size: 14px;
	padding: 0;
}

h2.subheader {
	padding: 0 0 2px 0;
	margin: 15px 0 5px 0;
	font-size: 12px;
	border-bottom: 1px solid #000;
	color: #000;
}

h3 {
	margin: 20px 0 0 0;
	color: #666;
	font-family: "Lucida Grande", arial, sans-serif;
	font-size: 14px;
	padding: 0;
}

.smallnote {
	font-size: 10px;
	color: #999;
	font-weight: normal;
}

.light {
	font-weight: normal;
}

.lightgray {
	font-weight: normal;
	color: #666;
	font-size: 9px;
}

.lightgray a:link, .lightgray a:visited {
	color: #999;
	background: inherit;
	text-decoration: underline;
}

.lightgray a:hover {
	color: #fff;
	background: #000;
}

.smallgray {
  font-weight: normal;
  color: #666;
  font-size: 10px;
}

.smallgray a:link, .smallgray a:visited {
  color: #666;
  background: inherit;
  text-decoration: underline;
}

.smallgray a:hover {
  color: #fff;
  background: #000;
}

.highlight {
	background-color: #ffc;
}

td, th {
	padding: 3px;
	text-align: left;
}

.bigger {
	font-size: 12px;
}

.red {
	color: red;
}

.blue {
	color: #06c;
	}

.green {
	color: #390;
	}

code, pre	{
	font-family: "Bitstream Vera Sans Mono", monaco, "Courier New", courier, monospace;
	background: inherit;
	color: #333;
	font-size: 80%
	}

pre {
  overflow: auto;
}

	/*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */

* html code	{
	font-size : 105%;
	}

.PrivateMessage, .PrivateWriteboard {
	padding: 0px 0px 3px 0px;
	margin-bottom: 20px;
}

.PrivateMessage, .PrivateWriteboard {
	background: url(/images/private-back-red.gif) #fff;
}

.PrivateWriteboard {
  margin-bottom: 0;
  padding: 10px;
	border-left: 5px solid #BC0001;
}

.ClientMessage {
	padding: 0px 0px 3px 0px;
	margin-bottom: 20px;
}

div.ClientMessage div.Post {
	margin-bottom: 0;
  margin-left: 0;
	padding-bottom: 0;
	padding-left: 10px;
	border-left: 5px solid green;
}

div.PrivateMessage div.Post,
body.files div.PrivateMessage div.Post {
	margin-bottom: 0;
  margin-left: 0;
	padding-bottom: 0;
	padding-left: 10px;
	border-left: 5px solid #BC0001;
}

body.files div.PrivateMessage {
  margin-bottom: 12px;
}

body.files div.PrivateMessage div.Post {
  padding-left: 5px;
}

img.privatebug {
	padding: 5px;
}


/*-------------------------------------------------
STRUCTURE
-------------------------------------------------*/

div#Wrapper {
	padding: 12px 23px 0 30px;
  margin: 0 auto;
}

.container {
	text-align: center;
	min-width: 1200px;
}

.ClearAll {
	padding: 0px;
	clear: both;
	font-size: 0px;
	}

#ContentFrame, #DashContentFrame, .ContentFrame {
	margin: 0;
	padding: 0px 0;
	width: 100%;
	text-align: left;
	/*position: relative;*/
	float: left;
}

table.layout {
  clear: left;
  border-collapse: collapse;
  width: 100%;
}

table.layout td.left,
table.layout td.right {
  vertical-align: top;
  padding: 0;
}

div.Left {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 70%;
	float: left;
	}

div.Right {
	margin: 0px 0 0 0;
	padding: 0;
	text-align: left;
	/*position: absolute;*/
	float: left;
	}

table.layout td.left div.Left,
table.layout td.right div.Right {
  width: auto;
  float: none;
}


.Footer {
	clear: left;
	font-size: 9px;
	color: #666;
	margin: 4px 0 20px 20px;
	text-align: left;
	padding-bottom: 15px;
}

.Footer a:link, .Footer a:visited {
	color: #666;
}

.Footer a:hover {
	color: #fff;
	background: #666;
}


/*-------------------------------------------------
SECTION HEADER
-------------------------------------------------*/

.SectionHeader {
  padding-top: 0px;
	margin: 0 0 30px 0;
}

div.Left .SectionHeader,
div.Full .SectionHeader {
  text-align: center;
}

.dashboard .Left .SectionHeader { /* latest activity */
  margin: 10px 0;
}

.dashboard .Left .SectionHeader h1 {
  font-size: 12px;
}

.dashboard #screen_body .Left .innercol,
.overview #screen_body .Left .innercol {
	padding-right: 28px;
}

.dashboard .Right .SectionHeader { /* Your Projects */
  margin-bottom: 20px;
}

span.SectionDescription {
	font-weight: normal;
	color: #666;
}

.ContextHeader {
  text-align: center;
  margin: 0 0 15px 0;
}

.ContextHeader h1 {
  margin: 0;
	padding-bottom: 2px;
	border-bottom: 1px solid #666;
	font-size: 16px;
	color: #000;
  font-size: 12px;
}

.ContextHeader h1 span.private {
  color: #fff;
	background: #BC0000;
  font-weight: normal;
  padding: 0 3px;
}

.ContextHeader h1 a {
  font-weight: normal;
  font-style: italic;
}

.SectionHeader h3,
.ContextHeader h3 {
	font-family: verdana;
	padding: 2px 0 0 0;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	color: #666;
}

.SectionHeader h3 img {
  vertical-align: middle;
}

.SectionHeader div.ActionButton {
	background: #fff;
	border-top: none;
	float: right;
	padding: 3px 0 0 0;
	margin: 0;
}

.SectionHeader div.ActionButton {
	font-size: 10px;
}


/*-------------------------------------------------
LINK BOXEN
-------------------------------------------------*/

.Links {
	padding-bottom: 15px;
	display: none;
}

.LinkBox, .LinkBoxWithFile {
	width: 75%;
	padding: 4px;
	margin-top: -1px; /* stacked fileboxes share a border */
	background: url(/images/back_ystripes.gif) #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #666;
	font-size: 10px;
	line-height: 16px;
}

.LinkBoxWithFile img {
	padding: 0 3px 20px 0;
}

.LinkBox a, .LinkBoxWithFile a {
	font-size: 12px;
}



/*-------------------------------------------------
SIDEBAR
-------------------------------------------------*/

.Right h1, .Right h1.late {
	padding: 4px 0 2px 0;
	border-bottom: 1px solid #666;
	margin: 0 0 5px 0;
	font-size: 12px;
	color: #000;
}

.Right p {
  font-size: 11px;
  line-height: 14px;
}

.Right h1.late {
	padding-top: 0;
	border-bottom: 1px solid #c00;
	color: #c00;
}

.Right p.incategory {
	margin-top: 0;
	background: #ececec;
	padding: 4px;
}

.Right p.incategory a {
	display: block;
}

.Right h2, .Right h2.border {
	font-family: "Lucida Grande", arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin: 20px 0 3px 0;
	padding: 0;
	border: none;
}

.Right h2.border {
	border-bottom: 1px solid #d5d5d5;
}

.SidebarPosts li {
	font-size: 10px;
	color: #666;
  margin-bottom: 4px;
}

.SidebarPosts h1 {
	color: #333;
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 2px;
	border: none;
}

.SidebarPosts h2 {
	color: #666;
	font-size: 11px;
	margin-bottom: 5px;
}

.SidebarPosts h3 {
	color: #999;
	font-weight: normal;
	font-size: 10px;
	margin: 0;
}

.SidebarOriginal {
	padding-top: 20px;
}

.SidebarOriginal h1 {
	font-size: 10px;
	border-bottom: none;
	color: #333;
}

.SidebarOriginal p {
	font-size: 10px;
}

#Poster {
	margin-bottom: 30px;
}

.Right ol {
	padding-left: 20px;
}


.Right ul li {
	list-style: none;
	padding: 0 0 3px 0;
	margin-left: 0;
}

/*-------------------------------------------------
OVERVIEW
-------------------------------------------------*/

body.overview div.announcement {
	margin: 0 0 20px 0;
}

body.overview div.announcement p {
	font-size: 14px;
	line-height: 18px;
}



/*-------------------------------------------------
NEW NEW FORM (New Post styles, 6/4/2004)
-------------------------------------------------*/

.FormBlock {
	border: 1px solid #ccc;
	padding-left: 15px;
	font-size: 12px;
	margin-top: 20px;
	background: #f0f0f0;
	padding: 1px 0 15px 15px;
}

.FormBlock h2 {
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0 0px 0;
}

.FormBlock h2 span {
	font-size: 10px;
	font-weight: normal;
	color: #999;
}

.FormBlock input {
}

.FormBlock input#post_title {
  width: 450px;
  font-size: 18px;
  font-weight: bold;
}

.FormBlock textarea {
	margin-top: 3px;
  width: 450px;
  font-size: 14px;
}

.FormBlock span.makeprivate {
	background: #ddd;
	padding: 3px;
}

div.loadtemplate {
	float: right;
	font-size: 11px;
	background: #fff;
	padding: 8px 0 8px 8px;
}

.FormBlock div.formatting {
	margin: 0 0 5px 0px;
	padding-left: 5px;
}

.FormBlock div.formatting p {
	font-size: 11px;
	color: #666;
	margin: 0;
	font-weight: normal;
}

.FormBlock div.formatting span {
	margin-left: 10px;
}

body.messages_form div.submit {
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
}

body.messages_form div.submit p {
  margin: 0 0 8px 5px; padding: 0;
}

body.messages_form div.submit input {
  font-size: 14px;
}

div.extra {
	font-size: 12px;
  margin: 15px 0 15px 15px;
	border-left: 8px solid #d9d9d9;
	padding: 5px 0 5px 10px;
}

div.extra p {
  margin: 0;
}

div.extra,
div.extra div.showhide_link,
div.extra div.showhide {
  height: 1%; /* make sure IE hasLayout */
}

div.extra div.showhide_link p {
  margin: 0; padding: 0;
}

div.extra div.showhide {
  margin: 10px 0;
}

div.extra h2 {
  font-size: 14px;
  margin: 0 0 2px 0;
  padding: 0;
}

div.extra div#Attachments h2 span.upload_limit {
  color: #777;
  font-weight: normal;
}

div.extra p.upload_limit {
  color: #777;
  font-size: 11px;
}

div.extra div#AttachmentList {
}

div.extra div#AttachmentList ul {
  margin-bottom: 10px;
}

/*-------------------------------------------------
PERMISSIONS
-------------------------------------------------*/

table.permissions {
	width: 100%;
}

table.permissions tr.heading td {
	font-size: 14px;
	font-weight: bold;
	padding: 3px 5px 5px 0px;
	border-bottom: 1px solid #333;
}

table.permissions tr td {
	border-bottom: 1px solid #efefef;
	font-size: 10px;
	padding: 3px;
	white-space: nowrap;
}

table.permissions tr.writeboards td {
  white-space: normal;
}

table.permissions tr.grey td {
	background-color: #efefef;
}

table.permissions tr.allonoff td {
	border-top: 1px solid #999;
}

table.permissions td.name {
	white-space: normal;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	padding-right: 10px;
	border-right: 1px dotted #ccc;
}

table.permissions td.leftborder {
	border-left: 1px solid #000;
}

table.permissions tr td.addedit {
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 0 5px;
	border-left: 1px solid #000;
}

.notchecked {
	color: #999;
}

/*-------------------------------------------------
ACCOUNT CHART/PAGE
-------------------------------------------------*/

div#subdomain_notice {
	font-size: 12px;
	color: red;
	font-weight: bold;
	margin-bottom: 10px;
}

table.accountchart {
	margin: -15px 0 25px 0;
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
}

table.accountchart th.top {
	border: none;
	border-bottom: 1px solid #000;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	text-align: left;
	padding-left: 0;
}

table.accountchart th img {
	margin-top: 3px;
	background-color: #fff;
	border: none;
}

table.accountchart th a:hover, table.accountchart th a {
	background-color: #fff;
	padding: 0;
	margin: 0;
}

table.accountchart small {
	color: #999;
}

table.accountchart th {
	font-size: 16px;
	padding: 3px 7px 3px 7px;
	text-align: center;
	vertical-align: top;
	border-bottom: 1px solid #999;
	border-right: 1px solid #E3DFDF;
	border-left: 1px solid #E3DFDF;
}

table.accountchart th.activeprojects {
	font-size: 10px;
	color: #333;
	text-align: left;
	font-weight: normal;
	padding-left: 0;
	border-left: none;
}

table.accountchart th.current, table.accountchart td.current  {
	background-color: #ffc;
}

table.accountchart td.select {
	font-size: 10px;
	font-weight: bold;
	background-color: #ffc;
}

table.accountchart td.shaded {
	background-color: #ffc;
}

table.accountchart td.projectnumber {
	font-size: 14px;
}

table.accountchart td {
	border-bottom: 1px solid #E3DFDF;
	padding: 3px;
	font-size: 9px;
	border-right: 1px solid #E3DFDF;
	border-left: 1px solid #E3DFDF;
	text-align: center;
}

table.accountchart td.banner {
	background-color: #333;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
}

table.accountchart td.notes {
	font-size: 9px;
	color: #666;
	text-align: right;
	border-left: none;
	border-right: none;
}

table.accountchart td.plancatper, table.accountchart td.plancatbiz {
	background-color: #fff;
	font-size: 9px;
	font-weight: bold;
}

table.accountchart h4 {
	background-color: #390;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
	font-size: 10px;
	padding: 2px;
	margin: 5px 0 0 0;
}

table.accountchart td.item {
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	border-right: 1px solid #ccc;
	white-space: nowrap;
}

table.accountchart span.price {
	font-size: 10px;
	color: #f60;
}

#Listform li div.floatnote {
	float: right;
	padding: 0;
	margin-left: 35px;
	width: 300px;
	font-size: 10px;
}

#Listform li div.floatnote strong {
	color: #900;
}

div.whynot a:link, div.whynot a:visited {
	line-height: 2em;
	font-size: 11px;
}

table.accountchart th div.whynot a:hover {
	background-color: #30c;
	color: #fff;
	text-decoration: none;
}

/*-------------------------------------------------
CUSTOM FORM ELEMENTS
-------------------------------------------------*/

/* Big text input for to-do list titles */
input.big {
	font-size: 16px;
	font-weight: bold;
	width: 485px;
	padding: 3px;
	margin: 0 0 10px 0;
}

input.todoitem {
	padding: 3px;
	font-size: 12px;
	width: 485px;
}

textarea.todoitem {
	padding: 3px;
	font-size: 14px;
	width: 485px;
	margin: 0 5px 3px 0;
}

div.FormSubBlock textarea {
	padding: 3px;
	font-size: 12px;
}

.FormBlock table#items td select {
	width: 150px;
	margin-bottom: 5px;
}

.FormBlock table#items td a.admin {
	font-size: 9px;
}

/*-------------------------------------------------
SETTINGS TAB and SUBNAV
-------------------------------------------------*/

ul#Tabs li a#settings {
	margin-left: 10px;
}


/*-------------------------------------------------
APPEARANCE
-------------------------------------------------*/

body.appearance div.SectionHeader {
  margin-bottom: 20px;
}

span.swatches {
  font-size: 16px;
  padding: 3px 10px;
}

span.swatches span {
  padding: 0px 10px;
  font-size: 9px;
}

span.swatches span.client {
  padding: 0 10px;
}

table#schemes_and_custom {
  margin: 0 0 15px 0;
}

table#schemes_and_custom td {
  vertical-align: top;
  width: 33%;
  padding: 0 15px;
}

table#schemes_and_custom td#hexplanation {
  text-align: left;
}

table#schemes_and_custom td#hexplanation p {
  font-size: 14px;
}

table#schemes_and_custom td#schemes {
  white-space: nowrap;
  padding-right: 25px;
}

table#schemes_and_custom td#custom {
  white-space: nowrap;
  text-align: right;
}

.Preview {
	background: #e5e5e5;
	margin: 0 0 15px 0;
  border: 1px solid #ccc;
}

.Preview .Header {
  background: #ddd;
	padding: 15px 0 0 15px;
}

p.FauxH1 {
	font-family: "Lucida Grande", arial, sans-serif;
	font-weight: normal;
	padding: 0;
	margin: 0 0 13px 0;
	font-size: 24px;
	color: #fff;
}

span.FauxH2 {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
}

.Preview ul {
	margin: 0; padding: 0;
	height: 24px;
}

.Preview li {
	margin: 0; padding: 0;
	display: inline;
	list-style-type: none;
	border: none;
}

.Preview ul a:link, .Preview ul a:visited {
  float: left; /* for IE6 */
	font-size: 12px;
	font-weight: normal;
	padding: 4px 8px 6px 8px;
	margin: 0;
  text-decoration: none;
  color: #fff;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.Preview ul a:link.current, .Preview ul a:visited.current {
	background: #e5e5e5 url(/images/tab-bg.gif) top repeat-x;
	border: 1px solid #e5e5e5;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
  margin: 0 3px;
}

.Preview ul a:hover {
	color: #fff; background: #fff;
}

.FauxPage {
  background: #fff;
  margin: 12px 0 0 17px;
  padding: 10px;
  font-size: 12px;
}

.FauxPage span {
  color: #fff;
  text-decoration: underline;
}

/*-------------------------------------------------
NEW FOR PROPORTIONAL WIDTH VERSION
-------------------------------------------------*/

.col {
	padding: 0 20px;
	text-align: left;
}

.Left .col,
.Full .col {
	padding: 0 8px 0 0;
  background: #fff url(/images/right-bg.gif) right repeat-y;
  position: relative;
}

.Left .innercol,
.Full .innercol {
  padding: 15px 60px 20px 23px;
}

div.Left .bottom,
div.Full .bottom {
  background: url(/images/bottom-bg.gif) top right no-repeat;
  font-size: 8px;
}

div.Right .col {
	min-width: 200px;
	padding: 0 0 0 9px;
}

/*-------------------------------------------------
TIME TRACKING
-------------------------------------------------*/

table.TimeTrack {
	width: 100%;
	margin-bottom: 20px;
  border-collapse: collapse;
}

table.TimeTrack th {
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0 3px 3px 3px;
}

table.TimeTrack td {
	font-size: 11px;
	padding: 4px 10px 4px 3px;
	border-bottom: 1px solid #ddd;
	white-space: nowrap;
}

table.TimeTrack tr.shade td {
	background: #f0f0f0;
}

table.TimeTrack th.date {
	padding-left: 14px;
}

table.TimeTrack td.date {
	padding-left: 14px;
}

table.TimeTrack td.action {
	text-align: center;
  color: #999;
}

table.TimeTrack td.action img {
  vertical-align: middle;
}

table.TimeTrack td.action a.image {
  margin-left: 3px;
}

table.TimeTrack td.hours {
	text-align: center;
	font-weight: bold;
}

table.TimeTrack td.desc {
	font-size: 11px;
	white-space: normal;
	width: 100%;
  line-height: 16px;
}

table.TimeTrack tr.AddTimeTrack td {
	padding: 10px 10px 10px 0;
	background: #ccc;
}

table.TimeTrack tr.AddTimeTrack td.date {
	padding-left: 10px;
}

table.MakeReport {
	margin: 10px 0 0 0;
}

table.MakeReport td {
	padding-right: 5px;
	font-size: 10px;
}

h1#reporttitle {
  font-size: 18px;
  margin-bottom: 5px;
  padding-bottom: 7px;
  border-bottom: 2px solid #000;
}

h1#reporttitle span {
  font-size: 11px;
  color: #999;
  font-weight: normal;
}

/*-------------------------------------------------
NEW MILESTONE CALENDAR SECTION
-------------------------------------------------*/

table.Fullcal .late,
table.Fullcal .completed,
table.Fullcal .upcoming {
	padding: 3px;
	color: #000;
	margin-top: 2px;
	clear: left;
}

table.Fullcal .late p,
table.Fullcal .completed p,
table.Fullcal .upcoming p {
	margin: 0 0 0 20px;
	line-height: 12px;
	padding: 0;
	font-size: 10px;
}

table.Fullcal .late input,
table.Fullcal .completed input,
table.Fullcal .upcoming input {
	float: left;
	margin: 0 5px 5px 2px;
}

table.Fullcal .late span,
table.Fullcal .completed span,
table.Fullcal .upcoming span {
	color: #666;
	font-size: 9px;
	font-weight: normal;
}

table.Fullcal div.late {
	background: #F8E1E1;
	border: 1px solid #AA2B2B;
	color: #900;
}

table.Fullcal div.completed {
	background: #E2F3E8;
	border: 1px solid #9ED8B1;
	color: #070;
	font-weight: normal;
}

table.Fullcal td.with div.late,
table.Fullcal td.with div.completed {
	border: none;
}

table.Fullcal div.upcoming {
	background: #fff;
}

table.Fullcal span#todaystamp {
	color: #d93;
	font-weight: normal;
}

/*-------------------------------------------------
FORMATTING GUIDE
-------------------------------------------------*/

div.formattingtips p {
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 10px 0;
}



div.markdownexamples p {
	font-family: courier, "courier new";
	font-size: 11px;
}

div#formatting_guide {
  margin-right: 8px;
}

div#formatting_guide h2 {
  font-size: 16px;
  border: none;
}

div#formatting_guide table {
  margin: 15px 0 15px 0;
  background: #fff;
  border-collapse: collapse;
}

div#formatting_guide table th {
  text-align: left;
  border: 1px solid #ddd;
  padding: 6px;
  font-weight: normal;
  background: #666;
  color: #fff;
}

div#formatting_guide table td {
  border: 1px solid #ddd;
  font-size: 12px;
  padding: 6px;
}

div#formatting_guide table td ol,
div#formatting_guide table td ul {
  padding: 0;
  margin: 5px 0 5px 20px;
}

div#formatting_guide table td ul li {
  list-style-type: disc;
}

div#formatting_guide table td blockquote {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}

div#formatting_guide table td h1 {
  font-size: 130%;
}

div#formatting_guide table td h2 {
  font-size: 100%;
}

div#formatting_guide table td h3 {
  font-size: 100%;
}


/*-------------------------------------------------
EMAIL NOTIFICATION
-------------------------------------------------*/

div.Right div.col .notify h2,
.extra .notify h2 {
  font-size: 14px;
  margin: 0 0 2px 0;
  padding: 0;
}

div.Right div.col .notify span,
.extra .notify span {
  font-size: 10px;
  color: #666;
}

table.emailnotification td {
  padding: 0 10px 0 0;
  vertical-align: top;
}

table.emailnotification tr.additional_company td {
  padding-top: 12px;
}

table.emailnotification td p {
  margin: 0 0 5px 0;
}

div.Right div.col table.emailnotification td p {
	font-size: 11px;
	margin: 0 0 2px 0;
	padding: 0;
}


/*-------------------------------------------------
TODOS v3 (ala BPWO)
-------------------------------------------------*/

body.todos div#widgets,
body.todos div.list,
body.todos div.list_wrapper,
body.todos div.list div.viewallcomplete,
body.todos div.list div.item,
body.todos div.list div.item div.content,
body.todos div.list div.item form p.submit,
body.todos div.list_with_time_tracking div.item div.item_time_tracker {
  zoom: 100%;
}

body.todos div.Left div.col,
body.todos div.Left div.bottom {
  margin-left: 15px;
}

body.todos div.list_wrapper {
  margin: 0 0 0 -20px;
  padding: 0 0 0 20px;
}

body.todos div.list {
  color: #000;
  margin: 0 0 20px 0;
}

body.todos div.list h2 {
  padding-left: 7px;
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 5px;
  color: #000;
}

body.todos div.list h2 span {
  display: inline-block;
}

body.todos div.list p.listdesc {
  margin: 7px 0 7px 10px;
  font-style: italic;
}

body.todos div.list div.viewallcomplete {
  margin: 3px 0 8px 36px;
  font-size: 10px;
}

body.todos div.list div.viewallcomplete a:link,
body.todos div.list div.viewallcomplete a:visited {
  color: #999;
}

body.todos div.list div.viewallcomplete a:hover {
  color: #fff;
}

body.todos div.list h2 a,
body.todos div.list h2 a:hover {
  background: none;
  color: #000;
  text-decoration: underline;
}

body.todos div.done {
	margin: 8px 0;
}

body.todos div.done .delete_link {
  margin-top: 3px;
  margin-left: 5px;
  float: left;
}

body.todos a.image img {
  border: none;
}

body.todos div.list h2 {
  margin-bottom: 5px;
}

body.todos div.list_widget {
  margin-left: -18px;
  margin-bottom: 3px;
}

body.todos div.list_widget div.item {
  padding-left: 30px;
}

body.todos div.item_wrapper {
  background: #fff;
}

body.todos div.add_item div.item_wrapper {
  background: none;
}

body.todos div.list div.list_widget,
body.todos div.list div.add_item {
  height: 1%;
  clear: left;
}

body.todos div.list div.add_item {
  background: #efefef;
  padding: 5px;
  margin: 6px 0 0 34px;
}

body.todos div.list_with_time_tracking div.add_item {
  margin-left: 56px;
}

body.todos div.list div.add_item div.list_widget {
  margin: 0;
}

body.todos div.list div.add_item textarea {
  width: 380px;
}

body.todos div.list div.add_item p.submit {
  border-top: 1px solid #ccc;
  padding-top: 3px;
}

body.todos div.list div.add_item p {
  font-size: 11px;
  color: #333;
}

body.todos div.list div.item div.content {
  position: relative;
  margin: 0 0 0 25px;
  font-size: 12px;
  line-height: 18px;
  color: #333;
}

body.todos div.list div.item div.content form {
  background: #efefef;
  padding: 5px;
}

body.todos div.list div.item div.content form textarea {
  width: 85%;
}

body.todos div.list div.item div.content form p {
  margin: 2px 0;
  font-size: 11px;
}

body.todos div.list div.item div.content form p.submit {
  margin: 4px 0 0 0;
  padding: 3px 0 0 0;
  border-top: 1px solid #ccc;
}

body.todos div.done div.item div.content {
	font-size: 10px;
	color: #999;
  margin-left: 37px;
}

body.todos div.done div.item div.content strong.date {
  margin-right: 5px;
  font-weight: normal;
  color: #666;
}

body.todos div.list div.busy div.content {
  background: url(/images/dots-white.gif) no-repeat 4px 7px;
}

body.todos div.list div.busy div.item div.controls a {
}

body.todos div.done div.busy div.content {
  margin-left: 22px;
}

body.todos div.list div.busy div.widget_content div.content span {
  visibility: hidden;
}

body.todos div.list div.form {
  top: 0;
  padding: 0 0 10px 0;
  margin: 0;
  background: none;
  border: none;
}

body.todos div.list div.items div.form,
body.todos div.list div.add_item div.form {
  margin-left: 52px;
}

body.todos div.edit_list {
  background: #efefef;
  padding: 5px;
}

body.todos div.edit_list form input.list_title {
  font-size: 16px;
  font-weight: bold;
}

body.todos div.edit_list form input.list_title,
body.todos div.edit_list form textarea {
  width: 75%;
}

body.todos div.edit_list form textarea {
  margin: 5px 0;
}

body.todos div.edit_list form p {
  margin: 5px;
  line-height: 12px;
}

body.todos div.edit_list form p.submit {
  margin: 4px 0 0 0;
  padding: 3px 0 0 0;
  border-top: 1px solid #ccc;
}

body.todos div.list div.add_item p {
  margin: 0 0 5px 0;
}

body.todos div.list div.add_item p.submit {
  margin: 5px 0 0 0;
}

body.todos div.list div.items div.edit {
  padding-bottom: 15px;
}

body.todos div.item div.controls a img {
  border: none;
}

body.todos div.item div.controls,
body.todos div.item div.controls input {
  float: left;
}

body.todos div.item div.controls img.client {
  padding: 4px;
}

body.todos div.list div.item div.controls a.time_tracking_control img {
  margin: 1px 5px;
}

body.todos div.list_with_time_tracking div.item div.content {
  margin-left: 46px;
}

body.todos div.list div.edit_list_name {
  margin-bottom: 10px;
}

body.todos div.list div.edit_list_name input.list_name {
  margin: 0;
  font-weight: bold;
  font-size: 16px;
  width: 250px;
}

body.todos div.list div.add input,
body.todos div.list div.edit textarea {
  margin-bottom: 5px;
}

body.todos div.list div.add div.buttons input {
  margin-bottom: 0;
}

body.todos div.list div.edit textarea {
  height: auto;
}

body.todos div.busy form p.submit {
  background: url(/images/dots-white.gif) no-repeat 5px center;
}

body.todos div.busy form p.submit * {
  visibility: hidden;
}

body.todos div#new_list h2 {
  margin: 0 0 3px 0;
  padding: 0;
  font-size: 12px;
}

body.todos div#new_list h2.without_templates span.smallgray,
body.todos div#new_list h2.without_templates span#template_or_title {
  display: none;
}

body.todos div#new_list p {
  margin: 0 0 5px 0;
}

body.todos div#new_list p.submit {
  margin: 4px 0 0 0;
  padding: 3px 0 0 0;
  border-top: 1px solid #ccc;
}

body.todos div#new_list textarea {
  font-size: 13px;
  width: 85%;
}

a.donelink:link,
a.donelink:visited,
div.list a.donelink:link,
div.list a.donelink:visited {
  color: #000;
  background: #fc3;
  font-size: 12px;
  padding: 0 2px;
}

a.donelink:hover,
div.list a.donelink:hover {
  text-decoration: underline;
}

body.todos div.list div.busy {
  display: block;
}

body.todos div.list div.busy div.wrapper ul {
  background: url(/images/dots-white.gif) no-repeat 8px center;
  height: 12px;
}

body.todos div.list div.busy div.wrapper li {
  visibility: hidden;
}

body.todos div.list div.item div.busy {
  display: block;
}

body.todos div.list div.item div.nubbin div.wrapper ul {
  background: none;
  height: auto;
}

body.todos div.list div.item div.nubbin div.wrapper li {
  visibility: visible;
}

body.todos div.list div.item div.busy div.wrapper ul {
  background: url(/images/dots-white.gif) no-repeat 8px center;
  height: 12px;
}

body.todos div.list div.item div.busy div.wrapper li {
  visibility: hidden;
}

body.todos div.list div.busy div.items {
  background: url(/images/dots-white.gif) no-repeat 8px 8px;
}

body.todos div.list div.busy div.items * {
  visibility: hidden;
}

body.todos div.list div.list_drag_handle {
  display: none;
}

body.todos div.reordering div.list div.nubbin,
body.todos div.reordering div.list p.listdesc,
body.todos div.reordering div.list div.items_wrapper,
body.todos div.reordering div.list div.add_item,
body.todos div.reordering div.list div.done,
body.todos div.reordering div.list div.viewallcomplete {
  display: none;
}

body.todos div.reordering div.list div.list_title h2 {
  margin: 0;
}

body.todos div.reordering div.list div.list_title {
  margin: 3px 0 8px 0;
}

body.todos div.reordering div.list div.list_drag_handle {
  display: inline;
  float: left;
  position: relative;
  width: 1px;
  height: 1px;
  cursor: move;
}

body.todos div.reordering div.list div.list_drag_handle img {
  display: inline;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 4px;
}


/*-------------------------------------------------
TIME TRACKING TODO WIDGET
-------------------------------------------------*/

body.todos div.list div.busy div.item_time_tracker div.total,
body.todos div.list div.busy div.item_time_tracker div.form {
  display: none;
}

body.todos div.list div.item_time_tracker {
  border: 2px solid #090;
  color: #333;
}

body.todos div.list div.item_time_tracker span.content {
  display: block;
  padding: 8px;
}

body.todos div.list div.busy div.item_time_tracker {
  border: none;
}

body.todos div.list div.busy div.item_time_tracker span.content {
  padding: 0;
}

body.todos div.list div.item_time_tracker div.total {
  padding: 10px;
  background: #D2E9D2;
}

body.todos div.list div.item_time_tracker div.total strong {
  font-size: 12px;
  color: #fff;
  background: #090;
  padding: 2px 4px;
}

body.todos div.list div.item_time_tracker div.total span {
  color: #666;
  margin-left: 5px;
  font-size: 11px;
}

body.todos div.list div.item_time_tracker div.form {
  margin-left: 0;
  background: #efefef;
  padding: 8px;
}

body.todos div.list div.item_time_tracker div.form table {
  width: 100%;
}

body.todos div.list div.item_time_tracker div.form td {
  color: #999;
}

body.todos div.list div.item_time_tracker p.submit {
  margin: 0;
}

/*-------------------------------------------------
TIME TRACKING TAB
-------------------------------------------------*/

table.TimeTrack {
	width: 100%;
	margin-bottom: 20px;
}

table.TimeTrack th {
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0 3px 3px 3px;
  border-bottom: 1px solid #999;
}

table.TimeTrack th.project {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	background: #e9e9e9;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	text-align: left;
	padding: 5px;
	text-transform: none;
	border-bottom: 1px solid #999;
}

table.TimeTrack th.project a {
	color: #000;
	text-decoration: none;
  font-size: 12px;
}

table.TimeTrack th.project span.project_link {
	color: #666;
  font-size: 10px;
}

table.TimeTrack th.project span.project_link a {
  color: red;
  text-decoration: underline;
	font-weight: normal;
  font-size: 10px;
}

table.TimeTrack th.project span.project_link a:hover {
  color: #fff;
}

table.TimeTrack th.project a span {
	color: #666;
  font-size: 10px;
}

table.TimeTrack th.project a:hover,
table.TimeTrack th.project a:hover span {
	color: #fff;
}

table.TimeTrack td {
	font-size: 11px;
	padding: 4px 10px 4px 3px;
	border-bottom: 1px solid #ddd;
	white-space: nowrap;
}

table.TimeTrack tr.shade td {
	background: #f0f0f0;
}

table.TimeTrack th.date {
	padding-left: 10px;
}

table.TimeTrack td.date {
	padding-left: 14px;
}

table.TimeTrack td.action {
	text-align: left;
}

table.TimeTrack td.action img {
  vertical-align: middle;
}

table.TimeTrack td.action a.editlink {
  margin-left: 20px;
}

table.TimeTrack td.hours {
	text-align: left;
  font-weight: bold;
  font-size: 12px;
}

table.TimeTrack td.desc {
	font-size: 11px;
	white-space: normal;
	width: 100%;
  line-height: 16px;
}

table.TimeTrack tr.AddTimeTrack td {
	padding: 10px 10px 10px 0;
	background: #efefef;
  vertical-align: bottom;
}

table.TimeTrack tr.AddTimeTrack td.date {
	padding-left: 10px;
}

table.TimeTrack tr.total td {
  border-top: 2px solid #999;
  border-bottom: none;
}

table.TimeTrack tr.total td.total {
  text-align: right;
  padding-left: 10px;
  font-size: 13px;
}

table.TimeTrack tr.total td.hours {
  font-size: 13px;
}

table.TimeTrack tr.total td.export {
  font-size: 11px;
  color: #666;
  text-align: right;
}

div#new_time_report {
  background: #efefef;
  padding: 10px 10px 6px 10px;
  margin-bottom: 20px;
}

div#new_time_report p {
  margin: 0 0 5px 0;
}

div#new_time_report p.submit {
  margin: 10px 0 0 0;
  padding: 5px 0 0 0;
  border-top: 1px solid #ccc;
}

/*-------------------------------------------------
PAGINATION
-------------------------------------------------*/

div.pagination {
  margin: 15px 0;
  font-size: 13px;
  text-align: right;
}

div.pagination a, div.pagination strong {
  text-decoration: none;
  padding: 1px 4px;
  border: 1px solid #ccc;
  margin-right: 3px;
}

div.pagination strong {
  border: none;
  color: #000;
  padding: 1px 3px;
  margin-right: 2px;
}

div.pagination span {
  color: #666;
  font-size: 12px;
}

/*-------------------------------------------------
WRITEBOARDS
-------------------------------------------------*/

div.writeboards {
	font-size: 14px;
	color: #ccc;
}

div.writeboards ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.writeboards li {
  position: relative;
	margin: 0 0 5px 0;
	font-size: 16px;
  line-height: 16px;
  font-weight: bold;
}

div.writeboards li span.detail { /* who's page is it? */
  font-weight: normal;
  font-size: 10px;
  color: #999;
  margin-left: 10px;
}

div.showhide {
  background: #efefef;
  padding: 10px 10px 1px 10px;
  margin: 0 0 20px 0;
  border: 2px solid #ccc;
}

div.showhide h2 {
  margin: 0;
  font-size: 12px;
  border-bottom: 1px solid #ccc;
}

div.showhide p {
  margin: 8px 0;
  color: #000;
  font-weight: normal;
}

div#limit_reached {
	font-size: 12px;
}

table.form {
  border-collapse: collapse;
}

table.form th {
  text-align: right;
  padding: 0px;
  padding-right: 5px;
  font-size: 12px;
}

table.form td {
  text-align: left;
  padding: 0px;
}

table.form td input {
  width: 335px;
  font-size: 14px;
  padding: 2px;
}

table.form tr.url th  {
  vertical-align: top;
  line-height: 28px;
}

table.form tr.url td  {
  line-height: 14px;
  font-size: 11px;
  padding-bottom: 5px;
  color: #666;
}

table.form tr.password td input {
  width: 200px;
}

table.form tr.submit td {
  font-size: 11px;
}

table.form tr.submit td input {
  width: auto;
}

/*-------------------------------------------------
GENERAL BLANK SLATE (copied from BP)
-------------------------------------------------*/

div#blank_slate {
  margin: 5px 0 20px 0;
  text-align: left;
}

div#blank_slate h1 {
	border-bottom: 0;
}

/*-------------------------------------------------
GENERAL NUBBIN (adapted from BP)
-------------------------------------------------*/

span.nubbin_hover {
  position: relative;
  z-index: 2;
}

span.nubbin {
  position: absolute;
  background: url(/images/nubbin.gif) top left no-repeat;
  width: 40px;
  top: -6px;
  left: -50px;
  padding: 0 0 0 7px;
  z-index: 1;
}

/* LIST nubbins */

  div.list span.nubbin { left: -50px; }
  div.list div.Privatetodo span.nubbin { left: -67px; }
  div.list div.PrivatetodoIE span.nubbin { left: -67px; }

  div.list div.content_for_item span.nubbin { left: -85px; }
  div.list div.Privatetodo div.content_for_item span.nubbin { left: -105px; }
  div.list div.PrivatetodoIE div.content_for_item span.nubbin { left: -105px; }

  div.list_with_time div.content_for_item span.nubbin { left: -105px; }
  div.list_with_time div.Privatetodo div.content_for_item span.nubbin { left: -127px; }
  div.list_with_time div.PrivatetodoIE div.content_for_item span.nubbin { left: -127px; }

li span.nubbin {
  left: -75px;
}

span.nubbin img {
  margin: 9px 0 6px 0;
}

/*-------------------------------------------------
FIELDSET
-------------------------------------------------*/

fieldset {
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #999;
}

fieldset p {
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #666;
}

fieldset legend {
	font-size: 12px;
	font-weight: bold;
	color: #874c00;
}

fieldset legend span {
	color: #666;
	font-weight: normal;
	font-size: 80%;
}

/*-------------------------------------------------
FILE HOSTING
-------------------------------------------------*/

table.hostoption {
	margin: 10px auto 30px auto;
}

table.hostoption p {
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	margin: 0 0 15px 0;
}

table.hostoption td {
	text-align: center;
	font-size: 12px;
}

table.hostoption td.option {
	border: 5px solid #ccc;
	padding: 10px;
	vertical-align: top;
	width: 45%;
}

table.hostoption td.selected {
	background-color: #ffc;
}

table.hostoption td.current {
	background-color: #d89800;
	font-weight: bold;
	color: #fff;
}

table.hostoption td.notcurrent {
	border: 1px solid #ccc;
	border-bottom: 0;
}

table.hostoption td.option h2 {
	margin: 0 0 10px 0;
	font-size: 16px;
	color: #000;
}

table.hostoption tr.actions td {
	padding: 3px;
}

table.hostoption td.option h3 {
	font-size: 11px;
	text-align: left;
	border-bottom: 1px solid #dcdcdc;
	color: #000;
	margin: 0 0 2px 0;
}

div.faq h3 {
	color: #000;
	margin: 0 0 2px 0;
	padding: 0;
}

div.faq p {
	margin: 0 0 15px 0;
	width: 75%;
}

/*-------------------------------------------------
AFFILIATE PROGRAM
-------------------------------------------------*/

body.affiliate h2 {
	margin-bottom: 3px;
	color: #900;
	border-bottom: 1px solid #efefef;
}

body.affiliate h2 span, body.affiliate p span.highlight2 {
	background-color: #ffc;
	border: 1px solid #fc6;
	padding: 3px;
	font-family: courier, "Courier New", monospace;
	letter-spacing: 1px;
}

body.affiliate div.Left p {
	width: 80%;
	font-size: 12px;
	margin-top: 0;
}

body.affiliate h1 {
	margin: 20px 0 15px 0;
	color: #000;
}

body.affiliate div.page_header h1 {
  margin-bottom: 0;
}

body.affiliate div.col {
	padding-bottom: 20px;
}

body.affiliate ol {
	margin: 0 0 20px 40px;
	width: 75%;
}

body.affiliate div.affiliatechart {
	float: right;
	margin: 0 0 25px 25px;
	padding: 10px;
	width: 200px;
	background-color: #fff;
	border: 2px solid #fc9;
}

body.affiliate div.affiliatechart table {
	margin-bottom: 10px;
}

body.affiliate div.affiliatechart table, body.affiliate div.affiliatechart p {
	width: 100%;
	margin-top: 0;
}

body.affiliate div.affiliatechart table td {
	font-size: 12px;
	padding: 2px;
	border-bottom: 1px solid #ccc;
	width: 100%;
	white-space: nowrap;
}

body.affiliate div.affiliatechart table th {
	font-size: 10px;
	text-align: center;
	padding: 2px;
	background-color: #333;
	color: #fff;
}

body.affiliate table.affiliatecount td {
	padding: 5px;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
}

body.affiliate table.affiliatecount td.total {
	border: 10px solid #ccc;
	background-color: #9f9;
	font-size: 11px;
	text-align: center;
}

body.affiliate table.affiliatecount td.total strong {
	font-size: 11px;
}

body.affiliate table.affiliatecount td.total h1 {
	font-size: 20px;
	margin: 0;
}

body.affiliate table.affiliatecount td small {
	color: #999;
}

body.affiliate table.affiliatecount td strong {
	font-size: 18px;
}

body.affiliate table.affiliatecount td.earned {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	background-color: #cfc;
	border-bottom: 0;
}

body.affiliate table.affiliatecount td.totals {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 300px;
}

body.affiliate table.affiliatecount td.totals strong {
	font-size: 12px;
}

body.affiliate table.affiliatecount th.earned {
	background-color: #cfc;
	color: #000;
}

body.affiliate table.affiliatecount th {
	font-size: 11px;
	text-align: left;
	color: #fff;
	padding: 5px;
	background-color: #333;
}

body.affiliate table.affiliatecount {
	margin-bottom: 30px;
}

body.affiliate textarea {
	width: 400px;
	height: 50px;
	margin-bottom: 20px;
}

body.affiliate ol.easylist li {
	font-size: 14px;
	line-height: 17px;
}

body.affiliate textarea {
	width: 468px;
	height: 100px;
}



/*-------------------------------------------------
BASIC FORM
-------------------------------------------------*/

div.basic_form_wrapper {
  text-align: left;
  padding: 0 0 20px 0;
  position: relative;
}

div.basic_form {
	background-color: #f5f5f5;
	border-bottom: 1px solid #dcdcdc;
  border: 2px solid #ccc;
	margin: 0;
	padding: 10px 20px 10px 10px;
	font-size: 11px;
}

div.basic_form input.expanded,
div.basic_form textarea.expanded {
  width: 95%;
}

div.basic_form input, div.basic_form textarea {
	width: 300px;
	padding: 3px;
}

div.basic_form input.autosize {
  width: auto;
}

div.basic_form input.big {
	font-size: 18px;
}

div.basic_form textarea {
	width: 300px;
  font-size: 13px;
	height: 75px;
}

div.basic_form h2 {
	font-size: 14px;
	margin: 0 0 5px 0;
	border-bottom: 0px;
}

div.basic_form h3 {
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  color: #333;
	font-size: 12px;
	margin: 0 0 2px 0;
	border: none;
}

div.basic_form h3.optional {
  font-weight: normal;
}

div.basic_form h2 span {
	font-family: georgia;
	font-style: italic;
	font-weight: normal;
	color: #666;
	font-size: 90%;
}

div.basic_form h1 {
	font-size: 16px;
	margin-bottom: 5px;
}

div.basic_form p {
	font-size: 12px;
  margin: 0 0 15px 0;
}

div.basic_form p.submit {
  color: #999;
  margin-bottom: 5px;
}

div.basic_form p.submit input {
  width: auto;
  font-size: 14px;
}

/*-------------------------------------------------
PAGE HEADER
-------------------------------------------------*/

div.page_header {
  background: #edf3fe;
  margin: 0 0 5px 0;
  padding: 13px 30px 13px 24px;
}

div.page_header h1 {
	padding: 0;
  margin: 0;
	font-size: 14px;
	color: #000;
}

div.page_header h1 span {
	font-size: 12px;
	color: #666;
	font-weight: normal;
}

div.sheet div.page_header h1 {
  font-size: 20px;
}

div.page_header p {
  margin: 5px 0 0 0;
}


/*-------------------------------------------------
PAGE HEADER LINKS
-------------------------------------------------*/

div.page_header_links {
  float: right;
  width: 200px;
  font-size: 11px;
  margin-top: 0;
  text-align: right;
  color: #ccc;
  line-height: 20px;
}

div.page_header_links strong {
  color: #000;
}

div.page_header_links a.active:link,
div.page_header_links a.active:visited,
div.page_header_links a.active:hover {
  background: #999;
  color: #000;
  text-decoration: none;
  font-weight: normal;
}

div.page_header_links a.edit {
  text-decoration: none;
  color: #777;
}

div.page_header_links a.edit:hover {
  color: #fff;
}


/*-------------------------------------------------
PRIVATE HEADER
-------------------------------------------------*/

div.private_header {
  background: #ffe6ea;
  padding: 6px 10px 6px 27px;
  font-size: 11px;
  margin: 0;
}

div.private_header img {
  vertical-align: top;
  padding-top: 1px;
  margin-right: 2px;
}

div.private_header p {
  margin: 0;
}



/*-------------------------------------------------
DATES
-------------------------------------------------*/

h2.date /* the date */ {
	margin: 0 0 15px -23px;
	font-size: 9px;
	text-transform: uppercase;
}

h2.date span {
	border-bottom: 1px solid #ccc;
	color: #666;
	padding: 2px 4px 2px 24px;
}

h2.date span.today {
	background-color: #fff000;
	color: #000;
	font-weight: bold;
	border-bottom: none;
}

/*-------------------------------------------------
SIDEBARS
-------------------------------------------------*/

body .Right h1 {
	background-color: #EDF3FE;
	border-bottom: 1px solid #DCDCDC;
	margin: 0 0 5px 0;
	color: #333;
	padding: 6px 8px;
	font-size: 13px;
}

body .Right p {
	font-size: 12px;
	line-height: 1.3em;
	color: #222;
}

body .Right div.indent {
	padding-left: 8px;
}

/*-------------------------------------------------
BUTTON TO ADD NEW
-------------------------------------------------*/

div.button_to_add_new {
  margin: 0 0 15px 0;
}

div.button_to_add_new img {
  height: 31px;
}

div.button_to_add_new div.other_ways_to_add img {
  width: 16px !important;
  height: 16px !important;
}

div.button_to_add_new a.pressed img {
  visibility: hidden;
}

div.button_to_add_new a.pressed {
  display: block;
  height: 31px;
}

div.other_ways_to_add {
  font-size: 12px;
  line-height: 22px;
  margin: 8px 0 25px 7px;
}

div.other_ways_to_add img {
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

div.other_ways_to_add a.clicked {
  color: #666 !important;
}

/*-------------------------------------------------
PRIVATE BUG FOR TITLES
-------------------------------------------------*/

span.private_bug {
  font-weight: normal;
  font-size: 10px;
  font-weight: normal;
  background: #d00;
  color: #fff;
  padding: 1px 3px;
}



/*-------------------------------------------------
TO-DOS AND MILESTONES DASHBAORD
-------------------------------------------------*/

body.filterable_dashboard div.page_header_links {
  color: #333;
  font-size: 12px;
  width: 300px;
}

body.filterable_dashboard div.page_header_links form {
  margin: 0; padding: 0;
}

body.filterable_dashboard div.page_header_links select {
  font-size: 12px;
  width: 120px;
}

body.filterable_dashboard div.no_items {
  margin-left: 20px;
}

body.filterable_dashboard div.no_items h2,
body.filterable_dashboard div.no_items p {
  margin: 0 0 5px 0;
}

/*-------------------------------------------------
SHEET FORMS
-------------------------------------------------*/

div.sheet_form div.form_section {
	margin-bottom: 25px;
}

div.sheet_form div.sub_form_section {
	margin-bottom: 10px;
}

div.sheet_form input.text {
  font-weight: bold;
  font-size: 18px;
  width: 98%;
}

div.sheet_form p {
  font-size: 13px;
	margin: 0 0 15px 0;
	padding: 0;
}

div.sheet_form div.submit {
  border-top: 1px dashed #ccc;
  margin: 20px -60px -15px -23px;
  padding: 15px 0 15px 30px;
  text-align: left;
}

div.sheet_form div.notify_block h3 {
  color: #000;
}

div.sheet_form div.submit p {
  margin: 0;
}

div.sheet_form h2 {
	color: #000;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	font-family: "Lucida Grande", verdana;
}

div.sheet_form h3 {
	color: #000;
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 14px;
}

div.sheet_form h2 span {
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

/*-------------------------------------------------
PRIVATE ITEMS
-------------------------------------------------*/

div.private_banner {
	background-color: #ffe6ea;
	padding: 7px;
	text-align: center;
	margin: 15px 0;
	font-size: 12px;
	font-weight: bold;
}

div.private_banner span {
	background-color: red;
	padding: 2px 4px;
	color: #fff;
}

/*-------------------------------------------------
BLANK SLATES
-------------------------------------------------*/

div.blankBar h1 a.clicked:link,
div.blankBar h1 a.clicked:visited {
  color: red !important;
}

/*-------------------------------------------------
"LOCKED AND ARCHIVED" BAR
-------------------------------------------------*/

div#LockBar {
	background: #000;
	color: #ffc;
	padding: 4px;
	font-size: 14px;
	text-align: center;
}

div#LockBar span.reactivate {
	font-size: 12px;
}

div#LockBar span.reactivate a:link,
div#LockBar span.reactivate a:visited {
	color: #fff;
}


/*-------------------------------------------------
CONFIRM DELETE INTERSTICIAL
-------------------------------------------------*/

div.confirm_delete div.header {
  background: #ffc;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

div.confirm_delete div.body {
  padding: 10px 40px 30px 30px;
}

div.confirm_delete p {
  font-size: 14px;
  line-height: 140%;
}

div.confirm_delete ul {
  margin-left: 40px;
}

div.confirm_delete ul li {
  list-style-type: disc;
  font-size: 14px;
  line-height: 110%;
}

div.confirm_delete ul.projects span {
  font-size: 12px;
  color: #666;
}

div.confirm_delete div.yes_or_no {
  text-align: center;
  border-top: 1px solid #ccc;
  margin-top: 24px;
}

div.confirm_delete div.yes_or_no p {
  font-size: 12px;
  margin-bottom: 0;
}

div.confirm_delete div.yes_or_no a {
  color: red;
}

div.confirm_delete div.yes_or_no a:hover {
  background: red;
  color: white;
}

div.confirm_delete div.yes_or_no a.yes {
  font-size: 14px;
  font-weight: bold;
}



a.grey { color: #666 !important; }

a.grey:hover { color: #fff !important; background: #666; }

/*-------------------------------------------------
HEADER
-------------------------------------------------*/

#Header {
	background: #036;
	padding: 1px 0 0 0;
	margin: 0;
	text-align: left;
  position: relative;
	}

#Header h1 /* client name */ {
	padding: 0 0 10px 0;
	margin: 0 0 0 30px;
	font-size: 24px;
	font-weight: normal;
	color: #fc0;
	text-align: left;
	}

#Header.global h1 {
  margin-top: 7px;
}

#Header h1 span /* project name */ {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	border: none;
	font-family: "Lucida Grande", arial, sans-serif;
	}

#Header h3 {
	padding: 7px 20px 7px 25px;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

#Header h3 a {
  padding: 7px;
}

#Header.global h3 {
  position: relative;
  float: right;
  text-align: right;
  width: 300px;
}

#Header h3 span#floatright {
  text-align: right;
  width: 300px;
  position: relative;
  float: right;
}

#Header h3 span#floatright,
#Header.global h3 {
	font-family: verdana;
  font-size: 10px;
}

#Header h3 span#floatright a,
#Header.global h3 a {
  padding: 7px 4px;
}

#Header h3 span.pipe {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

#Header h3 a.current {
	font-weight: bold;
	text-decoration: none;
}

#Header h3 a.free_pitch {
	font-size: 10px;
  text-decoration: none !important;
}

#Header h3 a.free_pitch span {
  font-size: 12px;
  text-decoration: underline;
}

#Header h3 a.free_pitch:hover span {
  text-decoration: none;
}

#fresh_all h2 {
	padding: 0 0 2px 0;
	margin: 0;
	border-bottom: 1px dotted #ccc;
}

#Header a:hover.image {
	background-color: none;
	background-color: transparent;
}


/*-------------------------------------------------
TABS
-------------------------------------------------*/

#Tabs {
	margin: 0 57px 0 30px;
	height: 25px;
	padding: 0;
}

#Tabs ul {
	margin: 0; padding: 0;
}

#Tabs li {
	margin: 0; padding: 0;
	display: inline;
	list-style: none;
	border: none;
}

#Tabs ul#MainTabs {
}

div#Tabs a:link,
div#Tabs a:visited {
  text-decoration: none;
}

#Tabs a:hover {
	color: #fff;
	background: #333;
}

#Tabs ul#MainTabs a:link, #Tabs ul#MainTabs a:visited {
  float: left; /* for IE6 */
	font-size: 12px;
	font-weight: normal;
	padding: 4px 8px 6px 8px;
	margin: 0;
}

#Tabs ul#MainTabs a:link.current, #Tabs ul#MainTabs a:visited.current {
	background: #e5e5e5 url(/images/tab-bg.gif) top repeat-x;
	border-bottom: 1px solid #e5e5e5;
	color: #222;
	font-weight: bold;
	text-decoration: none;
  margin: 0;
}


div#print_button {
  float: right;
  width: 50px;
  padding-top: 3px;
  height: 1%;
}

div#print_button img {
  width: 25px;
  height: 17px;
}

body.unprintable div#print_button {
  display: none;
}

body.unprintable #Tabs {
  margin-right: 25px;
}

/*-------------------------------------------------
NEW ACCOUNT FIRST LOGIN
-------------------------------------------------*/

div.new_account_welcome h1 {
	color: #000;
	font-size: 18px;
	margin: 15px 0;
	padding: 0;
	line-height: 1.3em;
}

div.new_account_welcome h2 {
	color: #000;
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 0;
}

div.new_account_welcome h3 {
	color: #222;
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.3em;
}

div.new_account_welcome span.highlight {
	background-color: yellow;
	padding: 3px;
}

/*-------------------------------------------------
MINIDIALOG
-------------------------------------------------*/

div.minidialog {
  background-color: #fff;
  width: 510px;
  text-align: left;
  margin: 20px auto;
	padding-bottom: 0px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

body.mini_dialog .innercol {
	padding: 15px 23px 0 23px;
}

div.minidialog img {
  margin: 0 0 15px 0;
  padding: 0;
}

div.minidialog div.action {
  padding: 7px;
  background-color: #cfc;
  margin-bottom: 0;
}

div.minidialog table {
	font-size: 11px;
}

div.minidialog div.innercol p {
	margin-top: 0;
	padding-top: 0;
	font-size: 12px;
}

div#RubyProf {
  width: 80%
  margin: 0 auto;
  padding: 5%;
  font-size: 70%;
  font-family: monospace;
  background-color: white;
}

body.mini_dialog div.innercol div.message ul {
	list-style-type: square;
	margin-bottom: 15px;
}

body.mini_dialog div.innercol div.message li {
	font-size: 12px;
	margin-left: 20px;
}

/*-------------------------------------------------
JAVASCRIPT DISABLED NOTIFICATION
-------------------------------------------------*/

div.javascript_disabled_notification {
  width: 520px;
  margin: 30px auto;
  background: #fff;
}

div.javascript_disabled_notification div.inner {
  padding: 20px;
  text-align: left;
}

div.javascript_disabled_notification h1 {
  font-size: 18px;
  margin: 0 0 18px 0;
}

div.javascript_disabled_notification p {
  margin: 0 0 14px 0;
  font-size: 14px;
  line-height: 140%;
}


body.login {
  color: #000;
	background-color: #e5e5e5;
}

body.login a:hover {
  color: #03c;
  background: none;
  text-decoration: underline;
}

body.login div#LogoBox {
  margin-top: 50px;
}

body.login div.login_dialog {
  zoom: 100%;
  background-color: #f5f5f5;
}

body.login div.login {
	padding: 20px;
	border: 10px solid #ccc;
	background-color: #f5f5f5;
	text-align: left;
	width: 400px;
	margin: 50px auto;
	font-family: lucida grande, verdana;
	font-size: 12px;
}

body.login div.login p {
	margin: 0 0 15px 0;
	padding: 0;
}

body.login div.login div.flash {
	padding: 7px 5px;
	font-size: 12px;
	margin: 15px 0;
}

body.login div.login div.error {
	border-top: 1px solid #900;
	border-bottom: 1px solid #900;
	color: #900;
	background-color: #f5e6e6;
}

body.login div.login div.confirm {
	border-top: 1px solid #393;
	border-bottom: 1px solid #393;
	color: #393;
	background-color: #e6f5ea;
}

body.login div.login h1 {
  color: #000;
	font-size: 16px;
	margin: 0 0 20px 0;
	padding: 0;
}

body.amnesia div.login h1 {
	margin-bottom: 5px;
}

body.login div.login h2 {
  color: #000;
	font-size: 12px;
	margin: 0 0 2px 0;
	padding: 0;
}

body.login div.login input {
	width: 275px;
	font-size: 14px;
	padding: 3px;
	margin-bottom: 10px;
}

body.login div.login label {
  margin-bottom: 10px;
}

body.login div.login label input {
  margin-bottom: 0;
}

body.login div.login input.auto {
	width: auto;
}

body.login div.login input.button {
	width: auto;
	font-size: 14px;
	padding: 3px;
	margin: 10px 0 0 0;
}

body.login div.login div.extras {
	border-top: 1px dashed #999;
	margin-top: 20px;
	padding-top: 10px;
}

body.login div.login div.extras ul {
	margin: 0 0 0 17px;
	padding: 0;
}

body.login div.login div.extras ul li {
	list-style: square;
	font-size: 12px;
	padding-bottom: 3px;
}




body.amnesia div.login {
	width: 550px;
}

body.amnesia div.login div.note {
	padding-left: 10px;
	border-left: 3px solid orange;
	font-size: 12px;
	margin-left: 20px;;
	float: right;
	width: 200px;
}

body.amnesia div.login input {
	margin-bottom: 0;
}

body.amnesia div.login input.button {
	margin-bottom: 25px;
}


/*-------------------------------------------------
NEW
-------------------------------------------------*/

body.messages div.button_to_add_new img {
  width: 176px;
}

body.messages div.button_to_add_new a.pressed {
  background-image: url(/images/post_a_new_message-pressed.gif);
  width: 176px;
}


/*-------------------------------------------------
FORM
-------------------------------------------------*/

body.message_form div.Left div.innercol {
  padding: 10px 20px 0 20px;
}

body.message_form div.main_attributes {
  background: #efefef;
  margin: 0 0 10px 0;
  border-width: 1px;
  border-style: solid;
  border-color: #d9d9d9 #ccc #ccc #d9d9d9;
}

body.message_form div.main_attributes div.inner {
  padding: 10px;
  border: 1px solid #fff;
}

body.message_form h2 {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 13px;
  color: #000;
  font-weight: bold;
  margin: 0;
}

body.message_form h2.text_input {
  font-size: 11px;
  color: #333;
  font-weight: normal;
}

body.message_form h2 span.show_extended_body {
  font-size: 11px;
  color: #999;
}

body.message_form div.input {
  margin: 0 0 10px 0;
}

body.message_form input.message_title {
  font-weight: bold;
  font-size: 18px;
  padding: 3px;
}

body.message_form textarea {
  margin: 3px 0 10px 0;
  font-size: 14px;
  padding: 3px;
	height: 120px;
}


/*-------------------------------------------------
OPTIONAL MESSAGE BLOCKS
-------------------------------------------------*/

body.message_form div.message_option {
  border-width: 5px 0 0 0;
  border-style: solid;
  border-color: #eee;
  overflow: hidden;
  padding: 8px 0 8px 10px;
}

body.message_form div.message_option h2 {
  margin: 0 0 3px 0;
  color: #000;
  font-weight: normal;
}

body.message_form div.message_option p {
  margin: 0;
}

/*-------------------------------------------------
ATTACHMENTS OPTION
-------------------------------------------------*/


body.message_form div.attachments_option {
  border: none;
  margin-bottom: 8px;
}

div.attachments_option img.paperclip {
  width: 19px;
  height: 59px;
  float: left;
}

div.attachments_option div.indented {
  margin-left: 33px;
  padding-top: 8px;
}

div.attachments_option h2 span.filesize_limit {
  font-size: 12px;
}

div.attachments_option h2 {
  margin-bottom: 3px;
}

div.attachments_option div.file_selectors p {
  margin-top: 0;
}

div.attachments_option div.cannot_upload_files p {
  margin: 0 0 5px 0;
	color: #000;
}

div.attachments_option div.cannot_upload_files {
	padding: 7px 20px 7px 7px;
	border: 1px dotted #ccc;
}

div.attachments_option div.cannot_upload_files h3 {
	font-size: 13px;
	margin: 0 0 3px 0;
	color: #000;
}


/*-------------------------------------------------
MILESTONE OPTION
-------------------------------------------------*/

body.message_form div.milestone_option {
}

body.message_form div.milestone_option label {
  font-weight: normal;
  font-size: 12px;
}


/*-------------------------------------------------
SUBSCRIBERS OPTION
-------------------------------------------------*/

body.message_form div.subscribers {
  padding-bottom: 15px;
  border-bottom: none;
}

body.message_form div.notification_header h2 {
  font-weight: bold;
}

body.message_form div.notification_header p {
  font-size: 12px;
  color: #666;
}

body.message_form div.notification_header {
  margin-bottom: 5px;
}

body.message_form div.subscribers div.indented {
  margin-left: 5px;
}


body.message_form div.submit {
  text-align: left;
  border-top: 1px solid #eee;
  background: url(/images/page_footer-bg.gif) top repeat-x;
  padding: 12px 10px 25px 25px;
  margin: 0;
  color: #666;
}

body.message_form div.submit input {
  font-size: 14px;
}

body.message_form div.edit_alert {
	margin-top: 10px;
	border-top: 1px dashed #dcdcdc;
	padding-top: 10px;
}

body.message_form div.edit_alert h2 {
	font-weight: bold;
}


/*-------------------------------------------------
INDEX
-------------------------------------------------*/

div.message {
  margin: 0 0 10px 0;
  padding: 0 0 20px 0;
}

div.message h1.title {
	font-size: 18px;
}

div.message h1.title span.private_bug {
  vertical-align: middle;
}

div.message h1.title a {
  padding: 0;
}

div.message h3 {
	padding: 0;
	margin: 10px 0 5px 0;
	color: #333;
	font-size: 12px;
	line-height: 1.3em;
	font-weight: normal;
}

div.message h3 span.pipe {
  color: #999;
}

div.message h3 a:link,
div.message h3 a:visited {
  color: #000;
  font-size: 12px;
}

div.message h3 a:hover {
	color: #fff;
	background-color: #666;
}

div.message h3 a.admin:link,
div.message h3 a.admin:visited {
  color: #f00;
}

div.message h3 a.admin:hover {
  color: #fff;
  background-color: #f00;
}

div.message h1 {
	color: #000;
}

div.message h1 a {
	color: #000;
	text-decoration: none;
}

div.message h1 a:hover {
	background: #fff;
	color: #000;
	text-decoration: underline;
}

div.message h2.subhead {
	padding: 0;
	margin: 15px 0 0 0;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	line-height: 12px;
}

body.messages div.formatted_text_body p {
  font-size: 12px;
}

body.messages div.formatted_text_body h1 {
  font-size: 16px;
}

body.messages div.formatted_text_body h2 {
  font-size: 14px;
}

body.messages div.formatted_text_body h3 {
  font-size: 12px;
}

body.messages div.formatted_text_body h4,
body.messages div.formatted_text_body h5,
body.messages div.formatted_text_body h6 {
  font-size: 12px;
}


/*-------------------------------------------------
FORUM INDEX
-------------------------------------------------*/

body.forum div.Left div.innercol {
  padding-right: 23px;
}

table.forum_view {
	margin-bottom: 20px;
  border-collapse: collapse;
}

table.forum_view th {
  color: #999;
  font-weight: normal;
  text-align: left;
  font-size: 11px;
  padding: 3px 7px 3px 0;
  border-bottom: 1px solid #ddd;
}

table.forum_view td {
	font-size: 14px;
	color: #000;
	padding: 7px 7px 7px 0;
  border-bottom: 1px solid #eee;
	vertical-align: top;
	line-height: 1.1em;
}

table.forum_view td.message {
  padding-right: 15px;
  width: 70%;
}

table.forum_view td.message a {
  text-decoration: none;
  position: relative;
}

table.forum_view td.message a:hover {
  background: none;
}

table.forum_view td.message a span.comments {
  display: block;
  position: absolute;
  top: 4px;
  left: -55px;
  width: 50px;
  text-align: right;
}

table.forum_view td.message a span.size {
  float: right;
  font-weight: bold;
  padding: 2px 5px 0 0;
  font-size: 12px;
}

table.forum_view td.message a:link span.size {
	color: #01a101;
}

table.forum_view td.message a.visited span.size {
  color: #999;
}

table.forum_view td.message a span.comments span.icon {
  display: block;
  width: 24px;
  height: 21px;
  float: right;
}

table.forum_view td.message a:link span.comments span.icon {
  background-image: url(/images/comment-unread.gif);
}


table.forum_view td.message a.visited span.comments span.icon {
  background-image: url(/images/comment-read.gif);
}

table.forum_view td.message a span.title {
  padding: 1px 0;
  line-height: 1.3em;
  text-decoration: underline;
}

table.forum_view td.message a span.title:hover {
  text-decoration: none;
}

table.forum_view td img {
  vertical-align: middle;
}

table.forum_view div.comments {
  text-align: right;
}

table.forum_view td.comments span {
	background-color: #ccc;
	padding: 4px;
	font-size: 11px;
}

table.forum_view td.comments span.new {
	background-color: #01a101;
	color: #fff;
	font-weight: bold;
}

table.forum_view td.last_comment {
  width: 29%;
  color: #888;
  font-size: 11px;
}

table.forum_view td span.meta {
  color: #888;
	font-size: 11px;
}

table.forum_view td span.meta span.today {
	background-color: yellow;
	padding: 2px;
	color: #333;
}


/*-------------------------------------------------
SHOW
-------------------------------------------------*/

body.message div.page_header {
  padding: 0 60px 0 0;
  border-bottom: 1px solid #d0d0d0;
}

body.message div.page_header_links {
  width: 300px;
  line-height: 12px;
  margin-top: 10px;
}

body.message div.page_header p.link_back {
  margin: 0;
  padding: 10px 0 10px 15px;
  font-size: 12px;
}

body.message div.page_header p.link_back a {
  text-decoration: none;
}

body.message div.message_header {
  border-bottom: 1px solid #ddd;
  margin-bottom: 14px;
  padding-bottom: 5px;
  overflow: hidden;
}

body.message div.message_header h2 span.sticky {
  background: #ffb;
}

body.message div.message_header img.avatar {
  margin: 0 5px 5px 10px;
  float: right;
}

body.message div.message_header p {
  font-size: 12px;
  line-height: 140%;
  margin: 0;
}

body.message div.message_header h2,
body.message div.message_header h2 span {
  /* span for Textile interference */
  font-size: 18px;
  margin: 0 0 5px 0;
  border: none;
  color: #000;
}

body.message div.message_header p span.label {
  float: left;
  width: 30px;
  margin-right: 8px;
  color: #999;
}


/*-------------------------------------------------
NEW COMMENT
-------------------------------------------------*/

body.message div#your_comment div.extra div.showhide_link p {
  font-size: 12px;
}

/*-------------------------------------------------
COMMENT EMAIL NOTIFICATION SIGNUP
-------------------------------------------------*/

div#notificationSignup {
	margin-bottom: 20px;
}

div#notificationSignup p.subscribe {
  background: #ffc;
  padding: 4px;
  margin-left: -4px;
}

div#notificationSignup h3 {
	font-size: 12px;
	color: #000;
	padding: 0;
	margin: 0 0 3px 0;
}

div#notificationSignup p.subscribers {
	margin-top: 0;
  margin-left: 5px;
}

div#notificationSignup p.subscribers span {
  color: #999;
}

.SidebarContact {
	font-size: 11px;
	line-height: 1.3em;
	color: #333;
	margin: 10px 0;
}

.SidebarContact h3 {
	color: #000;
	margin: 0;
	font-size: 12px;
}

/*-------------------------------------------------
COMMENT SPECIFIC STUFF
-------------------------------------------------*/

div#Attachments h2 {
	background-color: transparent;
	color: #000;
	border-bottom: none;
}

#Preview, #preview {
	border: 2px solid #ef9c00;
	padding: 0;
}

#Preview div.preview_header h2,
#preview div.preview_header h2 {
	margin: 0;
	padding: 5px 10px;
	background: #ff6;
	border: none;
	color: #000;
}

#Preview #PreviewBody, #preview_body {
	padding: 10px 20px 10px 10px;
}

h1#post_title_preview {
  color: #000;
  margin: 0 0 15px 0;
}

#Preview, #preview {
  margin-bottom: 10px;
}

#Preview #PreviewButtons {
	text-align: left;
	background: #ffc;
	margin: 0;
	padding: 5px 10px;
}

div.post_comment_stats h2 {
	margin: 1px 0 8px 0;
	font-size: 12px;
	color: #666;
	font-weight: normal;
}

div.post_comment_stats h2 a:link,
div.post_comment_stats h2 a:visited {
	font-weight: bold;
	color: #000;
}

div.post_comment_stats h2 a:hover {
  color: #fff;
  background: #000;
}

div.uploaded_images img {
	padding: 1px;
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
}

/*-------------------------------------------------
FILE ATTACHMENTS
-------------------------------------------------*/

div.attachments {
	margin: 5px 0 10px 0;
}

div.attachments div.attachment {
	font-size: 11px;
	color: #888;
}

body.messages div.attachments div.attachment {
	margin-bottom: 7px;
}

div.attachments div.attachment span {
  font-size: 10px;
}

body.message div.attachments div.attachment {
  font-size: 14px;
  clear: left;
  line-height: 32px;
	margin-bottom: 3px;
}

body.message div.attachments div.attachment span {
  font-size: 12px;
}

body.message div.attachments div.attachment img {
  vertical-align: middle;
}

div.attachments div.attachment img {
	padding-right: 8px;
}

div.pending_attachments p {
  line-height: 16px;
  padding: 2px 0;
}

div.pending_attachments p img {
  vertical-align: middle;
}

/*-------------------------------------------------
FORMATTING IN MESSAGE AND COMMENT BODIES
-------------------------------------------------*/

div.message div.formatted_text_body p {
	padding: 0;
	margin: 3px 0 10px 0;
	font-size: 14px;
	line-height: 1.4em;
}

body.messages div.formatted_text_body p {
	font-size: 12px;
}

div.formatted_text_body ol, div.formatted_text_body ul {
	margin: 3px 0 10px 0;
	padding: 0;
}

div.formatted_text_body li {
	margin-left: 30px;
	font-size: 14px;
	line-height: 1.4em;
}

body.messages div.formatted_text_body li {
	font-size: 12px;
	line-height: 1.4em;
}

div.formatted_text_body ul li {
	list-style-type: square;
}

div.formatted_text_body table {
  border-collapse: collapse;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin: 3px 0 10px 0;
}

div.formatted_text_body td,
div.formatted_text_body th {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
	padding: 5px;
	font-size: 12px;
}

div.formatted_text_body p {
	font-size: 14px;
	line-height: 1.4em;
	margin: 3px 0 10px 0;
	padding: 0;
}

div.formatted_text_body h1,
div.formatted_text_body h2,
div.formatted_text_body h3,
div.formatted_text_body h4,
div.formatted_text_body h5,
div.formatted_text_body h6 {
  margin: 15px 0 0 0;
  font-weight: bold;
  color: #000;
}

div.formatted_text_body h1 {
  font-size: 18px;
}

div.formatted_text_body h2 {
  font-size: 16px;
}

div.formatted_text_body h3 {
  font-size: 14px;
}

div.formatted_text_body h4,
div.formatted_text_body h5,
div.formatted_text_body h6 {
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
}



/*-------------------------------------------------
INDEX
-------------------------------------------------*/

body.milestones div.page_header_links {
  color: #999;
  width: 300px;
}

body.milestones div.page_header {
  margin-bottom: 10px;
}

/*-------------------------------------------------
DATEPICKER
-------------------------------------------------*/

div.datepicker {
	float: left;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #ccc;
	overflow: hidden;
}

body.milestones div.clear {
  clear: both;
  font-size: 5px;
}

body.milestones div.Milestone div.sheet_form div.shift {
	border: 1px dotted #999;
	padding: 5px;
	margin-bottom: 15px;
}

body.milestones div.Milestone div.sheet_form div.shift h2 {
	font-size: 12px;
	font-weight: bold;
}

body.milestones div.Milestone div.sheet_form div.shift p {
	font-size: 11px;
	line-height: 1.2em;
}

/*-------------------------------------------------
NEW
-------------------------------------------------*/

body.milestones div.button_to_add_new img {
  width: 181px;
}

body.milestones div.button_to_add_new a.pressed {
  background-image: url(/images/add_a_new_milestone-pressed.gif);
  width: 181px;
}

body.milestones div.sheet_form div.submit {
	margin: 0 0 0 240px;
	padding: 15px 0 20px 0;
}

body.milestones div.sheet_form input.text {
	width: 300px;
}

/*-------------------------------------------------
EDIT
-------------------------------------------------*/

body.milestones div.Milestone div.sheet_form {
	border: 2px solid #999;
	padding: 10px;
	margin: 10px 0;
}

body.milestones div.Milestone div.sheet_form div.submit {
	padding: 10px 0 0 0;
	margin-left: 0;
}

body.milestones div.Milestone div.sheet_form input.text {
	width: 260px;
}


/*-------------------------------------------------
SIDEBAR CALENDAR
-------------------------------------------------*/

table.Calendar {
	margin-top: 15px;
	font-size: 10px;
	text-align: center;
	color: #333;
	font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;
}

table.Calendar td {
	padding: 4px;
	text-align: center;
	font-size: 11px;
	color: #121212;
}

table.Calendar th {
	color: #555;
	background: #dcdcdc;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

table.Calendar th.month {
	text-align: right;
	color: #333;
}

table.Calendar td.weekend {
	color: #c3bebe;
}

table.Calendar td.past, table.Calendar td#today, table.Calendar td.future_today, table.Calendar td.past_today, table.Calendar td.past_future, table.Calendar td.past_future_today, table.Calendar td.future, table.Calendar td.late {
	color: #fff;
}

table.Calendar td.past {
	background: #393;
	color: #fff;
}

table.Calendar td.late {
	background: #c00;
	color: #fff;
}

table.Calendar td#today {
	/* background: #fc0; */
	background: #9cf;
	color: #000;
}

table.Calendar td.future_today {
	color: #69c;
	background: #fc0;
	font-weight: bold;
}

table.Calendar td.past_today {
	color: #9ff;
	background: #393;
	font-weight: bold;
}

table.Calendar td.past_future {
	background-image: url(/images/milestone_future_past.gif);
	background-position: center;
	color: #fff;
}

table.Calendar td.past_future_today {
	background-image: url(/images/milestone_future_past.gif);
	background-position: center;
	color: #9ff;
	font-weight: bold;
}

table.Calendar td.future {
	/* background: #c00; */
	background: #fc0;
	color: #000;
}

table.Calendar tr.pastmonth {
	display: none;
}

div.widget div.nubbin {
  display: none;
  position: relative;
  top: -4px;
  left: 0;
  width: 0;
  height: 0;
}

div.widget div.hover div.nubbin {
  display: block;
}

div.widget div.widget div.nubbin {
  display: none;
}

div.widget div.widget div.hover div.nubbin {
  display: block;
}

div.widget div.nubbin div.wrapper {
  position: absolute;
  height: 19px;
  right: 0;
  width: 56px;
  background: url(/images/nubbin.gif) no-repeat top left;
  margin: 0;
  padding: 7px 0 0 7px;
  font-size: 10px;
  line-height: 10px;
}

div.widget div.nubbin ul {
  margin: 0;
  padding: 0;
}

div.widget div.nubbin li {
  float: left;
  list-style-type: none;
  margin: 0 4px 0 0;
}

div.widget div.nubbin li a {
  font-size: 10px;
  background: none;
  color: #f00;
  text-decoration: underline;
}

div.widget div.nubbin li img {
  border: none;
}

div.widget * {
  z-index: 1;
}

div.widget_content * {
  z-index: 2;
}

div.widget_content div.nubbin,
div.widget_content div.nubbin * {
  z-index: 0;
}

div.widget div.nubbin img.drag_handle {
  cursor: move;
}

body.iphone div.widget div.nubbin img.drag_handle {
  display: none;
}

body.iphone div.widget div.nubbin div.wrapper {
  width: 45px;
}

/*-------------------------------------------------
SHOW (Project overview)
-------------------------------------------------*/

body.overview table.events td {
  font-size: 12px;
  padding: 4px 0;
  vertical-align: top;
}

body.overview table.events td.who {
  white-space: nowrap;
  font-weight: bold;
  padding-right: 4px;
  text-align: right;
}

body.overview span.list {
  color: #999;
}

body.overview table.events span {
  line-height: 1.4em;
}

body.overview table.events h2.date {
  margin-top: 12px;
  margin-bottom: 0;
}

body.overview span.event_type span {
  font-weight: normal;
  color: #fff;
  padding: 1px 3px;
}

body.overview span.event_type span.completed {
  padding-left: 16px;
  background: url(/images/events/check.png) 0 0 no-repeat;
}

body.overview table.events img.file_icon {
  vertical-align: top;
}

body.overview span.event_type span.post {
  background-color: #334E7D;
}

body.overview span.event_type span.todo {
  background-color: #C87800;
}

body.overview span.event_type span.comment {
  background-color: #6492AC;
}

body.overview span.event_type span.milestone {
  background-color: #5F6E43;
}

body.overview span.event_type span.video {
  background-color: #FF7F7F;
}

body.overview span.event_type span.documentation {
  background-color: #8368EF;
}

body.overview span.event_type span.file {
  background-color: #7A4A77;
}

body.overview span.event_type span.writeboard {
  background-color: #24A89E;
}

body.overview span.event_type span.private {
  background-color: #f00;
}

/* ---OVERVIEW LOG ------------------------------------------- */

table.overview {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing:	0;
	width: 100%;
}

table.overview td {
	padding: 4px 3px;
	vertical-align: top;
	border-bottom: 1px solid #efefef;
}

table.overview h2.date {
	margin-bottom: 5px;
	margin-left: -26px;
}

table.overview tr.date td {
	text-transform: uppercase;
	font-size: 10px;
	color: #666;
	border-bottom: none;
	padding-top: 15px;
}

table.overview td.what {
	text-align: right;
	padding-top: 4px;
	padding-right: 0px;
	padding-left: 0px;
	border: 0;
}

table.overview td.what span {
	padding: 3px 4px;
	color: #fff;
	font-size: 10px;
	display: block;
	float: right;
	white-space: nowrap;
	width: 74px;
}

table.overview td.item {
	padding-left: 6px;
	padding-top: 6px;
	width: 100%;
	font-size: 12px;
	color: #000;
	margin: 0 0 2px 0;
	line-height: 1.1em;
}

table.overview td.action {
	white-space: nowrap;
	text-align: right;
	color: #999;
	font-size: 10px;
	padding-top: 6px;
}

table.overview td.what span.comment {
	background-color: #6492AC;
}

table.overview td.what span.post {
	background-color: #334E7D;
}

table.overview td.what span.file {
	background-color: #7A4A77;
  /* reset the bottom margin inheriting from .file on files.css */
  margin: 0;
}

table.overview td.what span.milestone {
	background-color: #5F6E43;
}

table.overview td.what span.video {
	background-color: #FF7F7F;
}

table.overview td.what span.documentation {
	background-color: #8368EF;
}

table.overview td.what span.todo {
	background-color: #C87800;
}

table.overview td.what span.writeboard {
	background-color: #24A89E;
}

table.overview td.what span.private {
	background-color: red;
}

table.overview span.name {
	color: #565656;
	font-size: 10px;
	font-style: italic;
}

/* ---DASHBOARD LOG ------------------------------------------ */

table.overview th, body.dashboard table.milestones th, body.overview table.milestones th {
	background: #E9E9E9;
	border-bottom: 2px solid #fff;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
}

table.overview th a:link, table.overview th a:visited {
	font-size: 12px;
	text-decoration: none;
	color: #000;
}

table.overview th a span {
	color: #666;
	font-size: 10px;
}

table.overview th a:hover, table.overview th a:hover span {
	color: #fff;
}

body.dashboard table.overview td.date span.today {
	padding: 1px 2px;
	background-color: #fff000;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	float: left;
	font-size: 9px;
}

body.dashboard table.overview td.item {
	font-size: 11px;
	padding-top: 5px;
	padding-left: 6px;
	line-height: 1.2em;
}

table.overview td.name, body.dashboard table.overview td.date {
	color: #222;
	font-size: 10px;
	white-space: nowrap;
	padding-top: 6px;
}

body.dashboard table.overview td.date {
	padding-right: 3px;
	padding-left: 5px;
	text-align: left;
	border-left: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	color: #222;
}

table.overview tr.rowblank td {
	border: none;
	padding: 0;
}

body.dashboard table.overview td.name {
	padding-right: 3px;
}

body.dashboard table.overview td.what {
	padding-top: 3px;
	padding-left: 3px;
	border-bottom: 1px solid #efefef;
}