@charset "UTF-8";
/* CSS Document */

.container {
	width:470px;
	margin:0 auto;
}
body {
	background-image: url(../images/bg.gif);
	font-family: "helvetica Neue", Helvetica, Arial, sans-serif;
	color: #999999;
}.rows {
	background-image: url(../images/bg_rows.gif);
	background-repeat: repeat-y;
	background-position: center 0px;
}
.mockup, .mockup input, .mockup textarea, .mockup select, input.mockup, textarea.mockup, select.mockup {
	font-style: italic;
}
.row {
	width: 100%;
	margin: 0px;
	padding: 5px 0;
	border-bottom: 1px solid #7f7f7f;
}
.row .row {
	border-bottom-style: none;
}

.right { float:right; }
.left { float:left; }
.button.left {
margin: 5px 5px 0 0;}

.checkbox {
	background-image: url(../images/bg_checkbox.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 32px;
	cursor: hand;
}
.completed .checkbox {
	background-image: url(../images/bg_completed.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 32px;
	cursor: hand;
}
.completed .button {
	margin-bottom: 6px;
	}
	.completed .notification {
	padding-top: 6px;
	padding-left: 5px;
	font-size:15px;
	text-decoration: line-through;
		}
		.completed:hover {
			color: #666;}
.drag {
	background-image: url(../images/bg_drag.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 32px;
	cursor: ns-resize;
}
.row textarea, .row input {
	width: 100%;
	border: solid 1px #fff;
	color: #7f7f7f;
	font-family: "helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
}

.tabs a {
	font-size: 12px;
	color: #666;
	text-decoration: none;
	background-image:url(../images/i_generic.gif);
	padding: 3px 6px 3px 22px;
	background-repeat: no-repeat;
	background-position:  2px 0px;
}
.tab.notes {
width: 100%;
margin-bottom: 5px;
}

.tabs a:hover {
background-position:  2px -20px;
}
.tabs a.team {
	background-image:url(../images/i_team.gif);
}
.tabs a.notes {
	background-image:url(../images/i_notes.gif);
}
.tabs a.files {
	background-image:url(../images/i_files.gif);
}
.tabs a.talk {
	background-image:url(../images/i_talk.gif);
}
.tabs a.full, .guides .tabs a {
	color: #ffa200;
	background-position:  2px -20px;
}
.tabs a.selected {
color: #666;
background-color:#FFF;
background-position:  2px -40px;}
.tabs a.fullselected, .guides .tabs a.selected {
color: #ffa200;
background-color:#FFF;
background-position:  2px -60px;}
.tabs ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.tabs {
	height: 20px;
	padding: 0;
	margin:0;
}
.alltabs .add {
	font-size: 13px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
}
.row .all {
	padding-left: 6px;
}
.alltabs .add:hover {
color: #ffa200;
}
.alltabs .add {
	float: right;
	width:30px;
}
.alltabs {
	background-color: #ffeab2;
	height: 20px;
	padding: 0;
	margin:0;
}
.row .tabs {
	background-color: #ffeab2;
	height: 20px;
	padding: 0;
	margin:0;
}
.rating {
	margin: 3px 0 0 0;
	padding: 0px;
	list-style-type: none;
	height: 12px;
}
.rating li {
	background-image: url(../images/star.gif);
	background-repeat: no-repeat;
	display: block;
	height: 12px;
	float: left;
	width: 13px;
	background-position: 0px -24px;
}
#project, #guidetype, #filter {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffa200;
}
#filter {
margin: 7px 0;}
#project, #team, #guidetype, #guiderefine {
	padding: 3px 0;
}
.nav {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.nav li {
	display: inline;
	margin-right: 10px;
}
.nav a {
	color: #fbd99b;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
.nav a:hover {
color: #ffa200;
text-decoration:underline;
}
.nav .rightborder {
	visibility: hidden;
}
.nav .selected a {
	color: #FFF;
}
.nav .selected {
	background-color: #ffa200;
	padding: 0 3px;
}

.row .all a {
	color: #fbd99b;
	font-weight: bold;
	text-decoration: none;
}
.row .all a:hover {
	text-decoration: underline;
}
.row:hover .all a {
	color: #ffa200;
}
.rating li.half {
background-position: 0px -12px;
}
.rating li.full {
background-position: 0px 0px;
}
.actions .tabs {
width: 350px;
	padding: 0 0 0 40px;
}
.guides .tabs {
width: 360px;
	padding: 0 0 0 30px;
}
.tabs li {
float: left;
padding: 1px 0 0 0;
}
.tabs .add, .tabs .add li {
float: right;
}
.add a {
background-image:none;
}
.row.action {
	padding: 0;
	margin: 0;
	
}
.row:hover .drag, .row:hover .checkbox {
	background-position: 0px -32px;
}
.tab .member {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.tab .member a {
	background-image: url(../images/bg_checkbox.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	height: 25px;
	cursor: hand;
	padding: 7px 0 0 30px;
	color:#999999;
	text-decoration: none;
	display: block;
}
.tab .member a.selected {
	background-image: url(../images/bg_selected.gif);
	background-color: #ffeab2;
	color: #333;
	font-weight: bold;	
}
.tab .member a:hover {
	background-position: 5px -32px;
	color:#666;
	background-color:#eee;
}
.row:hover textarea, .row input  {
border-color: #e5e5e5;
color: #333;
}
#logout {
	background-image: url(../images/logout.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 5px;
	right: 5px;
}
#logout:hover {
	background-image: url(../images/logout_hover.gif);
}
#logout img, #logout {
	height: 22px;
	width: 68px;
	border: 0;
	
}
.promote textarea {
border-color: #e5e5e5;
color: #333;
padding: 0px;
}
.promote .span-5 textarea, .promote .span-5 input {
width:  190px;
}
.promote .span-4 textarea, .promote .span-4 input {
width:  150px;
}
.promote .span-5 textarea {
height:  70px;
}
.promote .span-4 textarea {
height:  140px;
}
.login input {
	width: 108px;
		border: solid 1px #e5e5e5;
	color: #333;
	font-family: "helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
}
.login {
margin-bottom: 10px;
}
.light {
	color: #666;}
*:active, *:focus { outline: none; }
.success, .notice, .error {
	padding: 4px;
	font-size: 10px;
	font-style: italic;
	line-height: 11px;
}
.success.below, .notice.below, .error.below {
	margin-top: 15px;
	margin-bottom: 0;
}
.close {
	width: 17px;
	height: 17px;
	text-decoration: none;
	position: relative;
	top: -10px;
	float: right;
	background-repeat: no-repeat;
}
.success .close {
	background-image:url(../images/close_success.gif);
}
.success .close:hover {
	background-image:url(../images/close_success_hover.gif);
}
.notice .close {
	background-image:url(../images/close_notice.gif);
}
.notice .close:hover {
	background-image:url(../images/close_notice_hover.gif);
}
.tab.notes textarea {
	width: 380px;
	height: 150px;
	margin: 0px;
	font-size: 13px;
	line-height: 18px;
}
.tab.newproject, .tab.publish, .tab.editproject {
	padding-bottom: 5px;}
.tab .text {
	width: 258px;
	margin: 0px;
	font-size: 13px;
	line-height: 18px;
}
.tab textarea.text {
	height: 80px;
}
.tab. input.text {
	padding: 5px;
}
.error .close {
	background-image:url(../images/close_error.gif);
}
.error .close:hover {
	background-image:url(../images/close_error_hover.gif);
}
#header {
	height: 45px;
	width: 410px;
	padding: 0 30px;
	background-image: url(../images/bg.gif);
}
.tab.talk {
height: 200px;}
.comment {
margin-bottom: 10px;
padding: 5px;
color: #333333;
}
.talk1 .comment {
background-color: #ffffb2;
}
.talk2 .comment {
background-color: #b1ffbe;
}
.talk3 .comment {
background-color: #fead20;
}
.talk4 .comment {
background-color: #5aa0ff;
}
.talk5 .comment {
background-color: #f498e4;
}
.talk .member {
	background-repeat: no-repeat;
	background-position: right 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 30px;
}

.talk .comment textarea {
height: 50px;
width: 265px;
margin:0;
padding: 0;}
.talk .talk1 .member {
background-image: url(../images/talk1.gif);
}
.talk .talk2 .member {
background-image: url(../images/talk2.gif);
}
.talk .talk3 .member {
background-image: url(../images/talk3.gif);
}
.talk .talk4 .member {
background-image: url(../images/talk4.gif);
}
.talk .talk5 .member {
background-image: url(../images/talk5.gif);
}
#header ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#header li {
	float: left;
	width: 82px;
	height: 45px;
	padding: 0;
	margin: 0;
}
			
#header li a {
	width: 82px;
	height: 45px;
	display:block;
	background-image:url(../images/header.gif);
	background-position: 0px 0px;
	text-decoration:none;
	padding: 0;
	margin: 0;
}
#header li a.actions {
	background-position: 0px 0px;
}
#header li a.history {
	background-position: -82px 0px;
}
#header li a.guides {
	background-position: -164px 0px;
}#header li a.settings {
	background-position: -246px 0px;
}
#header li a.more {
	background-position: -328px 0px;
}
#header a.actions:hover {
	background-position: 0px -45px;
}
#header  a.history:hover {
	background-position: -82px -45px;
}
#header  a.guides:hover {
	background-position: -164px -45px;
}
#header  a.settings:hover {
	background-position: -246px -45px;
}
#header  a.more:hover {
	background-position: -328px -45px;
}
	
#header a.actions.selected {
	background-position: 0px -90px;
}
#header a.history.selected {
	background-position: -82px -90px;
}
#header a.guides.selected {
	background-position: -164px -90px;
}
#header a.settings.selected {
	background-position: -246px -90px;
}
#header a.more.selected {
	background-position: -328px -90px;
}

.tab {
padding-top: 7px;}
.scroll {
	overflow: auto;
}
.tab.team .list {
	height: 200px;
}
.tab h2 {
	font-size: 16px;
}
ul.ui-accordion-container {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.ui-accordion-container li li {
	border-top: none;
}
.row.history {
font-size: 12px;
color: #999;
}
.row h2 {
	padding: 0px;
	margin: 0px;
}
.row.history .icon {
background-repeat: no-repeat;
	background-position: right center;
	}

.row.history.team .icon {
	background-image:url(../images/h_team.gif);
}
.row.history.notes .icon {
	background-image:url(../images/h_notes.gif);
}
.row.history.files .icon {
	background-image:url(../images/h_files.gif);
}
.row.history.talk .icon {
	background-image:url(../images/h_talk.gif);
}
.row.history.new .icon {
	background-image:url(../images/h_new.gif);
}
.row.history.completed .icon {
	background-image:url(../images/h_action.gif);
}
.row.history:hover .icon {
	background-image:url(../images/h_hover.gif);
}
.row.history:hover {
	color: #333;
}

.row.history .date {
	font-size: 10px;
	line-height: 10px;
	padding-top: 3px;
}
.ui-accordion-container li a.title {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	color: #333;
	font-size: 15px;
	text-decoration: none;
	background-image:url(../images/accordion_off.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	display: block;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 17px;
}
.ui-accordion-container li a.title.first {
	border-top: none;
	padding-top: 0px;
	background-position: 0px 4px;
}
.ui-accordion-container li a.title.selected {
background-image:url(../images/accordion_on.gif);}
.tab.editproject, .tab.actions, .tab.author, .tab.related, .tab.publish, .tab.promote, .tab.newproject {
width: 100%;
margin-top: 7px;
}
.tab.files, .tab.team, .tab.talk {
	margin-bottom: 7px;}
.tab.files .scroll {
height: 200px;
}
.tab.actions ul, .list ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.tab.actions li, .list li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding: 5px 0;
}
.list li:hover {
font-color: #333;
}
a {
color: #333;
}
a:hover {
color: #ffa200;
}

.list .member li {
	padding: 0;
}
.tab.actions li {
	background-image: url(../images/h_action.gif);
	background-repeat: no-repeat;
	background-position: -14px -2px;
}
#filter label {
	width: 80px;
	float: left;
	color: #ffa200;
	text-transform: uppercase;
}
#filter select {
width: 310px;
border: 1px solid #fbd99b;
text-transform: uppercase;
}
.mini {
font-size: 10px;
}
.tab.actions .title {
padding-left: 20px;
padding-top: 3px;
}
.guides .do .button {
margin: 0 0 7px 0;}
.vertical {
	background-image: url(../images/bg_rows.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
.row input.actiontitle {
	margin: 5px 0;
	padding: 5px;
	height: 23px;
	border: solid 1px #fff;
	color: #444;
}
.row:hover input.actiontitle {
	border: solid 1px #e5e5e5;
	color: #333;
}
.row input.actiontitle {
	margin: 3px 0;
	padding: 3px;
}

.tab .tags .delete {
	float: right;
}
.tab .tags {
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 95px;
}
.tab .tags input, .tab .tags li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}
.tab .tags input {
	margin-bottom: 10px;
}
.tab .tags li, .tab .tags input  {
	width: 95px;
}
.tab .tags input {
	background-image: url(../images/tags.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 14px;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #b2b2b2;
	border-left-color: #FFFFFF;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-right: 0px;
	width: 100%;
}
.tab .tags input:hover, .tab .tags li:hover {
	background-image: url(../images/tags_hover.gif);
}
.tab .tags li a {
	text-decoration: none;
	color: #666666;
}
.tab .tags li .delete a {
	font-weight: bold;
}
.tab .tags li a:hover {
	text-decoration: underline;
	color: #ef941c;
}
.tab .tags li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b2b2b2;
	background-image: url(../images/tags.gif);
	background-repeat: no-repeat;
	background-position: 1px 2px;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}
body.white {
	background-color: #FFF;
}
.button, input.button {
	background-color: #ffa200;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-top: 5px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	text-decoration: none;
	text-transform: capitalize;
	border-width: 2px;
	border-style: solid;
	border-top-color: #ffeab2;
	border-right-color: #d2a656;
	border-bottom-color: #d2a656;
	border-left-color: #ffeab2;
}
input.button {
	font-size: 12px;
	width: 50px;
}
 
	.button:hover, input.button:hover {
	border-bottom-color: #ffeab2;
	border-left-color: #d2a656;
	border-top-color: #d2a656;
	border-right-color: #ffeab2;
	color: #FFFFFF;
	 }
.intro {
	margin-top: 10px;
	font-size: 13px;
	line-height: 16px;
}
.intro input.email {
	width: 147px;
	}
#container hr {
	margin: 10px 0;
	}
	.end {
	background-image:url(../images/bg_end.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
	width: 470px;
	color: #FFF;
	padding-top: 15px;
	text-align: center;
}
.end a {
	color: #FFF;
}
.end a:hover {
	color: #b97600;
}
#filter .taglist a {
	margin: 0;
	padding: 0;
	text-align:left;
	text-indent: 0px;
	font-weight: bold;
	text-transform: capitalize;
	color: fbd99b;
	text-decoration: none;
}

#filter .taglist td {
	border-bottom: 1px solid #e5e5e5;
	padding: 2px 2px 2px 0;
	width:90px;
}
#filter .taglist td.last {
	border-bottom: none;
}
.row.guides {
	padding-bottom: 0px;
	margin-bottom: 0px;
	}