/* Global */
body {
	font: 12px/1.6 Arial, Helvetica, sans-serif;
	background: #eee;
}

/* Global Links */
a img { border: 0; text-decoration: none; }
a {color: #1c9bc8; text-decoration: none;}
a:hover {text-decoration: underline;} 
a:hover img {text-decoration: none; }

h2.title {color: #fff; background: #23b4f1; font-size: 2.25em;}
h2.title a {color: #fff; text-decoration: none;}
h2.tagline { font-size: 2em; padding: 30px 10px 10px 10px; }
h3.section {font-weight: bold; /*border-bottom: 2px solid #000;*/ padding: 0 0 2px 0; font-size: 2em;}
h3.big { font-size: 2em; padding: 10px;}
h3.watchlist { font-size: 1.65em; padding: 0 0 2px 0; }
h3.watchlist small { font-size: .75em; }
h3.highlight a { color: #ed2590;}
h4.callout { font-size: 1.5em; padding: 10px 0;}

	img{border:none;}
	#preview{
		position:absolute;
		border:1px solid #ccc;
		background:#333;
		padding:5px;
		display:none;
		color:#fff;
		}

.dull {
 color: #aaa;
}

/* Wrapper */
#wrapper {

}

/* Header */
#header {
	background: #fff;
}
#header p {
	color: #666;
}


#masthead h1 {
	background: transparent url(images/sueeasy_logo.gif) no-repeat;
}

#masthead h1 a {
	font-size: 0;
	line-height: 0;
	color: #353535;
	display: block;
}

#utilities {
	font-size: 1.3em;

	font-weight: bold;
	color: #000;

}

#utilities li a {
	border-right: solid 1px #494949;
		color: #444;
}


#utilities li.last a {
	border-right: 0;
}

#utilities a {
	color: #666;
}

#mainnav {
	font-size: 1em;
	font-weight: bold;
}

#mainnav li a {
	color: #666;
	border-right: 1px solid #bbb;
}

#mainnav li a.active {
	font-weight: bold;
	background: #353535 url(images/mainnav_active_bg.gif) repeat-x;
	border: 0;
}

#mainnav li a:hover {
	text-decoration: underline;
}
#mainnav li.last a {
	border-right: 0;
}

 #mainnav li.first a {
	border-left: 0;
}

#subnav {
	background: #23b4f1;
}

#subnav li a {
	text-decoration: underline;
	color: #fff;
}

#subnav li a.active, #subnav li a:hover {
	text-decoration: none;
	background: #1c9bc8;
}

/* Footer */
#footer {
	font-size: .9em;
	color: #666;
}

#footer dl dt {
	font-weight: bold;
	line-height: 2;
}

#footer dl dd a {
	font-weight: bold;
}

#footer li {
	font-weight: bold;
}

#footer li a {
	font-weight: normal;
}

#footer a {
	color: #7c7c7c;
}

/* Tabs */
.tabs {
	background: #23b4f1;
}

.tabs li a {
	font-weight: bold;
	color: #b8b8b8;
	background: #464646;
}

.tabs li strong {
	border-left: 1px solid #5c5c5c;
	border-right: 1px solid #3b3b3b;
}

.tabs li a.active {
	font-size: 1.4em;
	color: #000;
	background: #fff;
}

.tabs li a.active strong {
	border: 0;
}

.tabs li.wrapup a {
	color: #FFF;
	background: #ed2590;
}
.tabs li.wrapup strong {
	border: 0;
}

.tabs li a.wrapup strong {
	border: 0;
}

.tabs li a:hover {
	color: #efefef;
	background: #444;
}

.tabs li a.active:hover{
	color: #333;
	background: #fff;
}

/* main */
.main {
	background: #fff;
}

/* Project */
dl.award {
	float: left;
	width: 200px;
}
	dl.award dt {
		color: #666;
	}
	
	dl.award dd.amount {
		line-height: 1;
		font-weight: bold;
		font-size: 3.2em;
	}
	
	dl.award dd a {
		color: #ed2590;
		font-weight: normal;
	}

dl.ends {
	float: left;
	width: 500px;
}
	dl.ends dt {
		color: #666;
	}
	
	dl.ends dd {
		line-height: 1;
		font-weight: bold;
		font-size: 3.2em;
	}

.submissions dl {
	background: #f1f1f1;
}
.submissions dt.withdrawn a img {
	/*opacity:0.4; filter: alpha(opacity=40);*/
}

.submissions dd.award, .submission div.award {
	font-size: 0;
	line-height: 0;
	color: #669966;
	background: transparent url(images/award_icons.gif) 0 -62px no-repeat;
}

.submissions dd.pickme {
	background-position: 0 0;
}

.submissions dd.pickme a {
	color: #cc3333;
}

.submissions dd.award_1, .submission div.award_1 {
	background-position: 0 -124px;
}

.submissions dd.award_2, .submission div.award_2 {
	background-position: 0 -186px;
}

.submissions dd.award_3, .submission div.award_3 {
	background-position: 0 -248px;
}

.submissions dd.award_4, .submission div.award_4 {
	background-position: 0 -310px;
}

.submissions dd.award_5, .submission div.award_5 {
	background-position: 0 -372px;
}

.submissions dd.award_6, .submission div.award_6 {
	background-position: 0 -434px;
}

.submissions dd.award_7, .submission div.award_7 {
	background-position: 0 -496px;
}

.submissions dd.award_8, .submission div.award_8 {
	background-position: 0 -558px;
}

.submissions dd.award_9, .submission div.award_9 {
	background-position: 0 -620px;
}

.submissions dd.award_10, .submission div.award_10 {
	background-position: 0 -682px;
}
.submissions .teaser {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	padding: 100px 0 50px 0;
}

.details dl {
	background: #f1f1f1;
	border: 1px solid #ccc;
}

.details dt {
	font-weight: bold;
	font-size: 1.2em;
}
.details dd span.grey {
	float: none;
	color: #666;
}

.brief {
}
.brief h4 {
	color: #2a8dad;
}
.brief dt {
	padding: 10px 0 0 0;
}
.brief dt span.grey {
	color: #666;
}
.wrapup h3 {
	font-size: 2em;
	padding-top: 50px;
}
.wrapupStep {
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;
}
.activeStep {
	background-color: #f1f1f1;
}
.wrapupStep dt {
	font-weight: bold;
	font-size: 1.5em;
	color: #CCC;
}
.wrapupStep dt.active {
	color: #000;
}
.wrapup dt span.done {
	font-size: .8em;
}
.wrapupStep dd.noBorder {
	border: none;
}
.wrapupStep dd.active {
	background-color: #f1f1f1;
}
.wrapupStep dd span.green {
	color: #090;
	float: none;
}
.wrapupStep dd span.red {
	color: #F00;
	float: none;
}

/***** misc. *****/

.owner {
	font-size: 1.2em;
}
.owner a {
	font-weight: bold;
}
.byline {
	color: #b9e5fb;
	font-size: .9em;
}
.byline a {
	color: #b9e5fb;
}
.byline a:hover {
	text-decoration: underline;
}
.timezone {
	font-size: .75em;
}
.trash {
	width: 35px;
	height: 19px;
	display: block;
	font-size: 0em;
	color: #fff;
	background: transparent url(images/remove-icon.gif) center 0 no-repeat;
	text-decoration: none;
}
.subtle {
	color: #666;
	font-style: italic;
}
.rule {
	height: 1px;
	background-color: #CCC;
}
.done {
	color: #01a651;
}
.noBorder {
	border: none;
}
div.errors {
	color: #d14848;
	background: #fce8e8;
	border: 1px solid #f9c8c8;
	padding: 5px 10px;
	width: 513px;
}
div.errors h3 {
	font-size: 2em;
}
div.feedback {
	border-color: #060;
	background-color: #9F9;
}


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



/* Home Page */
#homepage_banner {
	background: #23b4f1 url(images/banner_bg.gif) center no-repeat;
	color: #fff;
}

#homepage_banner div {
	text-align: left;
	font-size: 2em;
	background: transparent url(images/banner_text.gif) no-repeat;
}

#homepage_banner a {
	font-size: 0;
	line-height: 0;
	color: #2eb8f2;
	background: transparent url(images/hero_callout.gif) no-repeat;
}

#homepage_banner a span {
	display: none;;
}

.homepage .tabs {
	background: transparent;
}

.tabs .first {
	border-left: 0;
}

#homepageContent .container {
	border: solid 1px #eaeaea;
}

#homepageContent .container h3 {
	font-size: 1.25em;
}


#homepageContent h3 {
	font-size: 1.4em;
}

#homepageContent ul.info li {
	border-right: 1px solid #dedede;
}

#homepageContent ul.info li.last {
	border-right: 0;
}

.popularDesigners .popular {
	border: 0;
}

.popularDesigners h3 {
	margin: 0 0 8px 0;
}

.popularDesigners .popular li {
	border-width: 1px 0;
	border-color: #eaeaea;
	border-style: solid;
}

.popularDesigners .popular li.avatar {
	border-left: 1px #eaeaea solid;
}

.popularDesigners .popular li.info {
	border: 0;
	border-left: 1px #eaeaea solid;
}

.popularDesigners .popular li.info dl dt {
	font-weight: bold;
	font-size: 1.25em;
}

.popularDesigners .popular li.info dl dd.location {
	font-style: italic;
	color: #868686;
}

/* Zoom Tool */
.zoomIcon {
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	height: 14px;
	font-size: .95em;
	color: #000;
	background: #eee;
	padding: 2px;
}

.zoomContainer {
	cursor: move;
	position: absolute;
	background: #eee;
}

.zoomContainer img {
}

.zoomContainer .top {
	position: absolute;
	top: -10px;
	left: -20px;
	width: 100%;
	height: 20px;
}
.zoomContainer .top div {
	width: 100%;
	height: 20px;
	padding: 0 10px 0 0;
	background: transparent url(images/zoom_top.png) left no-repeat;
}

.zoomContainer .right {
	position: absolute;
	right: -10px;
	top: -10px;
	width: 20px;
	height: 100%;
}
.zoomContainer .right div {
	width: 20px;
	height: 100%;
	padding: 0 0 10px 0;
	background: transparent url(images/zoom_right.png) top no-repeat;
}

.zoomContainer .bottom {
	position: absolute;
	bottom: -20px;
	right: 0;
	width: 100%;
	height: 20px;
}
.zoomContainer .bottom div {
	width: 100%;
	height: 20px;
	padding: 0 0 0 10px;
	background: transparent url(images/zoom_bottom.png) right no-repeat;
}


.zoomContainer .left {
	position: absolute;
	left: -20px;
	top: 10px;
	width: 20px;
	height: 100%;
}
.zoomContainer .left div {
	width: 20px;
	height: 100%;
	padding: 0 0 10px 0;
	background: transparent url(images/zoom_left.png) bottom no-repeat;
}


.zoomClose {
	font-size: 0;
	line-height: 13px;
	position: absolute;
	top: -12px;
	left: -22px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(images/close_button.png) no-repeat;
}

.zoomInfo {
	visibility: hidden;
	position: absolute;
	bottom: 6px;
	right: 16px;
	text-align: left;
	width: 90%;
	padding: 4px;
	background: #fff;
}

.zoomInfo h3 {
	color: #34b0d9;
}

.zoomInfoButton {
	visibility: hidden;
	position: absolute;
	right: 12px;
	bottom: 2px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: transparent url(images/zoom_info.png) no-repeat;
}

/* Flash Message */
#flashMessage {
	text-align: center;
	font-size: 3em;
	padding: 10px 0;
	position: absolute;
	z-index: 1000;
	left: 20px;
	top: 18px;
	color: #000;
	background: #B9E5FB;
	width: 880px;
}

#flashMessage.error {
	background: #ffebeb;
}

#flashMessage small {
	font-size: .4em !important;
	display: block;
}

.legal ul {
	margin: 0 0 10px 30px;
	list-style: disc;
}

.withdrawnReason strong {
	color: #ed2590 !important;
}