/*
#f0f0f0 = very light grey
#ffffe1 = very light yellow
#d1d1f0 = lavendar
#b1d45a = puke green
#ffa100 = orange
#66c = deep purple
#909090 = dark grey
#333 = super dark grey (the new black on our site)
*/
/* skin specific display */
@media all {
	body { font-family:Helvetica, Arial, sans-serif; position:relative; color:#000;}
	form fieldset { border:none; }
	form fieldset legend { display:none; }
	input.hidden { display:none !important; border: none !important; }
	h1 { font-size:1.9em; }
	h2 { font-size:1.6em; }
	h3 { font-size:1.25em; }
	h1, h2, h3, h4 { font-weight:normal !important; }
	
	a { color:#000; }
	a img { border:none; }
	a.username {text-transform:lowercase;}
	
	div { position:relative; }

	form .hidden { display: none !important; border: none !important; }
	form.invite-link { margin:1em 0; clear:both; }
	form.invite-link input { display:block; margin-top:4px; }
	
	.clr { display:block; clear:both; }

	label.overlabel { position:absolute; color:#666; font-size:12px; }
	label.overlabel-apply { position:absolute; color:#666; font-size:12px; top:3px; left:5px; z-index:1; }
	.formBox label.overlabel-apply { position:absolute; color:#666; font-size:12px; top:15px; left:5px; z-index:1; }
	label.dropLabel {font-size: 14px; color: #333; padding: 0 0; margin: 0 0;}
	label.overlabel-image {display: none;}
	#upload_frame { height:0; width:0; border:none; }
	#auth_token { display:none; }
	/** SORTING */
	ul.sorting { list-style:none; font-size:0.95em; padding:0 0 16px 20px; position:relative; }
	ul.sorting li { display:inline; padding:5px 15px 0 5px; }
	ul.sorting li a { background: url(images/sortLink.gif) no-repeat 0 45%; padding-left: 12px; color: #666; }
	
}

@media screen {
	* { margin:0; padding:0; }
	html,body {height:100%;}
	body { position:relative; font-size:61.25%; color:#666; background:#333 url(images/bg.gif) 50% 0; margin: 0 0 250px 0;}
	ul { list-style:none; }
	#container { min-width:990px; width: 100%; max-width: 1200px; padding:68px 0 200px 0; margin: 0 auto 250px;}
	a { text-decoration:none; }
	a:hover { text-decoration:underline; }
	/** HEADER */
	#projects_page div.legal_disclaimer {height: 400px;}
	div.legal_disclaimer { padding:10px; overflow:auto; margin:10px 0; background:#fff; }
	div.legal_disclaimer p { margin:10px 0; border:none !important; }
	#header { position:absolute; top:0; left:0; height: 60px; min-width:980px; width: 98%; max-width: 1200px; margin:0 10px; background: url(images/header-right.png) 100% 0 no-repeat; }
	#headerWrap { background: url(images/header-left.png) 0 0 no-repeat; display: block; height: 60px; margin-right: 370px;}
	#headerSearch { /* background: url(images/header-right.gif) no-repeat 100% 0; */ display: block; height: 60px; float: right;}
	#headerSearch form#searchForm {padding: 13px 20px 0 0;}
	#headerSearch form#searchForm input {background: url(images/searchForm.gif) 0 0 no-repeat; width: 127px; line-height: 14px; padding: 2px 4px; border:none; color: #999; font-size: 12px;}
	#site-logo {
		position:absolute;
		top:8px;
		left:25px;
		display:block;
		text-indent:-5000em;
		background: url('images/logo.gif') no-repeat scroll top left;
		width: 110px;
		height: 27px;
		z-index:105;
		outline:none;
	}
	#knewsroom-banner {
		background: url(images/knewsroom-banner.png) no-repeat top left;
		height: 71px;
		width:  799px;
		display:block;
		text-indent:-5000em;
		margin:0 0 10px 10px;
		outline:none;
	}
	#navigation { font-size:1.5em; position:absolute; top:8px; right: -200px; font-size: 18px; }
	#navigation li { float:left; display:block; border-right: 1px solid black; padding: 0 20px 0 10px; position: relative; }
	#navigation li.last {border: none;}
	#navigation li a { color:#909090; display:block; padding:5px 5px 5px 10px; float:left; }
	#navigation li a:hover { color:#FFF; text-decoration: none;}
	#navigation li a.arrow { width: 12px; height: 8px; background: url(images/nav-arrow.gif) 10px 8px no-repeat;}
	#navigation li a.arrow:hover, #navigation li a.greenDown {background-image: url(images/nav-arrowG.gif);}
	#navigation li a.arrow span {display: none;}
	#navigation li ul {position: absolute; top: 39px; left: 0; font-size: 12px; width: 119px; background: url(images/navDrop.png) 100% 0 repeat-y; padding: 3px;}
	#navigation li ul#projDrop {left: 9px;}
	#navigation li ul li {display:block; border-right: none; border-bottom: 1px solid #474747; padding: 5px; width: 100px;}
	#navigation li ul li a {padding: 0 0 0 10px; display: block; line-height: 15px; width: 100%;}
	#navigation li ul li.dropShadow {background: url(images/navDropShadow.png) 0 100% no-repeat; padding: 0; margin: 0 0 -3px -3px; width: 127px;}
	
	#main { font-size:1.3em; margin:10px 10px 0 10px; background:#fff url(images/corner-top-left.gif) top left no-repeat; position: absolute; right: 184px; left: 0; min-height: 700px; padding: 10px 20px 250px 20px;}
	#home_page_prereg #main { position: relative; padding:0; margin:0; }
	#cornerTopRight { position: absolute; top: 0; right: 0; background: url(images/corner-top-right.gif) 0 0 no-repeat; width: 16px; height: 16px;}
	/*
	#cornerBottomRight {position: absolute; bottom: 0; right: 0; background: url(images/corner-bottom-right.gif) 0 0 no-repeat; width: 16px; height: 16px; z-index: 99; }
	#cornerBottomLeft {position: absolute; bottom: 0;left: 0;background: url(images/corner-bottom-left.gif) 0 0 no-repeat;width: 16px;height: 16px; z-index: 99;}
	*/
	
	/** FOOTER */
	#footer { clear:both; margin:250px 0 0 0; background: url(images/footerGradient.gif) 0 100% repeat-x; position: absolute; bottom: 0; left: 0; width:97%; z-index: 99; padding: 0 0 0 20px; }
	#footer .column{float:left; width:49%;/*background:url(images/bg-footer.gif) repeat-y right top;*/; border-left: 1px dotted #333; height: 90px; margin-bottom: 10px;}
	#footer h3{font-size:1.4em;margin:0 0 4px 21px;font-weight:normal;}
	#footer ul{margin:0 20px 4px 21px;line-height:120%;list-style:none;}
	#footer ul li {margin: 0; padding: 0;}
	#footer p{color:#999; margin: 5px 20px; padding: 0;}
	#footer a {color: #66c; margin: 0; padding: 0;}
	#copyright{clear:both; display: none;}	
	
	/** HELPER IMAGES **/
	.helpers {margin: 20px 0px;}
	#rightHelper {}
	#leftHelper {margin-right: 5px;}
	.helperContent {padding-top: 14px;}
	.helperContent p {font-size: 12px; position: absolute; top: 95px; left: 210px;}
	.helperContent h3 { font-size: 18px; font-weight: bold; padding-right: 5px;}
	.helperContent img {float: left; margin-right: 7px;}
	.helpers .helperGrey {float: left; padding-left: 15px; min-width: 350px; height: 131px; width: 48%; background: url(images/helperGreyLeft.jpg) 0 0 no-repeat;}
	.helpers .helperGrey .helperContent {height: 117px;background: url(images/helperGreyRight.jpg) 100% 0 no-repeat;}
	.helperGrey h3 {color: #909090;}

	.helpers .helperPurple {float: left; padding-left: 15px; min-width: 350px; height: 131px; width: 47%; background: url(images/helperPurpleLeft.jpg) 0 0 no-repeat;}
	.helpers .helperPurple .helperContent {height: 117px; background: url(images/helperPurpleRight.jpg) 100% 0 no-repeat;}
	.helperPurple h3 {color: #fff; font-size: 18px; font-weight: bold; padding-right: 10px;}

	.helpers .helperOrange {float: left; padding-left: 15px; min-width: 350px; height: 131px; width: 98%; background: url(images/companyHelperLeft.jpg) 0 0 no-repeat;}
	.helpers .helperOrange .helperContent {height: 117px; background: url(images/companyHelperRight.jpg) 100% 0 no-repeat;}
	.helperOrange h3 {color: #fff; font-size: 26px; font-weight: bold; padding-right: 10px; padding-top: 10px;}
	.helperOrange h3 a {color: #fff;}
	
	.helpers .helperGreen {float: left; padding-left: 15px; height: 131px; width: 98%; background: url(images/helperGreenLeft.gif) 0 0 no-repeat;}
	.helpers .helperGreen .helperContent {height: 117px; background: url(images/helperGreenRight.gif) 100% 0 no-repeat;}
	.helperGreen h3 {color: #fff; font-size: 26px; font-weight: bold; padding-right: 10px; padding-top: 10px;}
	.helperGreen h3 a {color: #fff;}
	
	.helpers .helperYellow {float: left; padding-left: 15px; margin-right: 10px; height: 131px; min-width: 350px; width: 47%; background: url(images/helper-yellow-left.png) 0 0 no-repeat;}
	.helpers .helperYellow .helperContent {height: 117px; background: url(images/helper-yellow-right.png) 100% 0 no-repeat;}
	.helperYellow h3 {color: #fff; font-size: 26px; font-weight: bold; padding-right: 10px; padding-top: 10px;}
	.helperYellow h3 a {color: #fff;}
	
	.helpers a:hover {text-decoration: none;}
	
	.helpers {margin: 20px 0px;}
	.helperContentDashboard {padding-top: 14px;}
	.helpers .helperDashboard {padding-left: 15px; margin-right:10px; width: 98.5%; background: url(images/dashboard-helper-left.jpg) 0 0 no-repeat;}
	.helpers .helperDashboard .helperContentDashboard {height: 103px; background: url(images/dashboard-helper-right.jpg) 100% 0 no-repeat;}
	.cashearned { margin: 8px 10px 3px 12px; float: left; width: 185px; border-right: 1px solid #d0d0d0;  }
	.cashearned .earned {display: block; font-size: 48px; color: #333; font-weight: bold; padding-top: 0; }
	
	/*#dashIcons {margin: 8px 10px 0 30%;}*/
	#dashIcons {margin: 8px 10px 0 210px;}
	#dashIcons ul { width: 100%; height: 35px; margin: 0 auto; position: absolute; left: 0 right: 0;}
	#dashIcons ul li {float: left; width: 20%;}
	#dashIcons ul a {padding: 45px 0 0; width: 100%; height: 15px; display: block; text-align: center; color: #909090;}
	#dashIcons ul a span {color: #333;}
	
	#dashIcons li#iconWatt a{background: url(images/dashIcons-watt.png) 50% 10px no-repeat;}
	#dashIcons li#iconWatt a:hover{background: url(images/dashIcons-watt.png) 50% -49px no-repeat;}
	
	#dashIcons li#iconInv a{background: url(images/dashIcons-inv.png) 50% 10px no-repeat;}
	#dashIcons li#iconInv a:hover{background: url(images/dashIcons-inv.png) 50% -49px no-repeat;}
	
	#dashIcons li#iconProj a{background: url(images/dashIcons-proj.png) 50% 10px no-repeat;}
	#dashIcons li#iconProj a:hover{background: url(images/dashIcons-proj.png) 50% -49px no-repeat;}
	
	#dashIcons li#iconSpar a{background: url(images/dashIcons-spark.png) 50% 2px no-repeat;}
	#dashIcons li#iconSpar a:hover{background: url(images/dashIcons-spark.png) 50% -57px no-repeat;}

	#dashIcons li#iconFile a{background: url(images/dashIcons-files.png) 50% 10px no-repeat;}
	#dashIcons li#iconFile a:hover{background: url(images/dashIcons-files.png) 50% -49px no-repeat;}

	
	/** HOME SPLASH // SPLASHREG **/
	#home_page_prereg #main, #home_page_registration #main {background: none;}
	.preReg {position: absolute; top: 0; left: 50%; margin-left: -400px; width: 996px; height: 614px; background: url(images/preReg.png) 0 0 no-repeat;}
	.wouldnt-it span {display: none;}
	.wouldnt-it {background: url(images/wouldnt-it-be-cool.png) 0 0 no-repeat; width: 900px; height: 77px; margin: 38px 0 0 38px;}
	.line2 span {display: none;}
	
	/** SPLASH PAGE **/
	#flash-container {position:relative; left:-7px; top:-13px;}
	.ted-preReg {position: absolute; top: 0; left: 50%; margin-left: -400px; width: 996px; height: 614px; background: url(images/over-there-splash.png) 0 0 no-repeat;}
	.ted-preReg a {display:block; width: 996px; height: 600px; position: relative; z-index:99;}
	ul.ted-links { height: 256px; width:996px; list-style:none; }
	ul.ted-links li { display:block; float: left; width: 249px; height: 248px; }
	ul.ted-links li a { width: 249px; height: 248px; display: block;}
	ul.ted-links li a span {display: none;}
	ul.ted-links li#ted-process  {background: url(images/ted-process.png) 0 0 no-repeat;}
	ul.ted-links li#ted-people   {background: url(images/ted-people.png) 0 0 no-repeat;}
	ul.ted-links li#ted-history  {background: url(images/ted-history.png) 0 0 no-repeat;}
	ul.ted-links li#ted-exposure {background: url(images/ted-exposure.png) 0 0 no-repeat;}
	
	.preReg p {margin: 0 88px 0 33px; color: #909090; font-size: 24px; font-weight: normal !important; line-height: 28px;}
	.preReg p a {color:#909090;}
	.preLearnMore a {display:  block; text-align: right; margin: 20px 230px; font-size: 36px; color:#909090; }
	.preReg p a:hover, .preLearnMore a:hover {text-decoration: none;}
	
	.ted {position: absolute; top: 545px; left: 50%; margin-left: -400px; width: 996px; height: 256px; background: url(images/ted.png) 0 0 no-repeat;}
	.ted p {margin: 68px 66px 0 279px; font-size: 18px; line-height: 24px;}
	.ted p span {font-size: 12px;}
	.ted a {color: #333 !important;}
	.ted a:hover {text-decoration: none;}
	
	.brainSplash {position: absolute; top: 0; left: 50%; margin-left: -415px; width: 1024px; height: 614px; background: url(images/brainSplash.jpg) 0 0 no-repeat;}
	.fancyBlackSplash {position: absolute; right: 100px; top: 450px; background: url(images/fancy-black-132.gif) 0 0 no-repeat; width: 132px; height: 32px; text-align:center;}
	.fancyBlackSplash a {color: #fff; line-height: 32px; font-size: 18px;}
	

/*	div.signup label.overlabel-apply {top: 16px; left: 16px;}*/
	div.signup {
		width:980px;
		margin:0 auto;
		color:#fff;
		position:relative;
	}
	div.signup div.submit {
		background:url(images/signup-button.png) no-repeat top left;
		border:0;
		padding:0;
		text-align:center;
		width:101px;
		height:33px;
	}
	div.signup div.submit input { background:none; border:none; color:#fff; margin-top:2px; font-size:1.6em; }
	div.signup input.longText { margin:0 0 10px 0; width:100%; }
	div.signup form input,
	div.signup form select,
	div.signup form label { font-size:1.4em; }
	div.signup div.content p { font-size:1.2em; margin-bottom:4px; }
	div.signup div.content a { color:#fff; }
	div.signup div.content a span { font-size:1.2em; color:#b1d45a; }
	div.signup div.content h2 { font-size:5em; margin:0 0 10px 0;}
	div.signup div.content h2 strong { color:#b1d45a; }
	div.signup div.content {
		position:relative;
		background: url(images/signup-bg-dropshadow.png) repeat-y top left;
		padding:1px 30px;
		color:#fff;
	}
	div.signup div.content form {
		position:relative;
		width:251px;
		padding:8px 40px;
		margin:20px auto 60px auto;
		background: url(images/signup-center-bg.png) repeat-y top left;
	}
	div.signup div.cap-top {
		height:35px;
		background: url(images/signup-bg-caps.png) no-repeat top left;
	}
	div.signup div.cap-bottom {
		height:35px;
		background: url(images/signup-bg-caps.png) no-repeat bottom left;
	}
	#user_login { margin:100px auto 120px auto;}
	#forgot-password { font-size:1.2em; display:block; float:right; top:1.5em; position:relative; }
	#powered-by { display:block; background: url(images/signup-powered-by-kluster.png) no-repeat top left; width:222px; height:56px; position:absolute; bottom:1px; right:50px; }


	div.signup h1 {font-size: 33px; color: #60754c;}
	div.signup div.genderDrop select {width: 159px; margin-bottom: 10px;}
	div.signup .legal_disclaimer {position: absolute; top: 550px; left: 40px; right: 40px; height: 300px; display: none;}
	div.signup label.overlabelSex { display:block; color:#333; top:0; left:5px; z-index:1; font-size: 11px; }

	#headerLogin {/* background: url(images/header-right.gif) no-repeat 100% 0; */ display: block; height: 60px; float: right;}
	#headerLogin form#loginForm {padding: 13px 20px 0 0; position:relative;}
	#headerLogin form#loginForm input {background: url(images/searchForm.gif) 0 0 no-repeat; width: 127px; line-height: 14px; padding: 2px 4px; border:none; color: #999; font-size: 12px;}
	#headerLogin div {display: inline;}
	#headerLogin label.overlabel-apply, #headerLogin label.overlabel {top: -2px;}
	
	.registrationList li { padding: 3px;}
	
	#home_page_prereg #container, #home_page_registration #container {  width:980px; padding:68px 0 250px 0; margin: 0 auto 250px;}
	#home_page_prereg #header, #home_page_registration #header { position:absolute; top:0; left:0; height: 60px; width:980px; margin:0 auto; background: url(images/header-right.png) 100% 0 no-repeat; }
	#home_page_prereg #headerWrap, #home_page_registration #headerWrap { background: url(images/header-left.png) 0 0 no-repeat; display: block; height: 60px; margin-right: 370px;}
	
	
	/** DASHBOARD **/
	.userQuickStats {background: #FFFFE1; padding: 6px 20px; text-align: right; margin: -10px 0 20px;}
	.userQuickStats a {padding: 0 5px;}
	#dashboards_page #phases {clear: none !important; border-top: none;}
	#dashboards_page .status {display: none;}
	
	/** POWERSTRIP */
	#powerstrip { background:#636363 url(images/powerstrip-footer.gif) 0 100% no-repeat; padding-bottom: 200px; font-size:1.2em; position:absolute; top:68px; right:20px; width: 164px; line-height:1em; }
	#powerstrip #bulbLink {position: absolute; bottom: 17px; left: 32px;}
	#stripTop { background:#636363 url(images/powerstrip-topper.gif) 0 0 no-repeat; padding-top: 8px;}
	
	.miniUser { background: url(images/miniUser.gif) 0 0 no-repeat; width: 127px; height: 37px; margin: 0 auto 15px; padding: 8px 10px 12px;}
	.miniUser li.miniUser-avatar { float: left; width: 39px; height: 39px; margin-right: 5px; padding-right: 5px; }
	.miniUser li.miniUser-avatar img { border: 2px solid #7c88a0;}
	.miniUser li.miniUser-username {color: #fff; font-size: 14px;}
	.miniUser li.miniUser-logout a, .miniUser li.miniUser-logout { color: #b1d45a;}
	
	#live-notice {position:fixed;top:0;right:0;background:#000; }
	ul#psnav { background:url('images/powerstrip-icon-bg.png') no-repeat top left; padding:5px 0 0 5px; list-style:none; width:144px; height:244px; margin:0 auto; }
	#psnav li { list-style:none; display:block; overflow:hidden; background-image:url('images/powerstrip-icons-vertical.png'); background-repeat:no-repeat; }
	#psnav li a { color:#fff; display:block; padding:16px 0 20px 44px; }
	#psnav li a span { color:#b1d45a; }
	#psnav li a:hover { text-decoration:none; background-image:url('images/powerstrip-icons-vertical.png'); background-repeat:no-repeat; }
	li#psnav-1 { background-position: 0px 4px; }
	li#psnav-2 { background-position: 0px -43px; }
	li#psnav-3 { background-position: 0px -90px; }
	li#psnav-4 { background-position: 0px -137px; }
	li#psnav-5 { background-position: 0px -184px; }
	li#psnav-1 a:hover { background-position: -0px -230px; }
	li#psnav-2 a:hover { background-position: -0px -277px; }
	li#psnav-3 a:hover { background-position: -0px -324px; }
	li#psnav-4 a:hover { background-position: -0px -371px; }
	li#psnav-5 a:hover { background-position: -0px -418px; }
	
	.fancyGreen-join {margin: 0 auto; width: 150px; height: 31px; background: url(images/joinUs-green.gif) 0 0 no-repeat; text-align: center; }
	.fancyGreen-join a {color: #FFF; line-height: 31px; display: block; font-size: 18px;}
	
	ul#extNav {background: url('images/extNav.png') no-repeat top left;padding:0 0 0 0;list-style:none;width:149px;height:287px;margin: 10px auto;}
	#extNav li { list-style:none; display:block; margin:2px 1px; height:45px; }
	#extNav li a { text-align:left; padding:0 0 0 55px; color:#ccc; display:block; line-height: 48px; font-size: 16px;}
	#extNav li a:hover { text-decoration:none; }
	li#extNav-1 a:hover { background: url('images/extNav.png') no-repeat -1px -287px; }
	li#extNav-2 a:hover { background: url('images/extNav.png') no-repeat -1px -334px; }
	li#extNav-3 a:hover { background: url('images/extNav.png') no-repeat -1px -381px; }
	li#extNav-4 a:hover { background: url('images/extNav.png') no-repeat -1px -428px; }
	li#extNav-5 a:hover { background: url('images/extNav.png') no-repeat -1px -475px; }
	li#extNav-6 a:hover { background: url('images/extNav.png') no-repeat -1px -522px; }
	
	
	
	#my-projects{padding:0 0 10px 0; margin: 5px;}
	#my-projects li{padding:8px;background:/*url(images/bg-dotted.gif)*/ repeat-x left bottom; border-bottom: 1px dotted #fff;}
	#my-projects li.last{background:none; border: none;}
	#my-projects a{padding:0 0 0 15px;color:#ccc;background:url(images/powerstrip-li-off.gif) no-repeat left center;display:block;}
	#my-projects a.on{background-image:url(images/powerstrip-li-on.gif);}
	#my-projects a:hover{color:#fff;}
	
	/** ERROR EXPLINATION **/
	.errorExplanation { margin: 10px 0;  background: #d1d1f0; padding: 22px 10px;}
	.flashnotice { margin: -13px 0 20px; background: #d1d1f0 url(images/breadcrumb.png) 0 101% no-repeat; padding: 22px 10px;}
	
	/** PAGINATION */
	.pagination{padding:5px;margin:3px; background: #F0F0F0; text-align: right; clear: both; font-size: 14px; color: #909090;}
	.pagination a{ font-size: 14px; border-right: 1px solid #909090; color: #909090; padding: 0 8px 0 5px;}
	.pagination a:hover,.pagination a:active{ font-size: 14px;}
	.pagination span.current{ font-size: 14px; color: #000; padding: 0 8px 0 5px; border-right: 1px solid #909090;}
	.pagination span.disabled{ font-size: 14px; padding: 0 5px;}

	/** RATING */
	.mainListbox .rating, #ampDetail .rating {margin-top: 0 !important;}
	.rating { background-color: #fff; width: 100px; height:10px; margin: 3px 24px 0 0; }
	.rating .track { height: 10px; width: 100px; position: absolute; top:0; left:0px; right: 10px; z-index:1;border-top: 1px solid #666666; }
	
	.rating .endcap_left  { background:url(images/leftRateCap.gif) 0 0 no-repeat; position: absolute; top: -1px; left:0; z-index: 99; width: 2px; height: 10px; }
	.rating .endcap_right { background:url(images/rightRateCap.gif) 0 0 no-repeat; position: absolute; top: -1px; right:0; z-index: 99; width: 2px; height: 10px;}

	.rating .current_value { position:absolute; right:125px; top:0; text-align:right; width: 40px; border-right: 1px solid #666666; color: #bebebe; padding-right: 12px;}
	.rating .minus_value { position:absolute; right:110px; top:0; text-align:right; color: #bebebe; }
	.rating .plus_value { position:absolute; right:-15px; top:0; text-align:right; color: #bebebe; }
	.rating .rail { position:absolute; top:0; left:7px; right: 7px; width:86px;height: 10px; }
	.rating .fill {  background: url(images/rateHandle.gif) 100% 0 no-repeat; height: 9px; width:8px; position: absolute; top: 1px; left:0px; }
	#amp-list .rating .fill, #amp .rating .fill, .amp .rating .fill {background-color: #FFa100 !important}
	#spark-list .rating .fill, #spark .rating .fill, .spark .rating .fill {background-color: #b1d45a;}
	.rating .track div.handle { height: 10px; width:2px; position:absolute; top: 0; left:2px; cursor: pointer; }
	.rating .track .handle .current_value { position: absolute; left: 115px; top: 0px; color: #666; width: 40px; z-index:20; }
	
	#opportunities_page .rateOpp {margin: 10px 20px; color: #909090; font-size: 14px;}
	#opportunities_page .ratingOpp {  width: 100px; height:10px; margin: 0 24px 0 40px; position: absolute; display: inline; font-size: 12px; }
	#opportunities_page .ratingOpp .track { background-color: #000; height: 9px; width: 100px; border-top: 1px solid #666666; }
	
	#opportunities_page .ratingOpp .endcap_left  { background:url(images/leftOppCap.gif) 0 0 no-repeat; position: absolute; top: -1px; left:0; z-index: 99; width: 2px; height: 10px; }
	#opportunities_page .ratingOpp .endcap_right { background:url(images/rightOppCap.gif) 0 0 no-repeat; position: absolute; top: -1px; right:0; z-index: 99; width: 2px; height: 10px;}

	#opportunities_page .ratingOpp .current_value { position:absolute; left:125px; top:0; text-align:left; width: 40px; border-left: 1px solid #909090; color: #000; padding-left: 12px;}
	#opportunities_page .ratingOpp .minus_value { position:absolute; left: -18px; top:0; text-align:right; color: #000; }
	#opportunities_page .ratingOpp .plus_value { position:absolute; left: 108px; top:0; text-align:left; color: #000 ; }
	#opportunities_page .ratingOpp .rail { position:absolute; top:0; left:7px; width:86px;height: 10px; }
	#opportunities_page .ratingOpp .fill {  background: #b1d45a url(images/oppHandle.gif) 100% 0 no-repeat; height: 9px; width:48px; position: absolute; top: 1px; left:0px; z-index: 99; }
	#opportunities_page .ratingOpp .track div.handle { height: 10px; width:2px; position:absolute; top: 0; left:2px; cursor: pointer;  }
	#opportunities_page .ratingOpp .track .handle .current_value { position: absolute; left: 115px; top: 0px; color: #666; width: 40px; z-index:20; }
	
	
	/** SPARK & AMP LISTING */
	
	.listbox { margin:40px 0; background: #f3f3f3 url(images/spark-amp-preview.png) 100% 0 repeat-y;; overflow: hidden; }
	.listbox .lb-bl {background: url(images/listbox-bl.png) 0 100% no-repeat; position: absolute; bottom: 0; left: 0; z-index: 99; height: 15px; width: 15px; display: block;}
	.listbox .lb-br {background: url(images/listbox-br.png) 100% 100% no-repeat; position: absolute; bottom: 0; right: 0; z-index: 99; height: 15px; width: 15px; display: block;}
	.listbox .lb-tr {background: url(images/listbox-tr.png) 100% 0 no-repeat; position: absolute; top: 0; right: -2px; z-index: 99; height: 23px; width: 13px; display: block;}
	
	.listbox .rating { float:right; }
	.listbox .titlebar { height: 23px; text-transform:lowercase; background: url(images/titleDarkGrey-left.gif) 0 0 no-repeat; padding: 3px 5px 0; z-index: 0; }
	.listbox .titlebar h4 { font-size: 14px; margin: 2px 0 0 15px;}
	.spark .titlebar h4 a,
	.spark .titlebar h4 a:hover { color:#b1d45a; }
	.amp .titlebar h4 a,
	.amp .titlebar h4 a:hover { color:#ffa100; }

	.listbox .body { margin-top: 20px; padding:0 15px; font-size: 14px; color: #333;}
	.listbox .body .thumbs { float: right; margin: 0 0 0 40px; }
	.listbox .body .thumbs a img { margin: 0 5px 5px 0; }
	.listbox .body .thumbs ul.references li { float: left; display:block; }
	.listbox .body .thumbs ul.references li a { font-size: 12px; }
/*	.listbox .body .thumbs .reference-image span { line-height: 20px;}*/
	
	.listbox .preview-stats {padding: 8px 0 8px 15px; margin: 0 0 0 0; color: #333;}
	.listbox .preview-stats span {padding: 0 5px; color: #909090;}
	.listbox .footer { padding:5px 5px 5px 0; text-transform:lowercase; background: url(images/spark-amp-footer.png) 0 100% repeat-x; font-size: 12px; }
	.listbox .footer .links { float:right;}
	.listbox .look-inside {background: url(images/look-inside.png) 100% 0 no-repeat; font-weight: bold; padding-right: 27px;}
	.listbox .footer .footer-info {padding: 8px 15px; font-size: 12px; border-top: 1px dotted #bbbbbb; }

	/* MAIN LISTING SPARK & AMP **/
	.mainListbox {margin: 40px 0; background: #f0f0f0 url(images/titleDarkGrey-right.gif) 100% 0 no-repeat; overflow: hidden;}
	.rating { float:right; }
	.mainListbox .mainTitlebar {height: 23px; background: url(images/titleDarkGrey-left.gif) 0 0 no-repeat; padding: 7px 9px 0;}
	.mainListbox .mainTitlebar a {padding: 9px;}
	.mainListbox .mainTitlebar a.username { color:#fff; }
	.mainListbox .mainTitlebar .rating {float:right;}
	
	/** AMP SPARK PREVIEW PIECES **/
	.amppreview, .sparkpreview {background: #ffffe1 url(images/previewShadowDrop.gif) 0 100% repeat-x; padding: 0; margin: 0;}
	.amppreview .rightShadow, .sparkpreview .rightShadow {background: url(images/previewShadowRight.gif) 100% 0 repeat-y; padding: 10px 0;}
	.amppreview .listbox, .sparkpreview .listbox {margin: 15px;}
	.amppreview p.notDone, .sparkpreview p.notDone {font-size: 14px; color: #909090; margin: 0 15px; position: relative; z-index: 1;}
	.amppreview .lb, .sparkpreview .lb {background: url(images/previewLB.gif) 0 100% no-repeat; width: 23px; height: 23px; position: absolute; bottom: 0; left: 0; z-index: 0;}
	.amppreview .rb, .sparkpreview .rb {background: url(images/previewRB.gif) 100% 100% no-repeat; width: 23px; height: 23px; position: absolute; bottom: 0; right: 0; z-index: 0;}
	.amppreview .lt, .sparkpreview .lt {background: url(images/previewLT.gif) 0 100% no-repeat; width: 23px; height: 23px; position: absolute; top: 0; left: 0; z-index: 0;}
	.amppreview .rt, .sparkpreview .rt {background: url(images/previewRT.gif) 100% 100% no-repeat; width: 23px; height: 23px; position: absolute; top: 0; right: 0; z-index: 0;}
	.amppreview .fancyLine, .sparkpreview .fancyLine { margin: 20px;}
	.amppreview .fancyLine div, .sparkpreview .fancyLine div {margin: 10px 5px;}
	
	#amp h1 {font-weight: bold; color: #121212; font-size: 36px;}
	#amp h2 {font-size: 18px; color: #909090;}
	#amp h2 span.phaseName {color: #333;}
	#amp h2 span.sparkName {color: #b1d45a;}
	#amp #ampDetail {margin: 40px 0; background: #f0f0f0 url(images/titleDarkGrey-right.gif) 100% 0 no-repeat; overflow: hidden;}
	#amp #ampDetail #ampTitle {height: 23px; background: url(images/titleDarkGrey-left.gif) 0 0 no-repeat; padding: 7px 9px 0;}
	#amp #ampDetail #ampTitle a, #amp #ampDetail #ampTitle span {padding: 9px;}
	#amp #ampDetail #ampSections {background: url(images/ampFooter-left.gif) 0 100% no-repeat;} 
	#amp #ampDetail #ampLeft {float: left; width: 180px; padding: 15px;} 
	#amp #ampDetail #ampLeft p {font-size: 12px; margin:10px 0;}
	#amp #ampDetail #ampLeft img.attch {margin: 2px 13px 6px 0;}
	#amp #ampDetail #ampRight {background: url(images/ampFooter-right.gif) 100% 100% no-repeat; padding: 15px 15px 15px 0;margin-left: 210px;}
	#amp #ampDetail #ampTags, .tags { border-top: 1px dotted #333;border-bottom: 1px dotted #333;color: #CFCFCD;font-size: 18px;padding: 5px 50px 5px 5px;margin: 15px 0 20px;}
	#amp #ampDetail #ampTags a {color: #333;padding: 1px 3px;margin: 9px 10px;line-height: 24px;white-space: nowrap;}
	#amp #ampDetail .rating {float:right;}
	#amp #ampTitle .username {color:#fff;}
	
	/** TAGS **/
	.tags {border-top: 1px dotted #333; border-bottom: 1px dotted #333; color: #CFCFCD;font-size: 18px; padding: 5px 5px 5px 5px; margin: 15px 0 20px;}
	.tags span {color: #333; padding: 1px 3px; margin: 9px 10px; line-height: 24px; white-space: nowrap;}
	
	/** USER PREVIEW **/
	#user-badge {background: url(images/badge-gradient-bg.png) 0 100% no-repeat; width: 203px; margin-bottom: 35px; }
	#clients_page #user-badge h3 {padding-left: 5px !important;}
	#user-badge .avatar { padding:10px 0 13px 0; background: url(images/feature-proj-top.jpg) 0 0 no-repeat;}
	#user-badge .avatar img { display:block; margin:0 auto; }
	#user-badge ul { display:block; padding:10px 0 0 8px; }
	#userTags { border-top:1px dotted #333; border-bottom:1px dotted #333; background:#FFFFE1; color:#CFCFCD; }
	#userTags a { color:#333; padding:1px 3px; margin:9px 10px; line-height:24px; }

	ul.userRatings {padding: 2px 0; margin-right: 10px;}
	.userRatings li {line-height: 26px; border-bottom: 1px dotted #999; clear: right;}
	.userRatings li.last {border: none;}
	.userRatings li span.userrating {float: right; width: 93px; height: 6px; margin-top: 10px; background: #000;}
	.userRatings li span.userrating span { display: block; height: 6px; background: url(images/userRateSlider.gif) 0 0 repeat-x; }

	#upnav { background: url(images/badge-icon-bg.png) no-repeat top left; margin:10px auto 0 auto; width:184px; min-height:121px; }
	#upnav ul { background: url(images/badge-icons-3up.png) no-repeat 20px 12px; list-style:none; margin:0 auto; height:115px; overflow:hidden; }
	#upnav ul li { display:block; padding:0 0 0 35px; }
	#upnav ul li p,
	#upnav ul li a { color:#000; display:block; padding:7px 0 7px 0; margin:0 0 9px 0; }
	#upnav ul li a:hover { text-decoration:none; }
	#upnav ul li a span { color:#666; }
	#upnav ul li#upnav-1 a:hover { background-position: 0 -115px; }
	#upnav ul li#upnav-2 a:hover { background-position: 0 -115px; }
	#upnav ul li#upnav-3 a:hover { background-position: 0 -115px; }
	
	/** AUTOCOMPLETE **/
	
	.auto_complete{position:absolute;width:250px;background-color:white;border:1px solid #888;margin:0px;padding:0px;}
	.auto_complete ul{list-style-type:none;margin:0px;padding:0px;}
	.auto_complete ul li.selected{background-color:#bbf;}
	.auto_complete ul li{list-style-type:none;display:block;margin:0;padding:2px;height:16px;}

	/** Breadcrumbs & Extra Links **/
	#extraLinks { background: url(images/breadcrumb.png) 0 100% no-repeat; text-align: right; padding: 6px; margin: 0 0 12px; text-transform:lowercase; min-height:18px; }
	#extraLinks a, #breadcrumbs b {color: #666; font-weight:normal;}
	#breadcrumbs {float: left; font-size: 12px; color: #b1d45a; }	
	#breadcrumbs span {font-size: 11px; padding: 0 5px;}
	
	#extraLinkz {border-bottom: 1px solid #ddd; text-align: right; padding: 6px; margin-bottom: 12px; text-transform:lowercase; min-height:18px; }
	#extraLinkz #breadcrumbs {float: left; font-size: 12px; color: #b1d45a; }	
	#extraLinkz #breadcrumbs span {font-size: 11px; padding: 0 5px;}
	
	
	
	/** EMPTY STATES **/
	.empty {text-align:center; background: #f0f0f0; border: 1px solid #ccc; border-width: 1px 0 1px 0; padding: 40px; margin: 20px 0;}
	.empty a {color: #6767cc;}
	.empty ul {font-size: 14px; color: #333;}
	.empty ul li {padding: 10px 4px 10px 20px; background: url(images/blackDot.gif) 0 45% no-repeat; }
	.empty p {font-size: 14px; color: #333; margin-bottom: 10px;}
	
	#dashboards_page .empty, #user_profiles .empty {text-align: left;}
	#dashboards_page .empty p {font-size: 14px; color: #333; margin-bottom: 10px;}
	#dashboards_page .empty ul, .yellowBox ul {font-size: 14px; color: #333;}
	#dashboards_page .empty ul li, .yellowBox ul li {padding: 10px 4px 10px 20px; border-bottom: 1px solid #e2e2e2;  background: url(images/blackDot.gif) 0 45% no-repeat; }
	#dashboards_page .empty ul li span {background: #ffffe1;padding: 2px; font-size: 14px;}
	#dashboards_page .empty ul.tourVideo {float: left; list-style: none; margin: 25px 20px 0 0; padding: 0; width: 200px;}
	#dashboards_page .empty ul.tourVideo li {margin: 0; padding: 2px 0; background: none; border: none; list-style: none;}
	
	.yellowBox p { font-size: 14px; padding: 10px 0;}
	.yellowBox ul li {border-bottom: none; background-position: 0 15px;}
	
	.empty ul {font-size: 14px; color: #333;}
	.empty ul li {padding: 10px 4px 10px 20px; background: url(images/blackDot.gif) 0 45% no-repeat; }
	
	/* NEW BACKED PROJECTS */
	.section-solid { border-top: 1px solid #ccc; margin: 0 1px; background: url(images/propsBox.gif) 0 0 repeat-x; padding: 18px 0; overflow: hidden; }
	
	.backed {margin: 15px 0; padding: 18px 18px 18px 18px; min-height:150px;}	
	.backgrey {background: #f0f0f0;}	
	
	.backed-image {float: left; }
	.backed-stats {float: right; width: 227px; padding-left: 17px; border-left: 1px solid #dbdbdb; height: 150px;}
	.backed-rewards {font-size: 12px; color: #909090;}
	.backed-rewards span {font-size: 36px; font-weight: bold; color: #121212;}
	.backed-stats ul {background: url(images/backed-stats-ul.png) 0 0 repeat-x; height: 35px; margin: 9px 0 19px 0;}
	.backed-stats ul li {float: left; border-right: 1px solid #909090; margin: 12px 0 0 0; padding: 0 8px; color: #909090;}
	.backed-stats ul li span {color: #333}
	.backed-category {color: #333; margin: 10px 0; font-size: 14px;}
	.backed-remaining {color: #909090; font-size: 14px;}
	
	.backed-info {margin: 0 257px 0 197px;}
	.backed-title {font-size: 18px; color: #000; margin:0 0 12px 0;}
	.backed-company {color: #ff9900; margin-bottom: 10px;}
	.backed-description {line-height: 14px; color: #909090;}

	/* NEW BOOTSTRAPPED PROJECTS */
	.bootstrapped {margin: 0 0 30px; padding: 13px;}
	.bootstrapped-image {float: left; }
	.bootstrapped-stats {float: right; width: 166px; padding-left: 17px; border-left: 1px solid #dbdbdb;}
	.bootstrapped-rewards {font-size: 12px; color: #909090;}
	.bootstrapped-rewards span {font-size: 36px; font-weight: bold; color: #121212;}
	.bootstrapped-category {color: #333; margin: 5px 0; font-size: 14px;}
	.bootstrapped-remaining {color: #909090; font-size: 12px;}
	
	.bootstrapped-info {margin: 0 257px 0 137px;}
	.bootstrapped-info ul {font-size: 11px;}
	.bootstrapped-info ul li {float: left; border-right: 1px solid #909090; margin: 2px 0 0 0; padding: 0 8px 0 0; color: #909090;}
	.bootstrapped-info ul li span {color: #333}
	.bootstrapped-info ul li.last {padding-left: 8px;}
	.bootstrapped-title {font-size: 18px; margin: 7px 0; color: #000;}
	.bootstrapped-company {color: #ff9900; margin-bottom: 10px;}
	.bootstrapped-description {line-height: 14px; color: #909090; margin-left: 137px;}
	
	
	/** NEW BROWSE PROJECTS **/
	.browse {margin: 15px 0; padding: 18px 18px 18px 18px; min-height: 140px;}	
	
	.browse-image {float: left; }
	.browse-stats {float: right; width: 176px; padding-left: 17px; border-left: 1px solid #dbdbdb; height: 150px;}
	.browse-rewards {font-size: 12px; color: #909090;}
	.browse-bootstrapped span {font-size: 18px; color: #909090; font-weight: bold;}
	.browse-rewards span {font-size: 36px; font-weight: bold; color: #121212;}
	.browse-stats ul {background: url(images/backed-stats-ul.png) 0 0 repeat-x; height: 35px; margin: 9px 0 19px 0;}
	.browse-stats ul li {float: left; border-right: 1px solid #909090; margin: 12px 0 0 0; padding: 0 8px; color: #909090;}
	.browse-stats ul li span {color: #333}
	.browse-category {color: #333; margin: 10px 0; font-size: 14px;}
	.browse-remaining {color: #909090; font-size: 14px;}
	
	.browse-info {margin: 0 140px; 0 137px;}
	.browse-title {font-size: 18px; color: #000; margin:0 0 12px 0;}
	.browse-company {color: #ff9900; margin-bottom: 10px;}
	.browse-description {line-height: 14px; color: #909090;}
	
	/** WHITE CORNERS **/
	.tl {position: absolute; top: 0; left: 0; background: url(images/white-corners.png) 0 0 no-repeat; width: 8px; height: 8px;}
	.tr {position: absolute; top: 0; right: 0; background: url(images/white-corners.png) 100% 0 no-repeat; width: 8px; height: 8px;}
	.bl {position: absolute; bottom: 0; left: 0; background: url(images/white-corners.png) 0 100% no-repeat; width: 8px; height: 8px;}
	.br {position: absolute; bottom: 0; right: 0; background: url(images/white-corners.png) 100% 100% no-repeat; width: 8px; height: 8px;}
	
	/* NEW PROJECT DETAIL */
	#project-detail {padding-top: 20px;}
	.project-timeLeft, .project-timeLeft-ended { float: right; background: url(images/icon-clock.gif) 0 50% no-repeat; font-size: 18px; margin: 5px 0 15px 0; padding: 0 0 0 20px; }
	.project-timeLeft-ended {background: none;}
	.project-timeLeft span {background-color: #ffc; padding: 5px; color: #333;}
	.project-title {font-weight: bold; color: #121212; font-size: 36px; margin: 0 0 10px 0; padding: 0; text-transform: lowercase;}
	.project-subtitle {font-weight: bold; font-size: 18px; line-height: 24px; border-bottom: 1px solid #d9d9d9; color: #333; padding-top: 18px;}
	.left .project-subtitle {margin-right: 20px;}
	div.project-description { font-size: 13px;}
	div.project-description p { margin:1em 0; color: #666; }
	.project-company {float: right; clear: right; text-align: right; color: #FF9900; font-size: 18px; font-weight: normal; margin: 0; padding: 0;}
	.project-company a {color: #ffa100;}
	.project-company span {display: block;}
	.project-company span a {color: #333;}
	.project-current {margin-bottom: 15px;}
	#project-stats {background: url('images/project-stats.png') 0 0 no-repeat; height: 89px; margin: 30px 0 20px ;}
	#project-stats #p2 {background: url('images/project-stats-2.png') 100% 0 no-repeat; height: 73px; padding: 16px 20px 0;}
	.statwrapper {position: absolute; left: 20px; right: 20px;}
	#project-stats .stats {float: left; width:auto; padding:0 6% 0 1%;}
	
/*	#project-stats #stats-rewards {width: 30%;}
	#project-stats #stats-sparks, #project-stats #stats-amps {width: 20%;}
	#project-stats #stats-graduates, #project-stats #stats-amps2  {width: 15%;}
	#project-stats #stats-watts {width: 25%;}
*/	
	#project-stats .stats p {color: #333; font-size: 12px;}
	#project-stats .stats span {display: block; font-size: 36px; font-weight: bold; padding: 5px 0 0;}
	div.references { padding:17px 0 0 0; width:180px; }
	div.references h4 { font-weight: bold; font-size: 18px; border-bottom: 1px solid #d9d9d9; color: #333; }
	div.references ul li { padding: 5px 0; color: #333; position:relative;	}
	div.references ul li a { display:block; padding:5px 0 5px 30px; position:relative; }
	div.references ul li a img { display:block; position:absolute; top:1px; left:1px;}
	div.references ul li a:hover { text-decoration:none; background:#fff; }

	.reference {padding: 5px 0; font-size: 12px; color: #333; line-height: 20px;}
	.reference .reference-image {float: left; clear: left; margin: 0 10px 0 0;}
	.project-blog li {line-height: 28px; border-bottom: 1px dotted #c4c4c4;}
	.project-blog li span {float: right;}
	.project-sub-description {font-size: 12px; color: #333; padding: 10px 0;}
	.project-sublist li {background: url(images/project-sublist.png) 0 50% no-repeat; margin: 0 0 0 15px; padding: 5px 0 5px 12px; color: #333; font-size: 12px;}
	
	/* SPARK DETAIL */
	#spark-detail .left {margin: 10px 0 0 12px;}
	#spark-detail .right {padding-top: 10px; margin-right: 15px;}
	#spark-detail .project-description {padding: 10px 0; }
	#spark-detail .tags {border-color: #b9b9b9; padding: 15px 0;}
	#spark-detail .tags span {margin: 12px 0; padding: 0;}
	#spark-detail #new-investment {border-left: 1px solid #d4d4d4; padding: 5px 15px 15px;}
	#spark-detail #invest_button {}
	#spark-detail #invest_button span { color: #333; display: block; padding-bottom: 15px;}
	#spark-detail .stats {float: left; color: #333; padding-right: 35px;}
	#spark-detail .stats span {display: block; font-size: 36px; font-weight: bold; padding-top: 15px;}
	
	/** SOME GENERAL STYLES THAT GETS USED A LOT **/
	.extrapad {margin: 10px 20px;}
	.timeLeft { float: right; background: url(images/icon-clock.gif) 0 50% no-repeat; font-size: 18px; padding-left: 20px; }
	.timeLeft span {background-color: #ffc; padding: 3px; color: #333;}
	.title {font-weight: bold; color: #121212; font-size: 36px; margin-bottom:10px; margin-left:0; text-transform: lowercase;}
	.shortTitle {color: #121212; font-size: 18px; margin-bottom: 20px; padding-top: 10px;}
	.company {clear: right; float: right; color: #FF9900; font-size: 18px; font-weight: normal; padding-top: 10px;}
	.company a {color: #ffa100;}
	.companySmall {clear: right; float: right; color: #FF9900; font-size: 12px; font-weight: normal; padding-top: 15px;}
	.current {font-size: 18px; color: #909090; margin: 15px 0;}
	.phaseName {color: #333;}
	.sparkName {color: #b1d45a;}
	.morinfo { float: right; margin: 10px 0; }
	.statusRight {float: right; font-size: 12px; color: #333; padding-top: 20px;}
	.body {color: #909090; font-size: 12px; line-height: 15px; padding: 0;}
	.titleBotBord {padding: 10px; margin: 0 0 10px 0; font-size: 18px; color: #000000; border-bottom: 1px dotted #333;}
	.titleNoBord {padding: 10px; margin: 0 0 0 0; font-size: 18px; color: #000000;}
	
	div.detailColumns { overflow:auto; float:none; background: url(images/dashboard-helper-left.jpg) 0 0 no-repeat; height:113px; }
	div.detailColumns span.endcap { display:block; height:100%; background: url(images/dashboard-helper-right.jpg) 100% 0 no-repeat; width:200px; position:absolute; right:0; top:0;}
	div.detailColumns div {float: left; margin: 24px 0 0 0; padding:0 0 0 40px; color: #333; font-size: 14px; border-right: 1px solid #ccc;}
	div.detailColumns div p span {display: block; font-size: 36px; font-weight: bold; margin: 5px 0;}
	div.detailColumns div p a {background: url(images/arrowRight-grey.gif) 100% 45% no-repeat; padding-right: 20px;}
	div.detailColumns div p a.open {background-image: url(images/arrowDown-grey.gif);}
	
	div.solo-stat { background: url(images/solo-stat-bg.png) 0 0 no-repeat; height:112px; width:203px; margin:0 0 10px 0;}
	div.solo-stat p { width:auto; margin:0; padding:25px 0 0 40px; display:block; }
	div.solo-stat p span { display:block; font-size: 3.6em; font-weight: bold; margin:0; padding:0; }
	div.solo-stat p span a { color:#333; }
	div.solo-stat p span a:hover { color:#000; text-decoration:none; }
	
	div.post h2 { margin-top:0; font-size:3em; }
	div.post h2 a { color:#333; }
	div.post h2 a:hover { color:#000; text-decoration:none; }
	div.post p { margin:1em 0; }
	.post p a { text-decoration: underline; }
	
	.colDrop { font-size: 12px; margin: 5px 0 5px -10px;}
	.colDrop li {border-bottom: 1px solid #e5e5e5; padding: 5px 10px;}
	
	#watt_transactions_page div.detailColumns div {width: 20%;}
	#watt_transactions_page div.lastColumn { width: 18%; border-right:none; }
	#watt_transactions_page div.first {margin-left: 7%;}
	
	.previewBox {overflow:hidden; display: block; margin: 15px 0;}
	
	/** THE LEFT AND RIGHT SIDE DIVS **/
	#left120 {float: left; width: 120px; padding: 15px 15px 15px 0;} 
	#right120 {padding: 15px 15px 15px 0; margin-left: 145px;}
	
	#left200 {float: left; width: 200px; padding: 0 15px 16px 0;}
	#right200 {padding: 0 0 15px 0; margin-left: 226px;}	
	
	#left370 {float: left; width: 360px; padding: 15px 15px 15px 10px;}
	#right370 {padding: 15px 15px 15px 0; margin-left: 370px;}
	
	.left p {font-size: 12px; margin:10px 0 7px;}
	.left h3 {font-size: 18px; padding: 10px 0; border-bottom: 1px dotted #333;}
	.left .miniImg {width: 20px; height: 20px; background: #333; float: left; margin: 5px 10px 5px 0;}
	.upList li {line-height: 20px; font-size: 14px; color: #666; clear:left; }
	#clients_page .upList li {line-height: 20px; font-size: 14px; color: #666; clear:left; padding-left: 5px; }
	.upList li span a {line-height: 30px; color: #666;}
	img.attch {margin: 0 10px 10px 0;}
	
	div.lined-box { border:1px solid #ededed; margin:0 0 15px 0; }
	div.lined-box h3 { border-bottom:1px solid #ededed; padding:10px; }
	div.lined-box ul { padding:10px; }
	div.lined-box a.allLink { display:block; margin:6px 10px; }
	
	.leftFloat {margin: 10px 25px 0 0; float: left;}
	#people_page .leftFloat {margin-right: 12px;}
	#people_page .shortTitle {color: #121212; font-size: 18px; margin: 0 0 0 0; padding: 10px 0 0 0;}
	#people_page .text {margin: 0 0 0 0; padding: 0;}
	
	.leftBox {background: #ffffe1 url(images/leftBox-top.gif) 0 0 no-repeat; width: 191px; margin: 0 0 0 0; display: block; padding: 10px 0 0; }
	.leftBox .leftContent {background: #ffffe1 url(images/leftBox-bottom.gif) 0 100% no-repeat; padding: 0 5px 5px; margin: 0 0 10px 0;}
	.left p {font-size: 12px; line-height: 18px; padding: 5px;}
	.left label {font-size: 12px; padding: 2px 5px; margin: 3px 0; display: block;} 
	.left select, .leftBox .text {margin: 0 auto; display: block; width: 166px; height: 19px; border: 1px solid #cad2df; }
	.left .text {margin: 20px 0;}
	.left .select {padding: 5px 0;}
	.left .capListBrowse {padding: 0 5px;}
	.left .capListBrowse li {border-bottom: 1px dotted #333; padding: 5px 0; line-height: 24px;}
	.left .capListBrowse li span {float: right;}
	.left .button {margin-right: 10px;}

	.left form.invite-link label { padding:10px 0 0 0; margin:0; }
	.left form.invite-link .text { margin:4px 0 0 0; }

	.leftBox-feature {background: #fff url(images/feature-proj-top.jpg) 0 0 no-repeat; width: 203px; margin: 0 0 15px 0px; display: block; padding: 10px 0 0 0; }
	.leftBox-feature .leftContent-feature {background: #fff url(images/feature-proj-body.jpg) 0 100% no-repeat; padding: 0 0 10px 11px; margin: 0 0 5px 0;}
	.leftBox-feature h3 {font-size: 18px; padding: 10px 0 4px 0; margin: 0; border-bottom: none;}
	.leftBox-feature p {font-size: 12px; padding: 2px 0; margin: 0;}
	.leftBox-feature p span.amount {float: right; padding: 2px 18px 0 8px; color: #333; font-weight: bold; border-left: 1px solid #d4d4d4;}

	.bigNum {text-align: center; font-size: 36px !important; font-weight: bold; padding: 0 !important; margin: 0 !important; color: #333;}

	/** SECTION BOX Mini Borders **/
	.miniBorderDark {clear: both; background: url(images/miniBorderDark.gif) 0 0 no-repeat; width: 9px; height: 5px; position: absolute; top: -3px; left: -1px;}

	/** SECTION Boxes / EDIT Profile Forms // CREATE PROJECT FORMS **/
	.sectionBoxGrey { background: #f0f0f0 url(images/sectionGreyBox.gif) 0 0 repeat-x; border-top: 1px dotted #333; padding: 20px; margin-top: -1px; min-height: 350px; }
	.sectionBoxGrey p { font-size: 14px; color: #909090; border-bottom: 1px solid #ccc; padding: 5px; margin: 10px 0 20px;}
	.sectionBoxGrey p.formNote {border-bottom: none;}
	.sectionBoxGrey p.formNoteHighlight {text-align: center; padding: 15px; border: 1px solid #ccc; border-width: 1px 0; background: #FFFFE1; margin: 20px 0 40px;}
	.sectionBoxGrey p.formNoteHighlight a {color: #6767cc;}
	.sectionBoxGrey p span.orangeBox {float: right; background: #FFA100; color: #fff; font-size: 12px; padding: 4px 4px 2px 4px; color: #ffffe1;}
	.sectionBoxGrey form input.text { height: 19px; width: 156px; border: 1px solid #cad1df; margin: 0 20px 0 0; }
	.sectionBoxGreySub form.invite-link { background:#f0f0f0; padding:1em; border:1px solid #ccc; }
	.sectionBoxGreySub form.invite-link input { width:24em; }
	
	input.shortText { height: 19px; width: 68px; border: 1px solid #cad1df; margin: 0 8px 0 0; }
	input.longText { height: 19px; width: 257px; border: 1px solid #cad1df; margin: 0 20px 0 0; }
	.sectionBoxGrey form select { height: 19px; width: auto; border: 1px solid #cad1df; margin: 0 2px 0 10px; }
	.sectionBoxGrey form textarea { display: block; width: 90%; border: 1px solid #cad1df; margin: 20px 0; height: 90px; }
	.sectionBoxGrey form input.radio {width: 17px; height: 17px; margin: 5px 0 0 0; position: absolute; top: -6px;}
	.sectionBoxGrey input.box, input.box {width: 17px; height: 17px; margin: 10px 0; }
	.radioLabel {color: #333; font-size: 14px; margin: 0 20px 0 23px;}
	.formLine {padding-left: 10px; margin-bottom: 10px; color: #909090;}
	.sectionBoxGrey .newPhase a {color: #6666cc;}
	.newPhase {margin: 0 -20px; background-color: #FFFFE1; border-top: 1px dotted #b9b9b9; border-bottom: 1px dotted #b9b9b9; padding: 23px 0;}
	.newPhase h3 {color: #333; font-size: 14px; margin: 0; padding: 5px 0;}
	#phases_page .newPhase {margin: 10px !important;}
	
	.section form .radioGroup input {width: 17px; height: 17px; margin: 5px 0 20px 0; position: absolute; top:-6px;}
	form .radioGroup .radioLabel {color: #333; font-size: 14px; margin: 6px 20px 0 23px !important; padding-top: 10px !important;}
	
	/** LEGAL SHIT **/
	textarea.legal {width: 97%; padding: 10px 0 10px 10px; height: 225px; overflow: auto; border: none; background: #fff;}
	#phase_begins_at_2i, #phase_ends_at_2i {margin: 0px;}
	
	/** CAPACITIES EDIT PROFILE **/
	.sectionBoxGrey #cap_details #capacities {position: absolute; right: 0; top: 0; width: 230px;}
	.sectionBoxGrey #chooseCaps {}
	#caps { background-color: #fff; margin-top:-10px; display: block;}
	.sectionBoxGrey ul.removeCaps li {padding: 10px 5px; color: #333; border-bottom: 1px dotted #333;}
	ul.removeCaps li.last {border-bottom: none;}
	.sectionBoxGrey #chooseCaps form {border-top: 1px solid #d9d9d9;background: #fff;}
	.sectionBoxGrey #chooseCaps form input {display: inline; height: 19px; width: 156px; border: 1px solid #cad1df; margin-right: 20px;}
	.sectionBoxGrey #phases {border-top: none;}
	
	/** EDIT PREFERENCES **/
	.prefTable { width: 100%; padding: 0 0 0 0; margin: 0 0 80px 0;}
	.prefTable tr {border-bottom: 1px solid #ccc;}
	.prefTable th {text-align: left; border-bottom: 1px solid #ccc; padding-bottom: 10px; color: #909090; font-weight: normal;}
	.prefTable .prefType {display: block; width: 50%; color: #909090;}
	.prefTable .prefOption {width: 60px; color: #333;}
	.prefTable .optionTitle {font-size: 14px; color: #333;}
	.prefTable input.box {margin: 0 0 10px 0; padding: 0;}
	.prefTable .first {padding-top: 20px;}
	
	/** CAP SPANS **/
	span.cap1 {font-size: 12px;}
	span.cap2 {font-size: 18px;}
	span.cap3 {font-size: 24px;}
	span.cap4 {font-size: 30px;}
	span.cap5 {font-size: 48px;}
	span.cap6 {font-size: 54px;}
	
	/** SECTION GREY BOX TOP // JUST THE RIGHT SIDE THING **/
	.rightTop { background: url(images/greyBoxTop.gif) 0 0 repeat-x; margin-top: -12px;}
	
	.sectionTitle { clear: both; margin: 20px 0 10px 15px; color: #000; font-size: 18px;}
	#sparks .sectionTitle { border: 1px solid #e3e3e3; border-bottom: 0; margin-bottom: 0; width: auto; font-size: 14px; padding: 3px 15px; background: #eee; float: left;}
	.section { clear: right; border-top: 1px dotted #333; margin: 0 0; background: url(images/propsBox.gif) 0 0 repeat-x; padding: 18px 0; overflow: hidden; }
	.section .fancy, .fancy {float: right; padding: 1px 15px; border-left: 1px solid #999; z-index:20; }
	.fancy a {color: #fff; line-height: 32px; font-size: 18px;}
	.fancy .addAmp {background: url(images/fancy-orange-156.gif) 0 0 no-repeat; width: 156px; height: 32px; text-align:center;}
	.fancy .addSpark {background: url(images/fancy-green-182.gif) 0 0 no-repeat; width: 182px; height: 32px; text-align:center; }
	.fancy .addComment {background: url(images/fancy-purple-176.gif) 0 0 no-repeat; width: 176px; height: 32px; text-align:center;}
	.fancy .addProp {background: url(images/fancy-purple-140.gif) 0 0 no-repeat; width: 142px; height: 32px; text-align:center;}
	.fancy .addCompose {background: url(images/fancy-purple-140.gif) 0 0 no-repeat; width: 142px; height: 32px; text-align:center;}
	
	.fancyBlack {background: url(images/fancy-black-132.gif) 0 0 no-repeat; float: right; width: 132px; height: 32px; text-align:center; }
	.fancyBlack a {color: #fff; line-height: 32px; font-size: 18px;}
	input.fancyBlackButton {border: none !important;float: right; width: 132px !important; height: 32px !important; background: url(images/fancy-black-132.gif) 0 0 no-repeat; color: #fff; line-height: 32px; font-size: 18px;}
	
	.fancyGreen{background: url(images/fancy-green-98.gif) 0 0 no-repeat; float: right; width: 98px; height: 32px; text-align:center; }
	.fancyGreen a {color: #fff; line-height: 32px; font-size: 18px;}
	
	.fancyOrange98 {background: url(images/fancy-orange-98.gif) 0 0 no-repeat; float: right; width: 98px; height: 32px; text-align:center; position: relative; z-index: 1; }
	.fancyOrange98 a {color: #fff; line-height: 32px; font-size: 18px;}
	
	.fancyBlack98 {background: url(images/fancy-black-98.gif) 0 0 no-repeat; float: right; width: 98px; height: 32px; text-align:center; position: relative; z-index: 1; }
	.fancyBlack98 a {color: #fff; line-height: 32px; font-size: 18px;}

	/** ADD FORM **/
	.nonFancy {position: absolute; top: -31px; right: 18px; z-index: 99;}
	#new-amp .nonFancy {background: #ffa100; width: 156px; color: #fff; line-height: 40px; font-size: 18px; text-align: center; right: 16px;}
	#new-amp .formBox {background: #ffc766; border: 3px solid #ffa100;}
	#new-amp .formBox .formTitle { border-bottom: 1px solid #d9a957; }

	#new-spark .nonFancy {background: #b1d45a; width: 175px; color: #fff; line-height: 40px; font-size: 18px; text-align: center;}
	#new-spark .formBox {background: #d0e59c; border: 3px solid #b1d45a;}
	#new-spark .formBox .formTitle {border-bottom: 1px solid #b1c385 !important;} 
	
	#ampComments .nonFancy {background: #a5a5d8; width: 175px; color: #fff; line-height: 40px; font-size: 18px; text-align: center; right: 16px;}
	#new-comment .nonFancy {background: #a5a5d8; width: 175px; color: #fff; line-height: 40px; font-size: 18px; text-align: center; right: 16px; top: -16px;}
	#sparks_page #new-comment .nonFancy {top: -4px;}
	#ampComments .formBox, #new-comment .formBox {background: #d1d1f0; border: 3px solid #a5a5d8;}
	#ampComments .formBox .formTitle, #new-comment .formBox .formTitle {border-bottom: 1px solid #b2b2cc !important;} 
	.addComment .nonFancy {top: -16px;}

	#user_portfolios_page #new-comment .nonFancy {background: #a5a5d8; width: 148px; color: #fff; line-height: 40px; font-size: 18px; text-align: center; right: 16px; top: -4px;}
	#user_portfolios_page  #new-comment .formBox {background: #d1d1f0; border: 3px solid #a5a5d8;}
	#user_portfolios_page  #new-comment .formBox .formTitle {border-bottom: 1px solid #b2b2cc !important;} 
	#user_portfolios_page .addComment .nonFancy {top: -12px;}
	
	
	#attachments_page .nonFancy {background: #000000; width: 132px; color: #fff; line-height: 32px; font-size: 18px; text-align: center; position: absolute; top: -30px;}
	#attachments_page .formBox {background: #3b3b3b; padding-bottom: 35px;border: none;}
	
	.leftNonFancy {position: absolute; left: 0; top: 0; background: url(images/leftNonFancy.gif) 0 0 no-repeat; width: 10px; height: 8px; }
	.rightNonFancy {position: absolute; right: 0; top: 0; background: url(images/rightNonFancy.gif) 0 0 no-repeat; width: 10px; height: 8px; }
	
	.purpleLT {background: url(images/purpleFormLT.gif) 0 0 no-repeat; position: absolute; top: -3px; left: -3px; width: 13px; height: 13px;}
	.purpleRT {background: url(images/purpleFormRT.gif) 0 0 no-repeat; position: absolute; top: -3px; right: -3px; width: 13px; height: 13px;}
	.purpleLB {background: url(images/purpleFormLB.gif) 0 0 no-repeat; position: absolute; bottom: -3px; left: -3px; width: 13px; height: 13px;}
	.purpleRB {background: url(images/purpleFormRB.gif) 0 0 no-repeat; position: absolute; bottom: -3px; right: -3px; width: 13px; height: 13px;}
	
	.orangeLT {background: url(images/orangeLT.gif) 0 0 no-repeat; position: absolute; top: -3px; left: -3px; width: 13px; height: 13px;}
	.orangeRT {background: url(images/orangeRT.gif) 0 0 no-repeat; position: absolute; top: -3px; right: -3px; width: 13px; height: 13px;}
	.orangeLB {background: url(images/orangeLB.gif) 0 0 no-repeat; position: absolute; bottom: -3px; left: -3px; width: 13px; height: 13px;}
	.orangeRB {background: url(images/orangeRB.gif) 0 0 no-repeat; position: absolute; bottom: -3px; right: -3px; width: 13px; height: 13px;}
	
	.greenLT {background: url(images/greenLT.gif) 0 0 no-repeat; position: absolute; top: -3px; left: -3px; width: 13px; height: 13px;}
	.greenRT {background: url(images/greenRT.gif) 0 0 no-repeat; position: absolute; top: -3px; right: -3px; width: 13px; height: 13px;}
	.greenLB {background: url(images/greenLB.gif) 0 0 no-repeat; position: absolute; bottom: -3px; left: -3px; width: 13px; height: 13px;}
	.greenRB {background: url(images/greenRB.gif) 0 0 no-repeat; position: absolute; bottom: -3px; right: -3px; width: 13px; height: 13px;}
	
	.blackLT {background: url(images/blackLT.gif) 0 0 no-repeat; position: absolute; top: 0; left: 0; width: 13px; height: 13px;}
	.blackRT {background: url(images/blackRT.gif) 0 0 no-repeat; position: absolute; top: 0; right: -2px; width: 13px; height: 13px;}
	.blackLB {background: url(images/blackLB.gif) 0 0 no-repeat; position: absolute; bottom: -2px; left: 0; width: 13px; height: 13px;}
	.blackRB {background: url(images/blackRB.gif) 0 0 no-repeat; position: absolute; bottom: -2px; right: -2px; width: 13px; height: 13px;}
	
	.greyLT {background: url(images/greyLT.gif) 0 0 no-repeat; position: absolute; top: 0; left: 0; width: 13px; height: 13px;}
	.greyRT {background: url(images/greyRT.gif) 0 0 no-repeat; position: absolute; top: 0; right: 0; width: 13px; height: 13px;}
	.greyLB {background: url(images/greyLB.gif) 0 0 no-repeat; position: absolute; bottom: 0; left: 0; width: 13px; height: 13px;}
	.greyRB {background: url(images/greyRB.gif) 0 0 no-repeat; position: absolute; bottom: 0; right: 0; width: 13px; height: 13px;}
	
	.darkGreyLT {background: url(images/darkGreyLT.gif) 0 0 no-repeat; position: absolute; top: 0; left: 0; width: 16px; height: 16px;}
	.darkGreyRT {background: url(images/darkGreyRT.gif) 0 0 no-repeat; position: absolute; top: 0; right: 0; width: 16px; height: 16px;}
	.darkGreyLB {background: url(images/darkGreyLB.gif) 0 0 no-repeat; position: absolute; bottom: 0; left: 0; width: 16px; height: 16px;}
	.darkGreyRB {background: url(images/darkGreyRB.gif) 0 0 no-repeat; position: absolute; bottom: 0; right: 0; width: 16px; height: 16px;}
	
	
	.formBox { padding: 15px; clear: right; }
	.formBox .text, .formBox .area {border: 1px solid #cbd2df !important; margin: 10px 0 12px;}
	.formBox .formTitle {color: #333; font-size: 14px; padding: 10px 0; margin-bottom: 10px;}
	.formBox .formTitle span {color: #333; font-size: 11px;}
	.formBox .attachList {float: right; color: #909090; line-height: 26px;}
	.formBox .text {padding: 5px 10px; width: 329px;}
	.formBox .area {width: 97%; padding: 5px 10px; height: 89px;}
	.formBox .buttons input {float: right; border: 2px solid #909090; border-width: 0 0 2px 2px; width: 89px;}
	.formBox .button, .sectionBoxGrey .button, .button {float: right; border: 2px solid #909090; border-width: 0 0 2px 2px; width: 89px; padding: 3px;}
	.boxGreen img {padding: 0; border: 1px solid #9cac75; margin-top: 5px;}
	.boxOrange img {padding: 0; border: 1px solid #9cac75; margin-top: 5px;}
	
	.formbox p {padding: 5px 0; display: block; margin: 5px 0;}
	
	#new-investment {float: right;}
	#new-investment .text {height: 16px; border: 1px solid #a4a4a4; width: 129px; text-align: right; padding: 5px 4px;}
	#new-investment .fancyGreen98 {background: url(images/fancy-green-98.gif) 0 0 no-repeat; width: 98px; height: 32px; color: white; font-size: 18px; border: none; text-align: center; cursor: pointer;}
	
	/** NEW CLIENT PLEASE THANKS **/
	.newClient {float: left; width: 400px;}
	.newClient p {color: #909090; font-size: 18px; padding: 5px; margin: 10px; border-bottom: 1px solid #d9d9d9;}
	.newClient div {margin: 10px}
	
	#clients_page .yellowBox {margin: 10px 10px 20px 420px; padding: 15px; background: #ffffe1; font-size: 14px; color: #333;}
	#clients_page .yellowBox img {float: right; padding: 10px 0 20px 10px }
	
	.vitals p {padding: 5px 0;}
	
	/** COMMENTS **/
	.commentary { border-top: 1px dotted #333; margin: 20px 0;background: url(images/propsBox.gif) 0 0 repeat-x;padding: 8px 0; overflow: hidden; }
	.commentary #fancy {float: right; padding: 1px 15px; border-left: 1px solid #999;}
	.comments { list-style-type:none; clear: both; }
	.comments .comment_replies { padding-left:15px;  border-right:none; margin-top:5px; }
	.comments .comment { display: block; margin-top: 20px; margin-left: 0px; }
	.comments .comment a.username { color: #66c; padding: 3px 12px; display:block; }
	.comments .comment p { color: #333; /* border-bottom: 1px dotted #C4C4C4; */ margin-bottom: 3px; padding: 3px 12px;}
	.comments .comment .footer .links { float: right; font-size: 11px; color: #666; padding: 3px 12px; z-index:2;} 
	.comments .comment .footer .links a { margin: 1px 3px; }
	.comments .comment .footer .timestamp {border-top: 1px dotted #C4C4C4; color: #999; font-size: 11px; padding: 3px 12px; width:auto; z-index:1; }

	.comment_reply_form textarea { width:450px; height:100px; }
	.comment_reply_form input { float:left; margin-right:5px;}
	.comment_reply_form .buttons { margin-top:5px;}
	
	.comments .comment .nonFancy, .comments .comment .formTitle, .comments .comment .purpleLT, .comments .comment .purpleRT, .comments .comment .purpleLB, .comments .comment .purpleRB  {display: none; border: none; margin: 0; padding: 0;}

	/** PHASES */
	#phases { border-top: 1px solid #d1d1d1; margin: 20px 0; padding-bottom: 20px; /*background: url(images/propsBox.gif) 0 0 repeat-x*/;padding: 8px 0; overflow: hidden; }
	.phase {border-bottom: 1px solid #d1d1d1;}
	.open, .closed, .tostart {padding: 13px 16px;}
	.open {background-color:#ffffe1;}
	#dashboards_page .open {background-color: #fff;}
	
	.status {float: right; font-size: 14px;}
	.closed .status {color: #66c;}
	.open .status, .tostart .status {color: #333;}
	
	.phasename {font-size: 18px; color: #909090;}
	#dashboards_page .phasename a { /*background: url(images/arrowRight-grey.gif) 100% 45% no-repeat; */ padding: 0 10px 0 0;}
	#dashboards_page .phasename a.current {padding-left: 10px;}
	.open .phasename {color:#909090;}
	.open .phasename a {/* background-image: url(images/arrowDown-grey.gif); */}
	.open .phasedescription, .open .phasenumbers {display: block; margin: 10px; color: #666; font-size: 14px;}
	
	li.phase_listed { font-size:18px; border-bottom: 1px dotted #666; padding: 13px 16px; text-transform:lowercase; }
	li.phase_listed span { color:#333; }
	li.phase_listed a.edit { float:right; display:block; border: 2px solid #909090; background:#fafafa; border-width: 0 0 2px 2px; width: 89px; padding: 3px; }
	
	/** PHASE ARROW JUNK **/
	a.phasearrow_closed { background: url(images/arrowRight-grey.gif) 100% 45% no-repeat; }
	a.phasearrow, a.phasearrow_closed { outline:none; }
	.phase .closed .phasedescription, .phase .closed .phasenumbers, .phase .tostart .phasedescription, .phase .tostart .phasenumbers {display: none;}
	.open .phasename a.phasearrow { background: url(images/arrowDown-grey.gif) 100% 45% no-repeat;}
	.closed .phasename a.phasearrow, .tostart .phasename a.phasearrow {background: url(images/arrowRight-grey.gif) 100% 45% no-repeat;}
	a.phasearrow span, a.phasearrow_closed span {display: none;}
	
	/** Investments **/
	.investment {border-bottom: 1px solid #f0f0f0;}
	.open, .closed {padding: 10px 16px;}
	.open {background-color:#ffffe1;}
		
	.open .projectname {font-size: 18px; color: #121212;}
	.closed .projectname {color: #909090 !important; font-size: 18px;}
	.projectname a {background: url(images/arrowRight-grey.gif) 100% 45% no-repeat; padding-right: 20px;}
	.open .projectname a {background-image: url(images/arrowDown-grey.gif);}
	.closed .projectname a {color: #909090;}
	.subSet p {clear: right; margin: 6px 60px 6px 0; padding: 3px 0; color: #909090; font-size: 14px;}
	
	/** BID STUFF **/
	.bidForm {}
	.bidType {float: left; width: 30%;}
	.bidType input {margin-right: 5px;}
	#bidForm .bidTerms {float: right; margin: -20px -37px 0 0 !important; width: 65%; padding: 0;}
	#bidForm .bidTerms textarea {height: 200px; padding: 5px;}
	#bidForm .bidDetails { width: 30%;}
	#bidForm .bidDetails input {display: block; margin: 10px 0;}
	#bidForm .bidDetails input.box {display: inline; margin: 10px 10px 0 0; padding-bottom: 0;}
	#bidForm .bidDetails p.bidBox {display: block; margin: -23px 0 0 25px; border-bottom: none;}
	
	.bid {border-bottom: 1px solid #f0f0f0; padding: 20px 0;}
	.bidApproval {float: right; width: 200px;}
	.bidApproval input {margin: 2px 0 2px 8px;}
	.bidApproval p {text-align: right; color: #333; font-size: 12px;}
	.bidApproval p span {font-size: 36px; display: block; font-weight: bold;}
	
	.bidtitle {font-size: 18px; color: #909090; margin-bottom: 30px;}
	.bidTerms {margin-left: 10px; width:70%;}
	.bidTerms p {margin: 7px 0;}
	
	/** EDIT PORTFOLIO **/
	#account_info .ccInfo {border: 1px solid #cacaca; padding: 18px; color: #909090; margin-bottom: 25px;font-size: 14px;}
	#account_info .ccInfo span {float: right;}
	#account_info .payoutInfo {background: #ffffe1; color: #333; padding: 10px 14px 7px; margin: 10px 0;}
	#account_info .payoutInfo .payout {float: right; font-size: 18px; padding-top: 7px; }
	#account_info .payoutInfo .payoutDate {font-size: 36px; display: block;}
	#account_info .payoutInfo .payoutAmount {font-size: 72px;}
	#account_info .payoutInfo #card-load {
		float: right;
	}
	#account_info .registerTable {margin: 10px; width: 100%;}
	.registerTable th {text-align: left; padding: 3px 0 10px 0; font-size: 14px; font-weight: normal;}
	.registerTable th.regDate {width: 12%;}
	.registerTable th.regInv {width: 16%;}
	.registerTable th.regDes {width: 52%;}
	.registerTable th.regCred {width: 9%;}
	.registerTable th.regDeb {width: 9%;}
	
	.registerTable td {text-align: left; padding: 3px 0; font-size: 12px; color: #909090;}
	
	#account_info .billing-info { width:100%; overflow:hidden; margin-top:5px; }
	#account_info .billing-info label { display:inline; font-size:auto; margin:auto; padding:0; }
	#account_info form input.text {base.css...221674298 (line 748)
		height:19px;
		margin:0 10px 0 0;
	}
	#account_info form select {
		height:auto;
		margin:auto;
		width:auto;
	}
	#account_info .billing-info h4{ border:none;}
	#account_info .billing-info .row{
		width:100%;
		overflow:hidden;
		background:url(images/bg-project-el.gif) repeat-x;
		border-top:1px solid #cecdcd;
		padding:9px 0;
	}
	#account_info .billing-info .row div{
		float:left;
		line-height:25px;
		font-size:12px;
		font-weight:bold;
		color:#7d7d7d;
		display:inline;
		margin-left:18px;
	}
	#account_info .billing-info .method{
		width:230px;
		color:#4f4f4f;
	}
	#account_info .billing-info .card-ending{ width:232px;}
	#account_info .billing-info .expiration-date{ width:160px;}
	#account_info .billing-info div span{
		/* color:#09c; */
		padding-left:5px;
	}
	#account_info .billing-info .btn-edit-info{
		margin:0;
		float:left;
		height:25px;
		padding:0 1em;
		font:12px Arial, sans-serif;
		border:none;
		/* color:#fff; */
		/* background:#09c; */
		cursor:pointer;
	}
	
	#new-credit-card { overflow:hidden; background:url(images/bg-project-el.gif) repeat-x; border-top:1px solid #cecdcd; }
	#new-credit-card h2 { padding:0 0 10px 0;}
	#new-credit-card div.left { display:block; float:left; width:50%; }
	#new-credit-card div.left input { display:block; }
	#new-credit-card div.right { display:block; float:right; width:50%; }
	#card_first_name	    { width: 25em; }
	#card_last_name		    { width: 25em; }
	#card_number		    { width: 16em; }
	#card_verification_value    { width: 4em;  }
	
	/** RECENTS / FILES LISTS **/
	#recentList, #fileList, #alertList, #messageList {text-align: left;}
	#recentList li, #fileList li,  #alertList li, #messageList li {line-height: 22px; overflow: hidden; padding: 1px 10px;}
	#recentList li a, #fileList li a, #alertList li a { color: #66c;}
	#fileList .listTitle {color: #66c; font-size: 18px;}
	#recentList li.odd, #fileList li.odd, #alertList li.odd, #messageList li.odd {background: #F4F4F4; margin: 3px 0;}
	#recentList li span.time, #fileList li span.time, #fileList li span.type, #alertList li span.time, #messageList li span.time {float: right; width: 20%;}
	#recentList li span.time, #fileList li span.time {text-align: right;}
	#recentList li span.time {display: none;}
	#fileList {margin: 20px;}

	#recentList #extraLinks {background: none; border-bottom: 1px solid #ddd; margin-bottom: 2px;}
	#recentList #extraLinks #breadcrumbs {margin: 0;}
	#recentList #recent {padding-left: 5px;}
	
	/** ALERT LISTS // MESSAGES LIST **/
	#alertList {margin-bottom: 40px;}
	#alertList li span.closeIcon {float: right;}
	#alertList li {background: url(images/alertIcon.gif) 0 45% no-repeat; padding-left: 35px;}
	#alertList li.odd {background: #F4F4F4 url(images/alertIcon.gif) 0 45% no-repeat; padding-left: 35px;}
	
	#messageList {display: block; clear: right;}
	#messageList li span.closeIcon, #messageList li span.subject {float: right;}
	#messageList li span.time {width: 35%; text-align: left;}
	#messageList li span.subject {width: 40%; text-align: left;}
	#messageList li span.sender {}
	#messageList li span.sender a { color: #66c; padding-left: 15px;}
	
	ul#message-sorts { margin: 0 0 0 22px; padding:1px solid #f00; }
	ul#message-sorts li.sender  { display:block; float:left; width: 17.5%; }
	ul#message-sorts li.subject { display:block; float:left; width: 38%; }
	ul#message-sorts li.time    { display:block; float:left; width: 5%;  }
	
	/** MESSAGE COMPOSE **/
	#message_form .formTitle {font-size: 18px; padding: 5px; margin-bottom: 10px; border-bottom: 1px solid #d9d9d9;}
	#message_form select {display: block; width: 50%; margin: 5px 0 10px; height: 50px;}
	#message_form input.message_subject {width: 98%; border: 1px solid #cad1df; margin: 5px 0 10px; height: 15px; padding: 3px 8px; font-size: 11px; }
	#message_form textarea.message_body {width: 98%; border: 1px solid #cad1df; margin: 5px 0 10px; padding: 3px 8px; font-size: 11px;}
	
	/** MESSAGE DETAIL **/
	.messageTitle {color: #121212; font-size: 24px; margin-bottom: 3px; padding-top: 10px; font-weight: bold;}
	.messageSubTitle {color: #121212; font-size: 12px; margin-bottom: 20px;}
	.convo {clear: both; display: block; margin: 10px 0; padding-top: 20px; border-top: 1px solid #dddddd;}
	.messageSender {float: left; margin: 0 20px 20px 0;}
	.messageDetail {}
	.messageDetail .messageTime {float: right;font-size: 14px; color: #909090; margin: 10px 0;}
	.messageDetail .messageBody {clear: right; font-size: 14px; color: #333;}
	
	.messageReply {clear: both; margin: 0 0 20px 140px;}
	.messageReply p {font-size: 14px; color: #909090; margin: 10px 0;}
	.messageReply .area {width: 97%; padding: 5px 10px; height: 115px; border: 1px solid #d1d1f0;}
	
	/** WATTS LIST **/
	.wattsList { margin:10px; }
	.wattsList li {border-bottom: 1px solid #f0f0f0; padding: 24px 5px 10px; font-size: 18px;}
	.wattsList li div {float: right; color: #fff; font-size: 12px; padding: 4px 4px 2px 4px; min-width: 40px; text-align: center;}
	.wattsList li div.orangeBox {background: #FFA100;}
	.wattsList li div.greyBox {background: #909090;}
	.wattsList li div.greenBox {background: #B1D45A;}
	
	/** WATT BOXES **/
	.wattBoxGreen {width: 120px; height: 90px; background: #b1d45a; display: block;}
	.wattBoxOrange {width: 120px; height: 90px; background: #FFA100; display: block;}
	.wattBoxPurple {width: 120px; height: 90px; background: #6666CC; display: block;}
	.wattNumber {position: absolute; top: 54px; left: -4px; color: #fff; font-size: 48px; letter-spacing: -2px;}
	
	/** OPPORTUNITES & OPPORTUNITY QUESTIONS **/
	.oppPreview {min-height: 120px;}
	.oppPreview .wattBoxGreen, .oppPreview .wattBoxOrange, .oppPreview .wattBoxPurple { display:block; float: left; margin-right: 25px;}
	.oppPreview .title {font-size: 18px;}
	.oppPreview .oppDescription {color: #909090; margin-left: 145px;}
	.oppPreview .statusRight {padding-top: 5px;}
	.oppDescription {font-size: 14px; color: #333;}
	.oppTags {border: 1px dotted #333; border-width: 1px 0; padding: 14px; background: #fff; font-size: 18px; margin: 20px 0; }
	.oppQuestion {clear: right; border-bottom: 1px solid #F0F0F0; padding: 10px 15px; margin: 20px 0 10px; font-size: 18px;color: #333;}
	form input.oppBox {width: 15px; height: 15px; margin: 0 0 0 20px;}
	div.oppLine {margin: 10px 0;}
	div.oppLine label {color: #909090; font-size: 14px; margin: 0 25px 0 15px;}
	form select.oppDrop {border: 1px solid #cad1df; padding: 1px; margin: 0 0 0 20px; width: 156px;}
	
	.resultsOverview {padding: 17px 23px;color: #ccc; font-size: 18px; background: #ffffe1; margin: -10px 0 22px; border-bottom: 1px dotted #333;}
	 
	/** VALIDATED **/
	.validated {background:#FFFFE1; padding: 10px; margin: 10px 0 20px;}
	.validated h3 {margin: 0; padding: 0; font-size: 18px; color: #333;}
	.validated h3 a {margin-left: 10px; font-size: 12px; color: #999;}
	.validated .listbox {margin: 10px 0 0 0; padding: 0;}
	.yellowLT {background: url(images/yellowLT.gif) 0 0 no-repeat; position: absolute; top: 0px; left: 0px; width: 13px; height: 13px;}
	.yellowRT {background: url(images/yellowRT.gif) 0 0 no-repeat; position: absolute; top: 0px; right: 0px; width: 13px; height: 13px;}
	.yellowLB {background: url(images/yellowLB.gif) 0 0 no-repeat; position: absolute; bottom: 0px; left: 0px; width: 13px; height: 13px;}
	.yellowRB {background: url(images/yellowRB.gif) 0 0 no-repeat; position: absolute; bottom: 0px; right: 0px; width: 13px; height: 13px;}
	
	/** TOOL TIP **/
	.toolTip { position: absolute; right: 100px; top: 200px; padding: 0 0 25px 0px; background: url(images/toolTipBottom.png) 0 100% no-repeat; width: 157px; z-index: 100; color: #FFF; font-size: 12px;}
	.toolTipContent { padding: 10px 15px 0 22px; background: url(images/toolTipTop.png) 0 0 no-repeat; }
	.toolTipContent img {margin: 3px 0 5px;}
	.toolTipContent img.miniImg {margin: 0 5px 0 0;}
	.toolTipContent .large {font-size: 18px;}
	.toolTipContent .medium {font-size: 14px; font-weight: normal;}
	.toolTipContent ul {border-top: 1px dotted #737371; margin-top: 10px;}
	.toolTipContent ul li {border-bottom: 1px dotted #737371; padding: 4px 9px;}
	
	ul.tipRatings {padding: 2px 0; font-size: 11px;}
	.tipRatings li { border-bottom: none !important; clear: right; padding: 4px 0 !important;}
	.tipRatings li.last {border: none;}
	.tipRatings li span.userrating {float: right; width: 50px; height: 6px; margin-top: 1px; background: #FFF;}
	.tipRatings li span.userrate{ display: block; height: 6px; background: url(images/userRateSlider.gif) 0 0 repeat-x;}
	
	/** COLOR BOXES **/
	.orangeBox {background: #FFA100; float: right; color: #fff; font-size: 12px; padding: 4px 4px 2px 4px; min-width: 40px; text-align: center;}
	.greyBox {background: #909090; float: right; color: #fff; font-size: 12px; padding: 4px 4px 2px 4px; min-width: 40px; text-align: center;}
	.greenBox {background: #B1D45A; float: right; color: #fff; font-size: 12px; padding: 4px 4px 2px 4px; min-width: 40px; text-align: center;}
	
	/** FILE THUMBS LIST **/
	#fileThumbs {margin: 20px;}
	#fileThumbs li {float: left; margin: 0 40px 20px 0; text-align: left;}
	#fileThumbs li img {padding-bottom: 5px;}
	#fileThumbs li span {display: block; padding: 5px 0 0 0;}
	#fileThumbs li span.type {color: #7171cf;}
	
	/** CONNECTIONS LIST **/
	.connectionsList, .connectionsListActive {float: left; margin: 15px; padding: 10px; text-align: left; height: 120px;}
	.connectionsListActive {background: #d1d1f0; position: relative;}
	li.connectionImage {}
	li.connectionUser {}
	li.connectionWatts {color: #6767cc;}
	.connectionsListActive .connectionLT {position: absolute; top: 0; left: 0; width: 5px; height: 5px; background: url(images/connectionCornerLT.gif) 0 0 no-repeat;}
	.connectionsListActive .connectionRT {position: absolute; top: 0; right: 0; width: 5px; height: 5px; background: url(images/connectionCornerRT.gif) 0 0 no-repeat;}
	.connectionsListActive .connectionLB {position: absolute; bottom: 0; left: 0; width: 5px; height: 5px; background: url(images/connectionCornerLB.gif) 0 0 no-repeat;}
	.connectionsListActive .connectionRB {position: absolute; bottom: 0; right: 0; width: 5px; height: 5px; background: url(images/connectionCornerRB.gif) 0 0 no-repeat;}

	/** EXTERNAL PAGES **/
	.external {clear: left; border-bottom: 1px dotted #c4c4c4; padding: 30px 0; color: #333; margin: 0 20px;}
	.external img.leftFloat {float: left; margin: 0 25px 25px;}
	.external img.rightFloat {float: right; margin: 0 25px 20px;}
	.external img.blogImg {margin: 0 0 20px 0;}
	.leftSection {float: left; width: 60%; border-right: 1px solid #c1c1c1; border-bottom: none;}
	.alignright {text-align: right;}
	.noborder {border: none;}
	.external h1 { font-size: 36px; margin-bottom: 15px; font-weight: bold !important;}
	.external h1.border-bottom{border-bottom: 1px dotted #333 !important;}
	.external h2, h2.tedH2  { font-size: 18px; color: #5550c0; margin-bottom: 20px;}
	h2.tedH2 {margin-top: 20px; color: #909090;} 
	.external p {font-size: 14px; padding: 0 15px 15px 0; }
	.external p.sub {border-top: 1px dotted #c4c4c4; font-size: 12px; color: #909090; padding-top: 10px;}
	.ask {background: url(images/process-ask.gif) 0 30px no-repeat; padding-left: 30px;}
	.manage {background: url(images/process-manage.gif) 0 30px no-repeat; padding-left: 30px;}
	.create {background: url(images/process-create.gif) 0 30px no-repeat; padding-left: 30px;}
	.enhance {background: url(images/process-enhance.gif) 0 30px no-repeat; padding-left: 30px;}
	.reward {background: url(images/process-reward.gif) 0 30px no-repeat; padding-left: 30px;}
	.takeaction {background: url(images/process-takeaction.gif) 0 30px no-repeat; padding-left: 30px;}
	.GreyBox {background: #f0f0f0; margin: 10px 20px; padding-left: 30px}
	.external .learnMore {display: block; text-align: right; margin-top: 25px; color: #909090;font-size: 14px; padding-right: 15px;}
	.external .apply {float: right; color: #ffa100; font-size: 12px; padding-right: 15px;}
	.external .superLarge {font-size: 72px;}
	.external .large {font-size: 24px;}
	.superMargin {margin-left: 246px;}
	.superMargin2 {margin-left: 210px;}
	.business {text-align: center; font-size: 14px; color: #333;}
	.extraLine {line-height: 22px; font-size: 18px !important;}

	.qlist {float: left; width:350px; margin: 20px;}
	.qlist p {font-size: 18px; color: #333; margin-bottom: 20px;}
	.qlist ul{font-size: 14px;}
	.qlist li {padding: 4px 4px 4px 20px; background: url(images/blackDot.gif) 0 45% no-repeat; }

	.peopleCapacities {position: absolute; right: 250px; left: 0; top: 0; bottom: 0;}
	.clearRight {clear: right; float: right; width: 215px;}
	.pressTitle {font-size: 36px; padding: 10px 20px; color: #121212; font-weight: bold !important;}
	.mediaContact {border: 1px dotted #333; color: #333; font-size: 14px; border-left: none; border-right: none; background: #FFFFE1; padding: 15px; margin: 10px 20px 20px;}
	.darkGreyBox {text-align: center; background: #333; padding: 10px 30px; margin: 10px 20px;}
	#externalLinks {background: url(images/breadcrumb.png) 0 100% no-repeat; text-align: left; padding: 10px; margin-bottom: 12px; text-transform:lowercase;}
	#externalLinks a {font-size: 20px; text-align: left; padding: 10px 13px;}
	.movie {border-bottom: 1px dotted #c4c4c4; float: left; width: 45%; margin: 10px; padding: 5px;}
	.movie img {float: left; margin: 0 15px 10px 0;}
	.movie .runningTime {float: right; color:#fa8f14; font-size: 12px;}
	.movieTitle {font-size: 14px; color: #909090; margin-bottom: 10px;}
	.movieDescription {margin-right: 10px;}
	.movieList {height: 110px;}
	.movieThumb img{float: left; margin: 0 5px 10px 0;}
	.tedP {margin: 48px 50px 0 239px; padding: 40px 0 0 0; font-size: 18px; line-height: 24px;}
	
	/** STANDARD LINKS **/
	a.orange, a span.orange { color: #ffa100;}
	a.white { color: #fff; }
	a.mediumGrey { color: #666;}
	a.purple { color: #66c; }
	a.allLink { display: block; text-align: right; background: url(images/allLink.gif) 100% 35% no-repeat; padding-right: 14px;}
	a.viewLink {display: block; float: left; margin: 5px 5px 0; padding: 5px 15px; font-size: 14px; border: 1px solid #E1E1E1; color: #909090; background: #fff;}
	a.currentTab, a.viewLinkCurrent { background: #eee;}
	a.sortLink {margin: 24px 10px 26px 20px; background: url(images/sortLink.gif) 0 45% no-repeat; padding-left: 12px; color: #666; font-size: 12px;}
	a.viewLink:hover, a.viewLinkCurrent:hover {text-decoration: none;}
	
	
	
	/** COLORS **/
	.green {color: #b1d45a;}
	.lightGrey {color: #909090;}
	.darkGrey {color: #333;}
	.medGrey {color: #666;}
	.black {color: #000;}
	.orange { color: #ffa100;}
	.purple, .purple a {color: #66c;}
	
	.leftpad {padding: 0 0 15px 10px;font-size: 14px;}
	.small {font-size: 12px;}
	.orangeHighlight {background: #FFA100; padding: 3px; margin: 0 3px; color: #fff; font-weight: bold; display: inline;}
	.padbottom {padding-bottom: 10px;}
	
	/** clear **/
	.clear {clear: both; display: block; line-height: 0;}
	
	/** last list item**/
	li.last {border: none !important;}
	
	.devnote {display: none;}
}

@media print {
	#header, #footer, #powerstrip { display:none !important; }
}
