* {margin: 0; padding: 0;}
ul {list-style: none;}
body {text-align: center;}
#header, #footer, #wrapper {text-align: left;}
.clearfix {clear: both;}
.left {float: left;}
.right {float: right;}
.full {width: 100% !important; height: auto !important;}
.highlight { color: #ed2590 !important;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p {margin: 0 0 10px 0;}

h2.title {padding: 30px 20px 10px 20px;}

/* Master Layout Size */
body {padding: 0;}
#header, #footer, #wrapper {width: 922px; margin: 0 auto;}

/* Wrapper */
#wrapper {
	padding: 0 20px;
}
#header p {
	padding: 0 11px 0 0;
}

/* Header Area */
#masthead {
	width: 158px;
	float: left;
}

#masthead {
	padding: 0 0 0 10px;
}

#masthead h1 a {
	width: 159px;
	height: 100px;
	display: block;
}
	
#nav { 
	width: auto;
	float: right;
}



#nav p { 
	float: right;
	font-weight: bold;
	padding: 40px 31px 0 0;
}

#utilities {
	width: auto;
	float: right;
}

#utilities li {
	float: left;
}

#utilitiestext { 
	padding: 50px 0 0 0;
	width: auto;
	float: right;
}

#utilities li a {
	display: block;
	padding: 0 9px;
	margin:  2px 0;
}

#utilities li.search input {
	padding: 4px 20px 4px 4px;
	margin: 0 0 0 9px;
}

#utilities li.search button {
	position: absolute;
	top: 3px;
	right: 3px;
	height: 14px;
	width: 14px;
}

#mainnav {
	clear: both;
	width: auto;
	float: right;
}

	#mainnav li {
		margin: 0;
		float: left;
	}
	
	#mainnav li a {
		display: block;
		padding: 0 11px;
		margin: 0px 0;
	}
	
	#mainnav li a.active {
		padding: 10px 12px;
		margin: 0;
	}

#subnav {
	padding: 20px;
}
	#subnav li {
		margin: 0 5px 0 0;
		float: left;
	}
	
	#subnav li a {
		display: block;
		padding: 2px 10px;
	}
	
/* Footer Area */
#footer {
	clear: both;
	padding: 20px 0 80px 0;
}

	#footer dl {
		width: 370px;
		float: left;
	}
	
	#footer ul {
		height: 90px;
		margin: 2px 0 0 39px;
		float: left;
	}
	
/* Wrapper */
#wrapper {

}

/* Tabs */
.tabs {
	padding: 20px 0 0 0;
}

	.tabs li {
		float: left;
	}
	
	.tabs li strong {
		padding: 3px 14px;
	}
	
	.tabs li a {
		text-decoration: none;
		display: block;
		margin: 11px 0 0 0;
		padding: 13px 0;
	}
	
	.tabs li a.active {
		position: relative;
		top: 1px;
		display: block;
		margin: 3px 0 0 0;
		padding: 13px;
	}
	
.homepage .tabs li a {
	margin: 9px 0 0 0;
	padding: 9px 0;
}

.homepage .tabs li a.active {
	margin: 2px 0 0 0;
	padding: 13px;
}

/* Main */
.main {
	position: relative;
	padding: 20px 20px 40px 22px;
}

.main ol {
	margin-left: 30px;
}

.homepage {
	padding: 0 0 28px 0;
}

.page {
	padding: 20px 300px 20px 50px;
}
.form {
	padding: 20px 200px 20px 50px;
}

/* Press */
dl.press {
	position: relative;
	margin: 20px 0 40px 0;
	padding: 0 0 0 135px;
}

	dl.press dt {
		position: absolute;
		top: 20px;
		left: 0;
	}
	
	dl.press dd {
		border-left: 1px solid #ccc;
		padding-left: 20px;
		margin: 0 0 5px 0;
	}
	
	dl.press dd ul li.title {
		font-weight: bold;
	}
	
	dl.press dd ul li.meta {
		margin: 0 0 10px 0;
		font-style: italic;
	}
	
/* Team */
dl.team {
	position: relative;
	margin: 20px 0 40px 0;
	padding: 0 0 0 135px;
}

	dl.team dt {
		position: absolute;
		top: 44px;
		left: 0;
	}
	
	dl.team dd {
		border-left: 1px solid #ccc;
		padding-left: 20px;
		margin: 0 0 5px 0;
	}
	
	dl.team dd ul li.name {
		font-weight: bold;
	}
	
	dl.team dd ul li.title {
		font-style: italic;
		margin: 0 0 10px 0;
	}
	
/* How it works */
.how-it-works {
	width: 400px;
}
.how-it-works h4 {
	font-size: 1.5em;
	color: #000;
}
.how-it-works dl {
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #ccc;
	padding: 10px;
	background: #fff url(images/how_it_works_arrow.gif) top right no-repeat;
}
.how-it-works dl.first {
	border-width: 1px 1px 0 1px;
	background: #fff;
}
.how-it-works dt {
	font-weight: bold;
	font-size: 1.2em;
}
.how-it-works dl.start-now  {
	padding: 20px;
	border-bottom: 1px solid #ccc;
	text-align: right;
}
.how-it-works dl.start-now dt {
	font-weight: normal;
	float: left;
	width: 280px;
	padding-top: 5px;
}
.how-it-works dl dd {
	color: #333;
}
.greybox {
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	padding: 20px;
}
.benefits {
	margin: 10px;
}
.benefits h3 {
	font-size: 1.5em;
	color: #000;
	margin: 40px 0 0 0;
}
.benefits dl {
	margin: 10px 0 30px 0;
	padding: 0 0 0 50px;
	background: transparent url(images/how_it_works_icons.gif) no-repeat;
}

.benefits dl.ip {
	background-position: 0 -150px;
}

.benefits dl.escrow {
	background-position: 0 -298px;
}

.benefits dl.community {
	background-position: 0 -448px;
}

.benefits dl.feedback {
	background-position: 0 -597px;
}

.benefits dl.help {
	background-position: 0 -746px;
}


.benefits dt {
	font-weight: bold;
	font-size: 1.2em;
}
	
/* Help */
.knowledge-base {
	width: 45%;
	height: 100px;
	float: left;
	margin: 0 3.6% 0 0;
}
	
	.knowledge-base ul li {
		margin: 0 20px 0 0;
		float: left;
	}
	
/* Project */
dl.  {
	float: left;
	width: 200px;
}

dl.ends {
	float: left;
	width: 600px;
}

ul.actions {
	/*width: 120px;*/
	float: right;
	padding: 0 0 0 12px;
	border-left: 2px solid #efefef;
}
ul.actions form {
	margin: 0;
	padding: 0;
}
ul.actions li button {
	padding: 0;
	font-weight: normal;
	font-size: 1em;
}
ul.actions li button.highlight {
	font-weight: bold;
}
.submissions {
	line-height: 1.2;
	padding: 30px 0;
}

.submissions dl {
	position: relative;
	padding: 8px;
	width: 150px;
	float: left;
	margin: 5px 5px 5px 4px;
}

.submissions dt {
	margin: 0 0 4px 0;
}

.submissions dt img {
	width: 150px;
	height: 150px;
}

.submissions dd.award {
	position: absolute;
	top: 0;
	left: 0;
	width: 62px;
	height: 62px;
}

.submissions dd.pickme a {
	color: #cc3333;
	width: 62px;
	height: 62px;
	display: block;
}

.awarded {
	margin: 0;
	padding: 0;
}
.awarded h3 {
	font-size: 1.5em;
}
.awarded dl {
	text-align: left;
}
.awardMessage {
	padding: 10px;
}
.details {
	margin: 30px 0;
	width: 290px;
	float: left;
}

.details dl {
	padding: 10px;
	margin: 0 0 10px 0;
}

.details dd span {
	display: block;
	width: 55px;
	float: left;
}
.details dd span.timezone, .details dd span.grey {
	display: inline;
	float: none;
}
.brief {
	margin: 30px 0;
	width: 560px;
	float: right;
	padding: 10px;
}
.brief .utilities {
	/*width: 610px;*/
}
.brief .utilities li div {
	width: 570px;
}
.brief .utilities li div.buttonBlock {
	width: 530px;
}

/* Rating */

ul.rating li.buyerRating {
	margin: 5px 0 0 0;
	cursor: pointer;
	text-indent: -9999px;
	float: left;
	width: 33px;
	height: 25px;
	background-image: url(images/vote_count.gif);
}

ul.rating li.crowdRating {
	margin: 5px 0 0 0;
	cursor: pointer;
	text-indent: -9999px;
	float: right;
	width: 33px;
	height: 25px;
	background-image: url(images/vote_count.gif);
}

ul.submission li.buyerRating {
	float: left;
	margin: 10px 10px 20px 0;
}


ul.submission li.crowdRating {
	float: left;
	margin: 10px 0 20px 10px;
}

ul.submission.withdrawn li, ul.rating.withdrawn li {
	cursor: default !important;
}

ul.rating li.crowd_0 {
	background-position: 33px 0;
}

ul.rating li.crowd_1 {
	background-position: 33px -50px;
}

ul.rating li.crowd_2 {
	background-position: 33px -75px;
}

ul.rating li.crowd_3 {
	background-position: 33px -100px;
}

ul.rating li.crowd_4 {
	background-position: 33px -125px;
}

ul.rating li.crowd_5 {
	background-position: 33px -150px;
}

ul.rating li.buyer_0 {
	background-position: 0 -25px;
}

ul.rating li.buyer_1 {
	background-position: 0 -50px;
}

ul.rating li.buyer_2 {
	background-position: 0 -75px;
}

ul.rating li.buyer_3 {
	background-position: 0 -100px;
}

ul.rating li.buyer_4 {
	background-position: 0 -125px;
}

ul.rating li.buyer_5 {
	background-position: 0 -150px;
}

.rating small {
	display: block;
	width: 127px;
	padding: 0 20px;
	color: #eee;
}

/* wrapupStep */

.wrapupSection {
}

.wrapupThumb {
	width: 200px;
	text-align: left;
	padding: 0;
	border: none;
	background: transparent;
	margin-right: 50px;
}
.wrapupThumb strong {
	font-size: 1.2em;
}
.wrapupStep {
	width: 550px;
}
.wrapupStep dt {
	padding: 15px 0 15px 15px;
}
.wrapupStep dt p {
	font-size: .65em;
	font-weight: normal;
}
.wrapupStep dt.first {
	border-top: 1px solid #ccc;
}
.wrapupStep dt.active {
	
}
.wrapupStep dt a.wrapupToggle {
	margin: 10px 10px 0 0;
}
.wrapupStep dd {
	margin: 0 10px 5px;
	padding: 5px;
	border: 1px solid #ccc;
}
.wrapupStep dd li {
	/*padding: 5px 0;*/
}
.wrapupStep dd li.response {
	float: right;
	margin-left: 10px;
}
.wrapupStep dd ul li.fileUpload {
	padding: 10px 0;
}
.wrapupStep dd span {
	font-weight: bold;
	display: block;
	float: left;
	padding: 0 5px 0 0;
	position: relative;
}
.wrapupStep .wrapupClose {
	height: 0;
	overflow: hidden;
}
.wrapupStep dd label {
	font-size: .95em;
	color: #666;
}
.wrapupStep dd input, .wrapupStep dd button, .wrapupStep dd select {
	margin-top: 5px;
}
.wrapupStep dd textarea {
	width: 494px;
}
.wrapupStep dd ul.right textarea {
	width: 250px;
}
.wrapupStep dd ul.wrapupActions li {
	float: right;
	margin-left: 10px;
} 

.wrapupStep dd ul.wrapupActions li a.active {
	font-weight: bold;
}

.wrapupStep dd ul li.wrapupDate {
	text-align: right;
	font-size: .95em;
	color: #666;
	font-weight: normal;
}
.wrapupStep dd ul li.wrapupDate span {
	display: inline;
	float: none;
}
.wrapupStep dd li.response a.active {
	border: none;
	background: transparent;
	color: #000;
}
.wrapupStep dd li.response a {
	border: none;
	background: transparent;
	color: #666;
}
.wrapupStep dd li.submitComment {
	text-align: right;
	display: block;
	margin-top: 10px;
}


/** styling for collapsed, finished steps **/
.wrapupStep dd.finishedStep {
	border: none;
	padding: 0;
	margin-bottom: 0;
}
.wrapupStep dd.finishedStep ul {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0 0 5px 0;
}
.wrapupStep dd.finishedStep ul.active {
	background: #f1f1f1;
}
.wrapupStep dd.finishedStep ul li.status {
	margin-bottom: 10px;
}
.wrapupStep dd.finishedStep ul.comments {
	width: 300px;
	border: none;
}
.wrapupStep dd.finishedStep ul.comments li span {
	float: none;
}
.wrapupStep dd.finishedStep ul.ratingList {
	width: 160px;
	border: none;
}
.wrapupStep dd.finishedStep span.timezone {
	display: none;
}
/** wrapup toggle styling **/
.wrapupToggle {
	display: block;
	width: 14px;
	height: 14px;
	background: transparent url(images/plusthin.gif) left center no-repeat;
	text-decoration: underline;
}

.wrapupToggle.minus {
	background: transparent url(images/minusthin.gif) left center no-repeat;
}

dl.ratingSliders {
	width: 185px;
	float: left;
}

dl.ratingSliders dt {
	font-size: .95em;
	color: #666;
	margin: 10px 0 0 0;
	font-weight: bold;
	padding: 0;
}

dl.ratingSliders dd {
	width: 183px;
	margin: 0;
	padding: 0;
	border: none;
}

dl.ratingSliders dd .sliderArea {
	background: #1A1A1A;
	width: 150px;
	height: 20px;
	float: left;
	margin-top: 1px;
}

dl.ratingSliders dd .sliderKnob {
	width: 20px;
	height: 20px;
	background: #00AEEF;
	cursor: pointer;
}

dl.ratingSliders dd .sliderAmount {
	font-weight: bold;
	font-size: 1.15em;
	width: 28px;
	margin: 0 0 0 4px;
	height: 22px;
	float: right;
}

dl.ratingSliders dd .amountLeft {
	font-size: .85em;
	float: left;
	width: 20px;
}
dl.ratingSliders dd .amountRight {
	font-size: .85em;
	float: left;
	margin: 0 30px 0 0;
	width: 20px;
}

dl.ratingSliders dd .amountDesc {
	font-size: .85em;
	text-align: center;
	float: left;
	width: 112px;
}

ul.wrapupRating {
	padding: 10px 0 0 0;
	width: 305px;
	float: right;
}

ul.wrapupRating .comment {
	width: 300px;
	height: 160px;
}

ul.wrapupRating .submit {
	float: right;
}

.wrapupHidden {
	padding: 0 0 10px 0;
}

/* navigation */
.tertiary {
	margin-bottom: 30px;
	background-color: #efefef;
	padding: 4px;
}

.tertiary li {
	float: left;
	margin: 0 5px 0 0;
}
.tertiary li a {
	display: block;
	padding: 1px 8px;
	text-decoration: underline;
}
.tertiary li a.active {

	color: #fff;
	text-decoration: none;
	background-color: #1C9BC8;
}

.pagination {
	margin: 10px 0 5px 0;
	padding: 0 2px;
}
.pagination li {
	margin: 0 5px 0 0;
	padding: 2px 0;
}

.pagination li a {
	display: inline;
	margin: 0 2px;
}
.pagination li button {
	padding: 0;
	font-weight: normal;
}

.pagination li.count {
	float: right;
	/*width: 80px;*/
	text-align: right;
	margin-right: 20px;
}
.pagination li.pages {
	float: right;
}
.pagination li.pages a {
	margin: 0 2px;
}
.pagination li a.highlight {
	font-weight: bold;
}
.pagination li.sortby {
	text-align: left;
	padding-left: 50px;
}
.pagelink {
	display: inline;
}

#sortToggle {
	width: 110px;
	float: left;
}

#projectToggle {
	width: 70px;
	float: left;
}
.toggleHandle {
	background: transparent url(images/plusthin.gif) left center no-repeat;
	text-decoration: underline;
	padding-left: 15px;
	color: #000;
	font-weight: bold;
}
.toggleHandle.minus {
	background: transparent url(images/minusthin.gif) left center no-repeat;
}
.toggleDrawer {
	width: 850px;
	background-color: #f1f1f1;
	padding: 8px;
	margin: 0 0 5px 3px;
	float: none;
}
.filters span {
	font-weight: bold;
	margin: 0 0 10px 0;
	display: block;
}
.filters li {
	float: left;
	font-weight: normal;
	margin: 2px 0 3px 5px;
}
.filters li a {
	margin: 0 2px;
}

.filters li.last {
	padding-right: 50px;
}
.filters li a.highlight, ul.sortby li a.highlight {
	font-weight: bold;
}
.starFilter {
	
}

/* Watchlist Pop Up */

.watchlistPopUp .container {
	padding: 30px;
	width: 100%;
	height: 100%;
}

.watchlistPopUp .content {
	width: 100%;
	height: 100%;
	overflow: auto;
	background: #fff;
	padding: 10px;
	text-align: center;
}
.watchlistPopUp .content dt {
	font-size: 1.5em;
	font-weight: bold;
}
.watchlistPopUp .content dd {
	font-size: 1.2em;
}
.watchlistPopUp .close {
	position: absolute;
	top: 11px;
	left: 10px;
	width: 32px;
	height: 32px;
	background: transparent url(images/close_button.png) no-repeat;
}

.watchlistPopUp .preloader {
	width: 16px;
	height: 16px;
	background: transparent url(images/ajax-loader.gif) no-repeat;
}

/* Activity */
#newComment {
	margin: 18px 0 20px 0;
}

.activity fieldset {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #d8d8d8;
	padding: 10px 0;
}

.activity fieldset legend {
	font-weight: bold;
	font-size: 1.6em;
	padding: 0 4px;
	margin: 0 20px;
	color: #000;
}

.activity dl dt {
	position: relative;
	left: 1px;
	z-index: 1;
	margin: 10px 0;
	float: left;
	width: 200px;
}

.activity dl dt a {
	text-align: right;
	padding: 5px 35px 5px 0;
	line-height: 1.4;
	font-weight: bold;
	font-size: 1.1em;
	display: block;
	background-image: url(images/activity_arrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

.activity dl dt a:hover {
	text-decoration: none ;
}

.activity dl.open dt a {
	color: #555;
	background-color: #fcfcfc;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #d8d8d8;
}

.activity dl.open dt a span {
	color: #bbb;
}

.activity dl.contributor dt a {
	color: #fff;
	background-color: #35bde2;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #35bde2;
}

.activity dl.contributor dt a span {
	color: #B9E5FB;
}

.activity dl.admin dt a {
	color: #fff;
	background-color: #01a651;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #01a651;
}

.activity dl.admin dt a span {
	color: #01a651;
}

.activity dl.buyer dt a {
	color: #fff;
	background-color: #f445a1;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #f445a1;
}

.activity dl.buyer dt a span {
	color: #ffc3e3;
}

.activity dl.not-me dt a {
	color: #555;
	background-color: #fff;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #ed2590;
}

.activity dl.not-me,
.activity dl.buyer,
.activity dl.contributor,
.activity dl.open {
	clear: both;
}

.activity dl dt a span {
	font-size: .85em;
	display: block;
}

.activity dl dd {
	position: relative;
	float: left;
	width: 648px;
	border: solid 1px #d8d8d8;
	border-top: 0;
	padding: 14px;
}

.activity dl dd.first {
	border-top: solid 1px #d8d8d8;
}

.activity dl dd dt {
	font-size: 1.1em;
	font-weight: bold;
	float: none;
	width: auto;
	margin: 0 0 10px 0;
}

.activity dl dd dt a {
	display: inline;
	padding: 0;
	text-align: left;
	background: none !important;
	color: #ed2590 !important;
	border: none !important;
}

.activity dl dd dd {
	border: none;
	margin: -10px 0 0 0;
	padding: 0;
	color: #555555;
}

.activity dl dd.image dl {
	float: left;
	width: 540px;
}

.activity dl dd.image dd {
	float: left;
	width: 555px;
}

.activity dl dd.score dl {
	float: left;
	width: 480px;
}

.activity dl dd.score dd {
	float: left;
	width: 465px;
}

.activity dl dd.rating dd {
	width: 460px;
}

.activity dl dd ul.image {
	float: right;
	width: 80px;
	height: 80px;
}

.activity dl dd ul.score {
	float: left;
	width: 80px;
	height: 80px;
	margin: 4px 0 0 0;
	background: #efefef;
}

.activity dl dd ul.score li {
	height: 26px !important;
	cursor: default;
}


.activity dl dd ul.rating {
	position: absolute;
	top: 10px;
	right: 100px;
	width: 79px;
	height: 79px;
	border: solid 1px #efefef;
}

.activity dl dd ul.rating li {
	position: absolute;
	top: 23px;
	left: 24px;
	width: 33px;
	height: 33px;
}

/* Comments */
.comments {
	width: 500px;
}

.comments .utilities li {
	display: block;
}

.comments .utilities li.comment {
	width: 500px;
	float: none;
	clear: both;
	display: block;
}

.comments .utilities li.comment form {
	width: 500px;
}

.comments .utilities li div {
	width: 500px;
}

.comments h3 {
	clear: both;
	margin: 0 0 5px 0;
}

.comments dl {
	margin: 0 0 10px 0;
	border: none;
}

.comments dl dd {
	border: 1px solid #d8d8d8;
	padding: 10px 10px 3px 10px;
	color: #555;
}

.comments dl dd p.date {
	text-align: right;
	color: #b3b3b3;
	font-size: .9em;
	margin: 5px 0 0 0;
	font-style: italic;
}

.comments dl dt {
	position: relative;
	top: -1px;
	font-weight: bold;
	text-align: left;
	background-color: #fcfcfc;
	background-image: url(images/comment_arrow.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 240px;
	margin: 0 0 0 10px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #d8d8d8;
}

.comments dl dt a {
	color: #555;
	display: block;
	padding: 5px 30px 3px 30px;
}

.comments dl dt a span {
	font-size: .95em;
	padding: 0 0 0 5px;
	color: #ffc3e3;
}

.comments dl dt a:hover {
	text-decoration: none;
}

.comments dl.buyer dt {
	background-color: #f445a1;
	border-color: #f445a1;
}

.comments dl.buyer dt a {
	color: #fff;
}

.comments dl.contributor dt span {
	color: #bbb;
}
.comments dl.contributor dd p.ownership {
	padding-top:10px;
	font-style:italic;
	font-size: 1em;
	color:#666;
}
.comments dl.owner {
	font-size: 1em;
}
.comments dl.owner dt {
	background-color: #35BDE2;
	border-color: #35BDE2;
}
.comments dl.owner dt a {
	color: #fff;
}
.comments dl.owner dt a span {
	color: #B9E5FB;
}
.comments dl.admin dt {
	background-color: #01a651;
	border-color: #01a651;
}

.comments dl.admin dt a {
	color: #01a651;
}

/* Comment Box */
#commentBox, #updateBox {
	clear: both;
	margin: 0 0 10px 0;
	padding: 20px;
	background: #f1f1f1;
}

#commentBox textarea {
	padding: 10px;
	width: 816px;
	height: 75px;
	margin: 0 0 10px 0;
}

#commentBox .buttonBlock {
	width: 836px;
	display: block;
	padding: 0 20px 0 0;
}

#commentBox.submissionComment textarea {
	width: 438px;
}

/*** Project updates ***/

#updateBox {
	margin-top: 10px;
}

#updateBox textarea {
	padding: 10px;
	width: 508px;
	height: 75px;
	margin: 0 0 10px 0;
}


/***** myspring *****/
div.avatar {
	width: 200px;
	/*height: 200px;*/
	text-align: center;
}
.bio {
	width: 200px;
}
.bio h3 {
	line-height: 1em;
	margin-top: 20px;
	margin-bottom: 4px;
}
.bio h4 {
	color: #2e7ea0;
	font-size: 1.2em;
}
.bio dl {
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	padding: 5px 10px;
	margin-bottom: 10px;
}
.bio .profile dd {
	margin-left: 0;
}
.bio dd span {
	display: block;
	font-weight: bold;
}
.bio dd span.timezone {
	display: inline;
	font-weight: normal;
	font-size: .75em;
}
.bio div.biotext {
	margin-bottom: 30px;
}
.ratings {
	margin: 0;
	line-height: 1em;
}
table.ratings {
	line-height: 1.6em;
	margin-bottom: 0;
}
.ratings dt {
	font-weight: bold;
	margin: 6px 0 4px;
}
td.average {
	font-weight: bold;
}
.ratings dd {
	font-size: .95em;
	margin: 2px 0 4px;
	text-align: right;
}
.ratings dd span {
	text-align: left;
	float: left;
	display: block;
	font-weight: normal;
}
.ratings dd.avg {
	font-size: 1.05em;
}
.ratingOverall {
	width: 260px;
	float: left;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 0 5px 10px;
}
.ratingActivity {
	width: 520px;
	float: right;
	margin-left: 20px;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 0 10px 10px;
}
.ratingOverall h4, .ratingActivity h4 {
	font-size: 1.5em;
}
.ratingOverall .ratings, .ratingActivity .ratings {
	font-size: 1em;
}
.ratingActivity table {
	width: 250px;
	float: left;
}
.ratingActivity table.first {
	margin-right: 20px;
}
.userinfo {
	width: 650px;
}
.userinfo .submissions {
	padding-top: 10px;
}
.userinfo .portfolio {
	border-top: 5px solid #B8B8B8;
	width: 100%;
	padding-bottom: 0;
}
.userinfo .submissions dl {
	margin: 0 20px 10px 20px;
}
.userinfo td.project {
	padding-right: 3px;
}
.userinfo td.category, .userinfo th.category {
	padding-left: 3px;
	width: 150px;
}

.watchlists {
	margin: 40px 0 0 0;
}

.watchlists th.project, .watchlists td.project { 
	width: 400px; 
	padding-right: 0;
}
.watchlists th.category, .watchlists td.category { 
	width: 100px;
	text-align: center;
	padding-left: 0;
}
.watchlists th.award, .watchlists td.award { 
	width: 50px;
}
.watchlists th.time, .watchlists td.time { 
	width: 50px;
}
.watchlists th.status, .watchlists td.status { 
	width: 50px;
	text-align: center;
}
.watchlists th.sub, .watchlists td.sub { 
	width: 50px;
}
.watchlists th.delete, .watchlists td.delete { 
	width: 50px;
	text-align: center;
}

.projects, .notifications {
	margin: 0 0 25px 0;
}
.projects th, .notifications th, .messages th {
	color: #efefef;
}
.projects td { 
	
}
.projects th.desc {
	width: 280px;
}
.notifications td {
	border-bottom: none;
	width: 270px;
}
.notifications .notifysettings {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 100%;
}
.notifysettings {
	/*background-color: #f1f1f1;*/
	text-align: center;
	height: 24px;
	padding: 5px;
}
.notifysettings li {
	float: left;
	padding: 2px 5px;
	width: 90px;
}
.notifysettings li.desc {
	width: 450px;
	text-align: left;
}
.notifysettings li.update {
	width: 70px;
}
.profile dt {
	font-weight: bold;
}
.profile dt.left {
	margin-right: 15px;
}
.profile dd {
	margin: 0 0 10px 20px;
}
.rss {
	width: 250px;
}

/***** private messaging *****/

#pmForm .login {
	width: 700px;
}
#pmForm .login textarea {
	margin-right: 84px;
}
.utilities {
	width: 700px;
	margin: 10px 0 20px;
}
.utilities li {
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
}
.utilities li div {
	width: 878px;
}
.utilities li.new {
	margin: 0 40px 0 0;
}
.utilities li.reply {
	margin: 0 0 0 0;
}
.utilities li.replyall {
	margin: 0 0 0 0;
}
.utilities li.forward {
	margin: 0 20px 0 0;
}
.utilities li.delete {
	margin: 0 0 0 20px;
}
.utilities li.spam {
	margin: 0 0 0 100px;
}
.utilities li a {
	color: #666;
	background-color: #f1f1f1;
	padding: 5px 10px 5px 30px;
	border: 1px solid #ccc;
}
.utilities li a:hover {
	text-decoration: none;
	color: #333;
}
.utilities li.new a {
	background: #f1f1f1 url("images/PM_buttons_bg.gif") 0 -1px no-repeat;
	display: block;
}
.utilities li.new a:hover {
	background-position: 0 -32px;
}
.utilities li.delete a {
	background: #f1f1f1 url("images/PM_buttons_bg.gif") -130px -2px no-repeat;
	display: block;
}
.utilities li.delete a:hover {
	background-position: -130px -33px;
}
.utilities li.reply a {
	background: #f1f1f1 url("images/PM_buttons_bg.gif") -221px -1px no-repeat;
	display: block;
	padding-left: 20px;
}
.utilities li.reply a:hover {
	background-position: -221px -32px;
}
.utilities li.replyall a {
	background: #f1f1f1 url("images/PM_buttons_bg.gif") -301px -1px no-repeat;
	display: block;
	padding-left: 27px;
	border-width: 1px 0;
}
.utilities li.replyall a:hover {
	background-position: -301px -32px;
}
.utilities li.forward a {
	background: #f1f1f1 url("images/PM_buttons_bg.gif") -402px -1px no-repeat;
	display: block;
	padding-left: 20px;
}
.utilities li.forward a:hover {
	background-position: -402px -32px;
}

.messages td, .messages th {
	
}
.messages td.subject a {
	color: #666;
}
.messages td.subject a.active {
	color: #1c9bc8;
}
.message li {
	margin: 5px 0;
}
.message h3 {
	margin-bottom: 0;
}
.message p {
	float: right;
	width: 746px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 0;
}
.expand {
	padding: 0;
}
.expand .message {
	display: none;
	border-bottom: 1px solid #ccc;
}
.messageInfo {
	padding: 0 0 5px 0;
	margin-top: 0;
}
.messageInfo li {
	margin: 0 0 10px 0;
	line-height: 1em;
}

.messageInfo li strong {
	text-align: right;
	width: 60px;
	margin: 0 10px 0 0;
	display: block;
	float: left;

}

.messageInfo li input.text {
	width: 550px;
}

.deleteMsg {

}

fieldset.compose {
	position: relative;
	padding: 10px;
	background: #efefef;
	border: #ccc 1px solid;
}

fieldset.compose label {
	font-weight: bold;
	width: 60px;
	text-align: right;
	float: left;
	margin: 0 10px 0 0;
}

fieldset.compose input {
	width: 765px;
	margin: 0 0 10px 0;
}

fieldset.compose textarea {
	width: 765px;
	margin: 0 0 10px 70px;
}

fieldset.compose p {
	width: 325px;
	margin: -10px 0 10px 70px;
	font-size: .95em;
	font-style: italic;
}


fieldset.compose button.submit {
	float: right;
	margin: 0 20px 0 0;
}

fieldset.compose a.cancel {
	text-decoration: underline;
	color: #7f7f7f;
	float: right;
	margin: 5px 30px 0 0;
}

.message.error {
	padding: 16px;
	color: #d14848;
	background: #fce8e8;
	border: 1px solid #f9c8c8;
}

.message.error h3 {
	font-size: 2em;
	color: #ea4040;
}

/***** post a project *****/

.post-project {
	padding: 10px 20px 20px 20px;
	background: #f8f8f8;
	border: 1px solid #e6e6e6;
	margin: 0 0 40px 0;
}

.post-project h3 {
	font-size: 1.4em;
	margin: 0 0 8px 0;
}

.post-project dt {
	width: 152px;
	font-size: 1.1em;
	font-weight: bold;
}

.post-project dl {
	margin: 0 6px 0 0;
	padding: 10px 14px;
	background: #fff;
	border: 1px solid #dadada;
	min-height: 140px;
}

.post-project ul {
	float: left;
}

.post-project ul.last {
	margin: 0 0 0 20px;
}

.post-project li {
	margin: 0 0 4px 0;
}

.post-project li a {
	margin: 0 0 0 10px;
}

.post-project small {
	color: #8f8f8f;
}

.post-project .writing {
	margin: 0;
}

.post-project h3 a {
	font-size: .8em;
}

/***** submission detail *****/

.submission {
	width: 360px;
	margin-top: 5px;
}

.submission h4 {
	font-size: 1.2em;
}

.submission h4 .byline {
	color: #666;
	font-size: .8em;
	padding-left: 5px;
}
.submission h4 .byline a {
	color: #666;
}
.submission h4 a.edit {
	font-size: .8em;
	padding-left: 5px;
}
.submission div.award {
	position: absolute;
	top: 0;
	left: 0;
	width: 62px;
	height: 62px;
}

.submission p.center {
	text-align: center;
}
.submissionNav {
	padding-top: 20px;
	margin-bottom: 10px;
}
.submissionNav li {
	float: left;
	margin: 0 5px 10px 5px;
	width: 80px;
}
.submissionNav li a {
	line-height: 1em;
}
.submissionNav li img {
	border: 5px solid #f1f1f1;
}
.submissionNav li.active img {
	border-color: #333;
}
.submissionNav li#first, .submissionNav li#last {
	background-color: transparent;
}
.submissionNav li#last {
	float: right;
	text-align: right;
}

/****** Portfolio *****/

.portfolioInfo {
	width: 500px;
	margin-top: 27px;
}
.portfolioInfo dl {
	margin-bottom: 10px;
}
.portfolioInfo dt {
	font-weight: bold;
	font-size: 1.1em;
}
.portfolioInfo dd {
	padding: 0 0 10px 0;
}

/* subNav for portfolio items */
.details h4 small {
	font-weight: normal;
	margin-top: 2px;
}
.details a.trash {
	
}
.portfolio {
	width: 360px;
	padding-top: 0;
}
.portfolio li {
	margin: 0;
	width: 90px;
	text-align: left;
}
.portfolio li.last {
	text-align: right;
	float: right;
}
.submissionImage {
	padding: 30px 30px 10px 30px;
	background-color: #f1f1f1;
	position: relative;
	border: 1px solid #ccc;
}

.submissionImage p {
	margin: 20px 0 0 0;
}

.ratings li {
	float: left;
	width: 50px;
	height: 50px;
	border: 3px solid #ccc;
	background-color: #fff;
	margin-right: 5px;
	text-align: center;
}
span.ratingLabel {
	text-transform: uppercase;
	font-size: .9em;
}
.otherSubmissions {
	margin-top: 15px;
}
.otherSubmissions li {
	float: left;
	width: 75px;
	height: 75px;
	margin: 5px 5px 0 0;
	border: 5px solid #f1f1f1;
}

/***** help center *****/

.helpsection {
	margin-bottom: 40px;
}
.helpsection dt {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.helpsection dt a {
	color: #000;
}

.helpsection h3 {
	font-size: 1em;
	font-weight: normal;
	color: #000;
}

.helpsection .helpLink {
	cursor: pointer;
	color: #000;
	line-height: 2;
}

.helpsection .helpText {
	padding: 20px;
	background: #efefef;
}
.helpsection .helpText li {
	margin-bottom: 10px;
}

/***** show hide styles *****/

.show {
	display: block;
}
.hide {
	display: none;
}

/* Home Page */
#homepage_banner {
	position: relative;
	text-align: left;
	padding: 5px 5px 5px 5px;
	height: 100px;
}

#homepage_banner div {
}

#homepage_banner div h2 {
	display: none;
}

#homepage_banner a {
	z-index: 10000;
	position: absolute;
	top: 230px;
	right: -7px;
	display: block;
	width: 213px;
	height: 72px;
}

.homepage .tabs {
	position: relative;
	margin-top: -66px;
	padding: 20px 0 0 0;
}

#homepageContent {
	padding: 26px;
	height: 215px;
}

#homepageContent .loading {
	text-align: center;
	font-size: 1.75em;
	font-weight: bold;
	color: #b8b8b8;
	padding: 60px 0;
}

#homepageContent .container {
	width: 420px;
}

#homepageContent .container h3 {
	margin: 0;
	padding: 5px 10px 0 10px;
}

#homepageContent ul.info {
	padding: 2px 10px 10px 10px;
}

#homepageContent ul.info li {
	float: left;
	width: auto;
	padding: 0 5px 0 4px;
}

#homepageContent ul.info li.first {
	padding-left: 0;
}

#homepageContent ul.thumbs li {
	float: left;
	width: 105px;
	height: 70px;
	text-align: center;
}
#homepageContent ul.thumbs li img {
	width: 105px;
	height: 70px;
}

/* Tables */
.even {  background-color: #f4f4f4; }
.odd { }

table {
	width: 100%;
}

table th {
	background: #b8b8b8;
	padding: 3px;
	border-bottom: 0px solid #ccc;
}

table td {
	padding: 3px;
	border-bottom: 0px solid #ccc;
}

table td p {
	margin: 0;
}

table th a {
	padding: 0 10px 0 0;
	color: #efefef;
}

table th a.desc {
	background: transparent url(images/sort_arrows_desc.gif) right center no-repeat;
}

table th a.asc {
	background: transparent url(images/sort_arrows_asc.gif) right center no-repeat;
}

table td.project {
	padding-right: 30px;
	width: 455px;
}

table td.project a:visited {
	color: #666;
}

table td.category, table th.category  {
	text-align: left;
	width: 140px;
	padding-left: 20px;
}

table td.award, table th.award {
	width: 60px;
	text-align: center;
}

table td.time, table th.time {
	width: 90px;
}

table td.avatar {
	width: 75px;
}

table td.avatar img {
	padding: 5px;
}

table td.contributor {
	width: 460px;
	padding: 0 40px 0 0;
}

table td.contributor a:visited {
	color: #666;
}

table td.image {
	width: 75px;
}

table td.image img {
	padding: 5px;
}

table td.title {
	width: 400px;
}

table td.title a:visited {
	color: #666;
}

table td.projects, table th.projects {
	text-align: center;
	width: 75px;
}

table td.submissions, table th.submissions {
	text-align: center;
	width: 75px;
	padding: 0;
}

table td.joined, table th.joined {
	text-align: center;
	width: 75px;
}


table td.time, table th.time,
table td.sub, table th.sub, 
table td.delete, table td.delete {
	text-align: center;
}
table td.delete, table td.delete {
	width: 75px;
}
table td.sub, table th.sub {
	text-align: center;
	width: 100px;
}

.searchError {
	margin: 20px 0;
}

.searchError h4 {
	font-size: 1.5em;
}

.back {
	padding-bottom: 0 !important;
}
.newsearch {
	margin: 40px 10px 0 0;
}

/* Search Filter */
#searchToggle {
	cursor: pointer;
	background: #efefef;
	margin: 10px 0 0 0;
	padding: 10px;
	
}

#searchToggle h3 {
	padding: 0 0 0 14px;
	background: transparent url(images/plusthin.gif) left center no-repeat;
	text-decoration: underline;
}

#searchToggle.minus h3 {
	background: transparent url(images/minusthin.gif) left center no-repeat;
}

#searchToggle h3 img.left {
	border: none;
	margin-top: 6px;
	margin-right: 5px;
}

#searchFilter {
	display: none;
	background: #efefef;
	margin: 0 0 10px 0;
	padding: 10px;
	border-top: 1px solid #ddd;
}

#searchFilter p {
	float: left;
}

#searchFilter #massCheck {
	float: right;
}

#searchFilter #massCheck li {
	padding: 0 0 0 5px;
	display: inline;
}

#searchFilter #massCheck li.first {
	padding: 0 8px 0 0;
	border-right: 1px solid #ccc;
}

#searchFilter form {
	clear: both;
}

#searchFilter form dt {
	font-weight: bold;
}

#searchFilter form dl {
	width: 260px;
	float: left;
}

.viewLargePop .container {
	background: none;
}

.viewLargePop .content {
	text-align: left;
	width: 100%;
	height: 100%;
	background: none;
	overflow: auto;
}

.viewLargePop .close {
	position: absolute;
	top: -10px;
	left: -10px;
	width: 32px;
	height: 32px;
	background: transparent url(images/close_button.png) no-repeat;
}

.viewLargePop .preloader {
	width: 16px;
	height: 16px;
	background: transparent url(images/ajax-loader.gif) no-repeat;
}

/***** screencasts *****/

dl.screencast {
	float: right;
}
dl.screencast dt {
	font-weight: bold;
	font-size: 1.2em;
}
dl.screencast dd {

}

/* TEMP SHIT -- if you're done using these, delete them */

#galleryCounts {
	position: fixed;
	top: 98px;
	left: 10px;
	color: #f1f1f1;
	width: 150px;
	padding: 10px;
	font-size: 14px;
}