/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float:left;
    margin: 0;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2 {
    width: 100%;
}
.span_1_of_2 {
    width: 50%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .col { 
        margin: 1% 0 1% 0%;
    }
}

@media only screen and (max-width: 480px) {
    .span_2_of_2, .span_1_of_2 { width: 100%; }
}

/*  GRID OF FIVE  */
.span_5_of_5 {
    width: 100%;
}
.span_4_of_5 {
    width: 80%;
}
.span_3_of_5 {
    width: 60%;
}
.span_2_of_5 {
    width: 40%;
}
.span_1_of_5 {
    width: 20%;
}

.spanb_1_of_5 {
    width: 16%;
}
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
    .col {  margin: 1% 0 1% 0%; }
    .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
    .spanb_1_of_5, .spanb_2_of_5, .spanb_3_of_5, .spanb_4_of_5, .spanb_5_of_5 { width: 100%; }
}


/*! Pushy - v0.9.2 - 2014-9-13
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */

/* Menu Appearance */

.pushy{
    position: fixed;
    width: 200px;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: #333332;
    font-size: 0.9em;
    font-weight: bold;
    -webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
}

.pushy a{
    display: block;
    color: #b3b3b1;
    padding: 15px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(255, 255, 255, .1);
    text-decoration: none;
}

.pushy a:hover{
    background: #00b4ff;
    color: #FFF;
}

/* Menu Movement */

.pushy-left{
    -webkit-transform: translate3d(-200px,0,0);
    -moz-transform: translate3d(-200px,0,0);
    -ms-transform: translate3d(-200px,0,0);
    -o-transform: translate3d(-200px,0,0);
    transform: translate3d(-200px,0,0);
}

.pushy-open{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.container-push, .push-push{
    -webkit-transform: translate3d(200px,0,0);
    -moz-transform: translate3d(200px,0,0);
    -ms-transform: translate3d(200px,0,0);
    -o-transform: translate3d(200px,0,0);
    transform: translate3d(200px,0,0);
}

/* Menu Transitions */

.pushy, #container, .push{
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
}

/* Site Overlay */

.site-overlay{
    display: none;
}

.pushy-active .site-overlay{
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0,0,0,0.5);
    -webkit-animation: fade 500ms; 
    -moz-animation: fade 500ms; 
    -o-animation: fade 500ms;
    animation: fade 500ms;
}

@keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

/* Example Media Query */

@media screen and (max-width: 768px){
    .pushy{
        font-size: 1.0em;
    }
}

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
 * jQuery UI CSS Framework 1.8.6
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
 * jQuery UI Dialog @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; background: #666; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: 2px 1em; position: relative; color: #fff; background: #777; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; /*font-weight: bold;*/ font-size: 1.2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 6px; top: 6px; width: 20px; height: 20px; background: transparent url(../images/global/close-button-v5.gif) no-repeat; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; text-indent: -9999px; overflow: hidden; display: none; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; cursor: pointer; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; /*padding: .5em 1em;*/ background: #fff; overflow: hidden; zoom: 1; }
.ui-dialog .ui-dialog-content form { margin: 0; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.selector, 
div.selector span, 
div.checker span,
div.radio span, 
div.uploader, 
div.uploader span.action,
div.button,
div.button span {
  background-image: url(../images/uniform/sprite.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

.selector, 
.radio, 
.checker, 
.uploader,
.button, 
.selector *, 
.radio *, 
.checker *, 
.uploader *,
.button *{
  margin: 0;
  padding: 0;
}

/* INPUT & TEXTAREA */

input.text,
input.email, 
input.password,
textarea.uniform {
  font-size: 12px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  padding: 5px;
  color: #333;
  /*background: url('../../images/uniform/bg-input-focus.png') repeat-x 0px 0px;
  background: url('../../images/uniform/bg-input.png') repeat-x 0px 0px;*/
  border: solid 2px #e3e3e3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
}

input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus {
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  border-color: #23B4F1;
  /*background: url('../../images/uniform/bg-input-focus.png') repeat-x 0px 0px;*/
}

/* SPRITES */

/* Select */

div.selector {
	background-image: url("../images/project/postaproject/pap-icons.gif");
    background-position: right -397px;
    height: 20px;
    padding: 5px 0;
  /*background-position: -483px -130px;
  line-height: 26px;
  height: 26px;*/
}

div.selector span {
	background-image: none;
  /*background-position: right 0px;
  height: 26px;
  line-height: 26px;*/
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
  left: 0px;
}

/*div.selector:active, 
div.selector.active {
  background-position: -483px -156px;
}

div.selector:active span, 
div.selector.active span {
  background-position: right -26px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
  background-position: -483px -182px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
  background-position: right -52px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
  background-position: -483px -208px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
  background-position: right -78px;
}*/

div.selector.disabled {
  background-position: -483px -234px;
}

div.selector.disabled span {
  background-position: right -104px;
}

/* Checkbox */

div.checker {
  width: 19px;
  height: 19px;
}

div.checker input {
  width: 19px;
  height: 19px;
}

div.checker span {
  background-position: 0px -260px;
  height: 19px;
  width: 19px;
}

div.checker:active span, 
div.checker.active span {
  background-position: -19px -260px;
}

div.checker.focus span,
div.checker:hover span {
  background-position: -38px -260px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
  background-position: -57px -260px;
}

div.checker span.checked {
  background-position: -76px -260px;
}

div.checker:active span.checked, 
div.checker.active span.checked {
  background-position: -95px -260px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -114px -260px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -133px -260px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: -152px -260px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -171px -260px;
}

/* Radio */

div.radio {
  width: 18px;
  height: 18px;
}

div.radio input {
  width: 18px;
  height: 18px;
}

div.radio span {
  height: 18px;
  width: 18px;
  background-position: 0px -279px;
}

div.radio:active span, 
div.radio.active span {
  background-position: -18px -279px;
}

div.radio.focus span, 
div.radio:hover span {
  background-position: -36px -279px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -54px -279px;
}

div.radio span.checked {
  background-position: -72px -279px;
}

div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -90px -279px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
  background-position: -108px -279px;
}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -126px -279px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -144px -279px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px;
}

/* Uploader */

div.uploader {
  /*background-position: 0px -297px;*/
  	background: #fff url(../../images/project/postaproject/file-upload-button.png) 295px -1px no-repeat;
  	height: 28px;
}

div.uploader span.action {
  background-position: right -409px;
  height: 24px;
  line-height: 24px;
}

div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 2px 0px 2px 2px;
  line-height: 24px;
  font-size: 1.1em;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 295px -31px;
}

/*div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px;
}*/

div.uploader.disabled {
  background-position: 0px -325px;
}

div.uploader.disabled span.action {
  background-position: right -381px;
}

div.button {
  background-position: 0px -523px;
}

div.button span {
  background-position: right -643px;
}

div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
  background-position: 0px -553px;
}

div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
  background-position: right -673px; 
}

div.button.active,
div.button:active {
  background-position: 0px -583px;
}

div.button.active span,
div.button:active span {
  background-position: right -703px;
  color: #555;
}

div.button.disabled,
div.button:disabled {
  background-position: 0px -613px;
}

div.button.disabled span,
div.button:disabled span {
  background-position: right -733px;
  color: #bbb;
  cursor: default;
}

/* PRESENTATION */

/* Button */

div.button {
  height: 30px;
}

div.button span {
  margin-left: 13px;
  height: 22px;
  padding-top: 8px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 2px;
  padding-right: 15px;
}

/* Select */
div.selector {
  width: 398px;
  border: 2px solid #e3e3e3;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  background-color: #fff;
}

div.selector select {
  min-width: 400px;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;*/
  border: solid 1px #fff;
  color: #000;
  font-size: 1.1em;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
  font-size: 1.1em;
}

div.selector span {
  color: #333;
  /*width: 158px;
  /*text-shadow: 0 1px 0 #fff;*/
}

div.selector.disabled span {
  color: #bbb;
}

/* Checker */
div.checker {
  margin-right: 5px;
}

/* Radio */
div.radio {
  margin-right: 3px;
}

/* Uploader */
div.uploader {
  width: 402px;
  border: 2px solid #e3e3e3;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
}

div.uploader span.action {
  width: 85px;
  text-align: center;
  /*text-shadow: #fff 0px 1px 0px;*/
  background-color: #fff;
  /*font-size: 11px;*/
  font-weight: bold;
  cursor: pointer;
}

div.uploader span.filename {
  color: #333;
  width: 289px;
  border-right: solid 1px #ccc;
  padding-left: 5px;
  /*font-size: 11px;*/
}
div.uploader span.button {
	border: none;
	background-image: none;
}

div.uploader input {
  width: 190px;
}

div.uploader.disabled span.action {
  color: #aaa;
}

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector, 
.checker, 
.button, 
.radio, 
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0;
}

/* Button */

div.button a,
div.button button,
div.button input {
  position: absolute;
}

div.button {
  cursor: pointer;
  position: relative;
}

div.button span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: center;
}

/* Select */

div.selector {
  position: relative;
  padding: 5px;
  overflow: hidden;
}

div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity:0);
  height: 25px;
  border: none;
  background: none;
}

/* Checker */

div.checker {
  position: relative;
}

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.checker input {
  opacity: 0;
  filter: alpha(opacity:0);
  display: inline-block;
  background: none;
}

/* Radio */

div.radio {
  position: relative;
}

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.radio input {
  opacity: 0;
  filter: alpha(opacity:0);
  text-align: center;
  display: inline-block;
  background: none;
}

/* Uploader */

div.uploader {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  padding: 0px 5px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

div.uploader input {
  opacity: 0;
  filter: alpha(opacity:0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default;
}
/*!
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Tue Jul  3 15:45:43.0000000000 2012
*/

/* Core qTip styles */
.ui-tooltip, .qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;
	
	font-size: 10.5px;
	line-height: 12px;

	border-width: 1px;
	border-style: solid;
}

	/* Fluid class for determining actual width in IE */
	.ui-tooltip-fluid{
		display: block;
		visibility: hidden;
		position: static !important;
		float: left !important;
	}

	.ui-tooltip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
		overflow: hidden;
	}

	.ui-tooltip-titlebar{
		position: relative;
		min-height: 14px;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }

		/*! Default close button class */
		.ui-tooltip-titlebar .ui-state-default{
			position: absolute;
			right: 4px;
			top: 50%;
			margin-top: -9px;

			cursor: pointer;
			outline: medium none;

			border-width: 1px;
			border-style: solid;
		}
		
		* html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */

		.ui-tooltip-titlebar .ui-icon,
		.ui-tooltip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
		}

		.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.ui-tooltip-icon .ui-icon{
				width: 18px;
				height: 14px;

				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{

}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{
	
}


/*! Default tooltip style */
.ui-tooltip-default{
	border-color: #F1D031;
	background-color: #FFFFA3;
	color: #555;
}

	.ui-tooltip-default .ui-tooltip-titlebar{
		background-color: #FFEF93;
	}

	.ui-tooltip-default .ui-tooltip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}
	
	.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
		border-color: #AAA;
		color: #111;
	}

/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
}

	.ui-tooltip .ui-tooltip-tip,
	.ui-tooltip .ui-tooltip-tip *{
		position: absolute;
		
		line-height: 0.1px !important;
		font-size: 0.1px !important;
		color: #123456;

		background: transparent;
		border: 0px dashed transparent;
	}
	
	.ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }


/*! Light tooltip style */
.ui-tooltip-light{
	background-color: white;
	border-color: #E2E2E2;
	color: #454545;
}

	.ui-tooltip-light .ui-tooltip-titlebar{
		background-color: #f1f1f1;
	}


/*! Dark tooltip style */
.ui-tooltip-dark{
	background-color: #505050;
	border-color: #303030;
	color: #f3f3f3;
}

	.ui-tooltip-dark .ui-tooltip-titlebar{
		background-color: #404040;
	}

	.ui-tooltip-dark .ui-tooltip-icon{
		border-color: #444;
	}

	.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/*! Cream tooltip style */
.ui-tooltip-cream{
	background-color: #FBF7AA;
	border-color: #F9E98E;
	color: #A27D35;
}

	.ui-tooltip-cream .ui-tooltip-titlebar{
		background-color: #F0DE7D;
	}

	.ui-tooltip-cream .ui-state-default .ui-tooltip-icon{
		background-position: -82px 0;
	}


/*! Red tooltip style */
.ui-tooltip-red{
	background-color: #F78B83;
	border-color: #D95252;
	color: #912323;
}

	.ui-tooltip-red .ui-tooltip-titlebar{
		background-color: #F06D65;
	}

	.ui-tooltip-red .ui-state-default .ui-tooltip-icon{
		background-position: -102px 0;
	}

	.ui-tooltip-red .ui-tooltip-icon{
		border-color: #D95252;
	}

	.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{
		border-color: #D95252;
	}


/*! Green tooltip style */
.ui-tooltip-green{
	background-color: #CAED9E;
	border-color: #90D93F;
	color: #3F6219;
}

	.ui-tooltip-green .ui-tooltip-titlebar{
		background-color: #B0DE78;
	}

	.ui-tooltip-green .ui-state-default .ui-tooltip-icon{
		background-position: -42px 0;
	}


/*! Blue tooltip style */
.ui-tooltip-blue{
	background-color: #E5F6FE;
	border-color: #ADD9ED;
	color: #5E99BD;
}

	.ui-tooltip-blue .ui-tooltip-titlebar{
		background-color: #D0E9F5;
	}

	.ui-tooltip-blue .ui-state-default .ui-tooltip-icon{
		background-position: -2px 0;
	}

/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-tipsy,
.ui-tooltip-bootstrap{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/*! Youtube tooltip style */
.ui-tooltip-youtube{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;

	color: white;
	border-width: 0;

	background: #4A4A4A;
	background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));
	background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: linear-gradient(to bottom,#4A4A4A 0,black 100%);
}

	.ui-tooltip-youtube .ui-tooltip-titlebar{
		background-color: #4A4A4A;
		background-color: rgba(0,0,0,0);
	}
	
	.ui-tooltip-youtube .ui-tooltip-content{
		padding: .75em;
		font: 12px arial,sans-serif;
		
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
	}

	.ui-tooltip-youtube .ui-tooltip-icon{
		border-color: #222;
	}

	.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));

	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.ui-tooltip-jtools .ui-tooltip-titlebar{
		background-color: transparent;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
	}
	.ui-tooltip-jtools .ui-tooltip-content{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
	}

	.ui-tooltip-jtools .ui-tooltip-titlebar,
	.ui-tooltip-jtools .ui-tooltip-content{
		background: transparent;
		color: white;
		border: 0 dashed transparent;
	}

	.ui-tooltip-jtools .ui-tooltip-icon{
		border-color: #555;
	}

	.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Cluetip style */
.ui-tooltip-cluetip{
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);

	background-color: #D9D9C2;
	color: #111;
	border: 0 dashed transparent;
}

	.ui-tooltip-cluetip .ui-tooltip-titlebar{
		background-color: #87876A;
		color: white;
		border: 0 dashed transparent;
	}
	
	.ui-tooltip-cluetip .ui-tooltip-icon{
		border-color: #808064;
	}
	
	.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{
		border-color: #696952;
		color: #696952;
	}


/* Tipsy style */
.ui-tooltip-tipsy{
	background: black;
	background: rgba(0, 0, 0, .87);

	color: white;
	border: 0px solid transparent;

	font-size: 11px;
	font-family: 'Lucida Grande', sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-shadow: 0 1px black;
}

	.ui-tooltip-tipsy .ui-tooltip-titlebar{
		padding: 6px 35px 0 10;
		background-color: transparent;
	}

	.ui-tooltip-tipsy .ui-tooltip-content{
		padding: 6px 10;
	}
	
	.ui-tooltip-tipsy .ui-tooltip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* Tipped style */
.ui-tooltip-tipped{
	border: 3px solid #959FA9;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	background-color: #F9F9F9;
	color: #454545;

	font-weight: normal;
	font-family: serif;
}

	.ui-tooltip-tipped .ui-tooltip-titlebar{
		border-bottom-width: 0;

		color: white;
		background: #3A79B8;
		background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
	}

	.ui-tooltip-tipped .ui-tooltip-icon{
		border: 2px solid #285589;
		background: #285589;
	}

		.ui-tooltip-tipped .ui-tooltip-icon .ui-icon{
			background-color: #FBFBFB;
			color: #555;
		}


/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.ui-tooltip-bootstrap{
	font-size: 13px;
	line-height: 18px;

	color: #333333;
	background-color: #ffffff;


	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);

	*border-right-width: 2px;
	*border-bottom-width: 2px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

	.ui-tooltip-bootstrap .ui-tooltip-titlebar{
		font-size: 18px;
		line-height: 22px;

		border-bottom: 1px solid #ccc;
		background-color: transparent;
	}

		.ui-tooltip-bootstrap .ui-tooltip-titlebar .ui-state-default{
			right: 9px; top: 49%;
			border-style: none;
		}

	.ui-tooltip-bootstrap .ui-tooltip-icon{
		background: white;
	}

		.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon{
			width: auto;
			height: auto;
			float: right;
			font-size: 20px;
			font-weight: bold;
			line-height: 18px;
			color: #000000;
			text-shadow: 0 1px 0 #ffffff;
			opacity: 0.2;
			filter: alpha(opacity=20);
		}

		.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon:hover{
			color: #000000;
			text-decoration: none;
			cursor: pointer;
			opacity: 0.4;
			filter: alpha(opacity=40);
		}


/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
	filter: none;
	-ms-filter: none;
}


/* Main stylesheet for crowdSPRING */

/* Global */
/* pre-rinse new HTML5 block elements */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { font: 13px/1.6 Arial, Helvetica, sans-serif; background-color: #333; padding: 0; }
body.white { background-color: #fff; }
body.white p { padding: 5px; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

/* Master Layout Size */
#header, #footer, .wrapper { width: 922px; margin: 0 auto; text-align: left; }
.clearfix { clear: both; }
.break-words { word-break: break-all; }
.left { float: left; }
.right { float: right; }
.full { width: 100% !important; height: auto !important; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clear-floats:after {
  content: ".";
  visibility: hidden;
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
}

.xui-corner-all { -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; }

/* Global Links */
a img { border: 0; text-decoration: none; }
a { color: #079fdf; text-decoration: none; }
a:hover { text-decoration: underline; } 
a:hover img { text-decoration: none; }
a:hover, a:active { outline: 0; }

/* images */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/* text */
p { margin: 0 0 10px 0; }
abbr, acronym { border-bottom: 1px dashed #ccc;}

/* headings */
h1 { font-size: 2em; font-family: Arial, Helvetica, sans-serif !important; }
h1.title { color: #fff; background: #23b4f1; font-size: 2.25em; padding: 15px 20px 0; font-weight: normal; }
h1.title.noblue { color: #424242; background: #fff; font-size: 2.15 em; padding:15px 20px 10px 20px; }
h1.title a { color: #fff; text-decoration: none; }
h1.fancy { background-color: #FFFFFF; color: #999; font-size: 30px; font-weight: normal; padding: 0 0 5px; font-family: helvetica, arial, sans-serif; }
h1.tagline { padding: 30px 10px 10px 10px; }
h2 { font-size: 1.25em; font-family: Arial, Helvetica, sans-serif !important; }
h2.section { font-weight: bold; padding: 5px 10px; background-color: #f1f1f1; }
h2.big { font-size: 2em; padding: 10px; }
h2.watchlist { font-size: 1.65em; padding: 0 0 2px 0; }
h2.watchlist small { font-size: .75em; }
h2.highlight a { color: #ed2590;}
h2.thin { color: #666; font-weight: normal; text-transform: uppercase; }
div.contact h2 { font-size:1.5em; color: #424242; }
h3.callout { font-size: 1.5em; padding: 10px 0;}

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
fieldset.file input { border: 1px solid #ccc; }
input, textarea { border: 1px solid #ccc; padding: 2px; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif;}
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input[type="radio"], input[type="checkbox"] { border: none; }
label { font-weight: bold; color: #666; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* Wrapper */
.wrapper {
    padding: 0 20px;
    position: relative;
}

/* Maintenance Messaging */
.alert-bar {
    position: relative;
    width: 100%;
    z-index: 100;
    display: none;
    height: 35px;
}
.alert-bar .maintenance {
    color: #FFF;
    background-color: #666;
    padding: 5px 0 7px 0;
    text-align: center;
    font-size: 1.2em;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.alert-bar .maintenance strong {
    color: #f00;
}
.alert-bar .maintenance span.warning-sign {
    background: transparent url(../images/global/banner-icons.gif) center left no-repeat;
    width: 25px;
    height: 20px;
    text-indent: -9999px;
    display: inline-block;
    border: none;
}
.alert-bar .benefit {
    background-color: #cff;
    color: #000;
}
.alert-bar .benefit span.warning-sign {
    backgound-image: none;
    width: 0;
    height: 0;
}
.urkel {
    background-color: #fc3;
    padding: 5px;
    font-size: 0.95em;
}
.urkel abbr { border-color: #000; cursor: help; }
div#IEbar {
    display: none;
}

/* Header Banner */
.banner-wrapper {
    position: relative;
    width: 100%;
    height: 100px;
    z-index: +1;
    display: none;
}
.header-banner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 85px;
    font-size: 1.5em;
    background-color: #000;
    color: #fff;
    text-align: center;
    z-index: 1000;
    display: none;
    border-bottom: 2px solid #444;
}
.header-banner dl {
    position: relative;
    width: 900px;
    margin: 5px auto 0;
    z-index: 10000;
    text-align: left;
}
.header-banner dl.alt {
    display: none;
}
.header-banner dl dt, .header-banner dl dd {
    position: relative;
}
.header-banner dl dt {
    font-weight: bold;
    font-size: 1.2em;
}
.header-banner dl dd {
    font-size: 0.9em;
}
.header-banner dl.logo {
    padding-left: 70px;
    width: 830px;
}
.header-banner dl.logo dt img {
    position: absolute;
    top: 0;
    left: -75px;
}
.header-banner dl.logo dd {
    font-size: 0.95em;
}
.header-banner a {
    text-decoration: underline;
}
.header-banner a:hover {
    text-decoration: none;
}
.header-banner img.icon {
    float: left;
    margin-left: 24px;
}
.header-banner img.logo {
    float: right;
    margin-right: 24px;
}
.header-banner a.banner-close {
    float: right;
    color: #ccc;
    font-size: 0.8em;
    margin-top: 3px;
    text-decoration: none;
    /*background: transparent url(../images/global/close_button_v4.png) center center no-repeat;*/
}
.header-banner a.banner-close:hover {
    text-decoration: underline;        
}

/* Header */
.header {
    height: 75px;
    /*background: #353535 url(../images/global/smushed/header_bg.png) bottom repeat-x;*/
    position: relative;
}
.header a { color: #fff; text-decoration: none; }
.header li ul.hover-menu { display: none; position: absolute; z-index: 1000; padding: 15px; width: 250px; box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5); }
.header li ul.hover-menu li { text-align: left; float: none; }
.header li:hover ul.hover-menu { display: block; }
.header li ul.hover-menu input { width: 203px; border-radius: 3px 3px 3px 3px; color: #999999; font-style: italic; margin-right: 5px; }
.header li ul.hover-menu input:focus { color: #666; font-style: normal; border-color: #23B4F1; }
.header li ul.hover-menu button.submit { float: right; font-size: 1.2em; background: url("../images/browse/browse-icons-050213.png") no-repeat scroll 3px -758px #23B4F1; width: 25px; height: 24px; font-size: 0; text-indent: -9999px; }
.header li ul.hover-menu button.submit:hover { background-color: #fff; background-position: 3px -777px; }
.header li ul.hover-menu li.view-all { }
.header li ul.hover-menu li.view-all a { color: #23B4F1; font-style: italic; }
.header li ul.hover-menu li.view-all a:hover { text-decoration: underline; }

.masthead {
    width: 180px;
    float: left;
    padding: 15px 0 0 0;
}
.partner .masthead { width: 360px; }
.masthead a {
    background: transparent url(../images/global/cs-logo-header.gif) center center no-repeat;
    font-size: 0;
    line-height: 0;
    color: #353535;
    display: block;
    width: 180px;
    height: 43px;
    display: block;
}
.masthead .partner-logo { display: none; }
.partner .masthead .partner-logo { 
    float: right;
    width: 180px; 
    height: 50px; 
    background: transparent url(../images/landing/appsumo-logo-header.gif) left center no-repeat;
}
.masthead div.logo-menu {
    position: absolute;
    top: 70px;
    left: -20px;
    width: 200px;
    background: #fff;
    padding: 10px 20px;
    border: 3px solid #666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    z-index: 1000;
}
.masthead div.logo-menu p strong {
    font-size: 1.5em;
}
.masthead div.logo-menu a {
    background-image: none;
    font-size: 1em;
    line-height: 1.5em;
    display: inline;
    color: #079fdf;
    margin-left: 5px;
    font-weight: bold;
}
.masthead div.logo-menu a.close {
    position: absolute;
    top: -9px;
    right: -9px;
    width: 21px;
    height: 21px;
    margin-left: 0;
}
.masthead div.logo-menu dt {
    padding-bottom: 5px;
}
.masthead div.logo-menu dt span {
    display: block;
    background: transparent url(../images/global/logos/cs-logo-samples.gif) 0 0 no-repeat;
    width: 200px;
    height: 50px;
    margin-top: 2px;
    border: 1px solid #ccc;
}
.masthead div.logo-menu dt.dark-grey span {
    background-position: 0 -50px;
}
.masthead div.logo-menu dt.light-grey span {
    background-position: 0 -100px;
}
.masthead div.logo-menu dd {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
}
.masthead div.logo-menu dd.last {
    border: none;
    margin-bottom: 0;
}
.contact-links {
    height: 25px;
    width: 525px;
    float: right;
    margin-top: 0;
}
.contact-links a { color: #fff; font-size: 0.95em; display: inline-block; border-right: 1px solid #666; padding: 0 7px 1px; float: right; margin: 7px 0; }
.contact-links a.home-link { font-weight: bold; background: url("../images/global/header-footer-icons-051313.gif") no-repeat scroll 4px -306px transparent; padding-left: 23px; }
.contact-links a.home-link:hover { text-decoration: underline; color: #23B4F1; }
.contact-links a.new-mail { background-position: 4px -286px; }
.contact-links a.consult { border: none; background-color: #555; display: none; }
.contact-links a.consult1 { border: none; background-color: #23B4F1; display: none;}
.contact-links a.consult2 { border: none; color: #ED2590; display: none;}
.contact-links a.consult3 { border: none; background-color:#beeaf9; color:#19607e; display: none;}
.contact-links a.consult:hover { background-color: #f1f1f1; color: #079FDF; }
.contact-links a.email-us:hover { text-decoration: underline; color: #23B4F1; }
.contact-links a.phone { border-right: none; padding-right: 0; }
.contact-links a.click-to-chat { border: none; background: #555 url(../images/help/help-icons-051413.gif) 0 -699px no-repeat; display: none; padding-left: 26px; }
.contact-links a.click-to-chat:hover { color: #23B4F1; }

/* main nav */
.mainnav {
    margin: 0;
    width: 340px;
    height: 25px;
    padding: 0;
    position: absolute;
    top: 24px;
    left: 190px;
}
.partner .mainnav { padding-left: 370px; }
.mainnav li {
    padding: 0;
    text-align: center;
    float: left;
    position: relative; 
    margin-right: 5px;
}
.mainnav li a {
    font-size: 1em;
    padding: 2px 5px 1px;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 0.01em;
    margin-top: 2px;
}
.mainnav li:hover a, .mainnav li a:hover { background-color: #555; color: #fff; }
.mainnav li a.active { background-color: #555; }
.mainnav li.pap a { background-color: #ED2590; margin-left: 5px; font-weight: bold; }
.mainnav li.pap a:hover { color: #ED2590; background-color: #fff; }
.mainnav li a strong span {
    color: #ff009c;
}
.mainnav li ul.hover-menu { top: 22px; left: 0; background-color: #555; font-size: 1.1em; }
.mainnav li ul.hover-menu li { text-align: left; margin: 0; }
.mainnav li ul.hover-menu li input { font-size: 1.15em; width: 213px; margin: 5px 0; }
.mainnav li ul.hover-menu li button.submit { margin: 5px 0; }
.mainnav li ul.hover-menu li a { display: inline-block; width: 122px; text-align: left; text-transform: none; padding: 0 0 10px; }
.mainnav li ul.hover-menu li a:hover { color: #23B4F1; }
.mainnav li ul.hover-menu li a.highlight { color: #ff0091 !important; }
.mainnav li ul.hover-menu li a.highlight:hover { color: #23B4F1 !important; }
.mainnav li ul.hover-menu li.view-all a { width: 150px; }

input.bigtext {
    width: 400px;
    padding: 5px;
    font-size: 1.4em;
}

#mainnav li:last-child a {
    background: transparent;
}
#mainnav li a.post_a_project strong {
    background: #f743ac url(../images/global/master-buttons-bg-1.gif) 0 -185px repeat-x;
    border-color: #d42171 #9b0246 #9b0246 #d42171;
    border-width: 1px;
    border-style: solid;
    color: #fff;
}
#mainnav li a.post_a_project strong.orange {
    background-position: 0 -548px;
    background-color: #f90;
    border-color: #f90 #e70 #dd6700 #e70;
}
#mainnav li a.post_a_project strong.green {
    background-position: 0 -618px;
    background-color: #090;
    border-color: #0b0 #0a0 #090 #0a0;
}
#mainnav li a.post_a_project strong.gray {
    background-position: 0 -688px;
    background-color: #fff;
    border-color: #fff #e1e1e1 #ccc #e1e1e1;
    color: #000;
}

/* user menu */
.user-menu {
    width: 420px;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1.05em;
}
.user-menu li {
    float: right;
    display: inline-block;
    margin-left: 5px;
    position: relative;
}
.user-menu li a {
    background: #444 url(../images/global/header-footer-icons-051313.gif) 4px 0 no-repeat;
    padding: 3px 10px 3px 25px;
    display: inline-block;
    border-top: 5px solid #333;
}
.user-menu li a:hover, .user-menu li:hover a { border-color: #444; }
.user-menu li a.blog { background-position: 4px -240px; }
.user-menu li a.testimonials { background-position: 4px -326px; }
.user-menu li a.help { background-position: 4px -261px; }
.user-menu li a.myspring {
	background: #444 url(../images/myspring/myspring-menu-sprite-100813.gif) 4px -229px no-repeat; 
	color: #ED2590;
	font-weight: bold;
}
.user-menu li a.myspring:hover { background-color: #000; border-color: #000; }
.user-menu li a.login { background-position: 4px 7px; }
.user-menu li a.join { background-image: none; padding-left: 10px; }
.user-menu li a.open { background-color: #000; font-weight: bold; border-color: #000; }
.user-menu li a.disabled {
    color: #999;
    cursor: default;
}
.user-menu li a.disabled:hover {
    text-decoration: none;
}
.user-menu .auth-off { display: inline-block; }
.user-menu .auth-on { display: none; }

.user-menu li ul.hover-menu { top: 30px; right: 0; background-color: #444; }
.user-menu li ul.hover-menu li { text-align: left; text-align: left; margin-bottom: 10px; display: block; }
.user-menu li ul.hover-menu li a { background-image: none; background-color: transparent; border-top: none; padding-left: 0; }
.user-menu li ul.hover-menu li a:hover { text-decoration: underline; color: #23B4F1; }
.user-menu li ul.hover-menu li.view-all a { color: #23B4F1; }
.user-menu li ul.hover-menu li input { width: 203px; }
.user-menu li ul.hover-menu label { color: #ccc; }
.user-menu li ul.hover-menu p { text-align: right; margin: 5px 0 0; font-style: italic; }

.user-menu li ul.nav-help { width: 150px; }
/*.anon li ul.nav-help { right: 29px; }*/
.nav-login ul.hover-menu li { margin-bottom: 10px; }
.nav-login ul.hover-menu li button.submit { text-indent: 0; font-size: 1em; background-image: none; width: 60px; }
.nav-login ul.hover-menu li a { padding: 0; }
.nav-login ul.hover-menu li input.text { width: 239px; }

/* mySPRING drop-down menu */
div.myspring-menu { display: none; color: #999; background-color: #000; height: 410px; position: absolute; top: 75px; left: 0; width: 100%; padding: 0 0 20px; }
div.myspring-menu p.loading { font-size: 1em; font-weight: normal; }
div.myspring-menu p.alert { color: #f00; }
div.myspring-menu .creative-only { display: none; }
/*div.myspring-menu a.close-menu { float: right; color: #666; margin: 0 10px 10px; }*/
div.myspring-menu .left { width: 680px; }
div.myspring-menu .right { width: 210px; }
div.myspring-menu p.menu-header { color: #ccc; font-size: 2em; font-weight: normal; /*border-bottom: 1px solid #333;*/ margin-bottom: 8px; padding: 20px 0 2px; }
div.myspring-menu a { color: #23B4F1; }
div.myspring-menu .project-list dl, div.myspring-menu .myspring-links ul.link-list { /*border-bottom: 1px solid #333;*/ padding-bottom: 1em; margin-bottom: 0.5em; min-height: 305px; }
div.myspring-menu .project-list dl { display: none; }
div.myspring-menu .project-list dl strong { color: #ccc; }
div.myspring-menu .project-list dl dt { border-right: 1px solid #333; }
div.myspring-menu .project-list dl dt a { font-size: 1.4em; }
div.myspring-menu .project-list dl dt a:hover { color: #fff; }
div.myspring-menu .project-list dl dt span { font-size: 1.3em; display: inline-block; margin-left: 10px; }
div.myspring-menu .project-list dl dt strong { font-size: 1.2em; font-weight: normal; padding-left: 10px; }
div.myspring-menu .project-list dl dd { border-right: 1px solid #333; margin-bottom: 0; padding-bottom: 10px; }
/*div.myspring-menu .project-list dl dd:last-child { border: none; }*/
div.myspring-menu .project-list dl dd strong { display: inline-block; padding: 0 2px; }
div.myspring-menu .myspring-links { position: relative; }
div.myspring-menu .myspring-links ul.link-list li { margin-bottom: 10px; }
div.myspring-menu .myspring-links ul.link-list li a { font-size: 1.2em; color: #ccc; display: inline-block; padding: 2px 0; }
div.myspring-menu .myspring-links ul.link-list li a em { font-style: normal; }
div.myspring-menu .myspring-links ul li a:hover { color: #23B4F1; }
div.myspring-menu .myspring-links ul li a span { display: inline-block; width: 26px; height: 18px; float: left; margin: 3px 7px 0 0; background: transparent url(../images/myspring/myspring-menu-sprite-100813.gif) 0 0 no-repeat; }
div.myspring-menu .myspring-links ul li a.messages span { background-position: 0 -23px; }
div.myspring-menu .myspring-links ul li a.profile span { background-position: 0 -42px; }
div.myspring-menu .myspring-links ul li a.avatar span { width: 25px; height: 25px; margin-top: 0; }
div.myspring-menu .myspring-links ul li a.avatar span img { width: 25px; height: 25px; }
div.myspring-menu .myspring-links ul li a.notify span { background-position: 0 -66px; }
div.myspring-menu .myspring-links ul li a.payment span { background-position: 0 -89px; }
div.myspring-menu .myspring-links ul li a.portfolio span { background-position: 0 -111px; }
div.myspring-menu .myspring-links ul li a.watchlist span { background-position: 1px -129px; }
div.myspring-menu .myspring-links ul li a.logout { color: #ED2590; font-weight: bold; }
div.myspring-menu .myspring-links ul li a.logout:hover { color: #23B4F1; }
div.myspring-menu .myspring-links ul li a.logout span { background-position: 1px -211px; }
div.myspring-menu .myspring-links ul li a.logout:hover span { background-position: 1px -188px; }
div.myspring-menu .myspring-links ul li a.new-msg span { background-position: 0 -147px; }
div.myspring-menu .myspring-links ul li a.new-pay span { background-position: 0 -166px; }
div.myspring-menu .myspring-links div.reputation { position: absolute; top: 8px; right: 0; width: 51px; }
div.myspring-menu .myspring-links div.reputation strong { width: 50px; }
div.myspring-menu .myspring-links div.reputation ul.rep-scale { bottom: -100px; background-color: #333; font-size: 0.9em; }
div.myspring-menu .myspring-links div.reputation ul.rep-scale li.tab { bottom: 94px; background-position: 0 -160px; }
div.myspring-menu p.view-all a { color: #ccc; text-transform: uppercase; }

/* sub nav */
.subnav {
    background: #23b4f1;
    padding: 20px 0 0 20px;
    font-size: 1.15em;
    /*height: 23px;*/
}

.subnav.help {
padding-bottom:10px;
}
.subnav li {
    margin: 0 5px 0 0;
    float: left;
    color: #dff3ff;
}
.subnav li a {
    text-decoration: none;
    color: #dff3ff;
    display: inline-block;
    padding: 0 8px;
    text-decoration: none;
}
.subnav li a.active, .subnav li a:hover {
    color: #079FDF;
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    text-decoration: none;
}
.subnav li a:hover {
    background-color: #fff;
}
.subnav li a.active {
    background-color: #dff3ff;
}
.subnav li a.active:hover {
    background-color: #fff; 
}
.subnav li span {
    float: left;
    font-size: 1em;
}
.subnav li.first a {
    padding-left: 10px;
}

/* page header */
.pageheader {
    /*position: relative;*/
    height: 100%;
}
.byline {
    color: #b9e5fb;
    font-size: 0.85em;
}
.byline a {
    color: #b9e5fb;
}
.byline a:hover {
    text-decoration: underline;
}
.pageheader form.impersonate-form {
    position: absolute;
    top: 80px;
    right: 20px;
}

/* Tabs */
.tabs {
    padding: 10px 0 0 0;
    background: #23b4f1;
    /*overflow: hidden;*/
    height: 43px;
}
.tabs li {
    background: #444 url(../images/global/master-buttons-bg-1.gif) left 9px no-repeat;
    float: left;
    margin: 8px 0 0 0;
}
.tabs li:first-child {
    background: #444;
}
.tabs li a {
    font-size: 1em;
    /*font-weight: 600 !important;*/
    color: #b8b8b8;
    padding: 7px 13px 8px;
    display: block;
    height: 20px;
    background: transparent url(../images/global/master-buttons-bg-1.gif) right -33px no-repeat;
}
.tabs li:last-child a {
    background: transparent;
}
.tabs li.active {
    background: #fff;
    margin: 0 0 0 0;
}
.tabs li.active a {
    color: #000;
    /*font-weight: 600 !important;*/
    font-size: 1.3em;
    height: 27px;
    padding: 8px 25px;
    background: transparent;
}
.tabs li.highlight {
    background: #ed2590;
}
.tabs li.highlight a {
    color: #fff;
    background-image: none;
}

.tabs li a span {
    color:#ed2590;
}



/* Main */
.main {
    padding: 20px 20px 40px 20px;
    background: #fff;
}
.main ol {
    margin-left: 30px;
}
.main ol.numbered-list { list-style-type: decimal; }
.main ol.numbered-list li { margin-bottom: 1em; }
.homepage {
    padding: 0 0 28px 0;
}
.page {
    padding: 20px 200px 20px 50px;
}
.form {
    padding: 20px 50px 20px 50px;
}
.guide {
    padding: 20px 200px 20px 50px;
}
.page.guide {
    padding-right: 300px;
}
.promo {
    padding: 20px 50px;
}
.promo img.right {
    margin: 0 0 10px 10px;
}
div.project {
    padding-top: 0;
}
div.section {
    margin-top: 4px;
    position:relative;
}

div.section .warning {
/*width: 305px;
position: absolute;
top: 100px;
right: 43px;*/
}

/* Tertiary navigation */
.tertiary {
    margin-bottom: 10px;
    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: #079FDF;
}
.tertiary li.right {
    float: right;
}

/* Text page formatting */
.page ul, .page ol {
    margin:0 0 10px 30px;
}
.page ul {
    list-style-type: disc;
}
.page ol {
    list-style-type: decimal;
}

/* Filters */
.filters {
    float: left;
    margin: 4px 10px 5px 0;
}
.filters label {
    /*display: block;
    float: left;*/
    padding: 3px 0 3px 5px;
    margin: 0 5px 0 0;
    font-weight: normal;
    color: #000;
}
.filters select {
    font-size: .95em;
}

/* Pagination */
.pagination {
    margin: 0 0 5px 0;
    padding: 0 2px;
    float: right;
}
.pagination li {
    margin: 0 5px 0 0;
    padding: 2px 0;
    float: left;
}
.pagination li a {
    margin: 0 2px;
}
.pagination li button {
    padding: 0;
    font-weight: normal;
}
.pagination li.count {
    /*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;
}

/* Tables */
table {
    width: 100%;
    border-collapse: separate; 
    border-spacing: 0; 
}
table th, table td {
    font-size: 1em;
    padding: 0;
}



/* Standard tables */
table.default tr.even, table.default tr.even td {
    background-color: #fafafa;
}
table.default th {
    color: #333;
    font-weight: bold;
    padding: 3px;
    border-bottom: 1px solid #666;
}
table.default td {
    padding: 5px;
    border-bottom: 1px solid #ccc;
}
table.default td p {
    margin: 0;
}
table.default th a {
    padding: 0 10px 0 0;
    color: #333;
}
table.default th a.desc {
    background: transparent url(../images/global/sort_arrows_desc.gif) right center no-repeat;
}
table.default th a.asc {
    background: transparent url(../images/global/sort_arrows_asc.gif) right center no-repeat;
}
table.default th.project, table.default td.project {
    padding-right: 30px;
    width: 455px;
}
table.default td.category, table.default th.category  {
    text-align: left;
    width: 150px;
    padding-left: 20px;
}
table.default td.award, table.default th.award {
    width: 60px;
    text-align: center;
}
table.default td.time, table.default th.time, table.default td.score, table.default th.score, table.default td.new-entries, table.default th.new-entries {
    width: 100px;
    text-align: center;
}
table.default td.avatar {
    width: 75px;
}
table.default td.avatar img {
    padding: 5px;
}
table.default td.creative {
    width: 460px;
    padding: 0 40px 0 0;
}
table.default td.image {
    width: 75px;
}
table.default td.image img {
    padding: 5px;
}
table.default td.title {
    width: 400px;
}

table.default td.projects, table.default th.projects {
    text-align: center;
    width: 75px;
}
table.default td.entries, table.default th.entries {
    text-align: center;
    width: 75px;
    padding: 0;
}
table.default td.joined, table.default th.joined {
    text-align: center;
    width: 75px;
}
table.default td.time, table.default th.time,
table.default td.entry, table.default th.entry, 
table.default td.delete, table.default td.delete {
    text-align: center;
}
table.default td.delete, table.default td.delete {
    width: 75px;
}
table.default td.entry, table.default th.entry {
    text-align: center;
    width: 100px;
}
table.default td.viewall {
    border-bottom: none;
    background-color: #fff;
}

/* browse portfolios */
table.portfolios td.creative {
    width: 100px;
    padding: 2px 3px;
}

/* Error Pages */
div.error-page {
    padding: 100px 20px;
}
div.error-page div.left {
    width: 380px;
    border-right: 1px solid #ccc;
    vertical-align: middle;
    text-align: center;
}
div.error-page div.right {
    width: 460px;
    padding-right: 10px;
}
div.error-page div.right h1 em {
    font-style: italic;
    color: #999;
    font-size: 0.9em;
}
div.error-page div.right ol {
    list-style-type: decimal;
    margin-bottom: 10px;
}
div.error-page div.right ol li {
    margin-bottom: 5px;
}

/* Forms */
/*input.styled { display: none; }
select.styled { position: relative; width: ' + selectWidth + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; }
.disabled { opacity: 0.5; filter: alpha(opacity=50);*/
button {
    cursor: pointer;
    border: 0;
    background: none;
    font-weight: bold;
    padding: 5px;
    margin: 0;
}

button.small {
    padding: 2px 5px;
    font-size: .95em;
}

button a, button a:hover {
    text-decoration: none;
}

button.standard:hover, 
button.negative:hover,
button.submit:hover {
    background-position: bottom left;
}

button.standard, button.standard a {
    color: #079fdf;
}

button.standard:hover, button.standard:hover a {
    color: #041e26;
}

button.standard {
    border: 1px solid #d6d6d6;
    background: transparent url(../images/global/button_white.gif) top left repeat-x;
}

button.standard:hover {
    border: 1px solid #9ac5db;
}

button.negative, button.negative a {
    color: #fff;
}

button.negative {
    border-top: 1px solid #ed6e6e;
    border-bottom: 1px solid #a93030;
    border-left: 1px solid #ce5050;
    border-right: 1px solid #be3636;
    background: transparent url(../images/global/button_red.gif) top left repeat-x;
}

button.negative:hover {
    border-top: 1px solid #940000;
    border-bottom: 1px solid #6c0000;
    border-left: 1px solid #9b1e1e;
    border-right: 1px solid #830000;
}

button.submit, button.submit a {
    color: #fff;
}

button.submit {
    border: 1px solid #23B4F1;
    background-color: #23B4F1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font-size: 1em;
}

button.bigsubmit {
    border-top: 1px solid #64c3e2;
    border-bottom: 1px solid #26819e;
    border-left: 1px solid #45a1c0;
    border-right: 1px solid #2a91b2;
    background:transparent url(../images/global/master-buttons-bg-1.gif) 0 -450px repeat-x;
    color: #fff;
    margin:10px;
    font-size:14px;
}
    
button.submit:hover {
    color: #23B4F1;
    background-color: #fff;
}

button.bigsubmit:hover {
    border-top: 1px solid #599eb5;
    border-bottom: 1px solid #2d99bd;
    border-left: 1px solid #46a4c4;
    border-right: 1px solid #2886a5;
    background-position: 0 -122px;
}
button.bigsubmit:hover {
    background-position: 0 bottom;
}
button.disabled {
    background-image: none;
    background-color: #ccc;
    border-color: #ccc;
}
button.disabled:hover {
    border-color: #ccc;
    cursor: default;
}
button.secondary-button {
    border: 1px solid #CDCDCD;
    font-size: 1em;
    height: 33px;
    width: 125px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background:url("../images/project/postaproject/bg-btn-silver.png") repeat-x 0 0 transparent;
}

button.secondary-button:hover {
    background:#fff;
}

button.category-btn {
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:1px #FFF solid;
    float: left;
    /*text-shadow: -1px -1px 1px #666;*/
    padding: 3px 0 4px 0;
    color: #FFF;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select:none;
    font-family: Helvetica, Arial, sans-serif;
    font-size:13px;
    background:url("../images/project/postaproject/bg-btn-blue.png") repeat-x 0 0 transparent;
    height: 24px;
}

button.category-btn:hover {
    background:#fff;
    color:#666;
    border: 1px solid #CCC;
    /*text-shadow:-1px -1px 1px #ccc;*/
}

div.cta a.pinkbtn.small, div.cta div.pinkbtn.small {
    background-color: #ED2590;
    color: white;
    border-radius: 5px;
    border: 1px solid #ddd;
    height:27px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(186, 186, 186, 0.75);
-moz-box-shadow:    0px 1px 2px 0px rgba(186, 186, 186, 0.75);
box-shadow:         0px 1px 2px 0px rgba(186, 186, 186, 0.75);

background: #ea98c4; /* Old browsers */
background: -moz-linear-gradient(top,  #ea98c4 0%, #ea007d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea98c4), color-stop(100%,#ea007d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ea98c4 0%,#ea007d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ea98c4 0%,#ea007d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ea98c4 0%,#ea007d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ea98c4 0%,#ea007d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea98c4', endColorstr='#ea007d',GradientType=0 ); /* IE6-9 */
}

div.cta a.greenbtn.small, div.cta div.greenbtn.small {
    background-color: #ED2590;
    color: white;
    border-radius: 5px;
    border: 1px solid #ddd;
    height:27px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(186, 186, 186, 0.75);
-moz-box-shadow:    0px 1px 2px 0px rgba(186, 186, 186, 0.75);
box-shadow:         0px 1px 2px 0px rgba(186, 186, 186, 0.75);
background: rgb(153,214,152); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(153,214,152,1) 0%, rgba(22,135,89,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,214,152,1)), color-stop(100%,rgba(22,135,89,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(153,214,152,1) 0%,rgba(22,135,89,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(153,214,152,1) 0%,rgba(22,135,89,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(153,214,152,1) 0%,rgba(22,135,89,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(153,214,152,1) 0%,rgba(22,135,89,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99d698', endColorstr='#168759',GradientType=0 ); /* IE6-9 */
}

div.cta a.purplebtn.small, div.cta div.purplebtn.small {
    background-color: #ED2590;
    color: white;
    border-radius: 5px;
    border: 1px solid #B1B8DD;
    height:27px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(186, 186, 186, 0.75);
-moz-box-shadow:    0px 1px 2px 0px rgba(186, 186, 186, 0.75);
box-shadow:         0px 1px 2px 0px rgba(186, 186, 186, 0.75);
background: rgb(200,194,211); /* Old browsers */
background: -moz-linear-gradient(top, rgba(200,194,211,1) 0%, rgba(64,60,138,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,194,211,1)), color-stop(100%,rgba(64,60,138,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(200,194,211,1) 0%,rgba(64,60,138,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(200,194,211,1) 0%,rgba(64,60,138,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(200,194,211,1) 0%,rgba(64,60,138,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(200,194,211,1) 0%,rgba(64,60,138,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c2d3', endColorstr='#403c8a',GradientType=0 ); /* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99d698', endColorstr='#168759',GradientType=0 ); /* IE6-9 */
}

div.cta div.pinkbtn a, div.cta div.greenbtn a, div.cta div.purplebtn a {
    color:#fff;
}

div.homepage div.howitworks2 div.cta div.pinkbtn, div.homepage div.howitworks2 div.cta div.greenbtn, div.homepage div.howitworks2 div.cta div.purplebtn {
    height:27px;
    margin-left:20px;
}

a.submit {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    margin: 0;
    /*border-top: 1px solid #64c3e2;
    border-bottom: 1px solid #26819e;
    border-left: 1px solid #45a1c0;
    border-right: 1px solid #2a91b2;
    background: transparent url(../images/global/master-buttons-bg-1.gif) 0 -85px repeat-x;*/
    border: 1px solid #23B4F1;
    background-color: #23B4F1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

a.bigsubmit:hover {
    text-decoration: none;
}


a.submit:hover {
    text-decoration: none;
    /*border-top: 1px solid #599eb5;
    border-bottom: 1px solid #2d99bd;
    border-left: 1px solid #46a4c4;
    border-right: 1px solid #2886a5;
    background-position: 0 -122px;*/
    background-color: #fff;
    color: #079FDF;
    border-color: #079FDF;
}

a.negative {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    margin: 0;
    border-top: 1px solid #ed6e6e;
    border-bottom: 1px solid #a93030;
    border-left: 1px solid #ce5050;
    border-right: 1px solid #be3636;
    background: transparent url(../images/global/button_red.gif) top left repeat-x;
}

a.negative:hover {
    text-decoration: none;
    border-top: 1px solid #940000;
    border-bottom: 1px solid #6c0000;
    border-left: 1px solid #9b1e1e;
    border-right: 1px solid #830000;
    background-position: bottom left;
}

a.standard {
    text-decoration: none;
    font-weight: bold;
    padding: 4px 5px 3px;
    margin: 0;
    color: #0c7ca0;
    border: 1px solid #d6d6d6;
    background: transparent url(../images/global/button_white.gif) top left repeat-x;
}

a.standard:hover {
    text-decoration: none;
    color: #041e26;
    border: 1px solid #9ac5db;
}
a.button {
    color: #000;
    font-weight: bold;
    padding: 5px;
    margin: 0;
}
a.button:hover {
    color: #041e26;
}
form.form {
    margin: 20px;
    padding: 0;
}
form.form small {
    font-style: italic;
    font-size: .95em;
}
form.form fieldset {
    width: 548px;
    /*float: left;*/
}
form.form fieldset input[type="text"], form.form fieldset input[type="password"], form.form fieldset input[type="email"], form.form fieldset textarea {
    margin: 0 0 10px;
    padding: 4px 2px;
    width: 325px;
    font-size: 1.2em;
}
form.form fieldset textarea.one {
    width: 325px;
}
form.form fieldset textarea.two {
    width: 400px;
}
form.form fieldset textarea.three {
    width: 550px;
}
form.form fieldset input[type="checkbox"], form.form fieldset input[type="radio"] {
    margin: 0;
    border: none;
}
form.form fieldset select {
    margin: 0 0 10px;
    padding: 2px;
    /*width: 325px;*/
}
form.form fieldset input.small {
    width: 100px !important;
}
form.form fieldset input.tiny {
    width: 40px !important;
}
form.form fieldset.password input {
    width: 250px;
}
form.form fieldset.error input, form.form fieldset.error textarea {
    border: 1px solid #ea4040;
}
form.form fieldset label {
    color: #777;
    font-weight: bold;
    width: 175px;
    text-align: right;
    float: left;
    clear: both;
    margin: 3px 10px 0 0;
    font-size: 1.1em;
}
form.form fieldset.error label {
    color: #ea4040;
}
form.form fieldset p {
    width: 325px;
    margin: 0 0 10px 185px;
}
form.form fieldset p label {
    font-size: .9em;
    font-weight: normal;
    color: #000;
    float: none;
}
form.form fieldset ul {
    margin-top: 5px;
}
form.form fieldset ul li label {
    font-weight: normal;
    font-size: 1em;
    color: #000;
    width: inherit;
    float: none;
    /*font-size: 1em;*/
}
form.form fieldset.checkRadio label {
    font-weight: normal;
    float: none;
    color: #000;
    margin-left: 185px;
}
form.form fieldset.buttonBlock, .buyer-share-naming fieldset.buttonBlock {
    margin-right: 33px;
    width: 516px;
    position: relative;
}
div.buyer-share-naming fieldset.buttonBlock {
    width:350px;
}

form.form fieldset.buttonBlock button, .buyer-share-naming fieldset.buttonBlock button {
    float: right;
    margin-left: 5px;
    margin-bottom:20px;
}
form.form fieldset a.submit, form.form fieldset a.standard {
    float: right;
    margin-left: 5px;
}
form.form fieldset a.cancel {
    text-decoration: underline;
    color: #7f7f7f;
    float: right;
    margin: 5px 30px 0 0;
}
form.form fieldset a.cancel:hover {
    text-decoration: none;
}
form.form div.warning, form.fancyform div.warning {
    background-color: #ffc;
    border: 1px solid #FFFF33;
    padding: 5px 10px;
    margin-bottom: 20px;
    width: 494px;
    text-align: left;
}
form.form div.errors {
    border: 1px solid #F9C8C8;
    background-color: #FCE8E8;
    padding: 5px 10px;
    margin-bottom: 20px;
    width: 494px;
    color: #D14848;
}
form.form div.errors h2 {
    color: #ea4040;
    font-size: 2em;
}
form.form ul.errorlist {
    width: 320px;
    margin-left: 185px;
    background: transparent;
    color: #ea4040;
}
form.form dl.info {
    float: right;
    width: 290px;
    margin-top: 0;
}
form.form dl.info dt {
    color: #666;
    font-size: 1.2em;
    font-weight: bold;
}
form.form dl.info dd {
    margin-bottom: 15px;
}
form.form dl.info dd ul {
    list-style-type: disc;
}
form.form dl.info dd ul li {
    margin-left: 30px;
}
input.radio, input.checkbox {
    border: none;
}
div.formloading {
    display: none;
    width: 250px;
    height: 30px;
    /*background: #fff url(../images/global/formloading.gif) center right no-repeat;*/
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    padding-top: 8px;
}
div.formloading-dark {
    background-color: #333;
}

/* reCaptcha */
form.form fieldset.captcha {
    margin-bottom: 15px;
}
div.recaptcha-widget {
    width: 335px;
    position: relative;
    margin-left: 185px;
}
div.recaptcha-widget div.recaptcha-image img {
    border: 1px solid #ccc;
}
div.recaptcha-widget div.recaptcha-buttons {
    width: 30px;
    position: absolute;
    top: 4px;
    right: 0;
}
div.recaptcha-widget 
/* Small forms */
form.small fieldset {
    margin: 5px 10px 5px 20px;
}
form.small fieldset label {
    display: block;
    font-weight: normal;
}
form.small fieldset small {
    display: block;
    font-size: .9em;
}
form.small fieldset.cookie p {
    margin-bottom: 0;
    font-size: .9em;
}
form.small fieldset.buttonBlock {
    margin-right: 84px;
}

/* tabbed form "pickers" */
form div.picker-section { 
    border: 1px solid #b3e5fa; 
    padding: 10px;
    background-color: #b3e5fa; 
    border-radius: 0 3px 3px;
    -moz-border-radius: 0 3px 3px;
    -webkit-border-radius: 0 3px 3px;
}

form div.picker-div label { float: left; font-size: 1em; padding: 6px 5px 0 0; text-align: right; width: 120px; color: #000; display: block; font-weight: normal; }
form div.picker-div input, form div.picker-div div.selector { border: 1px solid #23B4F1; }
form div.picker-div div.uploader { border: 1px solid #23B4F1; }
form div.picker-div span.picker-tab { color: #000; width: 190px; display:inline-block; text-align: center; vertical-align: bottom; padding: 0; cursor: pointer; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; font-size: 1.2em; }
form div.picker-div span.active { background-color:#b3e5fa; border: 1px solid #b3e5fa; height:35px; }
form div.picker-div span.inactive { background-color: #e7e7e7; border-bottom: 1px solid #b3e5fa; height: 30px; }
form div.picker-div span a { display: block; padding: 5px 0 10px;}
form div.picker-div span.picker-tab a { font-weight: bold; color: #085f84; }
form div.picker-div span.inactive a { color: #666; padding: 5px 0; }
form li.error div.picker-div div.picker-section, form li.error div.picker-div span.active { background-color: #fcc; border-color: #fcc; }
form li.error div.picker-div span.active a { color: #900; }
form li.error div.picker-div span.inactive { border-color: #fcc; }
form li.error div.picker-div input { border-color: red; }

/* Registration form */
form#registerForm div.selector {
    width:292px;
}

form#registerForm fieldset.userType ul li {
    float: left;
}
form#registerForm fieldset.userType ul li input {
    
}
    form#registerForm input.success {
        background: #fff url(/assets/images/global/tick-small.png) right 6px no-repeat;
        }
    form#registerForm input.failure {
        background: #fff url(/assets/images/global/slash-small.png) right 6px no-repeat;
        border: 1px solid red;
        }
form#registerForm fieldset.promotions {
    width: 335px;
    padding: 10px 0 20px 185px;
}
form#registerForm fieldset.promotions label {
    float: none;
    font-weight: normal;
    font-size: 1em;
    color: #000;
}

form#registerForm div.warning {
    margin:5px 0 0 130px;
    width:293px;
    padding:5px;
    font-size:11px;
}

div.registrationSide {
    width:300px;
    padding-top:24px;
}

div.infoBox {
    background-color:#fff;
    border:1px solid #eee;
    text-align:left;
    padding:5px;
    margin-bottom: 10px;
}
div.infoBox h2 span {
    font-weight: normal;
}
div.infoBox ul {
    list-style-type: disc;
    margin-left: 30px;
}
div.infoBox span#benefits {
    text-align:left;
}
dl.info {
    width: 290px;
    margin-top: 15px;
}
dl.info dt {
    color: #666;
    font-size: 1.2em;
    font-weight: bold;
}
dl.info dd {
    margin-bottom: 15px;
}
dl.info dd ul {
    list-style-type: disc;
}
dl.info dd ul li {
    margin-left: 30px;
}
dl.info dd.emphasize {
    font-size:1.2em;
    font-weight:bold;
}
dl.info.marginless {
    margin: 0;
}

/* Activation page */
div.activation {
    position: relative;
    width: 400px;
}
div.activation h3 {
    color: #000;
    font-size: 1.5em;
}
div.activation dl {
    background: #FFFFFF url(../images/global/activation-arrow.gif) no-repeat scroll right top;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 1px;
    padding: 10px;
}
div.activation dl.first {
    background: #FFFFFF none repeat scroll 0 0;
    border-width: 1px 1px 0;
}
div.activation dl.start-now {
    border-bottom: 1px solid #CCCCCC;
    padding: 20px;
    text-align: right;
}
div.activation dl dt {
    font-size: 1.2em;
    font-weight: bold;
}
/* Login form */
#loginForm ul.errorlist {
    margin-left: 0;
    width: 100%;
}
#loginForm fieldset.password input {
    margin-bottom: 0;
}
#loginForm fieldset.password small {
    margin: 0 0 10px;
    padding: 0;
}
#loginForm.small fieldset.password small {
    margin-bottom: 0;
}
#loginForm fieldset.cookie {
    padding-top: 10px;
}
#loginForm.small fieldset.cookie {
    padding-top: 0;
}

/* Utilities buttons (messages, comments, project details, etc.) */
.utilities {
    margin: 10px 0 20px;
}
.utilities li {
    float: left;
    margin: 0 30px 0 0;
    padding: 0;
}
.utilities li div {
    width: 842px;
}
.utilities li.new {
    margin: 0 40px 0 0;
}
.utilities li a {
    color: #666;
    background-color: #f1f1f1;
    padding: 5px 10px 5px 30px;
    border: 1px solid #ccc;
    font-weight: normal;
    font-size: 1em;
    font-family: arial, verdana, helvetica, sans-serif;
    display: block;
}
.utilities .warning a {
display:inline;
padding:0;
border:none;    
color:#079fdf;
background-color:inherit;
}

li.spam_warning {
    width:36%;
}

div.myspring ul.utilities div.warning {
width: 310px;
margin-left: 20px;
padding:5px 10px;
}

.utilities li button {
    color: #666;
    text-align: left;
    border: 1px solid #ccc;
    font-weight: normal;
    font-size: 1em;
    font-family: arial, verdana, helvetica, sans-serif;
    padding: 6px 0px 7px 30px;
}
.utilities li a:hover {
    text-decoration: none;
    color: #333;
}
.utilities li button:hover {
    text-decoration: none;
    color: #333;
}
.utilities li a.textLink {
    border: none;
    color: #079FDF;
    padding: 0;
    background: transparent;
    display: inline;
}
.utilities li a.textLink:hover {
    text-decoration: underline;
}
.utilities li a.inactive, .utilities li button.inactive {
    text-decoration: none;
    color: #999;
    cursor: default;
}
.utilities li.new a {
    background: #f1f1f1 url("../images/project/add-button.gif") 0 -1px no-repeat;
}
.utilities li.new a:hover {
    background-position: 0 -32px;
}
.utilities li.new a.inactive {
    background-position: 0 -63px;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}

/* Misc. */
.show {
    display: block;
}
.hide {
    display: none;
}
.note {
    color: #666;
    font-style: italic;
}
.highlight { 
    color: #ed2590 !important;
}
.thin { font-weight: normal; }
.greybox {
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    padding: 20px;
}
.greybar {
    background-color: #f1f1f1;
    padding: 10px;
}
.timezone {
    font-size: .75em;
}
.grey {
    color: #666;
}
.green {
    color: #090;
}
.blue {
    color: #079FDF;
}
.red {
    color: #C00;
}
.blue:visited {
    color: #079FDF;
}
.subtle {
    color: #666;
    font-style: italic;
}
.dull {
    color: #666;
}
.alert {
    color: #C00;
    text-transform: uppercase;
}
.important { 
    color: #630;
    background-color: #ff9;
    padding: 1px 5px 2px;
    font-style: italic;
    display: inline-block;
}
.warning {
    background-color: #ffc;
    border: 1px solid #FFFF33;
    padding: 5px 10px;
    margin-bottom: 20px;
}
.screen {
    opacity: 0.5;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.trash {
    width: 35px;
    height: 19px;
    display: block;
    font-size: 0em;
    color: #fff;
    background: transparent url(../images/global/remove-icon.gif) 0 center no-repeat;
    text-decoration: none;
}
.expand {
    padding-left: 15px;
    background: transparent url(../images/global/plusminus_blue.gif) 0 3px no-repeat;
}
.collapse {
    padding-left: 15px;
    background: transparent url(../images/global/plusminus_blue.gif) 0 -15px no-repeat;
}
.loading {
    text-align: center;
    font-size: 1.75em;
    font-weight: bold;
    color: #b8b8b8;
    padding: 50px 0;
}
div.bulletin {
    border: 1px solid #ff0;
    background-color: #ffc;
    margin: 0 0 25px;
    padding: 5px 10px;
}
.marginless {
    margin: 0;
}
.paddingless {
    padding: 0;
}
.magic-center {
    margin: 0 auto;
}
.rounded-corners {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}
.subhead {
    font-size: 1.35em;
}
.flag-link {
    /*background: transparent url(../images/global/violation-flag.gif) left center no-repeat;
    padding-left: 20px;*/
}
.violation-link:hover {
    color: #f00;
}
.egg, .egg:hover {
    color: #000;
    text-decoration: none;
}
.pm-warning {
    color: #666;
    font-style: italic;
    padding: 5px 10px 5px 45px;
    margin-bottom: 10px;
    background: #ffc url(../images/global/pm-warning-icon.png) 05px 5px no-repeat;
}
sup.help-tip {
    color: #079FDF;
    cursor: help;
    font-size: 0.85em;
    vertical-align: super;
}
body a#zenbox_tab {
    background-image: url(../images/global/zd-chat-button.png) !important;
}

/* Reputation */
div.reputation { text-align: center; position: relative; line-height: 1em; }
div.reputation small { font-size: 0.85em; }
div.reputation strong { font-size: 1.5em; color: #000; margin-top: 2px; padding: 18px 0 0 1px; display: inline-block; width: 49px; height: 32px; background: transparent url(../images/myspring/user-hover-sprite-011514.png) -98px -162px no-repeat; }
div.reputation strong.unknown { background-position: -99px -162px; }
div.reputation strong.below { background-position: -43px 0; }
div.reputation strong.average { background-position: -43px -54px; }
div.reputation strong.good { background-position: -43px -110px; }
div.reputation strong.very { background-position: -99px 0; }
div.reputation strong.excellent { background-position: -99px -55px; }
div.reputation strong.top10 { background-position: -43px -162px; }
div.reputation strong.top5 { background-position: -99px -110px; }
div.reputation ul.rep-scale { position: absolute; width: 93px; left: -26px; bottom: 40px; background-color: #666; display: none; text-align: left; font-size: 0.85em; padding: 5px; }
div.reputation ul.rep-scale li span { display: inline-block; font-size: 0; text-indent: -9999px; float: left; height: 10px; width: 10px; background: transparent url(../images/myspring/user-hover-sprite-011514.png) -20px 0 no-repeat; margin: 1px 5px 0 0; }
div.reputation ul.rep-scale li.below span { background-position: -21px 0; }
div.reputation ul.rep-scale li.average span { background-position: -21px -13px; }
div.reputation ul.rep-scale li.good span { background-position: -21px -26px; }
div.reputation ul.rep-scale li.very span { background-position: -21px -39px; }
div.reputation ul.rep-scale li.excellent span { background-position: -21px -51px; }
div.reputation ul.rep-scale li.top10 span { background-position: -134px -222px; }
div.reputation ul.rep-scale li.top5 span { background-position: -118px -222px; }
div.reputation ul.rep-scale li.tab { padding: 0; width: 27px; height: 4px; display: block; position: absolute; bottom: -4px; left: 39px; background: transparent url(../images/myspring/user-hover-sprite-011514.png) 0 -168px no-repeat; }

/* User Hover */
div.user-hover {
    color: #fff;
    width: 385px;
    background-color: #222;
    /*background: rgba(34, 34, 34, 0.95);
    position: absolute;
    z-index: 1000;*/
    display: none;
    font-size: 1.1em;
    -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}
div.user-hover .ui-dialog-title { margin: 0; line-height: 1.1em; padding-top: 5px; }
div.user-hover .ui-dialog-content { background-color: #222; }
div.user-hover div.user_hover_container { position: relative; }
div.user-hover div.user_hover_container a.close { position: absolute; top: -8px; right: -8px; }
div.user-hover span.tab { display: none; position: absolute; top: 25px; left: -11px; width: 11px; height: 16px; background: transparent url(../images/myspring/user-hover-sprite-011514.png) -160px 0 no-repeat; }
div.user-hover span.tab-right { background-position: 0 0; left: 385px; }
div.user-hover dl { padding: 15px; }
div.user-hover dl dt { border-bottom: 1px solid #666; padding-bottom: 10px; margin-bottom: 5px; line-height: 1.5em; }
div.user-hover dl dt span.creative-menu { width: 100px; float: right; margin-top: 10px; }
div.user-hover dl dt span.creative-menu a { 
    display: block; 
    width: 20px; 
    height: 20px; 
    float: right; 
    margin-left: 5px; 
    font-size: 0; 
    text-indent: -9999px;
    background: transparent url(../images/myspring/user-hover-sprite-011514.png) -12px -68px no-repeat; 
}
div.user-hover dl dt span.creative-menu a:hover { background-position: -150px -176px }
div.user-hover dl dt span.creative-menu a.invite-form { background-position: -13px -90px; }
div.user-hover dl dt span.creative-menu a.invite-form:hover { background-position: -150px -198px; }
div.user-hover dl dt span.creative-menu a.send-pm { background-position: -13px -111px; }
div.user-hover dl dt span.creative-menu a.send-pm:hover { background-position: -150px -219px; }
div.user-hover dl dt span.creative-menu a.add-contact { background-position: -126px -242px; }
div.user-hover dl dt span.creative-menu a.add-contact:hover { background-position: -150px -242px; }
div.user-hover dl dt span.creative-menu a.remove { background-position: -126px -273px; height: 24px; }
div.user-hover dl dt span.creative-menu a.remove:hover { background-position: -150px -273px; height: 24px; }
div.user-hover dl dt img { margin-right: 5px; }
div.user-hover dl dt a.username { color: #079FDF; font-weight: bold; font-size: 1.75em; margin-top: 5px; display: inline-block; }
div.user-hover dl dt em { color: #ccc; }
div.user-hover dl dd ul.creative-info { width: 275px; }
div.user-hover dl dd ul.creative-info strong { display: inline-block; width: 100px; }
div.user-hover dl dd div.creative-portfolio { padding-top: 5px; }
div.user-hover dl dd div.creative-portfolio ul li { float: left; margin: 5px; border: 3px solid #f1f1f1; }
div.user-hover dl dd div.creative-portfolio ul li.first { margin-left: 0; }
div.user-hover dl dd div.creative-portfolio ul li.last { margin-right: 0; }
div.user-hover dl dd div.creative-portfolio ul li:hover { border-color: #23B4F1; }
div.user-hover dl dd div.creative-portfolio .note { color: #999; }
div.user-hover form.inline-form { color: #e1e1e1; background-color: #444; padding: 15px; }
div.user-hover form.inline-form label { color: #ccc; font-weight: normal; }
div.user-hover form.inline-form h3 { font-size: 1.25em; font-weight: normal; border-bottom: 1px solid #666; padding-bottom: 5px; margin-bottom: 5px; }
div.user-hover form.inline-form small { font-size: 0.9em; }
div.user-hover form.inline-form fieldset { padding-bottom: 5px; }
div.user-hover form.inline-form fieldset.buttonBlock { text-align: right; padding-top: 10px; width: inherit; }
div.user-hover form.inline-form fieldset.buttonBlock a.cancel { color: #fff; margin-right: 5px; }
div.user-hover form.inline-form fieldset.buttonBlock button { margin-right: 5px; font-size: 1em; width: 60px; }
div.user-hover form.inline-form div.selector, div.user-hover form.inline-form .text, div.user-hover form.inline-form textarea { width: 340px; }
div.user-hover form.inline-form div.selector select { min-width: 340px; }
div.user-hover form.inline-form select option.disabled { text-decoration: line-through; } 

li.user-hover { position: relative; clear: both; width: 100%; background-color: #222; color: #eee; list-style-type: none; }
li.user-hover .top-bar { border-bottom: 1px solid #555; margin: 0 0 0 20px; }
li.user-hover .top-bar h3 { color: #079FDF; font-size: 2em; font-weight: normal; padding: 5px 0 0; margin: 0; }
li.user-hover .profile { padding: 0 20px 20px 0px; }
li.user-hover a.close { display: block; position: absolute; top: 12px; right: 16px; width: 21px; height: 21px; background: transparent url(../images/project/participate-close-button.gif) 0 0 no-repeat; font-size: 0; text-indent: -9999px; }
li.user-hover .avatar { float: left; width: 400px; height: 400px; text-align: center; /*border-right: 1px solid #555;*/ padding: 0 10px 0 0; margin: 20px 0 0 20px; /*background-color: #333;*/ }
li.user-hover .no-favorite { height: 300px; }
li.user-hover .user-info { width: 420px; float: right; }
li.user-hover .profile-top { border-color: #555; margin-top: 20px; border: none; }
li.user-hover .locale { float: left; width: 250px; padding: 0; margin-right: 0; }
li.user-hover .locale .profile-actions { margin-bottom: 10px; }
li.user-hover .locale .profile-actions a { 
    background: url("../images/myspring/user-hover-sprite-011514.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    font-size: 0;
    height: 20px;
    margin-right: 5px;
    text-indent: -9999px;
    width: 20px;
}
li.user-hover .locale .profile-actions a.view-profile { background-position: -153px -175px; }
li.user-hover .locale .profile-actions a.add-contact { background-position: -149px -242px; }
li.user-hover .locale .profile-actions a.send-pm { background-position: -151px -218px; }
li.user-hover .locale .profile-actions a.invite-form { background-position: -153px -197px }
li.user-hover .locale .profile-actions a.invited { background-position: -151px -301px; }
li.user-hover .locale ul { width: 215px; padding-top: 0; }
li.user-hover .locale ul li { margin-bottom: 5px; }
li.user-hover .locale .spec-link { background-color: #555; border-color: #555; }
li.user-hover .locale .spec-link:hover { background-color: #beeaf9; border-color: #beeaf9; }
li.user-hover .stats { float: left; width: 150px; }
li.user-hover .stats div.reputation { background-color: #444; border-color: #444; width: 150px; font-size: 0.9em; }
li.user-hover .stats div.reputation span.label { padding-left: 10px; margin-top: 18px; }
li.user-hover .stats div.reputation strong { width: 49px; height: 32px; background: url(../images/myspring/user-hover-sprite-011514.png) -98px -162px no-repeat; margin-top: 0; padding: 18px 0 0 1px; }
li.user-hover .stats div.reputation strong.unknown { background-position: -99px -162px; }
li.user-hover .stats div.reputation strong.below { background-position: -43px 0; }
li.user-hover .stats div.reputation strong.average { background-position: -43px -54px; }
li.user-hover .stats div.reputation strong.good { background-position: -43px -110px; }
li.user-hover .stats div.reputation strong.very { background-position: -99px 0; }
li.user-hover .stats div.reputation strong.excellent { background-position: -99px -55px; }
li.user-hover .stats div.reputation strong.top10 { background-position: -43px -162px; }
li.user-hover .stats div.reputation strong.top5 { background-position: -99px -110px; }
li.user-hover .stats div.reputation ul.rep-scale { box-shadow: 2px 2px 1px #333; left: -20px; top: -15px; height: 95px; }
li.user-hover .stats ul.counts { width: 150px; font-size: 1.1em; }
li.user-hover .stats ul.counts li { background-color: #444; border-color: #444; }
li.user-hover .stats ul.counts li span { padding-left: 10px; }
li.user-hover .portfolio-items { float: right; width: 315px; margin-top: 10px; border-top: 1px solid #555; padding: 20px 50px 0; }
li.user-hover .portfolio-items p { text-align: right; margin-bottom: 5px; padding-right: 25px; }
li.user-hover .portfolio-items ul li { width: 75px; height: 75px; margin: 13px; float: left; background-color: #333; overflow: hidden; font-size: 10px; }
li.user-hover img.hover-arrow { position: absolute; left: 75px; top: -25px; }
li.user-hover img.two { left: 300px; }
li.user-hover img.three { left: 525px; }
li.user-hover img.four { left: 750px; }
li.user-hover img.two-fifths { left: 235px; }
li.user-hover img.three-fifths { left: 415px; }
li.user-hover img.four-fifths { left: 590px; }
li.user-hover img.five-fifths { left: 765px; }
li.user-hover img.second { left: 415px; }
li.user-hover img.third { left: 712px; }
li.user-hover form { position: absolute; background-color: #222; padding: 20px; height: 390px; width: 390px; border-right: 1px solid #666; }
li.user-hover form fieldset { padding-bottom: 10px; }
li.user-hover form input, li.user-hover form textarea { width: 375px; }
li.user-hover form label { color: #ccc; font-size: 1em; display: inline-block; }
li.user-hover form div.selector, li.user-hover form div.selector select { width: 375px; }
li.user-hover form div.selector select option.disabled { text-decoration: line-through; }
li.user-hover form fieldset.buttonBlock { text-align: right; }
li.user-hover form fieldset.buttonBlock a, li.user-hover form fieldset.buttonBlock button { margin-right: 5px; }

/* Footer */

#lowernav {
    font-size: 1em;
    color: #999;
    clear:both;
    padding: 20px 0 80px 0;
    }
    #lowernav div#sitenav {
        width: 230px;
        /*border:1px solid blue;*/
        float:left;
        margin-bottom:20px; /* to move the div#legal down */
        }
    #lowernav div#sitenav ul {
        list-style-type: none;
        padding-left:5px;
        }
        #lowernav div#sitenav ul li {
            margin-bottom:7px;
            width: 220px;
            }
            #lowernav div#sitenav ul li a{
                color: #999;
                text-decoration:none;
                font-weight:bold;
                font-size:1em;
                }
                #lowernav div#sitenav ul li a:hover {
                    text-decoration:underline;
                    }
            #lowernav div#sitenav ul li.pap a {
                color: #ff0091;
                }
    #lowernav ul {
        display:block;
        float:left;
        width:130px;
        padding-left:20px;
        /*border:1px solid red;*/
        }
    #lowernav ul.writing-projects, #lowernav ul.industrial-design { width: 110px; } 
    #lowernav ul.mobile-design { width: 100px; }
    	#lowernav ul li { margin-bottom: 5px; }
        #lowernav ul li:first-child a {
            font-size:1em;
            font-weight:bold;
            color: #999;
            }
        #lowernav ul li a {
            /*font-size:.85em;*/
            color: #666;
            text-decoration:none;
            }
            #lowernav ul li a:hover {
                color: #999;
                text-decoration:underline;
                }
        #lowernav li.socialmedia {
            width:200px;
            }
        #lowernav li.socialmedia a {
                display:block;
                float:left;
                height:16px;
                width:16px;
                text-indent:-9999px;
                margin-right: 10px;
                margin-top:3px;
            }
            #lowernav li.socialmedia a.twitter {
                    background: transparent url(../images/global/header-footer-icons-051313.gif) 0 -105px no-repeat;
                }
            #lowernav li.socialmedia a.facebook {
                    background: transparent url(../images/global/header-footer-icons-051313.gif) 0 -154px no-repeat;
                }
            #lowernav li.socialmedia a.feeds {
                    /*background: transparent url(../images/global/header-footer-icons-051313.gif) 0 -154px no-repeat;*/
                    background: transparent url(../images/global/feeds-icon.png) 0 0 no-repeat;
                }               
    #lowernav div#legal {
        /*font-size: .85em;*/
        background-image:url(../images/global/footer-shadow.png);
        background-repeat:no-repeat;
        clear:both;
        width:100%;
        padding-top: 5px;
        /*border:1px solid green;*/
        }
            #lowernav div#legal dl dt {
                font-weight: bold;
            }
            div#legal a {
                color: #7c7c7c;
            }

/* Footer Banner */
#footerBanner {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    font-size: 2em;
    background: #9a9a9c url("../images/global/sxsw-bg3.gif") top left repeat;
    height: 50px;
    color: #fff;
    border-top: 1px solid #ccc;
    text-align: center;
    z-index: +1;
}
#footerBanner dl {
    position: relative;
    width: 650px;
    margin: 0 auto;
}
#footerBanner dl dt, #footerBanner dl dd {
    position: absolute;
    top: 8px;
}
#footerBanner dl dt {
    right: 0;
}
#footerBanner dl dd {
    left: 0;
}
#footerBanner dl dd a {
    color: #fff;
}
#footerBanner dl dd a:hover {
    color: #079FDF;
    text-decoration: none;
}
#footerBanner img.icon {
    float: left;
    margin-left: 24px;
}
#footerBanner a#sxsw-close {
    float: right;
} 

div.filtersortbar {
    margin: 0 0 5px;
}

div.filtersortbar li {
    float: left;
}

div.filtersortbar li select {
    margin: 0 10px 0 0;
}

div.filtersortbar li label {
    margin: 0 5px;
}
div.filtersortbar div.paginator {
    width: 300px;
}
div.filtersortbar div.buttons {
    background: transparent;
}
div.filtersortbar div.buttons button.submit {
    padding: 2px 5px;
    float: left;
}
div.filtersortbar div.buttons a.left {
    margin: 0;
    padding-top: 3px;
}
div.filtersortbar span.count {
    float: right;
    margin: 5px;
    color: #666;
}

div.fancydropdown {
    cursor: pointer;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 1;
    position: relative;
}

div.fancydropdown div.selected {
    position: relative;
    color: #079fdf;
    padding: 2px 4px;
    background: #fff;
}

div.fancydropdown div.handle {
    position: absolute;
    top: 0;
    right: 0;
    background: #eee;
    border-left: 1px solid #ddd;
    padding: 8px;
}

div.fancydropdown div.handle span {
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    width: 13px;
    height: 7px;
    background: transparent url(../images/global/grey-down-arrow.gif) no-repeat;
}

div.fancydropdown ul {
    border: 1px solid #ccc;
    padding: 1px;
    position: absolute;
    background: #fff;
    left: -1px;
}

div.fancydropdown ul li {
    color: #444;
    padding: 2px 4px;
    float: none;
}

div.fancydropdown ul li:hover {
    color: #fff;
    background: #079fdf;
}

/* Slider */
div.slider {
    margin: 4px 0;
    padding: 0 20px;
    background-color: #f1f1f1;
}
div.slider h3 {
    color: #666;
    border-bottom: 1px solid #ccc;
    font-size: 1.3em;
    padding-top: 10px;
}
div.slider h3 small {
    font-size: 0.9em;
    font-weight: normal;
}
div.entry-slider-container {
    position: relative;
    width: 825px;
    height: 85px;
    margin: 0 auto;
    overflow: hidden;
    padding: 15px 0;
}
div.entry-slider-container div.entry-slider {
    position: relative;
    width: 10000px;
    margin: 0 0 0 30px;
    height: 85px;
}
div.entry-slider-container div.entry-slider ul {
    position: absolute;
    float: left;
}
div.entry-slider-container div.entry-slider li {
    display: block;
    width: 79px;
    height: 79px;
    margin: 2px;
    float: left;
    position: relative;
    border: 1px solid #ccc;
    background-color: #fff;
}
div.entry-slider-container div.entry-slider li a {
    display: block;
    text-align: center;
    font-weight: bold;
}
div.entry-slider-container div.entry-slider li span.entry-number {
    height: 53px;
    border: 2px solid #fff;
    width: 75px;
}
div.entry-slider-container div.entry-slider li img {
    border: 2px solid #fff;
    width: 75px;
    height: 75px;
    display: block;
}
div.entry-slider-container div.entry-slider li.current a img, div.entry-slider-container div.entry-slider li.current a span {
    border-color: #23B4F1;
}
div.entry-slider-container div.entry-slider li a.overlay {
    width: 75px;
    height: 75px;
    display: block;
}
div.entry-slider-container div.entry-slider li a.overlay span {
    width: 75px;
    height: 75px;
    display: block;
    border: 0;
    background-color:white;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
div.entry-slider-container div.slider-arrow {
    z-index: 1;
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url(../images/project/slider-arrows-010713.gif) 9px -39px no-repeat;
}
div.entry-slider-container div.slider-arrow:hover {
    background-position: 9px -141px;
    cursor: pointer;
}
div.entry-slider-container div.next {
    right: 0;
}
div.entry-slider-container div.next:hover {
    background-position: 9px -225px;
}
div.entry-slider-container div.prev {
    left: 0;
    background-position: 9px 45px;
}
div.slider .slider-loading { text-align: center; height: 85px; width: 825px; padding-top: 30px; background-color: #fff; background: rgba(255, 255, 255, 0.9); position: absolute; top: 0; left: 0;}

/* RSS Feeds */
div.categories div.category {
    float: left;
    width: 210px;
    padding: 5px;
}

/* qTip styles */
.ui-tooltip, .qtip { font-size: 1em; line-height: 1.25em; font-family: arial, serif; }
.ui-tooltip-cs {
    background-color: #fff;
    border-color: #999;
    color: #333;
}
    .ui-tooltip-cs .ui-tooltip-titlebar{
        background-color: #f1f1f1;
    }

    .ui-tooltip-cs .ui-state-default .ui-tooltip-icon{
        background-position: -2px 0;
    }
.ui-tooltip-cs-yellow {
    background-color: #FBF7AA;
    border-color: #f6e05e;
    color: #7c5f28;
}
    .ui-tooltip-cs-yellow .ui-tooltip-titlebar{
        background-color: #F0DE7D;
    }

    .ui-tooltip-cs-yellow .ui-state-default .ui-tooltip-icon{
        background-position: -82px 0;
    }
.ui-tooltip-cs-gray {
    background-color: #666;
    border-color: #999;
    color: #f1f1f1;
    font-size: 0.85em;
    text-align: center;
}
    .ui-tooltip-cs-gray .ui-tooltip-titlebar{
        background-color: #666;
    }

    .ui-tooltip-cs-gray .ui-state-default .ui-tooltip-icon{
        background-position: -2px 0;
    }
    .ui-tooltip-cs-gray .ui-tooltip-content { text-align: center; }
/* jQuery modal styles */

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
}

/* jQuery Alert styles */

#popup_container {
    min-width: 300px; /* Dialog will be no smaller than this */
    max-width: 600px; /* Dialog will wrap after this width */
    background: #FFF;
    border: solid 1px #666;
    color: #000;
    padding: 20px;
}
.small-popup { max-width: 300px !important; }
.medium-popup { max-width: 500px !important; }
.large-popup { max-width: 600px !important; }
#popup_title {
    font-family: 'arial rounded mt bold', arial, verdana, sans-serif;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.75em;
    color: #000;
    background: #fff;
    cursor: default;
    padding: 5px 10px;
    margin: 0em;
}
#popup_content {
    padding: 20px;
    margin: 0em;
}
#popup_content.alert {
    color: #000;
    text-transform: none;
}
#popup_content.confirm {
    
}
#popup_content.prompt {
    
}
#popup_message {
    text-align: center;
}
#popup_message p {
    margin: 0;
    padding-bottom: 10px;
}
#popup_message ol.list {
    text-align: left;
    list-style-type: decimal;
    padding-left: 30px;
}
#popup_panel {
    text-align: center;
    margin: 0;
    padding: 10px 0 10px 10px;
}
#popup_prompt {
    margin: .5em 0em;
}
#popup_ok {
    cursor: pointer;
    background: none;
    background-color: #23B4F1;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
    border: 1px solid #23B4F1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#popup_ok:hover {
    background-color: #fff;
    color: #23B4F1;
}
#popup_cancel {
    cursor: pointer;
    background: none;
    font-weight: bold;
    padding: 5px;
    margin: 0;
    color: #777;
    text-decoration: none;
    font-size: 1.1em;
    border: 1px solid #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#popup_cancel:hover {
    color: #000;
    border-color: #ccc;
}

/* Ui Dialog overrides */
.white-modal { padding: 1px; background-color: #999; }
.white-modal .ui-dialog-titlebar { font-family: 'arial rounded mt', arial, verdana, sans-serif; color: #000; background: #fff; line-height: 3em; }
.white-modal .ui-dialog-title { font-size: 3em; padding: 15px 0 15px 5px; margin: 0; letter-spacing: -0.02em; }
.white-modal.smaller .ui-dialog-title { font-size: 2em; }
.white-modal.medium .ui-dialog-title { font-size: 3em; }
.white-modal.no-title .ui-dialog-title { font-size: 1em; padding: 5px; }
.white-naming .ui-dialog-titlebar .ui-dialog-title{
    padding-bottom:5px;
}
.white-modal .ui-dialog-titlebar-close { width: 21px; height: 21px; top: 15px; right: 15px; background-image: url(../images/global/close_button_v4.png); background-position: right 0px; width: 60px; }
.white-modal.no-title .ui-dialog-titlebar-close { top: 10px; right: 10px; }
/*.white-modal .ui-dialog-titlebar-close span { display: inline; text-indent: 0; color: #999; text-align: left; }*/
.white-modal .ui-dialog-titlebar-close:hover { /*background-position: right -26px;*/ text-decoration: none; }
.white-modal .ui-dialog-titlebar-close:hover span { color: #000; }
.white-modal .ui-dialog-content p { margin: 0; padding-bottom: 10px; }
.white-modal .ui-dialog-content button {
    padding: 3px 5px;
    font-weight: bold;
    font-size: 1.1em;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.white-modal .ui-dialog-content .standard {
    background-image: none;
    background-color: #fff;
    color: #666;
    border: 1px solid #999;
}
.white-modal .ui-dialog-content .standard:hover {
    background-color: #fff;
    color: #079FDF;
    border-color: #23B4F1;
}
.white-modal .ui-dialog-content .submit {
    background-image: none;
    background-color: #23B4F1;
    color: #fff;
    border: 1px solid #23B4F1;
}
.white-modal .ui-dialog-content .submit:hover {
    background-color: #fff;
    color: #079FDF;
}
.white-modal .ui-dialog-content .cancel {
    color: #777;
    text-decoration: none;
    font-size: 1.1em;
    margin: 0 20px 0 0;
}
.white-modal .ui-dialog-content .cancel:hover { color: #000; }
.white-modal form.modal, .white-modal .buyer-share-naming { padding: 0 20px 10px; margin: 0; }
.white-modal form.modal p { margin: 0; padding-bottom: 10px; }
.white-modal form.modal fieldset { width: 100%; padding: 5px 0; }
.white-modal form.modal fieldset label { font-weight: normal; color: #000; float: left; text-align: left; margin-top: 0; }
.white-modal form.modal fieldset li.options label { float: none; }
.white-modal form.modal fieldset input, .white-modal form.modal fieldset textarea { font-size: 1em; padding: 2px; }
.white-modal form.modal fieldset ol { padding-left: 30px; }
.white-modal form.modal fieldset ol.list { list-style-type: decimal; }
/* black modal */
.black-modal { background-color: #222; }
.black-modal .ui-dialog-titlebar { color: #f1f1f1; background: #222; }
.black-modal .ui-dialog-title { font-size: 2.5em; }
.black-modal .ui-dialog-title span.icon { background: transparent url(../images/myspring/user-hover-sprite-011514.png) 0 0 no-repeat; display: inline-block; width: 35px; height: 34px; margin-right: 5px; }
.black-modal .ui-dialog-title span.invite-icon { background-position: 0 -276px; height: 34px; }
.black-modal .ui-dialog-title span.pm-icon { background-position: 0 -223px; }
/*.white-modal .ui-dialog-titlebar-close { background-image: url(../images/global/remove-icon.gif); }*/
.black-modal .ui-dialog-titlebar-close, .reseller-ratings .ui-dialog-titlebar-close  {
    background-image: url(../images/global/close_button_v4.png); background-position: -1px -1px; width: 20px;
}
.black-modal .ui-dialog-titlebar-close span { font-size: 0; color: #222; }
.reseller-ratings .ui-dialog-titlebar-close span { font-size: 0; }
.black-modal .ui-dialog-titlebar-close:hover, .black-modal .ui-dialog-titlebar-close:focus { background-position: -1px -1px !important; }
.black-modal .ui-dialog-titlebar-close span { color: #ccc; }
.black-modal .ui-dialog-titlebar-close:hover span { color: #fff; }
.black-modal .ui-dialog-content .cancel { color: #ccc; }
.black-modal .ui-dialog-content .cancel:hover { color: #fff; text-decoration: underline; }
.black-modal form, .black-modal div { background-color: #222 !important; }
.black-modal div { color:white }
.black-modal div.selector { background-color: #fff !important; }
.black-modal form.modal input.text { background-color: #fff; width: 300px; font-size: 1.15em; }
.black-modal form.modal select.select { width: 300px; min-width: 300px; }
.black-modal form.modal div.selector { width: 300px; padding: 0 0 2px 2px; background-position: right -399px; background-color: #fff !important; }
.black-modal form.modal div.selector span { font-size: 1em; }
.black-modal form.modal fieldset legend { color: #e1e1e1; font-size: 1.5em; border-bottom: 1px solid #ccc; padding-top: 15px; }
.black-modal form.modal fieldset label { color: #f1f1f1; font-weight: normal; }
.black-modal form.modal fieldset.group { width: 45%; padding: 10px 0 0 0; }
.black-modal form.modal fieldset fieldset { font-size: 1em; }
.black-modal form.modal fieldset.server-error { width: 100%; }
.black-modal form.modal fieldset.server-error p { width: 100%; color: #f1f1f1; margin-left: 0; font-size: 1.1em; }
.black-modal form.modal fieldset.buttonBlock .formloading { background-color: #222; }
.black-modal form.modal button.submit { margin: 0; }

/* Queue loading */
.black-modal div.loading-div { display: none; position: absolute; top: 0; left: 0; background-color: #333; padding: 100px 0 0 0; text-align: center; font-size: 1.25em; z-index: 1000; }
.black-modal div.loading-div .worker-progress-message { color: #fff; margin-top: 10px; padding: 5px; }
.black-modal div.loading-div .worker-progress { width: 100px; height: 100px; margin: 10px auto; position: relative; }
.black-modal div.loading-div .worker-progress dt { width: 100px; padding-top: 10px; font-size: 3em; color: #000; position: absolute; top: 0; left: 0; }
.black-modal div.loading-div .worker-progress dd { width: 100px; }
.black-modal div.loading-div .worker-progress dd span { background-color: #23B4F1; height: 20px; display: block; }

/*Loading messages */
.loading-message { text-align: center; }
.loading-message .ui-dialog-titlebar span { display: block; width: 100%; padding: 15px 0; }
.loading-message form fieldset p { width: inherit; }

/* Modal-Popup */
div.modal form.form {
    margin: 0;
    padding: 20px;
}
div.modal-popup-div form.form {
    margin-top: 0;
    padding-top: 0;
}
div.modal form.form fieldset {
    padding: 10px 0;
}
div.modal form.form fieldset label { margin-top: 0; }
div.modal form.form fieldset ul.options {
    margin-left: 185px;
}
div.modal dl.offer {
    padding: 20px;
    text-align: center;
    font-size: 1.2em;
}
div.modal dl.offer dt {
    font-weight: bold;
    
}
div.modal dl.offer dd {}

/* Modal login form */
div.modal form.modal-login {
    padding: 0;
}
div.modal form.modal-login fieldset {
    width: 380px;
}
div.modal form.modal-login fieldset label {
    margin-left: 0;
    width: 100px;
}
div.modal form.modal-login fieldset input {
    width: 250px;
}
div.modal form.modal-login fieldset.buttonBlock {
    
}

/* PAP draft modal */
div.pap-modal {
    text-align: center;
}
div.pap-modal h3 {
    color: #444;
    font-size: 2em;
}
div.pap-modal form.modal fieldset {
    font-size: 1.1em;
}
div.pap-modal fieldset.buttonBlock {
    padding: 1em 0;
}
div.pap-modal fieldset.buttonBlock a, div.pap-modal fieldset.buttonBlock a.cancel {
    cursor: pointer;
    margin: 0;
}
div.pap-modal fieldset.help {
    font-size: 0.95em;
    color: #666;
    text-align: left;
    padding: 0 5px;
}
div.pap-modal fieldset.help a {
    color: #666;
    text-decoration: underline;
}
div.pap-modal fieldset.help a.right {
    color: #999;
    text-decoration: none;
}

/* 1to1 choice modal */
div.oto-choose { color: #fff; background-color: #333; padding: 4px 0 0; }
div.oto-choose .left, div.oto-choose .right { width: 441px; text-align: center; padding: 20px 20px 15px; }
/*div.short .left, div.short .right { height: 250px; padding-top: 25px; background-position: center top; background-repeat: repeat; }*/
div.oto-choose .crowd { background-color: #23B4F1; background-image: url('../images/homepage/homepage-1to1-left-bg-2.gif'); padding-right: 0; padding-top:20px; }
div.oto-choose .one-to-one { background-color: #ED2590; background-image: url('../images/homepage/homepage-1to1-right-bg-2.gif'); padding-top: 18px; padding-left: 0; }
/*div.short .crowd, div.short .one-to-one { background-position: center bottom; }*/
div.oto-choose div.icon { background-image: url('../images/homepage/homepage-1to1-elements.gif'); background-repeat: no-repeat; margin: 0 auto 25px;}
div.oto-choose .crowd .icon { width: 219px; height: 135px; background-position: -45px -158px; }
div.oto-choose .one-to-one .icon { width: 141px; height: 138px; background-position: -92px 0; margin-bottom: 24px; }
div.oto-choose h2 { text-transform: uppercase; font-size: 1.5em; font-weight: normal; height: 42px; padding-top: 14px; background: transparent url('../images/homepage/homepage-1to1-elements.gif') 0 0 no-repeat; text-align:center; }
div.oto-choose h2 a { color: #fff; }
div.oto-choose .crowd h2 { background-color: #4fc6f1; background-position: -253px 0; }
div.oto-choose .one-to-one h2 { background-color: #ea387e; background-position: 415px -136px; }
div.oto-choose p { font-family: georgia, times, serif; font-size: 1.4em;  padding: 20px 0; text-align:center; }
div.oto-choose div.cta { margin: 0; height: inherit; background-image: none; }
div.oto-choose .crowd p, div.oto-choose .crowd div.cta, div.oto-choose .one-to-one p, div.oto-choose .one-to-one div.cta { width:80%; margin:auto; }
div.oto-choose a.button, div.cta a.button, .testimonials div.choice-cta a.button { display: block; color: #fff; font-size: 1.15em; padding: 5px 0 4px; width: 225px; text-transform: uppercase; border: 1px solid #fff; border-radius: 5px; margin: 0 auto; }
div.oto-choose .crowd a.button, div.cta a.crowd { background-color: #ED2590; }
div.oto-choose .crowd a.button:hover, div.cta a.crowd:hover { color: #ED2590; }
div.oto-choose .one-to-one a.button, div.cta a.one-to-one { background-color: #23B4F1; }
div.oto-choose .one-to-one a.button:hover, div.cta a.one-to-one:hover { color: #23B4F1; }
div.oto-choose a.button:hover, div.cta a.button:hover { background-color: #fff; text-decoration: none; }
div.oto-choose a.learn-more { color: #fff; font-size: 1.2em; margin-top: 5px; display: block; }
div.cta a.crowd { border-color: #ED2590; }
div.cta a.one-to-one { border-color: #23B4F1; }
div.ui-dialog div.oto-choose { padding: 10px; }
div.ui-dialog div.oto-choose a.close { display: block; position: absolute; top: -2px; right: -2px; width: 24px; height: 24px; background: transparent url(../images/global/close.png) 0 0 no-repeat; font-size: 0; text-indent: -9999px; }
div.ui-dialog div.oto-choose .left, div.ui-dialog .oto-choose .right { width: 350px; }
div.ui-dialog div.oto-choose .one-to-one { padding-top: 20px; }
div.ui-dialog div.oto-choose .one-to-one h2 { background-position: 324px -136px; }
div.ui-dialog div.oto-choose div.icon { display: none; }
div.ui-dialog div.onetoone-choice div.cta { margin: 0; padding-bottom: 10px; background-image: none; height: inherit; text-align: center; padding-bottom: 10px; }
div.ui-dialog div.onetoone-choice div.cta p.learn-more { padding: 5px 0; }
div.ui-dialog div.onetoone-choice div.cta p.learn-more a.left { margin-left: 115px; }
div.ui-dialog div.onetoone-choice div.cta p.learn-more a.right { margin-right: 115px; }
div.ui-dialog div.onetoone-choice div.cta a.button { 
    display: inline-block;
    margin: 0 5px;
    width: 205px;
    border-radius: 5px;
    border: 1px solid #fff;
    color: #FFFFFF;
    font-size: 1.15em;
    padding: 5px 0 4px;
    text-transform: uppercase;
}
div.ui-dialog div.onetoone-choice div.cta a.crowd { background-color: #ED2590; border-color: #ED2590; }
div.ui-dialog div.onetoone-choice div.cta a.one-to-one { background-color: #23B4F1; border-color: #23B4F1; }
div.ui-dialog div.onetoone-choice div.cta a.button:hover { background-color: #fff; text-decoration: none; }
div.ui-dialog div.onetoone-choice div.cta a.crowd:hover { color: #ED2590; border-color: #ED2590; }
div.ui-dialog div.onetoone-choice div.cta a.one-to-one:hover { color: #23B4F1; border-color: #23B4F1; }

/* Loading modal */
div.loading-modal {
    position:fixed;
}
div.loading-modal .ui-widget-content { min-height: 75px; }
div.loading-modal p.loading-img {
    padding: 10px 0;
    margin: 0;
    text-align: center;
}
div.loading-modal p.loading-img span {
    background: transparent url(../images/global/cs-loading-initials-100.gif) center top no-repeat;
    padding-top: 62px;
    font-size: 1.25em;
    display: block;
    min-height: 24px;
}
div.loading-modal div.ui-dialog-titlebar {
    display: none;
}

/* Flash messaging */
.flash-status, .flash-message {
    position: absolute;
    top: 100px;
    left: 40px;
    width: 850px;
    background-color: #ffc;
    border: 2px solid #ff0;
    padding: 15px;
    font-size: 1.85em;
    text-align: center;
    box-shadow: 3px 3px 2px #666; 
}
.flash-error {
    position: absolute;
    top: 120px;
    left: 40px;
    width: 850px;
    background-color: #fCC;
    border: 2px solid #FF3366;
    padding: 15px;
    font-size: 1.85em;
    text-align: center;
}
.flash-close {
    display: block;
    width: 19px;
    height: 19px;
    float: right;
}

/* Partner info pages */
ul#otherpartners {
    list-style: none;
    margin:0;
    padding:0;
}

ul#otherpartners li {
    list-style: none;
    padding: 0 0 15px 0;
}

#entry_file { 
    position: relative; 
} 

#failsafe_activator { 
    display: none; 
    cursor: pointer; 
    position: absolute; 
    right: 15px; 
    top: 5px; 
    font-size: 11px; 
}

.menu-btn { display:none; }

/* Flowplayer */
.flowplayer { background-color: #222; background-size: cover; max-width: 800px; }
.flowplayer .fp-controls { background-color: rgba(0, 0, 0, 0.4)}
.flowplayer .fp-timeline { background-color: rgba(0, 0, 0, 0.5)}
.flowplayer .fp-progress { background-color: rgba(35, 180, 241, 1)}
.flowplayer .fp-buffer { background-color: rgba(249, 249, 249, 1)}

/* Hover Container */
.hover_container {
position: absolute;
width: 90px;
height: 90px;
left: 15px;
top: 0;
color: #fff;
background-color: #333;
display: none;
text-align: left;
font-size: 1.25em;
padding: 5px;
box-shadow: 2px 2px 1px #ccc;
z-index:9999;
}

.hover_container img.entry-image {
    padding:0 0 10px 0;
    text-align:center;
}

.instructionModal {
    margin:0 auto;
}

.instruction {
    color:#fff;
    background:url('../images/project/1x1-pixel.png');
}

#promo-coupon {
    height:100px;
    background: url('../images/landing/coupon.png') no-repeat 10px 5px #FFFFCC;
    padding-left:9.5em;
    margin-bottom:10px;
    border: 1px solid #FFFF33;
}

#promo-coupon h1 {
    /*color:#ED2590;*/
    color:#23b4f1;
    font-style:italic;
    font-size:3.5em;
    text-shadow: 1px 1px 0 #666;    
}

#promo-coupon p {
    position: absolute;
    color: #000;
    font-size: 1.5em;
    line-height: 1em;
    text-align: center;
}

/* LOGIN - REGISTER MODAL */
div.login-reg h3 { color: #666; font-size: 2em; font-weight: normal; padding-top: 10px; }
div.login-reg div.loading-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 565px;
    height: 450px;
    padding: 50px 0;
    background-color: #fff;
    text-align: center;
    font-weight: normal;
    font-size: 1.5em;
}
div.login-reg div.loading-div h3 {
    font-weight: bold;
    font-size: 1.5em;
    color: #333;
}
div.login-reg div.loading-div a.submit {
    padding: 5px 10px;
    font-size: 1.2em;
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
div.login-reg form fieldset ol { padding: 20px; }
div.login-reg form fieldset ol li {
    padding-bottom: 10px; 
}
div.login-reg form fieldset div.group {
    padding-top: 20px;
    /*margin-left: 85px;*/
}
div.login-reg form fieldset div.picker-div input { height: 20px; line-height: 2em; width: 250px; margin: 0; border-radius: 3px; padding: 2px; }
div.login-reg form fieldset li#receive_promotions p { padding-left: 20px; }
div.login-reg form fieldset li#receive_promotions input[type="checkbox"] { float: left; }
div.login-reg form fieldset li a.lostpassword { font-size: 10px; margin-left: 125px; margin-top: 0; }
div.login-reg form fieldset ol li.error label { color: red; font-weight: bold; }
div.login-reg form fieldset ol li.error div.error-msg { margin-left: 125px; color: red; }
div.login-reg form fieldset.buttonBlock {
    width: 550px;
    text-align: center;
    padding: 10px 0;
}

/* submit / back */
div.postproject form fieldset.buttonBlock button { padding-bottom: 10px; }
div.postproject form fieldset.buttonBlock button.standard { padding: 4px 6px; }
div.postproject form fieldset.buttonBlock button.cancel { font-weight: normal; color: #1C9BC8; }
div.postproject form fieldset.buttonBlock button.disabled { color: #999; }

/* Roadblock Modals */
div.roadblock-modal p.content { color:white; padding-bottom: 18px; font-size: 1.25em; }
div.roadblock-modal p.note { padding-top: 10px; }
div.roadblock-modal form.form { padding: 5px 40px 20px; margin: 0; }
div.roadblock-modal input.text { font-size:1.3em; width: 200px; }
div.roadblock-modal #roadblock_type label { float: none; display: block; width:115px; }
div.roadblock-modal #roadblock_type div.wrapper { margin-top:5px; }
div.roadblock-modal #roadblock_type div.wrapper label.selection { color:#999; margin-left:5px; font-size:1.22em; display:inline; }
div.roadblock-modal #roadblock_type .wrapper{
display: block;
width: 60%;
clear: both;
float: left;
}
div.roadblock-modal form.form fieldset { padding-bottom: 10px; }
div.roadblock-modal form.form fieldset label { width:43px; font-size: 1.2em; }
div.roadblock-modal form.form fieldset.error div.error-msg { color: #ea4040; padding-left: 135px; font-style: italic; }
div.roadblock-modal form.form fieldset.buttonBlock, .buyer-share-naming fieldset.buttonBlock { width: 348px; padding: 0 35px 0 0; margin: 0; }
div.roadblock-modal form.form fieldset.buttonBlock button, .buyer-share-naming fieldset.buttonBlock button { margin-bottom:0; }
div.roadblock-modal .rb-content {
    color:#fff;
    float:right;
    width:300px;
    font-size:1.1em;
}
div.roadblock-modal .rb-form {
    width:390px;
    float:left;
}

/***** PAP FORM STYLING ******/
/* Take from crowdspring.pap-modular.css */
form.pap-form h2 { color: #079fdf; font-size: 2.5em; font-weight: normal; }
form.pap-form .one-col { width: 100px; }
form.pap-form .two-col { width: 200px; }
form.pap-form .three-col { width: 300px; }
form.pap-form .four-col { width: 400px; }
form.pap-form .five-col { width: 500px; }
form.pap-form .six-col { width: 600px; }
form.pap-form fieldset .important { background-color: #ff9; color: #630; }
form.pap-form fieldset.group legend { width: 100%; color: #999; padding: 5px 0 0; border-bottom: 1px solid #eee; font-size: 2.5em; }
form.pap-form fieldset.group table { width: 100%; }
form.pap-form fieldset.group div.error-msg { color: #d00; display: none; }
form.pap-form fieldset.field { padding: 10px 0 20px; }
form.pap-form fieldset.gray { background-color: #f1f1f1; border: 1px solid #f1f1f1; border-radius: 3px; padding: 5px 10px 0; }
form.pap-form fieldset.gray div.field { margin-bottom: 1em; }
form.pap-form fieldset.field legend { color: #666; font-size: 1.65em; border-bottom: 1px solid #eee; width: 100%; }
form.pap-form fieldset.error, form.pap-form div.error, form.pap-form li.error { color: #d00; padding: 10px 10px 20px; background-color: #fdd; border-radius: 5px; }
form.pap-form fieldset.field label { font-weight: bold; color: #000; font-size: 1.2em; display: inline-block; margin-bottom: 5px;  }
form.pap-form fieldset.field label.label-text { font-weight: normal; font-size: 1em; }
form.pap-form fieldset.field div.label-set { float: left; width: 175px; }
form.pap-form fieldset.error label, form.pap-form div.error label, form.pap-form li.error label { color: #d00 !important; }
form.pap-form fieldset.error div.error-msg, form.pap-form div.error div.error-msg { display: block; }
form.pap-form fieldset.field span.help-button { position: relative; height: 20px; }
form.pap-form fieldset.field span.help-button a { color: #079fdf; padding: 2px 5px; cursor: help; font-style: italic; text-decoration: none; }
form.pap-form fieldset.field span.help-button:hover a { color: #fff; background-color: #23b4f1; }
form.pap-form fieldset.field span.help-button small { width: 250px; display: none; background-color: #23b4f1; color: #fff; position: absolute; top: 15px; left: 0; padding: 10px; box-shadow: 2px 2px 3px #666; z-index: 1000; }
form.pap-form fieldset.field span.help-button:hover small { display: block; }
form.pap-form fieldset.field p.description { color: #666; }
form.pap-form fieldset.field textarea { height: 140px; }
form.pap-form fieldset.field textarea.halfheight { height: 70px; }
form.pap-form fieldset input.text, form.pap-form fieldset textarea.text { min-width: 100px; border: 1px solid #ccc; border-radius: 3px; padding: 5px 3px; font-size: 1.15em; margin: 0; background-color: #fff; }
form.pap-form fieldset input.text:focus, form.pap-form fieldset textarea.text:focus { border-color: #23b4f1; }
form.pap-form fieldset.field input.radio, form.pap-form fieldset.field input.checkbox { margin: 0 3px 0 0; }
form.pap-form .error input.text, form.pap-form .error textarea.text, form.pap-form .error div.selector { border-color: #d00 !important; }
form.pap-form fieldset.field input.subtle, form.pap-form fieldset.field textarea.subtle { color: #999; }
form.pap-form fieldset.field span.text-counter { font-style: italic; display: inline-block; margin-left: 5px; }
form.pap-form fieldset.field span.line-counter { font-size: 0.9em; margin-left: 175px; width: 300px; text-align: right; }
form.pap-form fieldset.field span.safe { color: #090; }
form.pap-form fieldset.field small.note { color: #999; font-style: italic; font-size: 0.95em; }
form.pap-form fieldset.focus small.note { color: #333; }
form.pap-form fieldset.field small.label-note { width: 150px; font-size: 0.9em; font-style: italic; color: #666; }
form.pap-form fieldset.field input.output-display { border: none; width: 15px; font-style: italic; padding: 0; color: #666; background-color: transparent; text-align: center; }
form.pap-form fieldset.field .button { 
    background: url("../images/project/project-header-icons-091411.gif") no-repeat scroll 2px 0 #fff; 
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #666;
    display: inline-block;
    font-weight: bold;
    padding: 5px 7px 5px 26px;
    text-align: center;
    text-decoration: none;
}
form.pap-form fieldset.field button.submit { background-color: #23B4F1; border-color: #23B4F1; color: #fff; }
form.pap-form fieldset.buttonBlock button.submit { 
    background: url("../images/global/master-buttons-bg-1.gif") repeat-x scroll 0 -177px #c30259;
    border: 1px solid #c30259;
    border-radius: 3px;
    color: #fff;
    display: block;
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    margin-right: 10px;
    padding: 10px 20px;
    text-align: center;
    width: 200px;
}
form.pap-form fieldset.field ul.options label { font-weight: normal; font-size: 1em; }

/* uniform fields */
form.pap-form fieldset div.selector { width: 400px; padding: 5px 3px; border: 1px solid #ccc; }
form.pap-form fieldset div.selector span { padding-left: 0; }
form.pap-form fieldset div.uploader { border-width: 1px; border-style: solid; border-color: #ccc; }

/* save / submit buttons */
form.pap-form fieldset.buttonBlock button.button {
    background: url("../images/global/master-buttons-bg-1.gif") center bottom repeat-x;
    border-radius: 3px;
    display: block;
    float: left;
    font-size: 1.4em;
    font-weight: bold;
    margin-right: 10px;
    padding: 10px 20px !important;
    text-align: center;
    width: 200px;
}
form.pap-form fieldset.buttonBlock button.standard { background-color: #ddd; background-position: center bottom; border-color: #ddd; color: #c30259; height: 100%; }
form.pap-form fieldset.buttonBlock button.submit { background-position: 0 -177px; background-color: #c30259; border: 1px solid #c30259; color: #fff; }
form.pap-form fieldset.buttonBlock button.submit:hover, form.pap-form fieldset.buttonBlock button.standard:hover { background-image: none; }
form.pap-form fieldset.buttonBlock button.standard:hover { background-color: #f1f1f1; }
form.pap-form fieldset.buttonBlock small.save-note { width: 280px; float: left; font-size: 1.1em; }
form.pap-form fieldset.buttonBlock small.save-note strong { font-weight: normal; font-size: 1.2em; }
form#pap_register_form { padding-bottom: 20px; }
.login-register form.pap-form {
padding: 0 20px;
}
.login-register form.pap-form { padding: 0 20px; }
.login-register form.pap-form fieldset.field div.warning { width: 210px; font-size: 0.9em; }
.login-register form.pap-form fieldset.field div.error-msg { margin-left: 125px; font-style: italic; }
.login-register form.pap-form fieldset.field label { width: 120px; display: inline-block; text-align: right; }
.login-register form.pap-form fieldset.field input.text { width: 250px; }
.login-register form.pap-form fieldset.receive-promotions { margin-left: 120px; }
.login-register form.pap-form fieldset a.lostpassword { margin-left: 120px; }
.login-register form.pap-form fieldset.buttonBlock { text-align: center; padding: 10px 0; }
.login-register form.pap-form fieldset.buttonBlock button { width: inherit; font-size: 1.1em; padding: 3px 5px 1px; float: none; display: inline-block; }
.login-register form.pap-form fieldset.buttonBlock button.submit { background-color: #23b4f1; color: #fff; background-image: none; border-color: #23b4f1; }
.login-register form.pap-form fieldset.buttonBlock button.submit:hover { color: #079fdf; background-color: #fff; }
.login-register form.pap-form div.loading-div { position: absolute; top: 0; left: 0; padding-top: 100px; height: 455px; text-align: center; font-size: 2em; background-color: rgba(255, 255, 255, 0.9); width: 100%; }

/** Styling for new How it Works content **/

div.pageheader {
	display:none;
	}
div.cta {
	height:30px;
	padding:5px 0;
	width:100%;
	text-align:center;
	margin: 30px auto 50px;
	background-image:url(../images/howitworks/hiw2/bg-cta.gif);
	background-repeat:no-repeat;
	background-position: 0 4px;
	}
	div.projectdetails div.cta {
		background-image:none;
        margin: 0 auto;
        padding: 30px 0 20px;
		}
	div#hiw_masthead div.cta {
		background-image:none;
		margin:0 0 0 100px;
		padding-top:0px;
		}
	div.cta p.lastcall {
		margin-top:30px;
		font-size:1em;
		color:#999;
		}
div.small {
	width:206px;
	height:37px;	
	text-align:center;	
	background-repeat:no-repeat;
	font-weight:bold;
	text-decoration:none;
	padding-top:7px;
	float: left;
	}
a.medium {
	color: #fff;
	width:300px;
	height:37px;	
	text-align:center;	
	font-weight:bold;
	text-decoration:none;
	padding-top:7px;
	background: transparent url(../images/howitworks/hiw2/btn-blue-medium.png) 0 0 no-repeat;
	display: block;
	margin: 0 auto;
	}
a.large {
	padding:12px 156px;
	text-align:center;
	background-repeat:no-repeat;
	font-weight:bold;
	text-decoration:none;
	margin-left:10px;
	}
	div.projectdetails a.large {
		margin-left:auto;
		margin-right:auto;
		}
div.cta a.small {
	margin-right:20px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	width: 206px;
	height: 32px;
	float: left;
	padding-top: 5px;
	font-size: 1.15em;
	font-weight: bold;
}
div.cta a.greybtn.small {
	background-image: url(../images/howitworks/hiw2/btn-grey-small.png);
	margin-left: 228px;
}
div.cta a.bluebtn.small {
	background-image: url(../images/howitworks/hiw2/btn-blue-small.png);
	color: white;
}

.trans76 {
	filter:alpha(opacity=76);
	-moz-opacity:0.76;
	-khtml-opacity: 0.76;
	opacity: 0.76;
	}
div.bluebtn.small {
	background-image:url(../images/howitworks/hiw2/btn-blue-small.png);
	margin-left:230px;
	/*margin-right:20px;*/
	}
	div.bluebtn.small a {
		color:white;
		}
div.nobtn.small {
	text-align:left;
	padding-left:5px;
	font-weight:normal;
	}
a.bluebtn.large{
	background-image:url(../images/howitworks/hiw2/btn-blue-large.png);
	color:white;
	}
div.greybtn.small {
	background-image:url(../images/howitworks/hiw2/btn-grey-small.png);
	margin-left: 30px;
	}
	div.greybtn.small:hover {
		cursor:pointer;
		}
	div.greybtn.small a {
		color: #666;
		}
div.pinkbtn.small {
	background-image:url(../images/global/btn-pink-small.png);
	margin-left:230px;
	margin-right:20px;
	}
	div.pinkbtn.small a {
		color:white;
		}
h2 {
	font-size: 2em;
	color: #333;
	}
	h2 span {
		font-weight:normal;
		color:#333;
		}

div.howitworks2 {
	padding: 0;
}
div.howitworks2 h1 {
	/*text-indent: -9999px;
	width: 882px;
	height: 31px;
	background-image:url(../images/howitworks/hiw2/title-worlds-best-creat-team.png);*/
	background-repeat:no-repeat;
	margin: 10px 0 1em;
	font-size: 3em;
	line-height: 1.25em;
	color: #444;
	text-align: center;
	}
	div.howitworks2 h1.main-head {
		margin-bottom: 0;
        font-size: 0.9em;
	}
    div.howitworks2 h1.main-head2 {
		margin-bottom: 0;
        font-size: 2.8em;
	}
	div.howitworks2 p.hiw-subhead {
		text-align: center;
		font-size: 1.65em;
		margin: 0 0 1.5em;
		font-family: Georgia, Courier, serif;
	}
	div.howitworks2 .big-text {
		font-size: 1.15em;
	}
	
	div.howitworks2 div#hiw_masthead {
		width: 922px;
		height: 333px;
		position:relative;
		left: -20px;
		background-image:url(../images/howitworks/hiw2/head-110-entries.png);
		background-repeat:no-repeat;
		margin: 10px 0 30px;
		position: relative;
		}
		div.howitworks2 div#hiw_masthead a {
			background-image: none;
		}
		div.howitworks2 div#hiw_masthead a.bluebtn {
			margin-left:46px;
			}
		div.howitworks2 div#hiw_masthead ul {
			position: absolute;
			bottom: 32px;
			left: 70px;
			}
			div.howitworks2 div#hiw_masthead ul li {
				padding-bottom:10px;
				font-family: Arial, sans-serif;
				font-size:1.1em;
				color: #333;
				font-style:italic;
				}
		div#hiw_masthead div.cta {
			position: absolute;
			bottom: -10px;
			left: 40px;
		}
			div#hiw_masthead div.cta div.small {
			padding-top:7px;
			margin-left:0;
			margin-right:0;
			}
	
	/* examples hover */
	div.howitworks2 div.click-this {
		background-color: white;
		width: 100%;
		height: 130px;
		position: absolute;
		filter:alpha(opacity=85);
		-moz-opacity:0.85;
		-khtml-opacity: 0.85;
		opacity: 0.85;
		padding-top: 20px;
		text-align: center;
		cursor: pointer;
	}
	
	/* modal arrows */
	div.howitworks2 span.open-modal {
		position: absolute;
		bottom: 0;
		right: 0;
		display: block;
		width: 20px;
		height: 20px;
		background: transparent url(../images/global/modal-arrow.gif) 0 0 no-repeat;
	}
	div.howitworks2 span.black-arrow {
		background-position: 0 -20px;
	}
	
	/* examples SEO style */
	div.howitworks2 div.seo-intro p.left {
		width: 410px;
		height: 200px;
		overflow: hidden;
		font-size: 1.35em;
		padding-left: 10px;
	}
	div.howitworks2 div.seo-intro p.left strong {
		font-weight: bold;
		color: #ED2590;
	}
	div.howitworks2 div.seo-intro ul.description {
		text-align: left;
		padding: 1em 0 1em 2em;
		font-family: Georgia, serif;
		font-size: 1.45em;
	}
	div.howitworks2 div.seo-intro ul.description li {
		list-style-image: url(../images/project/postaproject/tick.png);
		height: 1.75em;
	}
	div.howitworks2 div.seo-intro ul.description li strong {
		cursor: pointer;
	}
	div.howitworks2 div.example-projects {
		width: 450px;
	}
	div.howitworks2 div.example-projects div.left {
		width:200px;
		height:200px;
		border:1px solid #ccc;
		margin: 0 0 20px 20px;
		position: relative;
	}
	div.howitworks2 div.example-projects div.left:hover {
		cursor:pointer;
	}
	div.howitworks2 div.example-projects div.left div.overlay {
		width:100%;
		height:50px;
		background-color: #ccc;
		margin-top:150px;
		color: #000;
		opacity: 1.0;
	}
	div.howitworks2 div.example-projects div.left div.overlay p {
		padding: 5px 0 0 10px;
		margin: 0;
	}
	div.howitworks2 div.example-projects div.left div.overlay p span {
		font-weight:bold;
		display:block;
	}
	
	/* how cs works */
	div.howitworks2 h2 {
		font-size: 2.25em;
	}
	div.howitworks2 div.cs-works p.learn-more {
		font-size: 1.35em;
	    margin-bottom: 2em;
	    text-align: center;
	}
	div.howitworks2 ol.how-cs-works {
		padding: 1em 0 2em;
		margin-left: 0;
	}
	div.howitworks2 ol.how-cs-works li {
		width: 275px;
		margin-right: 20px;
		text-align: center;
		position: relative;
	}
	div.howitworks2 ol.how-cs-works li h4 {
		font-size: 1.55em;
		background: transparent url(../images/seo/hiw-list-numbers.gif) 0 0 no-repeat;
		padding-left: 30px;
		height: 35px;
		margin: 0 0 0.5em 20px;
		text-align: left;
		font-weight: normal;
	}
	div.howitworks2 ol.how-cs-works li.two h4 {
		background-position: 0 -38px;
		margin-left: 10px;
	}
	div.howitworks2 ol.how-cs-works li.three h4 {
		background-position: 0 -76px;
	}
	div.howitworks2 ol.how-cs-works li p {
		font-size: 1.15em;
		text-align: left;
		margin-left: 10px;
	}
	div.howitworks2 ol.how-cs-works li a {
		border: 1px solid #eaeaea;
		display: block;
		width: 200px;
		height: 200px;
		margin: 0 auto;
		color: #000;
		font-size: 1.2em;
		text-decoration: none;
	}
	div.howitworks2 ol.how-cs-works li a img {
		width: 200px;
	}
	div.howitworks2 ol.how-cs-works li div.click-this {
		height: 150px;
		padding-top: 50px;
		width: 200px;
	}
	div.howitworks2 ol.how-cs-works li div.click-this img {
		width: 77px;
	}
	div.howitworks2 ol.how-cs-works li a span.open-modal {
		border: 1px solid #eaeaea;
		right: 37px;
		background-color: #fff;
	}
	div.howitworks2 ol.how-cs-works li.three {
		margin-right: 0;
	}
	div.howitworks2 ol.text li p {
		background: transparent url(../images/howitworks/hiw2/hiw-list-postit-bg.png) 0 -35px no-repeat;
		padding: 10px 20px 0 20px;
		font-size: 1.15em;
		height: 115px;
		margin: 0;
	}
	
	/* HIW main video */
	div.howitworks2 div.hiw-video {
		text-align: center;
		margin-bottom: 20px;
		padding-bottom: 30px;
		border-bottom: 1px solid #eaeaea;
	}
	div.howitworks2 div.video-points {
		padding-top: 1em;
	}
	div.howitworks2 div.video-points div.hiw-video-left {
		float: left;
		clear: both;
		width: 437px;
		margin-left: 10px;
	}
	div.howitworks2 div.seo-intro div.video-points ul.description {
		width: 380px;
		font-size: 1.65em;
		padding-top: 1.5em;
	}
	div.howitworks2 div.seo-intro div.video-points ul.description li {
		margin-bottom: 0.5em;
	}
	
	/* videos, SEO style */
	div.howitworks2 ul.videos {
		padding-bottom: 2em;
	}
	div.howitworks2 ul.videos li {
		float: left;
		width: 200px;
		margin: 0 10px;
		position: relative;
	}
	div.howitworks2 ul.videos li.last {
		margin-right: 0;
	}
	div.howitworks2 ul.videos li a {
		background: transparent url(../images/seo/hiw-video-stills-bg.jpg) 0 0 no-repeat;
		display: block;
		height: 146px;
		margin-bottom: 0.5em;
	}
	div.howitworks2 ul.videos a span.open-modal {
		top: 126px;
	}
	div.howitworks2 ul.videos a#networlding {
		background-position: 0 -146px;
	}
	div.howitworks2 ul.videos a#graymills {
		background-position: 0 -292px;
	}
	div.howitworks2 ul.videos a#bolster {
		background-position: 0 -438px;
	}
	
	/* faqs list */
	div.howitworks2 div.points {
		text-align: center;
	}
	div.howitworks2 div.points h2 {
		font-size: 2.05em;
	}
	div.howitworks2 div.points p {
		text-align: left;
	}
	div.howitworks2 div.points div {
		font-size: 1.25em;
		width: 500px;
		text-align: left;
		margin: 1em auto 0;
		position: relative;
	}
	div.howitworks2 div.points img.guarantee {
		position: absolute;
		top: 8px;
		right: -185px;
	}
	div.howitworks2 div.points a.gallery {
		position: absolute;
		top: 10px;
		left: -165px;
	}
			
	/* 5 reasons */		
    div.howitworks2 div#five_reasons, div.howitworks2 div.five_reasons {
        position: relative;
    }
    div.howitworks2 div#five_reasons img.guarantee-badge, div.howitworks2 div.five_reasons img.guarantee-badge {
		position: absolute;
		top: -30px;
		right: -5px;
		float: none;
	}
	div.howitworks2 div#five_reasons dl, div.howitworks2 div.five_reasons dl {
		width:832px;
		height:334px;
		padding-top:17px;
		background-image: url(../images/howitworks/hiw2/bg-5reasons.png);
		background-repeat:no-repeat;
		margin-left:auto;
		margin-right:auto;
		font-size: 0.9em;
		}
		div.howitworks2 div#five_reasons dl dt, div.howitworks2 div.five_reasons dl dt {
			width:180px;
			font-size: 2.2em;
			font-weight:bold;
			text-align:right;
			float:left;
			height:40px;
			padding-bottom:24px;
			}
		div.howitworks2 div#five_reasons dl dd, div.howitworks2 div.five_reasons dl dd {
			width:600px;
			padding-bottom:24px;
			color: #666;
			float:left;
			height: 40px;
			vertical-align:middle;
			font-size:2.2em;
			font-weight:normal;
			margin-left:20px;
			}
	
	div.howitworks2 div#faq div.col {
		width: 400px;
		margin: 0 0 1em;
		padding: 0 15px;
	}
		div.howitworks2 div#faq div.col h2 {
			text-align: left;
		}
		div.howitworks2 div#faq div.col h2 span {
			font-size: 0.9em;
			font-family: Georgia, Courier, serif;
		}
		div.howitworks2 div#faq div.col p {
			font-size: 1.2em;
			padding-bottom: 10px;
		}
    div.howitworks2 div#faq div.three-col {
        width: 270px;
        padding: 0 12px;
        font-size: 0.85em;
    }
    div.howitworks2 div#faq div.one-half {
        width: 400px;
        padding: 0 15px;
    }
	div.howitworks2 div#faq div.one-half img.video {
		padding: 0 20px 20px;
	}
	div.howitworks2 div#faq div.one-third {
        width: 270px;
        padding: 0 12px;
    }
    div.howitworks2 div#faq div.two-thirds {
        width: 550px;
        padding: 0 12px;
    }
    div.howitworks2 div#faq img.video {
        margin-top: 3px;
    }
	div.howitworks2 div#faq img.guarantee-badge {
		position:relative;
		left:40px;
		top:30px;
		}
	div.howitworks2 div#howgood {
		/*margin-top:20px;*/
		}
		div.howitworks2 div#howgood div#brands {
			background-image:url(../images/howitworks/hiw2/big-brands.gif);
			background-repeat:no-repeat;
			width:873px;
			height:150px;
			padding: 13px 0 15px 20px;
			}
			div.howitworks2 div#howgood div#brands p {
				font-family: Georgia, serif;
				font-size:1.6em;
				font-style:italic;
				color: #333;
				width:410px;
				}
		div.howitworks2 div#howgood p.text-center {
			border-bottom: 1px solid #f1f1f1;
			padding-bottom: 10px;
			margin-bottom: 20px;
		}
		div.howitworks2 div#howgood p.media {
			color: #999999;
		    font-size: 1.3em;
		    padding: 5px 0 10px;
		    text-align: center;
		    text-transform: uppercase;
		}
	div.howitworks2 div#projects div.left {
		width:200px;
		height:200px;
		border:1px solid #ccc;
		margin: 0 10px;
		position: relative;
		}
		div.howitworks2 div#projects div.last {
			margin-left: 0;
		}
		div.howitworks2 div#projects:hover, div#promotedProjects div.featured:hover {
			cursor:pointer;
			}
		div.howitworks2 div#projects div#one {
			background-image:url(../images/howitworks/hiw2/sample-museum.gif);
			background-repeat:none;
			}
			div#promotedProjects div#feature1 {
				background-image:url(../images/homepage/promo/examples/carmen.jpg);
				background-repeat:none;
				}
				div#promotedProjects div#feature1.gotopromo {
					background-image:url(../images/homepage/promo/promo-tpain.jpg);
					background-repeat:none;
					}
		div.howitworks2 div#projects div#two, div#promotedProjects div#feature2 {
			background-image:url(../images/howitworks/hiw2/sample-chuck.gif);
			background-repeat:none;
			}
			div#promotedProjects div#feature2 {
				background-image:url(../images/homepage/promo/examples/cabernet.jpg);
				background-repeat:none;
				}			
				div#promotedProjects div#feature2.gotopromo {
					background-image:url(../images/homepage/promo/promo-stanlee.jpg);
					background-repeat:none;
					}				
		div.howitworks2 div#projects div#three {
			background-image:url(../images/howitworks/hiw2/sample-phantom.gif);
			background-repeat:none;
			}
			div#promotedProjects div#feature3 {
				background-image:url(../images/homepage/promo/examples/inv-website.jpg);
				background-repeat:none;
				}			
				div#promotedProjects div#feature4.gotopromo {
					background-image:url(../images/homepage/promo/promo-greenland.jpg);
					background-repeat:none;
					}				
		div.howitworks2 div#projects div#four {
			background-image:url(../images/howitworks/hiw2/sample-mell.jpg);
			background-repeat:none;
			}						
			div#promotedProjects div#feature4 {
				background-image:url(../images/homepage/promo/examples/zinnia.jpg);
				background-repeat:none;
				}						
		div.howitworks2 div#projects div.left.lastone {
			margin-right:0;
			}
		div.howitworks2 div#projects div.left div.click-this {
			background-color: white;
			width: 100%;
			height: 130px;
			position: absolute;
			filter:alpha(opacity=85);
			-moz-opacity:0.85;
			-khtml-opacity: 0.85;
			opacity: 0.85;
			padding-top: 20px;
			text-align: center;
			cursor: pointer;
			}
			div#promotedProjects div.featured div.click-this {
				background-color: white;
				width: 100%;
				height: 230px;
				position: absolute;
				filter:alpha(opacity=85);
				-moz-opacity:0.85;
				-khtml-opacity: 0.85;
				opacity: 0.85;
				padding-top: 80px;
				text-align: center;
				cursor: pointer;				
				}
				div#promotedProjects div.featured.smaller div.click-this {
					background-color: white;
					width: 100%;
					height: 100px;
					position: absolute;
					filter:alpha(opacity=85);
					-moz-opacity:0.85;
					-khtml-opacity: 0.85;
					opacity: 0.85;
					padding-top: 0;
					text-align: center;
					cursor: pointer;				
				}
		div.howitworks2 div#projects div.left div.overlay{
			width:100%;
			height:50px;
			background-color:black;
			margin-top:150px;
			color:white;
			}
			div#promotedProjects div.featured.larger div.overlay {
				width:100%;
				height:50px;
				background-color:black;
				color:white;
				margin-top:250px;
				}
				div#promotedProjects div.featured.smaller div.overlay {
					width:100%;
					height:50px;
					background-color:black;
					color:white;
					margin-top:90px;
					}				
			div.howitworks2 div#projects div.left div.overlay p, div#promotedProjects div.featured div.overlay p {
				padding: 5px 0 0 10px;
				margin: 0;
				}
			div.howitworks2 div#projects div.left div.overlay p span, div#promotedProjects div.featured div.overlay p span {
				font-weight:bold;
				display:block;
				}
	div.howitworks2 div#testimonial img {
		/*border:1px solid #ccc;*/
		margin-right:20px;
		}
		div.howitworks2 div#testimonial p.quote {
			font-size:1.6em;
			font-family:Georgia;
			font-style:italic;
			background-image:url(../images/howitworks/hiw2/bg-blockquote.gif);
			background-repeat:no-repeat;
			background-position: 20px 0;
			padding-left:60px;
			width: 650px;
			}
			div.howitworks2 div#testimonial p span {
				font-weight:bold;
				font-style:italic;
				font-size:1em;
				display:block;
				margin-top:15px;
				}
	div.projectdetails {
			padding-left:20px;
			padding-right:20px;
		}
		div.projectdetails h2 {
			font-size:2.1em;
			color: #333;
			font-weight:bold;
			}
		div.projectdetails p.byline {
			font-size:1.5em;
			color:#333;
			font-style:italic;
			font-weight:normal;
			}
		div.projectdetails p.description {
			font-size:1.15em;
			font-style:normal;
			}
		div.projectdetails div.two-button a.greybtn {
			margin-left: 95px;
		}
	div.howitworks2 div#mentioned p {
		text-align: center;
		margin: 1em 0 2em;
	}
	div.howitworks2 p.media {
		color: #999999;
	    font-size: 1.3em;
	    padding: 5px 0 10px;
	    text-align: center;
	    text-transform: uppercase;
		margin: 1em 0 1em;
		border-top: 1px solid #eaeaea;
		border-bottom: 1px solid #eaeaea;
	}
	div.howitworks2 p.lastcall {
		font-size: 1.2em;
	}

/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float:left;
    margin: 0;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2 {
    width: 100%;
}
.span_1_of_2 {
    width: 50%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .col { 
        margin: 1% 0 1% 0%;
    }
}

@media only screen and (max-width: 480px) {
    .span_2_of_2, .span_1_of_2 { width: 100%; }
}

/*  GRID OF FIVE  */
.span_5_of_5 {
    width: 100%;
}
.span_4_of_5 {
    width: 80%;
}
.span_3_of_5 {
    width: 60%;
}
.span_2_of_5 {
    width: 40%;
}
.span_1_of_5 {
    width: 20%;
}

.spanb_1_of_5 {
    width: 16%;
}
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
    .col {  margin: 1% 0 1% 0%; }
    .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
    .spanb_1_of_5, .spanb_2_of_5, .spanb_3_of_5, .spanb_4_of_5, .spanb_5_of_5 { width: 100%; }
}


/*! Pushy - v0.9.2 - 2014-9-13
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */

/* Menu Appearance */

.pushy{
    position: fixed;
    width: 200px;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: #333332;
    font-size: 0.9em;
    font-weight: bold;
    -webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
}

.pushy a{
    display: block;
    color: #b3b3b1;
    padding: 15px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(255, 255, 255, .1);
    text-decoration: none;
}

.pushy a:hover{
    background: #00b4ff;
    color: #FFF;
}

/* Menu Movement */

.pushy-left{
    -webkit-transform: translate3d(-200px,0,0);
    -moz-transform: translate3d(-200px,0,0);
    -ms-transform: translate3d(-200px,0,0);
    -o-transform: translate3d(-200px,0,0);
    transform: translate3d(-200px,0,0);
}

.pushy-open{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.container-push, .push-push{
    -webkit-transform: translate3d(200px,0,0);
    -moz-transform: translate3d(200px,0,0);
    -ms-transform: translate3d(200px,0,0);
    -o-transform: translate3d(200px,0,0);
    transform: translate3d(200px,0,0);
}

/* Menu Transitions */

.pushy, #container, .push{
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
}

/* Site Overlay */

.site-overlay{
    display: none;
}

.pushy-active .site-overlay{
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0,0,0,0.5);
    -webkit-animation: fade 500ms; 
    -moz-animation: fade 500ms; 
    -o-animation: fade 500ms;
    animation: fade 500ms;
}

@keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

/* Example Media Query */

@media screen and (max-width: 768px){
    .pushy{
        font-size: 1.0em;
    }
}

/* Styles for SEO pages */
div.seo {
	padding: 0;
	background-image: url(../images/project/postaproject/bg-side-grey.gif);
	background-position: 701px 0;
	background-repeat: repeat-y;
}

/* right content */
div.seo div.right {
	width: 220px;
	line-height: 1.2em;
}
div.seo div.right h2 {
	font-size: 1.7em;
}
div.seo div.right h3 {
	margin: 30px 0 0 1em;
	font-size: 1.1em;
}
div.seo div.right div.benefits {
	background-color: #23B4F1;
	color: white;
	padding: 5px 0 5px 10px;
	font-size: 1.2em;
}
div.seo div.right div.benefits h2 {
	margin-top: 0;
	margin-top: 1em;
	line-height: 1.1em;
	font-size: 1.25em;
} 
div.seo div.right div.benefits ul {
	margin: 20px 0 0 20px;
}
div.seo div.right div.benefits li {
	list-style-type: disc;
	margin-bottom: 1em;
	margin-left: 5px;
}
div.seo div.right ul.examples li {
	float: left;
	margin: 5px 10px;
}
div.seo div.right div.benefits p.contact-text {
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 20px 0 0 15px;
}
div.seo div.right div.benefits p.contact-link {
	margin: 1.45em 0 1.45em 50px;
}
div.seo div.right div.guarantee {
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	background-color: #ec008c;
	padding: 10px;
	border-top: 1px solid #fff;
	text-align: center;
}
div.seo div.right div.guarantee a {
	color: #fff;
}
div.seo div.right div.guarantee p {
	text-align: left;
	font-weight: normal;
	margin: 1em 10px 5px;
}
div.seo div.right h2.related {
	font-size: 1.25em;
	margin: 25px 0 10px 20px;
}
div.seo div.right ul.relatedItems {
	margin: 0 0 0 20px;
}
div.seo div.right ul.relatedItems li {
	margin: 0 0 5px 0;
}
div.seo div.right div.side-bar {
	margin: 0 0 0 30px;
	color: #333;
	font-size: 1.15em;
	line-height: 1.3em;
}
div.seo div.right div.side-bar h4 {
	margin: 2.5em 0 1em 0;
	font-weight: normal;
	font-size: .9em;
}
div.seo div.right div.side-bar img {
	margin-left: 0;
}
div.seo div.right div.side-bar li {
	margin: 0 0 .5em;
	list-style-image: url(../images/seo/seo-checkmark.gif);
}

/* left content */
div.seo div.left {
	padding: 50px 0 50px 50px;
	width: 600px;
}
div.seo div.left h1 {
	font-size: 2.5em;
	letter-spacing: -1px;
}
div.seo div.left h1 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	letter-spacing: -0.5px;
}
div.seo div.left h1.seo-subhead {
	color: #999;
	font-size: 1.5em;
}
div.seo div.left h2 {
	font-size: 1.35em;
	/*border-top: 1px solid #ccc;*/
	margin: 50px 0 10px;
	padding-top: 5px;
	letter-spacing: -0.3px;
}
div.seo div.left h3 {
	font-size: 1.25em;
	margin: 25px 0 10px;
	border-top: 1px solid #ccc;
}
div.seo div.left blockquote {
	margin: 10px 30px 30px;
	position: relative;
}
div.seo div.left div.quote {
	font-size: 3em;
	text-align: center;
}
div.seo div.left div.quote q {
	margin: 0;
	font-size: .8em;
	line-height: 1em;
}
div.seo div.left div.quote p.quotebyline {
	font-style: italic;
	text-align: right;
	font-size: .35em;
}
div.seo div.left p.post-pink {
	text-align: center;
	margin-top: 30px;
}
div.seo div.left a.submit {
	background: #F743AC url(../images/global/master-buttons-bg-1.gif) repeat-x 0 -325px;
	border-color: #d42171 #9b0246 #9b0246 #d42171;
	border-width: 1px;
	border-style: solid;
	padding: 8px 12px;
}
div.seo div.cta, div.seo-landing div.cta {
	height: 30px;
	padding: 0;
	width:100%;
	text-align:center;
	margin: 1em auto 2em;
}
div.seo div.cta a, div.seo div.cta a.small {
	background-image: none;
	background-color: #999;
	margin-top: 2em;
}
div.seo div.cta a.small, div.seo-landing div.cta a.small {
	margin-right:20px;
	display: block;
	color: #fff;
	background-image: none;
	background-color: #999;
	border: 1px solid #999;
  	border-radius: 5px;
  	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	width: 206px;
	height: 32px;
	float: left;
	padding-top: 5px;
	font-size: 1.3em;
	font-weight: bold;
}
div.seo div.cta a.greybtn, div.seo-landing div.cta a.greybtn {
	
}
div.seo div.cta a.greybtn {
	margin-left: 105px;
}
div.seo div.cta a.pinkbtn, div.seo-landing div.cta a.pinkbtn {
	margin-left: 215px;
	background-color: #ad004f;
	/*background: #903 url(../images/global/master-buttons-bg-1.gif) repeat-x scroll 0 -181px;*/
	border-color: #ad004f;
}
div.seo div.cta a.bluebtn, div.seo-landing div.cta a.bluebtn {
	background-color: #23B4F1;
	border-color: #23B4F1;
}
div.seo div.cta p.highlight, div.seo-landing div.cta p.highlight {
	padding-top: 0.5em;
}
div.seo div.cta.last, div.seo-landing div.cta.last {
	margin-bottom: 4em;
}

/* landing pages */
div.seo-landing {
	position: relative;
	padding: 20px 30px;
}
div.landing-top { padding-top: 0; }
div.seo-landing h1 {
	text-align: center;
	font-size: 2.65em;
	color: #555;
	margin-bottom: 5px;
	padding-top: 1em;
}
div.seo-landing h2 {
	text-align: center;
	font-family: Georgia, Courier, serif;
	font-weight: normal;
	font-size: 2em;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-bottom: 1.5em;
	color: #666;
}
div.seo-landing h3 {
	font-size: 2.5em;
	color: #666;
	margin: 0;
	padding-top: 1em;
	text-align: center;
	font-family: Georgia, Courier, serif;
	letter-spacing: -0.01em;
}
div.seo-landing img#seo_96_badge {
	position: absolute;
	top : 10px;
	right: -30px;
}
div.seo-landing p.left {
	font-size: 1.3em;
}
div.seo-landing.gray { background-color: #f1f1f1; }
div.seo-landing div.seo-intro { padding: 0 40px; }
div.seo-landing div.seo-intro p { color: #444; font-size: 1.3em; }
div.seo-landing div.seo-intro p.left {
	width: 400px;
	height: 200px;
	overflow: hidden;
	font-size: 1.23em;
}
div.seo-landing div.video-points div.hiw-video-left {
    clear: both;
    float: left;
    margin-left: 10px;
    width: 437px;
}
div.seo-landing div.seo-intro div.video-points ul.description {
    font-size: 1.6em;
    padding-top: 1.5em;
    width: 370px;
	padding: 1em 0 1em 2em;
}
div.seo-landing div.seo-intro div.video-points ul.description li {
    margin-bottom: 0.5em;
}
div.seo-landing div.click-this {
	background-color: white;
	width: 100%;
	height: 130px;
	position: absolute;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	padding-top: 20px;
	text-align: center;
	cursor: pointer;
}
div.seo-landing span.open-modal {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url(../images/global/modal-arrow.gif) 0 0 no-repeat;
}
div.seo-landing span.black-arrow {
	background-position: 0 -20px;
}
div.seo-landing div.example-projects {
	width: 100%;
	padding-top: 20px;
}
div.seo-landing div.example-projects div.left {
	width:200px;
	height:200px;
	border:1px solid #ccc;
	margin: 0 17px 20px 0;
	position: relative;
}
div.seo-landing div.example-projects div.left:hover {
	cursor:pointer;
}
div.seo-landing div.example-projects div.left div.overlay {
	width:100%;
	height:50px;
	background-color: #ccc;
	margin-top:150px;
	color: #000;
}
div.seo-landing div.example-projects div.left div.overlay p {
	padding: 5px 0 0 10px;
	margin: 0;
}
div.seo-landing div.example-projects div.left div.overlay p span {
	font-weight:bold;
	display:block;
}
div.seo-landing div.seo-post-project {
	margin: 2em auto 2em;
	padding: 15px 10px 10px;
	text-align: center;
	/*background: transparent url(../images/project/postaproject/bg-pick5.png) center bottom no-repeat;*/
	font-size: 1.5em;
}
div.seo-landing div.seo-intro {}
div.seo-landing div.seo-intro ul.description {
	text-align: left;
	padding: 1em 0 1em 2em;
	font-family: Georgia, serif;
	font-size: 1.45em;
}
div.seo-landing div.seo-intro ul.description li {
	list-style-image: url(../images/project/postaproject/tick.png);
	height: 1.75em;
}
div.seo-landing div.seo-intro ul.description li strong {
	cursor: pointer;
}
div.seo-landing table.packages {
	width: 700px;
	margin: 1em auto 2em;
}
div.seo-landing table.packages thead th { padding-bottom: 15px; }

div.seo-landing div.seo-post-project div.post-project-right {
	margin: 3px 10px 0 0;
	width: 240px;
	float: right;
	background-color: #fff;
	height: 100px;
	padding-top: 15px;
	border: 1px solid #ccc;
}
div.seo-landing div.seo-post-project a.submitpink {
	border: 1px solid #d6d6d6;
	background-color: #333;
	background: #F743AC url(../images/global/master-buttons-bg-1.gif) repeat-x scroll 0 -181px;
	height: 32px;
   	font-weight: bold;
   	font-size: 1.2em;
   	padding: 9px 20px 11px;
   	color: #fff;
   	margin: 0 auto;
}
div.seo-landing div.seo-post-project p.price {
	width:48px;
	height:30px;
	background-image:url(../images/project/postaproject/bg-as-low-as.png);
	background-repeat:no-repeat;
	margin: 0 auto 5px;
	padding: 1px 5px 10px 78px;
	font-size:18px;
	font-weight:bold;
}
div.seo-landing p.seo-learn-more {
	text-align: center;
	font-size: 1.35em;
	margin-bottom: 2em;
}
div.seo-landing ol.how-cs-works {
	padding: 1em 0 2em;
	margin-left: 0;
}
div.seo-landing ol.how-cs-works li {
	width: 275px;
	margin-right: 15px;
	text-align: center;
	position: relative;
}
div.seo-landing ol.how-cs-works li h4 {
	font-size: 1.5em;
	background: transparent url(../images/seo/hiw-list-numbers.gif) 0 0 no-repeat;
	padding-left: 30px;
	height: 35px;
	margin: 0 0 0.5em 25px;;
	text-align: left;
	font-weight: normal;
}
div.seo-landing ol.how-cs-works li.two h4 {
	background-position: 0 -38px;
	margin-left: 15px;
}
div.seo-landing ol.how-cs-works li.three h4 {
	background-position: 0 -76px;
}
div.seo-landing ol.how-cs-works li a {
	border: 1px solid #eaeaea;
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	color: #000;
	font-size: 1.2em;
	text-decoration: none;
}
div.seo-landing ol.how-cs-works li a img {
	width: 200px;
}
div.seo-landing ol.how-cs-works li div.click-this {
	height: 150px;
	padding-top: 50px;
	width: 200px;
}
div.seo-landing ol.how-cs-works li div.click-this img {
	width: 77px;
}
div.seo-landing ol.how-cs-works li a span.open-modal {
	border: 1px solid #eaeaea;
	right: 37px;
	background-color: #fff;
}
div.seo-landing ol.how-cs-works li.three {
	margin-right: 0;
}
div.seo-landing div.videos h3 { padding-top: 10px; }
div.seo-landing ul.videos {
	padding: 1em 0 2em;
}
div.seo-landing ul.videos li {
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
	position: relative;
}
div.seo-landing ul.videos li a {
	background: transparent url(../images/seo/hiw-video-stills-bg.jpg) 0 0 no-repeat;
	display: block;
	height: 146px;
	margin-bottom: 0.5em;
}
div.seo-landing ul.videos a span.open-modal {
	top: 126px;
}
div.seo-landing ul.videos a#networlding {
	background-position: 0 -146px;
}
div.seo-landing ul.videos a#graymills {
	background-position: 0 -292px;
}
div.seo-landing ul.videos a#bolster {
	background-position: 0 -438px;
}
div.seo-landing div.testimony {
	padding-bottom: 1em;
}
div.seo-landing div.testimony dl {
	width: 270px;
	float: left;
	margin: 0 8px;
	font-size: .9em;
}
div.seo-landing div.testimony dl dt {
	padding: 10px;
	border-width: 1px 1px 0 1px;
	border-color: #ccc;
	border-style: solid;
	padding: 5px 8px;
	text-align: justify;
}
div.seo-landing div.testimony dd {
	color: #444;
	font-size: 1em;
	font-style: italic;
	text-align: right;
	background: transparent url(../images/global/how_it_works_arrow.gif) no-repeat scroll right top;
	padding: 20px 10px 0 0;
}
div.seo-landing div.testimony dl dd img {
	float: right;
	margin-right: 4px;
}
div.seo-landing div.testimony dl dd span {
	display: block;
	font-size: .95em;
	width: 175px;
	line-height: 1.6em;
}
div.seo-landing div.testimony dl dd span strong {
	font-size: 1.15em;
}
div.seo-landing div.quote {
	font-size: 1.5em;
	margin-top: 50px;
}
div.seo-landing div.quote q {
	font-size: .7em;
	line-height: 1.5em;
}
div.seo-landing a.submit:hover {
	background-position: 0 -366px;
}
div.seo-landing ul.design-examples li {
	float: left;
	margin: 0 9px 15px;
	position: relative;
}
div.seo-landing ul.design-examples li div.zoom {
	display: none;
	position: absolute;
	top: 1px;
	right: 1px;
}
div.seo-landing div.cta {
	background-image:url(../images/howitworks/hiw2/bg-cta.gif);
	background-repeat:no-repeat;
	background-position: -15px 3px;
}
div.seo-landing div.cta a.greybtn {
	margin-left: 215px;
}
div.seo-landing ul.design-examples li:hover div.zoom {
	display: block;
}
div.seo-landing p.media {
	color: #999999;
    font-size: 1.3em;
    padding: 5px 0 10px;
    text-align: center;
    text-transform: uppercase;
	margin: 1em 0 1em;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
div.seo-landing div.seo-columns {
	margin-bottom: 2em;
}
div.seo-landing div.seo-columns div.left, div.seo-landing div.seo-columns div.right {
	margin: 0;
	padding: 0;
	width: 370px;
	line-height: 1.6em;
	font-size: 1.2em;
}
div.seo-landing div.seo-columns div.left {
	margin-left: 40px;
}
div.seo-landing div.seo-columns div.right {
	margin-right: 40px;
}
div.seo-landing div.seo-columns h4 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 0 0 0.5em;
	padding-top: 1em;
	color: #000;
	font-family: Georgia, Courier, serif;
}
div.seo-landing div.seo-columns p {
	margin-bottom: 1em;
}
div.seo-landing .last {
	margin-right: 0 !important;
}

/* Example project modals */
div.projectdetails {
	padding-left:20px;
	padding-right:20px;
}
div.projectdetails h2 {
	font-size:2.1em;
	color: #333;
	font-weight:bold;
}
div.projectdetails p.byline {
	font-size:1.5em;
	color:#333;
	font-style:italic;
	font-weight:normal;
}
div.projectdetails p.description {
	font-size:1em;
	font-style:normal;
}
div.projectdetails div.cta {
	height:30px;
	padding:9px 0;
	width:100%;
	text-align:center;
	margin: 30px auto;
    margin: 0 auto;
    padding: 30px 0 20px;
}
div.projectdetails div.cta a.medium {
	color: #fff;
	width:300px;
	height:37px;	
	text-align:center;	
	font-weight:bold;
	text-decoration:none;
	padding-top:7px;
	background: transparent url(../images/howitworks/hiw2/btn-blue-medium.png) 0 0 no-repeat;
	display: block;
	margin: 0 auto;
}

/* Learn more modal */
div#project_type_modal {
	/*background-color:green;*/
	width: 630px;
	padding: 30px 20px 20px;
}

div#project_type_modal table#compare {
	margin-top:-15px;
	padding-top: 15px;
	border-collapse:collapse; /*this, along with border-bottom on the table's td's creates the tr bottom-border in IE. ugh.*/
	
}

div#project_type_modal table#compare tr.header td {
	height:60px;
	border-bottom: 0;
}


div#project_type_modal table#compare tr td{
	border-bottom:1px solid #dddddd; /*this, along with border-collapse on the table creates the tr bottom-border in IE. ugh.*/
	padding:7.3px 0;
	background-repeat: no-repeat;
	background-position: center;	
}

div#project_type_modal table#compare tr.first td {
	border-top: 1px solid #dddddd;
}

div#project_type_modal table#compare tr.last td {
	border-bottom:0;
	}

div#project_type_modal table#compare tr td.button {
	border-bottom:0;
	text-align:center;
	padding-top:20px;
}

div#project_type_modal table#compare tr td.item {
	width: 265px;
}

td.item span {
    font-size:.7em;
    font-weight:normal;
}

div#project_type_modal table#compare tr td.pro {
	background-color:#d7f1fc;
	width: 175px;
}

div#project_type_modal table#compare tr td.standard {
}
div#project_type_modal table#compare tr td.check {
	background-image: url('../images/project/icon-blue-circle.png');
}

div#project_type_modal table#compare tr td.cross {
	background-image: url('../images/project/icon-white-circle.png');
	/*background-position: center 6px;*/
}

div#project_type_modal table#compare tr td.text {
	font-style:italic;
	text-align: center;
	font-weight:normal;
	vertical-align:middle;
}

div#project_type_modal table#compare tr td.awards {
	background-color:#ffffff;
}

div#project_type_modal table#compare tr td.awards p {
    margin:0;
}

div#project_type_modal table#compare tr td.button {
	text-align:center;
}

/* related items */
div.seo div.related {
	clear: both;
	position: relative;
	padding-top: 20px;
}
div.seo div.related ul li {
	float: left;
	width: 190px;
}
div.seo div.related h4 {
	font-size: 1.15em;
	color: #333;
}

/* Sitemap */	
div.sitemap_narrow {
	width: 615px;
}
div.sitemap h2 {
	border-bottom: 1px solid #eee;
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 5px;
	padding-top: 1em;
}
div.sitemap h3 { font-size: 1.5em; padding-top: 0.75em; font-weight: normal; }
div.sitemap ul li { font-size: 1.15em; }
div.sitemap ul.wrap li {
	float: left;
	width: 275px;
}
div.seo dl.benefits {
	width: 200px;
	padding: 20px;
	margin-top: 30px;
	background-color: #f1f1f1;
}
div.seo dl.benefits dt {
	color: #444444;
	font-size: 1.5em;
	margin-top: 15px;
	margin: 0 0 10px;
	text-align: center;
}
div.seo dl.benefits li {
	font-size: 1.05em;
	line-height: 1.2em;
	list-style-type: disc;
	margin-bottom: 20px;
	margin-left: 5px;
}

/* 99 designs */
div.ninety-nine div.right h4 {
	font-size: 1.2em;
	margin: 10px 0 0 10px;
}
div.ninety-nine div.right div.benefits ul {
	margin-right: 20px;
	font-size: 0.9em;
}
div.ninety-nine div.relatedLinks {
	width: 610px;
}
div.ninety-nine div.sm-links {
	margin-top: 50px;
	width: 220px;
}
div.ninety-nine div.sm-links li {
	float: left;
	margin-left: 25px;
	width: 75px;
}
div.ninety-nine div.link-list {
	margin-top: 2em;
}
div.ninety-nine div.link-list li {
	float: left;
	width: 200px;
}
div.ninety-nine div.relatedLinks ul.link-list li {
	width: 200px;
	float: left;
}
div.ninety-nine div.relatedLinks div.item-list h3 {
	font-size: 1.2em;
	margin: 4em 0 1em;
}
div.ninety-nine ul.post-links {
	width: 400px;
	margin: 0 auto;
}
div.ninety-nine ul.post-links li {
	float: left;
	font-size: 1.2em;
	width: 150px;
}
div.ninety-nine ul.post-links li.learn-more {
	width: 100px;
}
div.ninety-nine ul.post-links li.or {
	width: 40px;
}

.main.testimonials {
    padding: 0px; position: relative;
}
#testimonials_background {
}
#testimonials_background img {
  display: block;
  margin: 0px;
}
#testimonials_content {
    position: absolute; 
    width: 500px; 
    right: 45px; 
    top: 45px; 
    padding: 0px;
}
#testimonials_subhead { position: absolute; top: 10px; left: 0; color: #fff; font-size: 2em; text-align: center; width: 100%; }
#testimonials_next {
  cursor: pointer;
  position: absolute;
  bottom: 15px;
  right: 45px;
  width: 95px; 
  height: 40px; 
  padding: 10px; 
  line-height: 21px; 
  padding-right: 65px; 
  background: #fff; 
  font-size: 15px; 
  font-weight: bold; 
  text-align: right; 
  color: #000; 
  cursor: pointer; 
  background: #fff url(../images/seo/seo-testimonials-next-test-arrow.png) 115px 10px no-repeat;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
  border-radius: 8px;
}
#testimonials_content.wide {
  position: absolute; 
  width: 820px; 
  top: 45px;
  left: 55px;
}
#testimonials_content.wide #testimonials_textbox_wide {
  display: block !important;
}
#testimonials_content.wide #testimonials_textbox_wide img {
  display: block;
}
#testimonials_content.wide #testimonials_textbox {
  display: none !important;
}
#testimonials_content.wide #testimonials_arrow {
  display: none !important;
}
#testimonials_content.wide .testimonials-button {
  display: none !important;
}
#testimonials_content.wide #testimonials_tagline {
    float: right; 
    width: 300px; 
    margin-left: 10px !important; 
    margin-right: 100px !important; 
    color: #222; 
    font-size: 16px;
}
#testimonials_textbox_wide {
    position: relative;
    display: none;
}
#testimonials_text_wide {
    float: right;
    font-family: 'Times New Roman', serif; 
    font-size: 27px; 
    background-image: url(../images/seo/seo-testimonials-shoutbox-wide-bg.png);
    background-color: transparent;
    width: 800px; 
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    font-style: italic; 
    line-height: 40px; 
    color: #fff;
}

#testimonials_textbox {
    position: relative;
}
#testimonials_videobox {
  position: relative;
}
#testimonials_arrow {
  position: absolute;
  top: 35px;
  left: 9px;
}
.main.testimonials .videobox { 
  float: right;
  background-image: url(../images/seo/seo-testimonials-shoutbox-bg.png);
  background-color: transparent;
  width: 412px;
  padding-left: 20px;
  padding-right: 10px;
}
#testimonials_videobox img, #testimonials_textbox img {
  float:right;
}
    #testimonials_text {
        float:right;
        font-family: 'Times New Roman', serif; 
        font-size: 22px; 
        background-image: url(../images/seo/seo-testimonials-shoutbox-bg.png);
        background-color: transparent;
        width: 427px; 
        padding-left: 10px;
        padding-bottom: 10px;
        padding-right: 5px;
        font-style: italic; 
        line-height: 30px; 
        color: #fff;
      }
#testimonials_bottom {
    padding-top: 10px !important;
}
    #testimonials_tagline {
        float: left; 
        width: 210px; 
        margin-left: 70px; 
        color: #222; 
        font-size: 16px;
    }
    #testimonials_tagline span.names, #testimonials_tagline span.names a {
        color: #fff; 
        font-weight: bold;
    }
    #testimonials_tagline span.names a {
    	border-bottom: 1px solid #fff;
    }
    #testimonials_tagline span.names a:hover {
    	border: none;
    	text-decoration: none;
    }
    #testimonials_tagline span.names .company {
      color: #eee;
      width: 300px;
      display: block;
    }
    .testimonials-button {
        float: right; 
        cursor: pointer; 
        font-weight: bold; 
        background-color: #fff; 
        padding: 5px; 
        padding-left: 35px;
        background-image: url(../images/seo/seo-testimonials-button-icon.jpg); 
        background-repeat: no-repeat; 
        background-position: 7px 7px; 
    }
    .testimonials-button2 {
        float: right; 
        cursor: pointer; 
        font-weight: bold; 
        background-color: #fff; 
        padding: 5px; 
        padding-left: 35px;
        background-repeat: no-repeat; 
        background-position: 7px 7px; 
    }
    #testimonials_button_see_casestudy {
      padding-left: 5px;
      margin-right: 5px;
    }    
    #testimonials_button_see_video {
        background-position: 7px 5px; 
        background-image: url(../images/seo/seo-testimonials-button-icon2.gif) !important; 
        width: 65px; 
    }
    #testimonials_button_see_comment {
        width: 90px; 
    }
    #testimonials_next {
      cursor: pointer;
      margin-top: 25px;
      float: right;
      clear: both;
    }
table.testimonials {
  table-layout: fixed;
  margin-top: 5px;
  margin-left: -5px;
  margin-right: 0px;
  background: none;
  border-collapse: separate;
  border-spacing: 5px;
  width: 932px;
}
.testimonials tr {
  display: table-row;
}
.testimonials tr td:first-child {
  border-left: 0px;
}
.testimonials td {
  cursor: pointer;
  position: relative;
  vertical-align: top;
  width: 220px;
  height: 190px;
  padding: 0px;
}
.testimonials td .tdhover {
  position: relative;
  height: 200px;
  padding: 20px 10px 10px 20px;
  border: 5px solid #fff;
  background: transparent;
}
.testimonials td.rowspan2 {
  height: 380px;
}
.testimonials td.rowspan2 .tdhover {
  margin-bottom: 0px;
  height: 425px;
}
.testimonials td.colspan2 .tdhover {
  height: 190px;
  width: 390px;
}
.testimonials td.colspan2 {
    width: 420px !important;
}
.testimonials td:hover, .testimonials td.selected {
  background: #4fbedc !important;
}
.testimonials td:hover .tdhover, .testimonials td.selected .tdhover {
  background: transparent;
  border: 5px solid #4fbedc;
  color: #fff;
}
.testimonials td.whitecell {
  background: #fff;
}
.testimonials div.photo img {
  display: block;
}
.testimonials td.colspan2 div.photo {
  border: 5px solid #fff;
  float: left;
  margin-bottom: 0px;
  position: absolute;
  top: 15px;
  left: 15px;
}
.testimonials td.colspan2:hover div.photo {
  border: 5px solid #fff;
}
.testimonials td.colspan2 .tdhover {
    clear: both;
}
.testimonials td.colspan2 .quote {
    position: absolute;
    top: 25px;
    left: 205px;
    width: 170px; 
    margin-left: 10px;
}
/*.testimonials td.colspan2 .names { 
}*/
.testimonials div.photo {
  margin-bottom: 10px;
  border: 5px solid #fff;
  width: 176px;
}
.testimonials div.photosmall {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
/*.testimonials div.phototop {
  margin-right: 0px;
  margin-top: -10px;
  margin-left: 10px;
  position: relative;
  float: right;
}
*/
.testimonials div.quote {
  line-height: 21px;
  font-family: 'Times New Roman', serif;
  font-size: 18px;
  font-style: italic;
  width: 150px;
}
.testimonials div.quote.phototop {
  width: 190px;
}
.testimonials div.quote.phototop div.photo {
  margin-right: 0px;
  margin-top: -10px;
  margin-left: 5px;
  position: relative;
  float: right;
  width: 80px;
  zoom: 1;
}
.testimonials div.fullquote {
  display: none;
}
.testimonials div.names {
  margin-top: 10px;
  line-height: 20px;
  font-family: 'Arial', sans-serif;
  font-size: 12px;
  font-style: normal;
  letter-spacing: 0.9px;
}
.testimonials .fixednames .names {
  position: absolute;
  left: 15px;
  bottom: 15px;
}
.testimonials td.colspan2 {
/*  width: 405px !important;*/
}

/**/

.testimonials.find-out {
  background-color: #F7F8F9;
  border: 1px solid #F7F8F9;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 10px 20px;
  margin-top: 0px;
  _margin-top: 5px;
}
.testimonials.find-out p {
  width: 640px;
  font-size: 1.2em;
  float: left;
  margin: 0;
  color: #333;
  letter-spacing: .02em;
}
.testimonials.find-out a.submit {
  background: #00bdf4 url(../images/seo/seo-testimonials-arrow-small.png) 140px 5px no-repeat;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 1.35em;
  padding: 9px 50px 7px 20px;
  display: block;
  width: 120px;
}
.case-study {
  display: none;
  padding: 15px;
  padding-top: 0px;
  height: 800px;
  font-size: 14px;
}
.case-study .title {
  display: none;
}
.case-study .h-one {
	font-size: 2em;
  	margin-bottom: 10px;
  	font-weight: bold;
}
.case-study .h-two {
	color: #666;
    font-size: 1.5em;
  	margin-bottom: 15px;
}
.case-study .question {
  font-weight: bold;
  margin-bottom: 0px;
}
/* New to integrate */

img.promoBanner {
	margin-bottom:26px;
}
h2.banner {
	text-indent: -99999px;
	background-repeat:no-repeat;
	width:222px;
	height:30px;
	margin-left: -6px;
	margin-top:3px;
}

h2.banner.writing {
	background-image:url(../images/homepage/banner-new-writing.png);
	}

h2.banner.featuredProjectsBanner {
	background-image:url(../images/homepage/banner-featured-projects.png);
	/*background-image:url(../images/homepage/banner-new-writing.png);	*/
	margin-left:-16px;
	}


span#footcalls {
	width:868px;
	height:125px;
	margin-top:-15px;
}

span#footcalls div {
	background-repeat:no-repeat;
	height:125px;
	text-align:center;
}
span#footcalls div.project {
	background-image: url(../images/homepage/footer-project.gif);
	width:172px;
}

span#footcalls div.hiw {
	background-image: url(../images/homepage/footer-hiw.gif);
	width:518px;
	margin: 0 3px 0 3px;
}
span#footcalls div.question {
	background-image:url(../images/homepage/footer-question.gif);
	width:172px;
}



span#footcalls div span {
    display: block;
	border: 1px solid #d6d6d6;
	background-color: #333;
	background:transparent url(../images/global/master-buttons-bg-1.gif) 0 -85px repeat-x;	
	height: 23px;	
	width: 130px;	
	font-weight:bold;
	text-align:center;
	
	margin: 70px auto 0 auto;
	padding-top:8px;
	padding-bottom:3px;
}


span#footcalls div span:hover {
	border: 1px solid #eee;
}
span#footcalls div span:hover {
	background-position: 0 -122px;
}

span#footcalls div span,
span#footcalls div span a {
	color: #fff;
}

span#footcalls div span:hover,
span#footcalls div span:hover a {
	color: #fff;
}


div#picker form h4 {
	/*margin-left:-200px;*/
	padding-top:8px;
	text-align:left;
	font-size: 2em;
	position:absolute;
	top:297px;
	left:160px;
}
/* Styling for cS homepage */

.homepage {
	background: #fff;
	padding: 0;
}
.homepage .tabs {
	background: transparent;
	position: relative;
	margin-top: -73px;
	padding: 20px 0 0 0;
}
.homepage .tabs a:hover {
	text-decoration: none;
	color: #fff;
}
.homepage .tabs li.active a:hover {
	color: #000;
}
.homepage h2.thin {
	margin-bottom: 0;
	font-size: 1.3em;
}

#homepageContent {
	padding: 26px;
}
#featuredProjects {
	padding:10px 0 20px 10px;
	border: 1px solid #eaeaea;
	background-color: #F1F1F1;
	font-size: 1em;
	margin-top: 25px;
    float:left;
}
#featuredProjects ul p {
	font-weight:bold;
	font-size:1.2em;
	color:#444;
	margin:0;
	}
#homepageContent #featuredProjects li {
	padding: 0 0 2px 0;
	height: 17px;
}
#homepageContent #featuredProjects li.left {
	width: 420px;
}
#homepageContent #featuredProjects li ul.info li {
	padding: 0 5px 0 4px;
}

#homepageContent .loading {
	text-align: center;
	font-size: 1.75em;
	font-weight: bold;
	color: #b8b8b8;
	padding: 60px 0;
}
#homepageContent .container {
	border: solid 1px #eaeaea;
	margin-top: 25px;
	width: 420px;
}
#homepageContent .container h3 {
	font-size: 1.25em;
	margin: 0;
	padding: 5px 10px 0 10px;
}
#homepageContent .container h3 {
	font-size: 1.25em;
}
#homepageContent h3 {
	font-size: 1.4em;
}
#homepageContent ul.info {
	padding: 2px 10px 10px 10px;
}
#homepageContent ul.info li {
	/*border-right: 1px solid #dedede;*/
	float: left;
	width: auto;
	padding: 0 5px 0 4px;
}
#homepageContent ul.info li:first-child {
	padding-left: 0;
	display:block;
	/*width:200px;*/
	font-weight:bold;
}
#homepageContent ul.info li:last-child {
	border-right: 0;
	font-style:italic;
	color: #666;
}
#homepageContent ul.collage li {
	width: 420px;
	height: 140px;
	text-align: center;
}
#homepageContent ul.collage li img {
	width: 420px;
	height: 140px;
}

/* homepage promos */
#homepageContent .promo {
	height: 60px;
	position: relative;
	padding: 0;
	width: 100%;
	font-size: 1.1em;
	margin-top: 25px;
}
#homepageContent .container.promo h3 {
	font-size: 1.7em;
	font-weight: bold;
	padding-left: 5px;
	margin-top: 10px;
}
#homepageContent .container.promo h3 a {
	color: #000;
}
#homepageContent .container.promo p {
	padding: 10px 5px 0 5px;
	color: #333;
}
#homepageContent .container.promo .left {
	line-height: 1em;
	width: 110px;
}
#homepageContent .container.promo dd.left {
	padding-top: 10px;
}
#homepageContent .container.promo dd.logo {
	width: 150px;
}
#homepageContent .container.promo dd.last {
	margin-left: 10px;
	width: 530px;
}
#homepageContent .container.promo dt.left {
	height: 75px;
}
#homepageContent .container.promo dd.badge {
	position: absolute;
	top: -1px;
	right: -1px;
}

/* Stats bar */
.homepage .stats {
	margin: 0 0 25px 0;
	text-align: center;
	background: #222;
	padding: 0;
	text-align: center;
	padding: 5px 20px;
}
.homepage .stats li {
	display: inline;
	text-align: center;
}
.homepage .stats a {
	margin: 0 auto;
	font-size: 1.0em;
	color: #fff;
	border-right: 1px solid #666;
	padding: 0 10px 0 5px;
	cursor: pointer;
}
.homepage .stats a:hover {
	text-decoration: none;
}
.homepage .stats a strong {
	color: #ed2590;
}
.homepage .stats li.last a { border-right: none; }
.homepage .howitworks2 { padding: 0; }

/* Alernate top styling for GWO testing 01.05.11 */
div.homepage-hero { position: relative; background-color: #23b4f1; height: 300px; }
div.homepage-hero a { color: #fff; text-decoration: none; }
div.homepage-hero h1 { width: 100%; text-align: center; }
div.homepage-hero h1 span { font-size: 0.9em; font-weight: normal; }
div.homepage-hero p.subhead { font-size: 1.85em; text-align: center; color: #ccc; cursor: help; }
div.homepage-hero div.one-col { width: 370px; font-size: 1.15em; color: #e1e1e1; padding-top: 35px; }
div.homepage-hero div.one-col span { font-size: 0.9em; }
div.homepage-hero div.one-col span a { text-decoration: underline; }
div.homepage-hero div.one-col span a:hover { color: #23b4f1; }
div.homepage-hero div.two-col { width: 538px; }
div.homepage-hero .nivo-directionNav a { background: transparent url(../images/global/nivo-direction-arrows.png) -5px 0 no-repeat; display: block; width: 45px; height: 50px; text-indent: -9999px; }
div.homepage-hero .nivo-directionNav a.nivo-prevNav { background-position: 0 -50px; }
div.homepage-hero .nivo-controlNav { position: absolute; bottom: 10px; left: 10px; padding: 5px; z-index: 100; }
div.homepage-hero .nivo-controlNav a { color: #666; text-align: center; background: transparent url(../images/global/nivo-control-bg.png) -1px 0 no-repeat; display: block; float: left; width: 20px; height: 20px; padding-top: 1px; }
div.homepage-hero .nivo-controlNav a.active { background-position: -1px -20px; color: #fff; }

/* HIW 1-2-3 */
div.onetwothree { background-color: #000; height: 400px; color: #fff; }
div.onetwothree h1 { padding: 10px 0 5px; font-size: 2.25em; font-family: georgia, times, courier, serif; }
div.onetwothree h1 a { color: #e1e1e1; }
div.onetwothree div.nivoSlider { height: 284px; }
div.onetwothree .nivo-caption { top: 40px; left: 20px; width: 400px; background: transparent; height: 100px; text-align: center; color: #fff; font-size: 1.2em; }
div.onetwothree .nivo-caption h2 { color: #fff; }
div.onetwothree .nivo-caption span { font-size: 1.1em; }
div.onetwothree div.hiw-cta { background-image: none; margin: 0; padding: 0; width: 300px; position: absolute; left: 71px; bottom: 80px; z-index: 100; text-align: center; }
div.onetwothree div.hiw-cta a { color: #fff; text-decoration: underline; }
div.onetwothree div.hiw-cta a:hover { color: #23b4f1; text-decoration: none; }
div.onetwothree div.hiw-cta a.hiw { margin: 0 auto; background: transparent url(../images/global/btn-pink-small.png) center top no-repeat; text-align: center; text-transform: uppercase; font-size: 1.45em; font-weight: bold;  padding-top: 2px; width: 206px; height: 37px; z-index: 100; display: block; text-shadow: 1px 1px #603; text-decoration: none; }
div.onetwothree div.hiw-cta a.hiw:hover { color: #fff; }

/* Stats bar */
div.statbar { position: relative; height: 86px; margin-bottom: 20px; }
div.statbar div.stats { background-color: #fff; height: 86px; margin: 0; padding: 8px 0; text-align: left; }
div.statbar div.stats ul { width: 100%; margin-left: 12px; text-transform: uppercase; }
div.statbar div.stats li { font-size: 1em; float: left; padding: 10px 10px 10px 20px; color: #fff; line-height: 1.6em; text-align: left; }
div.statbar div.stats li a { display: block; color: #333; padding: 0; font-weight: bold; border-right: 1px dashed #bbb; }
div.statbar div.stats li a strong { color: #079FDF; display: block; font-size: 1.85em; }
div.statbar div.stats li.first a { padding-left: 0; }
div.statbar div.stats li.last a { border-right: none; }
/* HIW examples version */
div.four-up div.howitworks2 { padding: 0 26px; }
div.four-up h1 { color: #666; font-size: 3em; text-transform: uppercase; text-align: center; padding: 50px 0 5px; line-height: 1.2em; letter-spacing: 0em; font-weight:bold; }
div.four-up h1 span { font-size: 1.4em; }
div.four-up h1 strong { color: #079FDF; font-size: 1.35em; }
div.four-up p.subhead { text-align: center; color: #666; font-size: 2.15em; padding-bottom: 10px; cursor: help; margin: 0; }
div.four-up #homepageContent { padding: 0 26px 10px; }
div.four-up #featuredProjects li ul.info li span, div.video-top #featuredProjects li ul.info li span { display: none; }
div#featuredProjects { width: 100%; }
div.four-up #homepageContent #featuredProjects li { font-size: 1.2em; }
div.four-up div.hero div.howitworks2 div.example-projects { float: left; }
div.four-up div.hero div.howitworks2 div.example-projects div.showproject { margin: 0 20px 20px 0; }
div.four-up div.hero div.intro { width: 395px; padding-right: 10px; }
div.four-up div.hero div.intro p { font-size: 2.4em; color: #666; line-height: 1.3em; text-align: justify; }
div.four-up div.hero div.intro p span { /*font-size: 1.15em;*/ }
div.four-up div.hero div.intro p small { font-size: 0.9em; }
div.four-up div.hero div.intro p a { font-weight: bold; text-decoration: underline; }
div.four-up div.hero div.intro p a:hover { text-decoration: none; }
div.four-up div.pap0 { margin: 20px 0 10px; }
div.four-up div.pap0 a.expand-categories { font-size: 1.15em; color: #999; margin-top: 10px; display: inline-block; }
div.four-up div.allcategories { padding: 0 35px; }

div.four-up div.hero div.education { /*color: #fff; background-color: #666;*/ font-size: 1.45em; padding: 20px 85px 15px; /*border-top: 3px solid #999; border-bottom: 3px solid #999;*/ }
div.four-up div.hero div.education p { color: #999; }
div.four-up div.hero div.education a { font-weight: bold; display: inline; }

/* video version */
div.video-top div.hero { padding: 0 26px; }
div.video-top div.hero div.points { width: 275px; font-size: 1.5em; }
div.video-top div.hero div.points li { margin: 0 0 14px; line-height: 1.2em; }
div.video-top div.hero div.points li strong { font-size: 1.5em; }
div.video-top div.hero div.video a { display: block; width: 550px; height: 265px; padding-top: 100px; font-size: 2em; color: #fff; text-align: center; background: #333 url(../images/homepage/watch-video-grey-med.gif)  center center no-repeat; }
div.video-top div.hero div.video div.video-frame { display: none; background-color: #000; padding: 20px 0 11px;}
div.video-top div.hero div.points a.button, div.testimonials div.hiw-links a.button {
	background: url("../images/global/master-buttons-bg-1.gif") repeat-x scroll 0 -181px #990033;
    border: 1px solid #990033;
    border-radius: 10px;
    color: #FFFFFF;
    font-size: 1.35em;
    font-weight: 600;
    height: 28px;
    margin: 5px 0 10px;
    padding: 5px 20px 8px;
    text-align: center;
}
div.video-top div.hero div.points a.button:hover, div.testimonials div.hiw-links a.button:hover { background-image: none; text-decoration: none; border-color: #999; }
div.video-top div.hero div.points p.tour-link, div.testimonials div.hiw-links p.tour-link { font-size: 0.8em; padding: 5px 0 0 30px; margin: 0; }

/* testimonials */
div.testimonials div.hiw-links { position: absolute; bottom: 10px; right: 40px; width: 170px; height: 60px; text-align: center; }

div.testimonials div.hiw-links { font-size: 1.2em; color: #fff; }
div.testimonials div.hiw-links a.button { margin-top: 0; }
div.testimonials div.hiw-links p.tour-link { font-size: 1em; padding: 5px 0 0; }
div.testimonials div.hiw-links p.tour-link a { color: #fff; font-size: 1em; text-decoration: underline; }
div.testimonials div.hiw-links p.tour-link a:hover { text-decoration: none; }

/* how it works content fixes */
div.howitworks2 div.cta {
	margin-top: 0;
	padding-bottom: 20px;
}
div.howitworks2 div.cta div.small {
	width: 206px;
    float:none;
    display:inline-block;
    font-size: 1.15em;
    padding-top: 5px;
}
div.howitworks2 div.cta div.bluebtn {
	margin-left: 20px;
}
div.howitworks2 div.cta div.greybtn { margin-left: 0; }
div.howitworks2 div#howgood div#brands {
	background-image: url(../images/homepage/homepage-brand-logos-3.png);
}
div.howitworks2 div#howgood div#brands p { font-size: 1.45em; padding-top: 5px; }
div.howitworks2 div#howgood p.media {
	text-align: center;
	color: #999;
	font-size: 1.3em;
	padding: 5px 0 10px;
	text-transform: uppercase;
}
div.projectdetails {
	width: 800px;
	height: 500px;
	padding-bottom: 20px;
}
div.projectdetails h2 {
	font-size: 2.5em;
	line-height: 1.25em;
	padding-top: 15px;
}
div.projectdetails .images {
	float: right;
	width: 220px;
	height: 450px;
	padding: 20px 0 10px;
	margin-left: 20px;
}
div.projectdetails ul.images li {
	float: left;
	margin: 10px;
}
div.projectdetails ul.images li.hero {
	margin: 0;
}
div.projectdetails ul.images li.l {
	margin-left: 0;
}
div.projectdetails ul.images li.r {
	margin-right: 0;
}
div.projectdetails p.description {
	font-size: 1.1em;
	margin-top: 10px;
}
div.projectdetails ul.project-info {
	font-size: 1.5em;
	margin: 20px 0;
}
div.projectdetails ul.project-info li strong {
	color: #666;
}
div.projectdetails dl.description dt {
	font-size: 1.5em;
	color: #666;
	margin-top: 1em;
}
div.projectdetails div.cta {
	margin-bottom: 0;
	margin-top: 30px;
}
div.projectdetails div.cta div.small {
	margin: 0 0 0 100px;
	float: none;
}

	/* promo projects */
	div#promotedProjects {
		/*margin-top:20px;*/
		}
		div.gotopromo p a, div.gotopromo p {
			color:#fff;
			text-decoration:none;
			}

	.popularDesigners {
	margin:0;
	padding:0 26px;
	}		
	div.featured {
		position: relative;
		width:200px;
		height:200px;
		border:1px solid #ccc;
		margin-right:20px;
		position: relative;		
		}
		div.featured.larger {
			width:300px;
			float:left;
			margin-right:30px;
			height:300px;
			}
		div.featured.double {
			width:634px;
			float:left;
			margin-right:30px;
			height:300px;
			}
	div#stack {
			width:200px;
			float:left;
			}
			div#stack div.featured.smaller {
				width:200px;
				height:140px !important;
				margin-bottom: 0;
				background-repeat: no-repeat;
				}
			div#stack div#feature3 {
					padding-bottom: 0;
					margin-bottom: 17px;
				}
	div.featured.double div.overlay {
		background-color: black;
	    color: white;
	    height: 50px;
	    margin-top: 250px;
	    width: 100%;
	}

	 /* Brand Projects */
	 div#projects div.left {
		width:200px;
		height:200px;
		border:1px solid #ccc;
		margin-right:20px;
		position: relative;
		}
		 div#projects:hover {
			cursor:pointer;
			}
		 div#projects div#one {
			background-image:url(../images/howitworks/hiw2/sample-museum.gif);
			background-repeat:none;
			}
		 div#projects div#two {
			background-image:url(../images/howitworks/hiw2/sample-chuck.gif);
			background-repeat:none;
			}
		 div#projects div#three {
			background-image:url(../images/howitworks/hiw2/sample-phantom.gif);
			background-repeat:none;
			}
		 div#projects div#four {
			background-image:url(../images/howitworks/hiw2/sample-congress.gif);
			background-repeat:none;
			}									
		 div#projects div.left.lastone {
			margin-right:0;
			}
		 div#projects div.left div.click-this {
			background-color: white;
			width: 100%;
			height: 130px;
			position: absolute;
			filter:alpha(opacity=85);
			-moz-opacity:0.85;
			-khtml-opacity: 0.85;
			opacity: 0.85;
			padding-top: 20px;
			text-align: center;
			cursor: pointer;
		}
		 div#projects div.left div.overlay {
			width:100%;
			height:50px;
			background-color:black;
			margin-top:150px;
			color:white;
			}
			 div#projects div.left div.overlay p {
				padding: 5px 0 0 5px;
				}
			 div#projects div.left div.overlay p span {
				font-weight:bold;
				display:block;
				}

/* Responsive changes */
#header, #footer, .wrapper { width: 100%; margin: 0 auto; }
html { font-size:12px !important; }
body { background-color:#333 !important; }
.user-menu  li a:hover { color:#fff; }
.tab-bar { display:none; }
.menu-btn { display:none; }
.pushy a.menu_start { color:#fff;}
.howitworks2 #howgood .media_wrapper img { max-width:100%; height:auto; display:inline-block; padding:5px; text-align:center;}
.media_wrapper { text-align:center; margin:auto; }

@media (max-width: 680px) {
    .wrapper div.oto-choose .crowd, .wrapper div.oto-choose .one-to-one { width: 100%;
    }
    .cta { font-size:1.4em; }
    #legal { font-size:1.3em; }
    #oto_choose p { font-size: 1.5em; }
}

@media (max-width: 990px) {
    .tab-bar h1.title {
        background:none;
        padding:0;
    }
    div.howitworks2 div.cta { font-size:1em; margin-top:10px;}
    span.sitemap { display: none; }
    div.statbar div.stats li { padding:5px 0; text-align:center; width:94%; }
    div.statbar div.stats li a { border:none; }
    .header { height: 60px; }
    .masthead { float:none; display:inline-block; position: static; top: 0; padding-top:9px; vertical-align:top; }
    div.wrapper div.four-up h1 { font-size:2.5em; padding-top:25px; }
    .menu-btn { display:inline-block; color:#fff; cursor:pointer; padding:3px 11px; }
    #usermenu, .mainnav, .contact-links { display:none; }
    .hero.clearfix { font-size:0.8em; }
    .hero.clearfix h1 { padding-top:20px; }
    div.four-up .hero h1 strong { font-size:1.05em }
    #lowernav div#sitenav, .wrapper #lowernav ul { display:none; }
    .wrapper #lowernav div#legal { text-align:center; font-size:1.4em; }
    .wrapper #lowernav { padding-bottom:30px; }
    .wrapper { padding:0; }
    .tab-bar { display:block; }
    a.post_a_project { width:100%; }
    div.testimonials div.statbar { height: 136px; padding:0; }
    body div.howitworks2 div.cta div.greybtn { margin-left: 0; }
    div.wrapper div.cta { height:100%; background: none; }
}
@media (min-width: 990px) {
    div.wrapper { width:932px; }
}
.tab-bar-section .post_a_project {
  background-color: #ED2590;
  font-weight: bold;
  padding:0 5px;
  text-transform: uppercase;
  display: inline-block;
  letter-spacing: 0.01em;
  margin-top: 2px;
  color:#fff;
}
.wrapper div.four-up h1 { color: #666; font-size: 2.85em; text-transform: uppercase; text-align: center; padding: 50px 0 5px; line-height: 1.2em; letter-spacing: 0em; font-weight:bold; }
.wrapper div.oto-choose { margin-top:0; }
div.oto-choose h2 { width:97%; }
#oto_choose_modal.oto-choose h2 { width:100%; }
div.oto-choose .crowd h2 { float:right; margin-bottom:20px; }
.wrapper div.oto-choose .one-to-one h2 { background-color: #ea387e; background-position: right -254px top -136px; }
.wrapper div.oto-choose a.button, div.cta a.button, .testimonials div.choice-cta a.button { display: block; color: #fff; font-size: 1.15em; padding: 11px 0 10px; width: 225px; text-transform: uppercase; border: 1px solid #fff; border-radius: 5px; margin: 0 auto; }