.clear {
	overflow: hidden;
	width: 100%;
}

.dark {
	color: #000;
}

.highlight {
	background-color: #FF8;
	color: #000;
}

.large {
	font-size: 14px;
}

.left {
	display: block;
	float: left;
}

.light {
	color: #B4B2A8;
}

.right {
	display: block;
	float: right;
}

a {
	color: #95D784;
}

a.active, a:hover {
	color: #000;
}

a.icon {
	background-color: transparent;
	display: block;
	height: 15px;
	line-height: 0;
	width: 15px;
}

a.icon:hover {
	background-position: 0 -15px;
}

a.icon.delete {
	background-image: url('/img/delete.gif');
}

a.icon.edit {
	background-image: url('/img/edit.gif');
}

a.icon.email {
	background-image: url('/img/email.gif');
}

a.icon.print {
	background-image: url('/img/print.gif');
}

a.icon.rss {
	background-image: url('/img/rss.gif');
}

a#list-select {
	background: #FFF url('/img/list-select.gif') no-repeat scroll right;
	border: 2px solid #C4C2B8;
	border-left-color: #949288;
	border-top-color: #949288;
	color: #545248;
	display: block;
	height: 12px;
	line-height: 12px;
	padding: 3px;
	text-decoration: none;
}

a#list-select:hover {
	color: #000;
}

a#logo {
	display: block;
	height: 27px;
	margin-top: 16px;
	width: 141px;
}

a#logo-large {
	display: block;
	height: 61px;
	margin: 20px auto 8px auto;
	width: 220px;
}

a#print {
	position: absolute;
	right: 0;
	top: 3px;
}

body {
	background: #FFF url('/img/body.gif') repeat-x;
	margin: 0 30px;
	overflow: -moz-scrollbars-vertical;
}

body, input, select, textarea {
	color: #545248;
	font: normal 12px arial, 'helvetica neue', sans-serif;
}

body#no-tabs {
	background-image: url('/img/body-no-tabs.gif');
}

div#back {
	position: absolute;
	right: 20px;
	top: 20px;
}

div#browser-box {
	background-color: #FFD;
	background-position: top right;
	background-repeat: no-repeat;
	border: 1px solid #FC0;
	margin-bottom: 14px;
	padding: 10px 84px 10px 10px;
}

div.box {
	margin: 0 auto;
	padding: 18px;
	position: relative;
	text-align: left;
	width: 364px;
}

div.box.wide {
	margin: 0 auto 18px auto;
	padding: 0;
	width: 728px
}

div.box-wrapper {
	border: 4px solid #F4F2E8;
	margin: 0 auto 18px auto;
	width: 400px;
}

div#file {
	background: #EDE0B9 url('/img/file.jpg') repeat;
	border: 2px solid #CA6;
	color: #000;
	font: normal 13px courier, monospace;
	margin-bottom: 14px;
	padding: 12px 0;
}

div#file a {
	color: #000;
}

div#file h3 {
	border-bottom: 2px dotted #CA6;
	color: #000;
	font: normal 18px courier, monospace;
	line-height: 22px;
	margin-bottom: 12px;
	padding: 0 12px 12px 12px;
}

div#file table {
	border: none;
	border-collapse: collapse;
	margin: 0 12px;
}

div#file table td {
	padding: 4px 0;
}

div#file table th {
	font-weight: bold;
	padding: 4px 12px 4px 0;
}

div.column {
	position: relative;
	width: 354px;
}

div#columns {
	border-bottom: 4px solid #F4F2E8;
	border-top: 4px solid #F4F2E8;
	padding: 14px 0;
	text-align: left;
}

div.field {
	margin-bottom: 14px;
}

div#flash {
	background-color: #EFE;
	border-bottom: 2px solid #6A0;
	border-top: 2px solid #6A0;
	color: #6A0;
	margin-bottom: 12px;
	padding: 8px 6px;	
}

div.important {
	background-color: #FEE;
	border-bottom: 2px solid #E00;
	border-top: 2px solid #E00;
	color: #E00;
	margin-bottom: 12px;
	padding: 8px 6px;
}

div.important ul {
	line-height: 18px;
	margin-bottom: 0;
	margin-top: 8px;
}

div.important ul li {
	margin: 0;
}

div#keywords-wrapper {
	margin: 0 auto;
	width: 300px;
}

div.options {
	overflow: hidden;
	position: absolute;
	height: 15px;
	right: 0px;
	top: 2px;
	width: 60px;
}

div.options a {
	float: right;
	margin-left: 5px;
}

div#top {
	margin: 0 auto 18px auto;
	overflow: hidden;
	width: 728px
}

div#top p {
	margin-top: 14px;
}

form {
	margin: 0;
}

form#list-form,
form#task-form,
form#user-form {
	margin-bottom: 14px;
}

form.buttons {
	margin-bottom: 12px;
}

form#search {
	margin-bottom: 14px;
}

h1 {
	border-bottom: 2px solid #F4F2E8;
	color: #6A0;
	font: normal 24px arial, 'helvetica neue', sans-serif;
	margin: 0 0 14px 0;
	padding-bottom: 6px;
}

h2 {
	color: #6A0;
	font: normal 20px arial, 'helvetica neue', sans-serif;
	margin: 0 0 8px 0;
}

h3 {
	color: #000;
	font: normal 18px arial, 'helvetica neue', sans-serif;
	margin: 0 0 6px 0;
}

h4 {
	color: #000;
	font: normal 16px arial, 'helvetica neue', sans-serif;
	margin: 0 0 4px 0;
}

img {
	border: none;
	display: block;
	line-height: 0;
}

input.button {
	color: #000;
}

input.large {
	font-size: 18px;
}

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

input.text, textarea.text {
	background: #FFF url('/img/input.gif') repeat-x;
	border: 2px solid #C4C2B8;
	border-left-color: #949288;
	border-top-color: #949288;
	color: #545248;
	padding: 4px;
}

input.text:focus, textarea.text:focus {
	background: #FFD url('/img/input-focus.gif') repeat-x;
	color: #000;
}

input#q {
	display: block;
	font-size: 22px;
	margin: 0 auto;
	padding: 6px;
	width: 712px;
}

label.block {
	color: #000;
	display: block;
	margin-bottom: 4px;
}

ol.float {
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 354px;
}

ol.float li {
	background-color: #FFF;
	border-top: 1px solid #E4E2D8;
	float: left;
	position: relative;
	width: 354px;
}

ol#notes-list  {
	margin-top: 14px;
}

ol#notes-list div.note-options {
	height: 15px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 40px;
}

ol#notes-list div.note-options a {
	float: right;
	margin-left: 5px;
}

ol#notes-list div.timestamp {
	font-size: 11px;
	line-height: 15px;
	height: 15px;
	margin-bottom: 6px;
	position: relative;
}

ol#notes-list p {
	margin: 0;
}

ol#notes-list p strong {
	color: #000;
}

ol#notes-list li {
	padding: 6px 0 12px 0;
}

ol#steps {
	line-height: 18px;
	list-style-type: none;
	margin: 0 0 6px 0;
	padding: 0;
}

ol#steps li {
	background-repeat: no-repeat;
	padding: 3px 0 10px 30px;
}

ol#tasks-list {
	margin-bottom: 14px;
}

ol#tasks-list a.icon {
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 5px;
}

ol#tasks-list div.action {
	line-height: 15px;
	padding: 0 25px;
}

ol#tasks-list div.action.completed {
	color: #888;
	text-decoration: line-through;
}

ol#tasks-list div.action.high-priority {
	color: #E00;
	font-weight: bold;
}

ol#tasks-list div.checkbox {
	cursor: default;
	left: 0px;
	position: absolute;
	top: 4px;
}

ol#tasks-list div.handle {
	cursor: move;
}

ol#tasks-list form {
	margin: 0 0 8px 0;
}

ol#tasks-list li {
	padding: 6px 0;
}

ol#tasks-list p {
	color: #848278;
	font-size: 11px;
	line-height: 16px;
	margin: 4px 0 0 25px;
}

p {
	line-height: 18px;
	margin: 0 0 14px 0;
}

p#example {
	color: #000;
	font-size: 11px;
	margin-bottom: 8px;
}

p.field-note {
	font-size: 11px;
	line-height: 17px;
	margin: 4px 0 0 0;
}

p#footer {
	font-size: 11px;
	margin-bottom: 8px;
	text-align: center;
}

p#footer a {
	color: #B4B2A8;
}

p#footer a:hover {
	color: #545248;
}

p#intro {
	color: #95D784;
	font: normal 20px arial, 'helvetica neue', sans-serif;	
	line-height: 26px;
	margin: 0 0 20px 0;
}

table.list {
	border: none;
	border-collapse: collapse;
	width: 350px;
}

table.list td {
	border-bottom: 1px solid #E4E2D8;
	padding: 4px 0;
	vertical-align: top;
}

table.list td.icon {
	padding-left: 5px;
	width: 15px;
}

table.list th {
	border-bottom: 1px solid #545248;
	color: #000;
	font-weight: normal;
	padding: 4px 0;
}

table.list th.keyword {
	width: 100px;
}

table.stats {
	border: none;
	border-collapse: collapse;
	border-top: 1px solid #E4E2D8;
	margin-bottom: 14px;
	width: 100%;
}

table.stats td {
	border-bottom: 1px solid #E4E2D8;
	padding: 4px 0;
	text-align: right;
}

table.stats th {
	border-bottom: 1px solid #E4E2D8;
	font-weight: normal;
	padding: 4px 0;
}

textarea.text {
	padding: 0 0 0 4px;
}

th {
	text-align: left;
}

ul {
	line-height: 18px;
	margin: 0 0 18px 16px;
	padding: 0;
}

ul li {
	margin-bottom: 10px;
}

ul#features {
	list-style-type: none;
	margin: 0 0 20px 29px;
	overflow: hidden;
	padding: 0;
	text-align: left;
	width: 675px;
}

ul#features li {
	float: left;
	width: 204px;
}

ul#features li.middle {
	border-left: 1px solid #E4E2D8;
	border-right: 1px solid #E4E2D8;
	margin: 0 14px;
	padding: 0 14px;
}

ul#features p {
	margin: 0;
}

ul#icons {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 66px;
}

ul#icons li {
	height: 16px;
	float: left;
	padding: 0 3px;
	width: 16px;
}

ul#icons li img {
	float: left;
}

ul#lists-list {
	border: 1px solid #C4C2B8;
	border-left-color: #949288;
	border-top: none;
	line-height: 15px;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 352px;
}

ul#lists-list a.icon {
	position: absolute;
	right: 4px;
	top: 4px;
}

ul#lists-list a.list {
	display: block;
	height: 15px;
	line-height: 14px;
	padding: 4px 5px;
	text-decoration: none;
	width: 342px;
}

ul#lists-list a.list:hover {
	background-color: #FFD;
}

ul#lists-list li {
	border-top: 1px solid #E4E2D8;
	float: left;
	margin: 0;
	position: relative;
	width: 352px;
}

ul#tabs {
	list-style-type: none;
	margin: 22px 0 0 0;
	overflow: hidden;
	padding: 0;
}

ul#tabs li {
	height: 31px;
	margin: 0 0 0 2px;
	float: left;
	padding: 0;
}

ul#tabs li a {
	display: block;
	float: left;
	line-height: 14px;
	padding: 9px 0 0 10px;
}

ul#tabs li.tab {
	background: transparent url('/img/tab-li.gif') no-repeat scroll right;
	padding-right: 12px;
}

ul#tabs li.tab a {
	background: transparent url('/img/tab-a.gif') no-repeat;
	display: block;
	height: 24px;
	padding: 9px 0 0 12px;
	text-decoration: none;
}

ul#tabs li.tab.active {
	background-image: url('/img/tab-li-active.gif');
}

ul#tabs li.tab.active a {
	background-image: url('/img/tab-a-active.gif');
	color: #6A0;
	font-weight: bold;
}