/* * * * * * * * * * * * * * * * * * * *
	Nozbe.com WEBSITE STYLE SHEET
	(c) 2005 apivision.com
div {
	border: 1px solid #000;
}
 * * * * * * * * * * * * * * * * * * * */


* html #poststuff {
	height: 100%; /* kill peekaboo bug in IE */
}

body	{
	padding: 0px;
	background: #fff;
	margin: 0px;
	font: 12px Verdana, Arial;
	color: #2d2d2d;
	text-align: center;
	background: #fff url(background4.jpg) center;
}

#page {
	margin: auto;
	width: 740px;
	text-align: left;
}

#page_bottom {
	margin-top: 10px;
	border-top: 1px solid #DCD0C7;
	border-bottom: 1px solid #DCD0C7;
	font-size: 11px;
	text-align: center;
	line-height: 14px;
	padding: 4px;
}

#video {
	text-align: center;
}

#account {
	margin: auto;
	width: 750px;
	text-align: left;
}

#account_top {
	height: 80px;
	background: #2D443C url(background-top.png) repeat-x;
}

#account_top_inside {
	margin: auto;
	width: 750px;
	text-align: left;
}

#account_top_right {
	float:right;
	width: 185px;
	height: 76px;
	text-align: left;
	background: url(menu_logo.png);
}

#account_top_right_txt {
	margin: 4px 0px 0px 110px;
	font-size: 10px;
	line-height: 16px;
}

#account_wrap {
	position: relative;
	clear: right;
	margin: 10px auto 0 auto;
}

div#account_main { width: 565px; }

#account_main_inside {
	border-bottom: 3px solid #97dd94; 
	border-right: 3px solid #97dd94; 
	border-left: 3px solid #97dd94; 
}

#account_foot {
	clear: both;
}

#account_bottom {
	font-size: 11px;
	text-align: center;
	line-height: 14px;
	padding: 4px;
}

#corner {
	float:right;
	padding: 6px;
	font-size: 11px;
}

#menu {
	padding: 0px;
	margin: 0px;
	background-color: #21602C;
	border-top: 1px solid #21602C;
	list-style: none;
}

#menu li {
	line-height: 20px;
	margin-left: 20px;
	display: inline;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
}

#menu a:hover {
	color: #21602C;
	background-color: #fff;
}

#menu .selected {
	background-color: #fff;
}

#menu .selected a {
	background-color: #fff;
	color: #21602C;
}

#menu a {
	padding: 2px 5px 3px 5px;
	background-color: #21602C;	
	text-decoration:none;	
	color: #fff;
}


/* * * * * * * * * * * * * * * * * * * *
	PAGE COMPONENTS
 * * * * * * * * * * * * * * * * * * * */
 
a:link, a:active, a:visited {
	color: #4F2F04;
	text-decoration: none;
}

a:hover {
	color: #fff;
	background: #4F2F04
}


h1 {
	font-size: 18px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

/* * * * * * * * * * * * * * * * * * * *
	USEFUL CLASSES
 * * * * * * * * * * * * * * * * * * * */

.smaller {
	font-size: 10px;
}

.small {
	font-size: 11px;
}

.smalldiv {
	padding: 4px;
	font-size: 11px;
}

.smalldiv_up {
	margin: 0px 0px 4px 2px;
	padding: 4px;
	font-size: 11px;
	line-height: 14px;
	border: 2px dashed #ffcc33;
}

.smalldiv_up a {
	text-decoration: none;
}

.blockdiv {
	margin-left: 20px;
	padding: 2px;
}

.bold {
	font-weight: bold;
}

.red {
	color: #008000;
	display: none;
}

.grey {
	background-color: #EAF8E8;
}

.greyheader {
	padding: 4px;
	background-color: #EAF8E8;
}

.greyheader a {
	text-decoration: none;
}
.msg_error {
	color: red;
	padding: 12px;
	margin: 20px 0px 20px 0px;
	border: 1px solid red;
}

.msg_info {
	color: green;
}

#submit_button {
	padding: 10px 10px 10px 160px;
	background-color: #DCD0C7;
}

#submit_note {
	padding: 8px;
	height: 40px;
}


.hr {
	background-color: #DCD0C7;

}

.box {
	float:right; 
	margin: 8px;
	padding: 8px; 
	width: 200px;
	border: 1px solid #EAF8E8;
	background-color: #fff;
}

.mark {
	background-color: #DCD0C7;
}

.highlight {
	color:#ff831e;
}

.label {
	cursor: pointer;
	padding: 4px;
	vertical-align: text-bottom;
	width: 150px;
	text-align: right;
	display: block;
	float: left;
	margin-bottom: 8px;
	font-weight: bold;
}

.page_form input {
	font-family: Verdana, Arial;
	font-size: 16px;
	padding: 4px;
}

.text {
	padding: 4px;
	line-height: 18px;
}

.topinfo {
	padding: 8px;
	background-color: #ffcc33;
	border: 2px solid #fff;
}

.topinfo_item {
	padding: 4px;
}

#table_plans {
	background-color: #ccc;
}

#table_plans td {
	background-color: #fff;
	text-align: center;
}

#table_plans .feat {
	text-align: left;
	font-size: 11px;
}

#table_plans .select {
	background-color: #EAF8E8;
}

#project_menu {
	padding: 4px;
}

#project_share {
	padding: 4px;
	background-color: #EAF8E8;
}

#project_share_head {
	padding: 4px;
}

#project_share_list {
	margin: 2px 0px 2px 10px;
}

.project_header {
	font-size: 18px;
	background: #97dd94;
	margin: 0px;
	color: #fff;
	padding: 4px;
}

.project_edit {
	padding: 2px 2px 0px 20px;
}

#project_body {
	padding: 4px;
	font-size: 11px;
}

#context_icon, #context_icon_edit {
	padding: 4px;
	border: 1px solid #000;
	width: 16px;
}

.context_icon {
	cursor: pointer;
	padding-right: 1px;
}

.context_icons {
	padding: 6px;
	float:right
}

.block {
	margin: 20px 0px 0px 0px;
	background-color: #006836;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 2px;
}

.block a:link, .block a:active, .block a:visited, .block a:hover{
	color: #fff;
	text-decoration: none;	
}

.block_btn {
	float: right;
	width: 20px;
}

.spinner {
	padding: 3px;
	width: 20px;
	float: left;
}

#task_list{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#task_header {
	padding: 2px 2px 6px 4px;
	font-size: 12px;
	border-bottom: 1px solid #97dd94;
}

#task_list li {
/*	position: relative;*/
	border-bottom: 1px solid #97dd94;
	padding: 0px;
	margin: 0px;
}

.task_table {
	margin: 0px;
	padding: 0px;
}

#task_list a {
	text-decoration: none;
}

#task_list li:hover {
/*	background-color: #ffff99;*/
}

#task_list .desc, .descdone {
	padding: 2px 0px 2px 0px;
	font-size: 14px;
}

#task_list .descdone {
	background-color: #dcf0dc;
	color: #909090;
}

#task_list .desc2, .desc2done {
	margin-left: 50px;
}

#task_list .desc2 {
	border: 1px solid #fff;
}

#task_list .desc2done {
	border: 1px solid #dcf0dc;
}

#task_list .check {
	float: right;
}

#task_list .link_to_edit {
	width:50px;
	float:left;
}

#note_list {
	list-style: none;
	margin: 4px 0px 4px 0px;
	padding: 0px;
}

#note_list li {
	padding: 4px 0px 8px 0px;
	font-size: 12px;
	border-top: 1px solid #97dd94;	
}

#note_list li:hover {
/*	background-color: #ffff99;*/
}

#note_list .link_to_edit {
	width:50px;
	float:left;
}



.side_project {
	position: absolute;
	width: 20px;
	right: 0px;
	padding: 4px 0px 2px 0px;
}

.dragp, .dragl, .dragn {
	cursor: move;
}

#task_list_done {
	border-top: 2px solid #D0DBF8;
	margin-left: 10px;
	padding: 2px;
	background-color: #f2f3f7;
	color: #666666;
	width: 510px;
	font-size: 11px;
}

#task_list_d{
	list-style: none;
	margin: 4px;
	padding: 0px;
}

#task_list_d li:hover {
/*	background-color: #d9d9d9; */
}

#task_list_d .check_d {
	float: right;
}

#task_summary {
	margin-left: 10px;
	padding: 2px;
	color: #666666;
	width: 520px;
	font-size: 11px;
}

#task_summary_right {
	float: right;
}


#side {
	position: relative;
}

#side_list{
	list-style: none;
	margin: 4px 0px 4px 0px;
	padding: 0px;
}

#side_list li {
/*	position: relative;
	padding: 4px 0px 4px 4px;*/
	font-size: 12px;
}

#side_list a {
	display: block;
	padding: 6px 4px 6px 4px;
	width: 155px;
	text-decoration: none;
}

#side_list a:hover, a.selected  {
	background-color: #97dd94;
	color: #fff;
}

.note_head {
	margin-left: 60px;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

.note_head_s, .note_head_d {
	font-size: 10px;
	font-weight: normal;
}

.note_head_d {
	color: #808080;
	position: absolute;
	left: 2px;
}

.note_content {
	padding: 4px;
	margin-left:10px;
}

dl{
	margin: 0;
	padding: 0;
}

dt {
	float: left;
	text-align: right;
	width: 50px;
	padding: 8px 4px 4px 4px;
}

dd {
	padding: 4px;
}

.inputform {
	padding: 4px;
	background-color: #EAF8E8;
}

.inputform_name {
	font-family: Verdana, Arial;
	font-size: 14px;
	padding: 2px;
	width: 420px;
}

.inputform_body {
	width: 420px;
}



/* * * * * * * * * * * * * * * * * * * *
	NIFTY CORNERS
 * * * * * * * * * * * * * * * * * * * */

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}



/********************************************************
	RSS Style Sheets
********************************************************/

.rss_item_date {
	margin-left: 2px;
	font-size: 11px;
}

.rss_item_title {
	padding: 8px 2px 2px 0px;
	display: block;
	font-size: 12px;
	font-weight: bold;
}

.rss_item_title a {
	text-decoration: none;
}

.rss_foot {
	padding: 4px;
	font-size: 11px;
	margin-bottom: 10px;
}