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


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

input, 
textarea
 { padding: 3px; }

img {
  border:0;
}

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

a {text-decoration: underline; padding: 1px; }
a:link { color: #f60; }
a:visited { color: #f60; }
a:hover { color: #fff; background-color: #f60; 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: #f60;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
}

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

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

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 {
  color: #666;
  font-size: 11px;
}

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

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

x-small {
	font-size: 9px;
	line-height: 11px;
	}

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

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

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


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

li img {
	padding-right: 3px;
}

h1 {
	font-family: "Lucida Grande", "Lucida Sans", 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: 12px;
	padding: 5px;
	margin-left: -5px;
}

h1.blankslate a {
	color: #f60;
}

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

h2 {
	font-family: "Lucida Grande", "Lucida Sans", 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", "Lucida Sans", 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: #999;
	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: #f60;
}

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

.bigger {
	font-size: 12px;
}

.red {
	color: #c00;
}

.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%
	}

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

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

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

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

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

.Privatetodo {
	padding-top: 2px;
	padding-bottom: 10px;
	margin-top: 15px;
	padding-left: 10px;
	border-left: 5px solid #BC0001;
}

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

img.privatebug {
	padding: 5px;
}

.fieldWithErrors {
  background: red; padding: 2px;
}

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

.Container {
	margin: 0 auto;
	text-align: center;
	width: 90%;
	min-width: 750px;
	}

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

#ContentFrame, #DashContentFrame, .ContentFrame {
	margin: 0;
	padding: 20px 0;
	width: 100%;
	text-align: left;
	/*position: relative;*/
	float: left;
	border: 1px solid #ccc;
	border-top: none;
	background-color: #fff;
}

.Left {
	margin: 0;
	padding: 8px 0px;
	text-align: left;
	width: 65%;
	float: left;
	}

.LeftFull {
	margin: 0;
	padding: 8px 0px;
	text-align: left;
	width: 85%;
	float: left;
	}

.RightDash {
	width: 70%; /* was 75% */
	text-align: left;
	margin: 0;
	padding: 0;
	/*position: absolute;*/
	float: left;
}

.Right {
	margin: 0px 0 0 0;
	padding: 8px 0px;
	text-align: left;
	/*position: absolute;*/
	float: left;
	width: 35%;
	}

.LeftDash {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 30%; /* was 25% */
	float: left;
}


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

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

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

/*-------------------------------------------------
PRIMER
-------------------------------------------------*/

div#primer {
  padding: 13px;
  background-color: #fff;
  border: 10px solid #dcdcdc;
  margin: 20px 0 30px 0;
  text-align: left;
}

div#primer h1 {
  margin: 0 0 3px 0; padding: 0;
  font-size: 18px;
  color: #393;
}

div#primer h2 {
  margin: 0 0 2px 0; padding: 0;
  font-size: 14px;
  color: #000;
}

div#primer p {
  margin: 0 0 10px 0; padding: 0;
  font-size: 12px;
  width: 550px;
}

div#primer strong {
  color: #333;
}

div#primer div.morehelp {
  float: right;
  border-left: 1px solid #ccc;
  padding-left: 13px;
  width: 200px;
}

div#primer div.morehelp p {
  font-size: 11px;
  width: auto;
  line-height: 14px;
}

div#primer div.morehelp h2 {
  font-size: 11px;
  color: #000;
}

div#primer div#hideprimer {
  border-top: 1px solid #ccc;
  padding-top: 8px;
  font-size: 12px;
}

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

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

/*-------------------------------------------------
STATUS BAR
-------------------------------------------------*/

#Statusbar {
	color: #666;
	padding: 0 20px;
	margin: 20px 0 5px 0;
	text-align: left;
	font-size: 9px;
}

#Statusbar a.admin {
	font-size: 9px;
}

#StatusLeft {
	float: left;
	font-weight: bold;
	color: #333;
}

#StatusLeft a, #StatusRight a {
	font-weight: normal;
}

#StatusLeft a:hover, #StatusRight a:hover {
	background-color: #333;
	color: #fff;
}

#StatusRight {
	text-align: right;
}

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

#Tabs {
	height: 21px;
	margin: 0;
	padding-left: 20px;
}

#Tabs li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	border: none;
}
	
#Tabs a:link, #Tabs a:visited {
	float: left;
	background: #eaeac7;
	font-size: 10px;
	font-weight: normal;
	padding: 3px 6px;
	margin: 0 -1px 0 0;
	border: 1px solid #036;
	border-bottom: #eaeac7;
	text-decoration: none;
	color: #333;
}

#Tabs a:link.current, #Tabs a:visited.current {
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #393;
	font-weight: bold;
}

#Tabs a:hover {
	color: #000;
	background: #f60;
}


#Tabs li#AdminTab a:link, #Tabs li#AdminTab a:visited {
	background: #000;
	border-bottom: 1px solid #000;
	color: #fff;
}

#Tabs li#AdminTab a:hover {
}

#Tabs li#AdminTab a.current {
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #000;
}

#Tabs li#AdminTab a.current:hover {
}


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

.SectionHeader {
	margin: 0 0 20px 0;
}

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

.SectionHeader h1 /* title of the page */ {
	padding-bottom: 2px;
	border-bottom: 1px solid #666;
	margin: 0;
	font-size: 16px;
	color: #000;
}

.SectionHeader h3 /* formerly 'tools' */ {
	font-family: verdana;
	padding: 2px 0 0 0;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	color: #666;
}

.SectionHeader h3 a.back {
	color: #666;
	text-decoration: none;
	border-bottom: 1px dotted #666;
	padding-bottom: 0;
}

.SectionHeader h3 a.back:hover {
	color: #fff;
	background-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;
}

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

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

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

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

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

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

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

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

.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: 0;
}

.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;
}

.SidebarContact {
	font-size: 10px;
	line-height: 14px;
	color: #333;
	margin: 10px 0 20px 0;
}

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

#Poster {
	margin-bottom: 30px;
}

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


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

/*-------------------------------------------------
RETURN LINK
-------------------------------------------------*/

.return, .returnborder {
	padding-bottom: 2px;
	margin: 0 0 15px 0;
	font-size: 11px;
	color: #666;
	font-weight: normal;
	border: none;
}

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

.return a, .returnborder a {
	color: #666;
}

.return a:hover, .returnborder a:hover {
	background-color: #666;
	color: #fff;
}


/*-------------------------------------------------
FORM STUFF (MORE BELOW)
-------------------------------------------------*/

table.NewLink th {
	text-align: left;
	font-size: 10px;
}

span.formoptions /* small text inside an h2 */ {
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
}

span.formoptions a {
	padding: 4px;
}

.ButtonGroup {
	font-size: 11px;
	text-align: right;
	margin: 15px 0 3px 0;
}

.error, .fieldWithErrors {
	background-color: red;
	padding: 2px;
}

#ErrorExplanation {
	border: 2px solid #red;
	padding: 7px;
	padding-bottom: 12px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
}

#ErrorExplanation h2 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 27px;
	font-size: 12px;
	margin: -7px;
	color: #fff;
}

#ErrorExplanation p {
	color: #333;
	margin-bottom: 0;
	padding: 5px;
}

#ErrorExplanation ul {
	margin-left: 30px;
}

#ErrorExplanation ul li {
	font-size: 12px;
	list-style: square;
}




/*-------------------------------------------------
LOGIN DIALOG BOX
-------------------------------------------------*/

#loginFirstTime {
	text-align: left;
}

#loginFirstTime h1 {
    margin-bottom: 15px;
    font-size: 14px;
    color: green;
    border-bottom: 1px solid #ccc;
}

#loginFirstTime h2 {
    font-size: 12px;
    margin: 0;
    padding: 0 0 1px 0;
}

#loginFirstTime p {
    font-size: 11px;
    margin: 0 0 15px 0;
    padding: 0;
    line-height: 14px;
}



/*-------------------------------------------------
EFFECTS
-------------------------------------------------*/

#fade {
	background-color: #ffff99;
}

#zoomer {
  position: absolute;
  background: #ccc;
  display: none;
}

.inactive {
  opacity: 0.0;
  filter: alpha(opacity: 0);
}

.active {
  opacity: 1.0;
  filter: alpha(opacity: 100);
}


/*-------------------------------------------------
POPUP
-------------------------------------------------*/

#Popup {
	text-align: left;
}

#Popup #Header {
	border: none;
	padding-left: 15px;;
}

#Popup #Header h2 {
	font-size: 16px;
	padding: 0;
	margin: 0px;
}

#Popup p {
	text-align: left;
}

#Popup #Body {
	margin: 0 15px;
}

#Popup #close {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: #fff;
	border-top: 1px solid #ccc;
	padding: 10px 0;
	text-align: center;
}


/*-------------------------------------------------
DASHBOARD LOG
-------------------------------------------------*/

span.projectflag {
	color: #666;
	font-size: 9px;
}

span.projectflagHill {
	color: #333;
	font-size: 9px;
}

span.projectflagValley {
	color: #999;
	font-size: 9px;
}

span.projectflagHill span.client {
	color: #000;
	font-weight: bold;
}

span.projectflagValley span.client {
	color: #999;
}

span.projectflag span.client {
	color: #000;
}

table.fresh {
	margin-bottom: 10px;
}

table.fresh td {
	font-size: 10px;
	padding: 0;
}

table.fresh td.icon {
	padding: 0 3px;
}

table.fresh td.title {
	color: #666;
	font-size: 9px;
}

table.fresh td.titleHill {
	color: #666;
	font-size: 9px;
}

table.fresh td.titleValley {
	color: #999;
	font-size: 9px;
}

table.fresh td.titleHill a {
	font-size: 10px;
}

table.fresh td.titleValley a:hover {
	background: #333;
	color: #fff;
}

table.fresh td.titleValley a {
	font-size: 9px;
	color: #888;
}

table.fresh td.titleHill img {
	padding: 0 0 0 3px;
}

table.fresh td.titleValley img {
	display: none;
}

table.fresh td.title a {
	font-size: 10px;
}

table.fresh td.title img {
	padding: 0 0 0 3px;
}


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

a.messagelink:hover {
	color: #fff;
}

table.fresh tr.shade td {
	background: #e5e5e5;
}

table.fresh td.project {
	padding-top: 5px;
}

table.ItemList {
	width: 100%;
}

table.ItemList th {
	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;
	margin: 0;
}

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

table.ItemList td {
	padding: 3px 5px;
	font-size: 10px;
/*	white-space: nowrap; */
}

table.ItemList td.expander {
	width: 100%;
}

table.ItemList td.icon {
	text-align: right;
}

table.ItemList td.date {
	text-align: left;
	font-size: 9px;
	color: #666;
}

table.ItemList th a span.dash {
  font-weight: normal;
}

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

table.ItemList th a:hover, table.ItemList th a:hover span {
	color: #f60;
	background-color: transparent;
}

table.ItemList td.title {
	font-size: 11px;
}

table.ItemList td.action {
	color: #999;
  text-align: right;
}

table.ItemList tr {
	vertical-align: top;
}


table.ItemList tr.rowblank td {
}

table.ItemList tr.row1 td {
	background: #f4f4f4;
}

table.ItemList tr.row2 td {
	background: #fefefe;
}

table.ItemList tr.row3 td {
	background: #f6f6f6;
}

table.ItemList tr.row4 td {
	background: #fcfcfc;
}

table.ItemList tr.row5 td {
}

/*-------------------------------------------------
PROJECT LOG
-------------------------------------------------*/

table.latest {
	margin-bottom: 10px;
	width: 100%;
}

table.latest td {
	font-size: 12px;
	padding: 3px 0 3px 0;
	color: #000;
	vertical-align: top;
}

table.latest td.icon {
	padding: 5px 10px 0 10px;
	font-size: 9px;
	width: 40px;
	color: #333;
	text-align: right;
}

table.latest tr.shade td {
	background: #e5e5e5;
}

table.latest span.prep {
	font-size: 10px;
	color: #999;
}

table.latest td.title span.late, table.latest td.title span.ontime {
	color: #c00;
	font-size: 9px;
	padding: 1px 2px;
	font-family: verdana;
	font-weight: bold;
}

table.latest td.title span.ontime {
	color: #390;
}

table.latest p {
	font-size: 10px;
	color: #666;
	margin: 0;
	padding: 0;
	line-height: 12px;
}

table.latest td blockquote {
	margin: 0;
	padding: 0;
	color: #333;
}

table.latest p.excerpt {
	color: #666;
	margin: 3px 0 3px 0px;
}

table.latest p.responsible {
	color: #666;
}

table.latest td.title span.list, table.latest td.title span.list a {
	font-size: 10px;
	color: #999;
}

/*-------------------------------------------------
FILES TEMP - JBF
-------------------------------------------------*/

table.files {
	border: 0;
	border-bottom: 1px solid #ccc;
}

table.files td {
	vertical-align: top;
	padding: 5px;
	border-top: 1px solid #ccc;
}

table.files th {
	text-align: left;
	padding: 2px 5px;
	font-size: 10px;
	background-color: #666;
	color: #fff;
	font-weight: bold;
}

table.files td.date {
	padding: 20px 0 2px 0;
	font-size: 9px;
	font-style: italic;
	line-height: 12px;
	color: #000;
}

table.files td.icon {
	width: 32px;
}

table.files td.details, td.description {
	padding-right: 20px;
}

table.files td.details {
	white-space: nowrap;
}

table.files td.description {
	border-left: 1px dotted #ccc;
	font-size: 10px;
	color: #666;
	line-height: 14px;
	font-weight: normal;
	font-style: normal;
}

table.files td h1 {
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

table.files td h2 {
	font-size: 10px;
	color: #666;
	line-height: 14px;
	font-weight: normal;
	font-style: normal;
	padding: 0;
	margin: 0 0 2px 0;
}

table.files td h3 {
	font-size: 9px;
	line-height: 12px;
	font-weight: normal;
	font-style: italic;
	color: #999;
	padding: 0;
	margin: 0;
}

table.files tr.shaded td {
	background-color: #f5f5f5;
}

/*-------------------------------------------------
SEARCH STUFF
-------------------------------------------------*/

strong.searchterm {
	background: #fc3;
	color: #000;
	font-weight: inherit;
	text-decoration: none;
	padding: 0 2px;
}

li a:link strong.searchterm, li a:visited strong.searchterm, li a:hover strong.searchterm {
	padding: 1px 4px;
}

div#SearchWrapper div.Post a.commentlink { font-weight: normal; }

div#SearchWrapper div.Post h1.commentresult { font-size: 13px; }

div#SearchWrapper div.Post h1 span { color: #999; }

div#SearchWrapper div.Post h1 span.filename { font-size: 11px; font-weight: normal; }

input#SearchField {
	width: 300px;
	font-size: 13px;
	font-weight: bold;
}


#Notify table td {
	vertical-align: top;
	padding-right: 15px;
}

#Notify td + td, #Notify th + th {
	border-left: 1px solid #ccc;
	padding-left: 10px;
}


#Notify table th {
	text-align: left;
}

#Notify table td p {
	font-size: 12px;
	font-weight: normal;
}


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

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

.FormSubBlock {
	margin-left: 15px;
	border: none;
	border-left: 8px solid #d9d9d9;
	background: none;
	padding: 5px 0 5px 10px;
}

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

.FormSubBlock h2 {
	margin: 0 0 5px 0;
}

.FormSubBlock p {
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 13px;
}

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


/*-------------------------------------------------
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;
}

div.settingsnav {
	clear: both;
	color: #999;
	font-size: 12px;
	margin: 0px 0 20px 0;
}

div.settingsnav strong {
	color: #000;
}

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

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

.Left .col {
	padding: 0 15px 0 10px;
}

.Right .col {
	min-width: 200px;
	border-left: 1px dotted #dcdcdc;
	padding: 0 5px;
}

.LeftDash .col {
	border-right: 1px dotted #dcdcdc;
	padding: 0 20px;
}

.RightDash .col {
	padding: 0 30px 0 20px;
}


/*-------------------------------------------------
LOGIN SCREEN (.login is body class)
-------------------------------------------------*/

.login div.Container {
	width: 500px;
	margin: 60px auto 20px auto;
	min-width: inherit;
}

.login h1 {
	margin-bottom: 20px;
}


.login dl {
	margin: 10px 0 0 0;
}

.login p {
	margin: 10px 0 0 0;
}

.login dt {
	float: left;
	width: 80px;
	font-size: 14px;
	line-height: 24px;
}

.login dd {
	margin: 0 0 5px 90px;
	font-size: 11px;
	line-height: 24px;
	color: #666;
	margin-left: 80px;
}

.login input {
	font-size: 14px;
}

.login dd span {
	color: #ccc;
}

.login input#username {
	width: 300px;
}

.login input#password {
	width: 150px;
	margin-right: 5px;
}

.login input#emailpassword {
	vertical-align: middle;
	margin-right: 5px;
}

.login div.AlertGood,
.login div.AlertBad {
	margin: 10px 0 20px 0;
}

.login div#Dialog {
	border: 10px solid #ccc;
	padding: 15px 20px 10px 20px;
	text-align: left;
	background: #fff;
}



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

#basic_form {
  font-family: verdana, sans-serif;
}

#basic_form p.blockintro {
	color: #666;
	font-size: 11px;
  line-height: 14px;
  margin: 0;
}

#basic_form dl {}

#basic_form dt {
  width: 180px;
  margin: 4px 8px 0 0; padding: 0;
  text-align: left;
  white-space: nowrap;
  float: left;
  clear: left;
}

#basic_form dd {
  margin: 0 0 5px 0px;
  font-size: 10px;
  clear: left;
}

.addacompany #basic_form dt,
.editcompany #basic_form dt { width: 120px; }
.editcompany #basic_form dt { width: 120px; }
.newprojectnewclient #basic_form dt { width: 120px; }
.newprojectnewclient #basic_form dt.newcompanyname { margin-top: 0;}
.newprojectnewclient #basic_form dd.newcompanyname {
   font-size: 11px;
   margin-bottom: 10px;
 }

 .appearance #basic_form dt { width: 175px; }

.file_upload_settings #basic_form dt { width: 90px; }
.file_upload_settings #basic_form dd { margin-left: 98px; }
.file_upload_settings #basic_form dl#protocol dt { width: 20px; margin: 0; }
.file_upload_settings #basic_form dl#protocol dd { margin: 0 18px 10px 28px; }
.file_upload_settings #basic_form dl#hostaddress dt { width: 40px; }
.file_upload_settings #basic_form dl#hostaddress dd { margin-left: 0; }
.file_upload_settings_verification #basic_form div.block {
	font-family: "Lucida Grande", "Lucida Sans", verdana, arial, helvetica, sans-serif;
  padding: 8px 5px;
  margin-bottom: 0;
}

#basic_form dt.required {
  font-weight: bold;
}

#basic_form dd input[type="text"] {
  vertical-align: middle;
  width: 200px;
}

#basic_form dd input.longtext {
  width: 300px;
}

#basic_form table {}

#basic_form table td {
	font-size: 10px;
}

#basic_form table th {
  font-size: 10px;
	font-weight: normal;
	text-align: right;
}

#basic_form table th.required {
  font-weight: bold;
}

#basic_form div.block {
	color: #333;
	background: #f0f0f0;
	margin: 3px 0 25px 0;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
}

#basic_form div.block input,
#basic_form div.block textarea {
  font-family: verdana, sans-serif;
  font-size: 12px;
}

#basic_form h2 {
	font-size: 14px;
	color: #333;
	margin-bottom: 10px;
	padding: 0;
	margin: 0 0 5px 0;
}

#basic_form div.action {
	border-top: 2px solid #000;
	margin-bottom: 10px;
	text-align: right;
	padding-top: 8px;
	font-size: 12px;
}

#basic_form div p {
  margin: 0;
}

.settings #basic_form div#categories {
  margin-bottom: 0;
}

.settings #basic_form div#categories li {
  list-style: square;
  margin-left: 15px;
  font-size: 11px;
}

.settings #basic_form div#categories li span {
  font-size: 10px;
  color: #999;
}

.settings #basic_form div#addnewcategory p {
  margin: 0;
}

.settings #basic_form div#statusoptions p {
  margin: 0 0 5px 0;
}

.settings #basic_form div#statusoptions p span {
  font-size: 10px;
  color: #666;
}

/*-------------------------------------------------
MESSAGES_FORM, FILES_FORM (email notification)
-------------------------------------------------*/

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

body.messages_form div.FormSubBlock span {
  font-size: 10px;
  color: #666;
}

body.messages_form div.FormSubBlock table#emailnotification th, body.files_form div.block table#emailnotification tr th {
  padding: 12px 0 0 0;
  border-bottom: 1px solid #dcdcdc;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
}

body.messages_form div.FormSubBlock table#emailnotification td, body.files_form div.block table#emailnotification td {
  padding: 0;
  vertical-align: top;
}


/*-------------------------------------------------
NEW TODOS (ala Backpack)
-------------------------------------------------*/

div.list div.inner { /* indent the list */
  margin-left: 20px;
}

div.list h2 { /* title of list */
  font-size: 16px;
}

div.list h2 img {
  vertical-align: middle;
  margin-left: 3px;
}

div.list h2 a.permalink:link,
div.list h2 a.permalink:visited {
  color: #000;
}

div.list h2 a.permalink:hover {
  color: #fff;
}

div.list h2 a.admin:link, /* IE6 is stupid, so we'll say it again */
div.list h2 a.admin:visited {
  color: red;
}

div.list h2 a.admin:hover {
  color: #fff;
}
 
div.list .showhidedialog input.additemfield {
	font-size: 16px;
	padding: 2px;
	width: 400px;
}

div.list .showhidedialog .edit_textarea {
  font-size: 14px;
  width: 450px;
}

div.list div.additem { /* the link to add an item */
	margin-top: 3px;
	margin-left: 25px;
  background: #efefef;
  padding: 5px;
}

div.list div.additem p {
  margin: 0 0 5px 0;
  font-size: 11px;
}

div.list div#additemdialog {
	margin-top: 3px;
	margin-left: 25px;
}

div.list ul.uncompleted_items {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

div.list ul.completed_items {
  margin: 3px 0 0 0;
  padding: 0;
  list-style-type: none;
	color: #999;
}

div.list ul li {
  clear: both;
}

div.list ul.completed_items li div.content_for_item {
  padding-top: 2px;
}

div.list ul li img {
	vertical-align: middle;
}

div.list ul.uncompleted_items li {
  padding: 0;
  margin: 0 0 2px 0;
  font-size: 12px;
  line-height: 16px;
}

div.list ul.completed_items li {
  padding: 0;
  margin: 0 0 3px 0;
  font-size: 11px;
}

div.list div.check_box_for_item {
  width: 17px;
  float: left;
}

div.list div.content_for_item {
  padding-top: 1px;
  margin-left: 22px;
}

div.list ul.completed_items li div.content_for_item {
  padding-top: 3px;
}

div.list ul.completed_items li strong {
  font-weight: normal;
  color: #666;
}

div.list div.viewallcomplete {
  margin-top: 3px;
  margin-left: 22px;
  font-size: 10px;
}

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

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

div#new_list, div.edit_list {
  background: #efefef;
  padding: 10px 10px 0px 10px;
}

div.edit_list {
  margin: 20px 0 5px 0;
  padding-bottom: 10px;
}


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

div#new_list p, div.edit_list p {
  margin: 0 0 5px 0;
}

div#new_list p.submit, div.edit_list p.submit, div.list div.additem p.submit {
  margin: 4px 0 0 0;
  padding: 3px 0 0 0;
  border-top: 1px solid #ccc;
}

div#new_list input.new_list_title, div.edit_list input.list_title {
  font-size: 16px;
  width: 400px;
}

div#new_list textarea, div.edit_list textarea {
  font-size: 13px;
  width: 400px;
}

div.list textarea.new_item_field {
  font-size: 12px;
  width: 380px;
}

div.edit_list input.list_title {
  font-weight: bold;
}

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;
}

#helptext {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	padding-bottom: 15px;
}

#helptext h1 {
	font-weight: bold;
	color: #ccc;
	font-size: 12px;
	padding: 3px 0 2px 0;
	margin: 0;
}
#helptext h2 {
	font-weight: bold;
	color: #999;
	font-size: 12px;
	padding: 3px 0 2px 0;
	margin: 0;
}
#helptext h3 {
	font-weight: bold;
	color: #333;
	font-size: 10px;
	padding: 3px 0 0px 0;
	margin: 0;
}
#helptext p {
	padding: 3px 0 4px 0;
	margin: 0 10px 0 0;
	font-size: 10px;
	color: #666;
	line-height: 13px;
}
#helptext ul li {
	list-style-type: square;
	margin: 2px 10px 2px 20px;
	padding: 0;
	font-size: 10px;
	color: #666;
}

.message{
	display: block;
	text-align: center;
	margin: 10px 0 0px 0px;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 4px;
	border: none; /*1px solid #f60*/
	background-color: #FFFFE6;
	color: #f60;
}