* {

	margin: 0px;
	padding: 0px;
	
	}

/* @group Standard HTML */

/* @group Helpers */

.left {

	float: left;
	
	}
	
.right {

	float: right;
	
	}
	
.center {
	
	display: block;
	margin: 0 auto;
	
	}
	
.clear {

	clear: both;
	
	}

/* @end */

body {
	
	background: url('../img/background.jpg') repeat-y center #484A47;
	font: .75em Georgia, "Times New Roman", Times, serif;
	
	}

a {

	text-decoration: none;
	font-weight: 100;
	
	}
	
h1, h2, h3, h4 {

	font-weight: 100;
	margin-bottom: 10px;
	
	}
	
h1 {

	font-size: 1.67em;
	
	}
		
h2 {

	font-size: 1.25em;
	
	}

p {

	line-height: 1.45em;
	text-indent: 1em;
	margin-bottom: 10px;
	
	}

/* @end */

/* @group Format */

/* @group Icons */

.title {
	
	float: left;
	
	}

.add, .edit, .delete, .search, .move {
	
	background: url('../img/add_button.jpg') top left no-repeat;
	cursor: pointer;
	float: right;
	height: 24px;
	margin-left: 10px;
	width: 24px;
	
	}


.add:hover, .edit:hover, .delete:hover, .search:hover {

    background-position: 0 -24px;

    }

.edit {

    background: url('../img/edit_button.jpg') top left no-repeat;

    }

.delete {

    background: url('../img/delete_button.jpg') top left no-repeat;

    }
    
.search {

    background: url('../img/search_button.jpg') top left no-repeat;

    }
    
.move {

    background: url('../img/move.jpg') top left no-repeat;

    }

/* @end */

#static, #sort, #view, #sort_cover, #view_cover {

	border-top: 5px solid #363229;
	float: left;
	margin-right: 10px;
    padding: 10px;
    padding-bottom: 0px;
	width: 210px;
	
	}

#sort .loading_indicator, #static .loading_indicator, #view .loading_indicator {

	margin-left: 87px;
	margin-top: 87px;
	
	}

/* @group Static */

#static #beta {

	background: url('../img/beta_note.png') no-repeat left top;
	height: 106px;
	margin-left: -48px;
	margin-top: -27px;
	position: absolute;
	width: 107px;
	
	}

#static .loading_indicator {

	margin-top: 187px;
	
	}

#static .logo {

	background: url('../img/logo.png') no-repeat left top;
	height: 210px;
	margin-bottom: 20px;
	width: 210px;
	
	}

#static .navigation {

	list-style: none;
	margin-bottom: 40px;
	
	}

#static .navigation li {

	cursor: pointer;
	font-size: 1.25em;
	text-align: center;
	margin-bottom: 10px;
	width: 210px;
	
	}
	
#static .navigation li:hover {
	
	color: #555;
	
	}
	
#static .navigation li .notification {

	background: no-repeat right top;
	color: #FFF;
	font-size: .8em;
	height: 20px;
	margin-top: -2px;
	margin-left: 183px;
	padding-top: 1px;
	position: absolute;
	text-align: center;
	width: 30px;
	z-index: 10;
	
	}
	
#static .navigation li .notification.one {

	background-image: url('../img/notification_1.png');
	width: 19px;
	
	}
	
#static .navigation li .notification.two {

	background-image: url('../img/notification_2.png');
	width: 28px;
	
	}
	
#static .navigation li .notification.three {

	background-image: url('../img/notification_3.png');
	width: 31px;
	margin-left: 175px;
	
	}
	
#static .navigation .feedback {

	margin-top: 30px;
	
	}

/* @end */

/* @group Sort */
	
#sort .bar input {

	float: left;
	
	}
	
#sort input, #sort select, #sort textarea {
	
	margin-bottom: 10px;
	
	}
	
#sort textarea {

	font: 1em Georgia, "Times New Roman", Times, serif;
	height: 120px;
	padding: 5px;
	width: 196px;
	
	}
	
#sort .bar .notification {

	background: url('../img/no.jpg') no-repeat left top;
	float: left;
	height: 20px;
	margin-left: 10px;
	opacity: 0;
	width: 20px;
	
	}

#sort .project, #sort .suggestors {

	margin-bottom: 10px;
	
	}

#sort .project .title, #sort .suggestors .title {
	
	cursor: pointer;
	float: left;
	font-size: 1.25em;
	max-width: 185px;

    }
    
#sort .project .title:hover, #sort .suggestors .title:hover {

	color: #484848;
	
	}

#sort .project .notification, #sort .suggestors .notification {
	
	background: url('../img/notification.jpg') no-repeat left 2px;
	color: #999999;
	float: right;
	font-size: 0.83em;
	height: 16px;
	padding-top: 1px;
	text-align: center;
	width: 25px;
	
	}

#sort .user {

	margin-bottom: 10px;
	width: 210px;
	
	}
	
#sort .user .name {

	float: left;
	font-size: 1.25em;
	width: 175px;
	
	}
	
#sort .user .delete {

	background: url('../img/no.jpg') center center no-repeat;
	height: 18px;
	
	}
	
#sort .invite {

	cursor: pointer;
	text-decoration: underline;
	
	}
	
#sort .invit:hover {

	text-decoration: none;
	
	}
	
#sort input {

	margin-right: 10px;
	
	}
	
#sort .taskmates .user {

	cursor: pointer;
	
	}

#sort .taskmates .user:hover {

	color: #242424;
	
	}

/* @end */

/* @group View */

#view {

	width: 450px;
	margin-right: 0;
	
	}

#view .title {

	max-width: 348px;
	
	}
	
#view .title_edit {
	
	background: #cfcfcf;
	border: 0px;
	float: left;
	font: 1.67em Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
	width: 348px;
	
	}

#view .loading_indicator {

	margin-left: 208px;	
	
	}

#view .privacy .checkbox {

	float: left;
	
	}
	
#view .privacy p {

	float: left;
	
	}
		
#view .privacy .status {

	text-decoration: underline;
	
	}

#view .divider {
	
	width: 450px;
	
	}

#view .todos {

	margin-bottom: 10px;	
	
	}
	
#view .todo {
	
	margin-bottom: 5px;
	width: 450px;
	
	}
	
#view .todo input {

	margin-right: 10px;
	
	}

#view .todo input[type="checkbox"] {
	
	float: left;
	
	}
	
#view .todo .title {

	cursor: pointer;
	float: left;
	font-size: 1.25em;
	margin-bottom: 5px;
	max-width: 370px;
	
	}
	
#view .todo .title.nohover:hover {
	
	cursor: default;
	color: inherit;
	
	}
	
#view .todo .delete {

	background: url('../img/no.jpg') center center no-repeat;
	
	}
	
#view .todo .title_edit {

	border: none;
	float: left;
	font: 1em Georgia, "Times New Roman", Times, serif;
	margin-bottom: 0px;
	width: 390px;
	
	}
	
#view .todo .title:hover {
	
	color: #484848;
	
	}
	
#view .todo .comment_notification {

	color: #999;
	cursor: pointer;
	font-size: 0.80em;
	margin-left: 10px;
	
	}

#view .todo .comment_notification:hover {

	color: #7e7e7e;
	
	}
	
#view .todo .comment {

	margin-bottom: 10px;
	
	}
		
#view .todo .comment .top {
	
	background: url('../img/comment_top.jpg') no-repeat top left;
	height: 18px;
	width: 450px;
	
	}
	
#view .todo .comment .content {
	
	background: url('../img/comment_background.jpg') repeat-y top left;
	color: #fff;
	padding: 0 10px;
	width: 430px;
	
	}
	
#view .todo .comment .content p {

	margin-bottom: 0px;
	
	}
	
#view .todo .comment .comment_edit {

	background: #1e1c16 0px;
	border: none;
	color: #fff;
	font: 1em Georgia, "Times New Roman", Times, serif;
	height: 50px;
	overflow: hidden;
	margin: 0px;
	padding: 0;
	width: 430px;

	}
	
#view .todo .comment .bottom {
	
	background: url('../img/comment_bottom.jpg') no-repeat top left;
	height: 10px;
	width: 450px;
	
	}

#view .sub_options select {

	margin-left: 5px;
	
	}

/* @end */

#container {

	margin: 0 auto;
	width: 950px;
	
	}

.divider {
	
	background: url('../img/divider.jpg') repeat-x left top;
    clear: both;
	height: 1px;
	margin-bottom: 10px;
	width: 210px;
	
	}
	
#preload_backgrounds {

	display: none;
	
	}

.alert {

	border: 1px dotted #282828;
	border-left: none;
	border-right: none;
	margin-bottom: 10px;
	padding: 10px 0px;
	
	}

.top.alert {

	border-bottom: 1px dotted #282828;
	border-top: none;
	padding-bottom: 10px;
	padding-top: 0px;
	
	}

.results.alert {
	
	border-bottom: none;
	
	}
	
.top.alert input {

	margin-right: 10px;
	
	}
	
.sub_options {

	line-height: 2.3em;
	
	}
	
.loading_indicator {

	background: url('../img/loading_background.gif') no-repeat left top;
	padding: 10px;
	position: absolute;
	
	}
	


/* @end */