/*	--------------------------------------------------
	Global ZURB Styles
	--------------------------------------------------
	ZURBcolors
	--------------------------------------------------
	Green:			#a5c941		Red:			#ff3700
	Med Green:		#769926		Med Red:		#e33100
	Drk Green:		#91ad52		Drk Red:		#872300
	Blue:			#73cacf		Orange:			#ff6908
	Med Blue:		#2daebf		Med Orange:		#ff5c00
	Drk Blue:		#007d9a		Drk Orange:		#d45500
	Magenta:		#c9025c		Yellow:			#ffb515
	Med Magenta:	#a9014b		Med Yellow:		#fc9200
	Drk Magenta:	#630030		Drk Yellow:		#d17200

	--------------------------------------------------
	Global Reset
	-------------------------------------------------- */
	html, body { margin: 0; padding: 0; }
	h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, img, small, strike, strong, em, sub, sup, tt, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; }
	table { border-collapse: collapse; border-spacing: 0; }
	ol, ul { list-style: none; }

/*	--------------------------------------------------
	Make it a ZURBody
	-------------------------------------------------- */
	body { background: url(/images/bounce/light-bg.jpg?1456877246) no-repeat #ededed; font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif; font-size: 13px; line-height: 18px; color: #555; }
	body.glow { background: url(/images/bounce/dark-bg.jpg?1456877246) no-repeat #424248; }
	body { -webkit-text-stroke: 1px rgba(255,255,255,.01); } /* Snow Leopard Safari Type Fix */
	@media only screen and (max-device-width:480px) { body { -webkit-text-stroke:0 black; } } /* Undo the fix for Mobile Safari */
	body.ff2 { opacity: .99; } /* Make our type in FF look uber sexah */
/*
	body.safari { font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
*/
	
/*	--------------------------------------------------
	Links
	-------------------------------------------------- */
	a { color: #3F0E7C;  outline: 0; line-height: inherit; }
	a:hover { color: #611bb9;  }
	
	body.glow a { color: #d6ee37; }
	body.glow a:hover { color: #d6ee37; }

	a.muted, a.muted:visited { color: #777; }
	a.muted:hover { color: #555; }
	
	h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited { color: #333; text-decoration: none; font-weight: bold; }
	h4 a, h4 a:visited, h5 a, h5 a:visited { text-decoration: none; line-height: inherit; font-weight: bold; }
	h3 a:hover { color: auto; }
	h4 a:hover, h5 a:hover { text-decoration: underline; }
	p a, p a:visited { line-height: inherit; }
	
	/* More Links (Can be applied to a <ul> or a <p>) */
	.more-link { width: 100%; height: 27px; margin: 0 0 18px; }
	.more-link li { display: inline; }
	.more-link a { background: #eee; display: inline; float: left; padding: 4px 15px; text-decoration: none; -webkit-border-radius: 13px; -moz-border-radius: 13px; -webkit-transition: all 0.1s ease-out; }
	.more-link a:hover { color: #fff; }
	.more-link.green a { background: #f1f6ce; }
	.more-link.green a:hover { background: #95a105; }
	.more-link.blue a { background: #f1fafa; }
	.more-link.blue a:hover { background: #73cacf; }
	.more-link.magenta a { background: #f9e5ee; }
	.more-link.magenta a:hover { background: #c9025c; }
	.more-link.red a { background: #ffebe5; }
	.more-link.red a:hover { background: #ff3700; }
	.more-link.orange a { background: #fff0e6; }
	.more-link.orange a:hover { background: #ff6908; }
	.more-link.orangellow a { background: #fff7e7; }
	.more-link.orangellow a:hover { background: #ffb515; }

/*	--------------------------------------------------
	Typography
	-------------------------------------------------- */
	h1, h2, h3, h4, h5, h6 { color: #333; font-weight: bold; }
	h1 { font-size: 36px; line-height: 1; letter-spacing: -1px; }
	h2 { font-size: 30px; line-height: 1.2; margin: 0; letter-spacing: -1px; }
	h3 { font-size: 24px; line-height: 1; margin: 3px 0 9px; letter-spacing: -1px; }
	h4 { font-size: 18px; line-height: 1.25; margin: 0 0 6px; }
	h5 { font-size: 14px; line-height: 18px; }
	h6 { font-size: 12px; font-weight: normal; line-height: 18px; color: #777; margin: 0 0 9px; }

	p { line-height: 18px; margin: 0 0 18px; }
	p img { margin: 0; }
	p.large { font-size: 14px; line-height: 20px; margin: 0 0 18px; color: #777; }
	p.lead { font-size: 18px; line-height: 24px; margin: 0 0 12px; color: #777; }
	
	em { font-style: italic; line-height: inherit; }
	strong { font-weight: bold; line-height: inherit; }
	small { font-size: 90%; line-height: inherit; color: #777; font-weight: normal; }

/*	Blockquotes (props to @paulrobertlloyd for inspiration) -------------------- */
	blockquote, blockquote p { font-size: 14px; line-height: 20px; color: #777; }
	blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote.solid { background: #f5f5f5; }
	blockquote p { margin: 0; padding: 0 0 9px; }
	blockquote h5 { margin: 0; }
	blockquote cite { display: block; padding: 0 0 9px 6px; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited { color: #555; }
	blockquote cite a:hover { color: #555; text-decoration: none; }
	
	small { font-size: 12px; line-height: 1.5; color: #777; }
	
	hr { border-top: solid 1px rgba(0,0,0,0.2); border-bottom: solid 1px (255,255,255,0.5); border-left: none; border-right: none; clear: both; margin: 17px 0 18px; height: 0; }
	body.glow hr { border-top: solid 1px #333333; border-bottom: solid 1px #585a5c; }
	body.ie hr { margin: 8px 0 9px; }
	
	code, pre { font: 12px/18px "Monaco", "Courier New", "Courier", monospace; color: #e33100; }
	
	address { color: #333; line-height: 18px; margin: 0 0 18px; }
	abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
	abbr { text-transform: none; }
	
	/* Framed Images a la Recent Photos */
	img.frame { display: block; padding: 4px; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15); }
	a:hover img.frame { border-color: #999; -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25); }


/*	--------------------------------------------------
	Lists
	-------------------------------------------------- */
	ul, ol { margin-bottom: 18px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul ul, ol ol { margin-left: 30px; margin-top: 4px; margin-bottom: 5px; }
	li { line-height: 18px; }

	dt { line-height: 18px; font-weight: bold; color: #333; }
	dd { margin: 0 0 18px; line-height: 18px; }	
	
/*	Code Lists -------------------- */
	ol.code { background: #333; border: 0; margin: 0; padding: 18px; list-style: none; }
	ol.code li { color: #fff; margin: 0; line-height: 18px; padding: 0; font-family: "Consolas", "Courier New", Monaco, Courier, monospace; }
	ol.code li code { font-family: "Consolas", "Courier New", Monaco, Courier, monospace; font-size: 12px; line-height: inherit; color: inherit; }
	ol.code .indent-1 { padding-left: 2em; }
	ol.code .indent-2 { padding-left: 4em; }
	ol.code .indent-3 { padding-left: 6em; }
	ol.code li.selector { color: #39c; }
	ol.code li.property { color: #f63; padding: 0 0 0 2em; }
	ol.code li.property span.value, ol.code .class { color: #9c3; }
	ol.code li.punctuate,
	ol.code li.selector span.punctuate,
	ol.code li.property span.punctuate { color: #999; }
	
/*	--------------------------------------------------
	Tables
	-------------------------------------------------- */
	table { background: #fff; width: 100%; margin: 0 0 18px; border: solid #ddd; border-width: 0 1px 1px 0; border-collapse: separate; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
	table thead { background: #555; }
	table thead tr th,
	table tbody tr td { font-size: 12px; line-height: 18px; }
	table thead tr {  }
	table thead tr th { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #fff; }
	table tbody {  }
	table tbody tr {  }
	table tbody tr.even,
	table tbody tr.alt { background: #f5f5f5; }
	body.safari table tbody tr:nth-child(even) { background: #f5f5f5; }
	table tbody tr td { color: #333; padding: 9px 10px; border-left: 1px solid #ddd; border-right: 1px solid #fff; vertical-align: top; }
	/* Get fancy with rounded corners */
	table thead tr th:first-child { -webkit-border-top-left-radius: 5px; -moz-border-radius: 3px 0 0 0; }
	table thead tr th:last-child { -webkit-border-top-right-radius: 5px; -moz-border-radius: 0 3px 0 0; }
	table tbody tr:last-child td:first-child { -webkit-border-bottom-left-radius: 5px; -moz-border-radius: 0 0 0 3px; }
	table tbody tr:last-child td:last-child { -webkit-border-bottom-right-radius: 5px; -moz-border-radius: 0 0 3px 0; }
	/* Style the tables a bit lighter */
	table.alt { border-width: 1px 1px 1px 0; }
	table.alt thead { background: #f5f5f5; }
	table.alt thead tr th { color: #222; border-left: 1px solid #ddd; border-right: 1px solid #fff; }
	/* Reset table styles */
	table.simple { border-collapse: collapse; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
	table.simple thead { background: #eee; }
	table.simple tbody tr td { border: 0; padding: 4px 5px; }
	

/*	--------------------------------------------------
	Forms
	-------------------------------------------------- */
	form { margin: 0 0 18px; }
	fieldset {  }
	label { display: block; font-size: 13px; font-weight: bold; line-height: 18px; cursor: pointer; }
	button, input.input-text, input.password, input.button, textarea, select { font-family: "Arial", Helvetica, Verdana, sans-serif; font-size: 12px; }
	input.input-text, input.password, textarea { display: block; background: #fff url(/images/forms/input-bg.png?1456877246) no-repeat 0 0; width: ; margin: 0 0 10px; padding: 3px 4px; border: 1px solid #bbb; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-box-shadow: 0 1px 1px #fff; font: 12px/18px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif; text-shadow: 0 0 1px #fff; color: #777; }
	form select:focus, form input.input-text:focus, form textarea:focus { outline: none; }
	form input.input-text:focus, form textarea:focus { border-color: #999; color: #333; padding: 2px 3px; border: 2px solid #2daebf; }
	form input.input-text.error, form textarea.error { color: #e33100; padding: 2px 3px; border: 2px solid #e33100; }
	textarea { width: 272px; }
	span.wrap { background: #eee; display: inline-block; margin: 0 0 14px; padding: 3px; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
/*
	span.wrap * { display: inline; vertical-align: top; margin-bottom: 0; }
*/
	span.wrap input, span.wrap textarea, span.wrap small, span.wrap p { display: inline; vertical-align: top; margin-bottom: 0; }
	span.wrap small { font-size: 12px; color: #666; line-height: 18px; padding: 3px 10px 0 2px; position: relative; top: 4px; }


	/* Text input and textarea sizes */
	input.mini, textarea.mini { width: 90px; }
	input.small, textarea.small { width: 120px; }
	input.medium, textarea.medium { width: 330px; }
	input.large, textarea.large { width: 580px; }
	input.fluid, textarea.fluid { width: 700px; }

	/* Text input and textarea sizes for stuff in the span wraps */
	span.wrap input.mini, span.wrap textarea.mini { width: 90px; }
	span.wrap input.small, span.wrap textarea.small { width: 120px; }
	span.wrap input.medium, span.wrap textarea.medium { width: 324px; }
	span.wrap input.large, span.wrap textarea.large { width: 564px; }
	span.wrap input.fluid, span.wrap textarea.fluid { width: 680px; }

	/* Sets of checkboxes and radio buttons */
	ul.options { margin-bottom: 18px; }
	ul.options li { padding: 0 0 3px 3px; }
	ul.options li label { font-size: 13px; font-weight: normal; color: #777; }
	ul.options li input.radio,
	ul.options li input.checkbox { margin-right: 3px; }
	ul.options li label strong { color: #555; }
	/* Inline options */
	ul.options.inline {  }
	ul.options.inline li { display: inline; padding-right: 8px; }
	ul.options.inline li.label { font-weight: bold; background: none; color: #333; text-transform: none; padding: 0; display: inline; font-size: 13px; }
	ul.options.inline label { display: inline; }

	/* Uploads and file listings ---------- */
	form ul#uploads {  }
	form ul#uploads li { position: relative; margin-bottom: 9px; }
	form ul#uploads li span.wrap { margin: 0; }
	form ul#uploads li input.fluid { width: 660px; }
	form ul#uploads a.delete, 
	form ul#uploads a.delete:visited { position: absolute; top: 25px; right: 0; width: 18px; height: 18px; background: url(/images/close-x.png) no-repeat 0 0; text-indent: -999em; opacity: .5; }
	form ul#uploads a.delete:hover { opacity: 1; }
	
	/* Actions (buttons and links) at the bottom of forms) */
	fieldset.actions { margin: 9px 0 0; padding: 12px 0 13px; text-align: left; border-top: 1px solid #ddd; }
	fieldset.actions .right { float: right; margin-left: 12px; }
/*
	fieldset.actions * { display: inline-block; }
*/
	
/*	--------------------------------------------------
	Awesome Forms for Inline Labels
	--------------------------------------------------
	Used on the following pages:
		1. Sign In
		2. Sign Out
		3. Forgotten Password
		4. New user page
		5. Capture by URL
	-------------------------------------------------- */
	form.awesome span.wrap { position: relative; }
	form.awesome span.wrap label { position: absolute; left: 4px; top: 4px; font-size: 14px; font-weight: normal; width: 266px; height: 26px; padding-left: 6px; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; z-index: 1; line-height: 24px; }
	form.awesome span.wrap label span { position: relative; top: 1px; left: 1px; cursor: text; }
	form.awesome input.input-text,
	form.awesome textarea.input-text { font-size: 14px; width: 264px; padding: 3px 4px 5px; background: none !important; position: relative; z-index: 10; }
	form.awesome input.input-text:focus,
	form.awesome textarea.input-text:focus { padding: 2px 3px 4px; }
	body.ff3 form.awesome input.input-text,
	body.ff3 form.awesome textarea.input-text { padding: 4px; }
	body.ff3 form.awesome input.input-text:focus,
	body.ff3 form.awesome textarea.input-text:focus { padding: 3px; }
	/* Awesome form sizes */
	form.awesome span.medium label { width: 326px; }
	form.awesome span.medium input.input-text,
	form.awesome span.medium textarea.input-text { width: 324px; }
	form.awesome span.large label { width: 436px; }
	form.awesome span.large input.input-text,
	form.awesome span.large textarea.input-text { width: 432px; }
	
	input.input-text.oversize { height: 28px; display: inline-block; font-size: 18px; width: 400px; padding: 4px 8px; margin-right: 12px; margin-bottom: 3px; -webkit-transition: -webkit-box-shadow 0.1s linear; }
	input.input-text.oversize:focus { border: solid 1px #2daebf; padding: 4px 8px; -webkit-box-shadow: 0px 0px 6px #2daebf; }
	
	form.awesome label.overlay span { opacity: 0.4; -webkit-transition: opacity 200ms linear; }
	form.awesome label.focus span { opacity: 0.2; }
	form.awesome label.hastext span { opacity: 0.0; -webkit-transition: opacity 0ms linear; }
	
	body.ie form.awesome label.overlay span { display: block; top: 3px !important; }
	body.ie form.awesome label.focus span { display: none; }
	body.ie form.awesome label.hastext span { display: none; }
	
	
/*	ZURButtons ---------- */
	.button { background: #333 url(/images/alert-overlay.png?1456877246) repeat-x; display: inline-block; padding: 5px 12px 6px; color: #fff !important; font-size: 13px; font-weight: bold; line-height: 1; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow: visible; width: auto; }
	body.ff3 .button,body.ff35 .button, body.ff30 .button { padding: 6px 12px 5px; }
	.button.disabled,
	.button.disabled:hover { background-color: #333 !important; border-color: #555 !important; }
	.button.disabled { opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); cursor: default; }
	.button:hover { background-color: #222; color: #fff; }
/*  .button:active { top: 1px; }*/
	/* Small Buttons */
	.small.button { font-size: 11px; padding: ; }
	/* Medium Buttons */
	.button, .medium.button { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	body.ff3 button.button, body.ff30 button.button, body.ff35 button.button { padding: 3px 10px 4px; }
	/* Largre Buttons */
	.large.button { font-size: 14px; padding: 8px 14px 9px; }
	/* Colors for our beloved buttons */
	.green.button { background-color: #91bd09; }
	.green.button:hover { background-color: #749a02; }
	.blue.button { background-color: #2daebf; }
	.blue.button:hover { background-color: #007d9a; }
	.red.button { background-color: #e33100; }
	.red.button:hover { background-color: #872300; }
	.magenta.button	{ background-color: #a9014b; }
	.magenta.button:hover { background-color: #630030; }
	.orange.button { background-color: #ff5c00; }
	.orange.button:hover { background-color: #d45500; }
	.orangellow.button { background-color: #ffb515; }
	.orangellow.button:hover { background-color: #fc9200; }
	.white.button { background-color: #fff; color: #333; }
	.white.button:hover { background-color: #eee; }
	.watermelon.button { background-color: #470f8d; }
	.gray.button { background-color: #bbb; }
	.gray.button:hover { background-color: #ccc; }
	.watermelon.button { background-color: #470f8d; }
	.watermelon.button:hover { background-color: #611bb9; }
	.watermelon.disabled:hover { background-color: #f72837; }
	
	body.ie .super.watermelon.button span { padding-top: 9px; }
	
	
	body.glow .watermelon.button { background-color: #d7ee39; -webkit-box-shadow: 0px 0px 8px #d7ee39; -moz-box-shadow: 0px 0px 8px #d7ee39; color: #222 !important; text-shadow: 0px 1px 1px #fff; }
	body.glow .watermelon.button:hover { background-color: #c4da29; }
	body.glow .watermelon.disabled.button:hover { background-color: #d7ee39; }
	
	/* Secondary buttons (perfect for Cancels or other secondary actions */
	.secondary.button, .secondary.super.button { background-color: #eee; border: 1px solid #999; color: #333 !important; font-weight: normal; text-shadow: 0 1px 1px rgba(255,255,255,0.5); }
	.secondary.button:hover, .secondary.super.button:hover { background-color: #ddd; border: 1px solid #999; color: #666 !important; }
	
	/* Make the buttons super awesomer */
	.super.button { background-image: url(/images/super-button-overlay.png?1456877246); background-repeat: repeat-x; background-position: 0 0; font-size: 13px; padding: 0; border: 1px solid rgba(0,0,0,.25); border-bottom-color: rgba(0,0,0,.35); -webkit-border-radius: 40px; -moz-border-radius: 40px; line-height: 1; }
	.super.button span { display: block; padding: 5px 15px 6px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-top: 1px solid rgba(255,255,255,.2); line-height: 1; }
	.super.secondary.button span { border-top-color: #fff; }
	.super.white.button { border: none; }
	.super.white.button span { color: #333; border-top-color: #fff; text-shadow: 0px 1px 1px #fff; }
	body.ff3 .super.button, body.ff30 .super.button, body.ff35 .super.button { padding: 0; }
	body.ff3 .super.button span,body.ff35 .super.button span, body.ff30 .super.button span { position: relative; top: -1px; padding: 5px 15px; }
	body.ff3 .super.secondary.button span, body.ff30 .super.secondary.button span,body.ff35 .super.secondary.button span { top: 0; }
	.small.super.button { font-size: 11px; -webkit-border-radius: 12px; -moz-border-radius: 12px; }
	.small.super.button span { padding: 5px 12px 6px; -webkit-border-radius: 11px; -moz-border-radius: 11px; }
	.small.white.super.button span { padding: 3px 12px 5px; }
	body.ff3 .small.super.button span { padding: 5px 12px; }
	.large.super.button { background-image: url(/images/gradients/40px-button.png?1456877246); background-position: left top; -webkit-border-radius: 18px; -moz-border-radius: 18px; }
	.large.super.button span { font-size: 14px; padding: 7px 20px 9px; -webkit-border-radius: 17px; -moz-border-radius: 17px; }
	body.ff3 .large.super.button span, body.ff3 .large.super.button span, body.ff35 .large.super.button span { padding: 8px 20px; }
	body.ie6 button, body.ie6 .button, body.ie6 .super.orangellow.button, body.ie6 .super.straw.button { background-image: none; }
	.super.straw.button { background-color: #d1cbbb; border: 1px solid #beb9ab; color: #555 !important; text-shadow: 0 1px 1px rgba(255,255,255,.75); -moz-box-shadow: 0 1px 1px #fff; -webkit-box-shadow: 0 1px 1px #fff; }
	.super.straw.button:hover { background-color: #beb9ab; }
	
	.watermelon.super.button { background-image: url(/images/bounce/button-overlay.png?1456877246); border: solid 1px #3f0e7c; }
	body.ff4 .watermelon.super.button { background-image: url(/images/bounce/button-overlay.png?1456877246) 2px 0 0 0; border: solid 1px #3f0e7c; }
	body.glow .watermelon.super.button { border: solid 1px #9ad018; -webkit-box-shadow: 0px 0px 16px #d7ef3c; }
	.watermelon.super.button span { padding: 10px 20px 10px; }
	
	.watermelon.small.super.button span { padding: 4px 12px 6px; }
	
  /* Less awesome more subtle*/
  .super.button.subtle { -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight: bold; font-size: 11px; }
  .super.button.subtle span { padding: 5px 9px 5px; }
  body.ff3 .super.button.subtle span { padding: 5px 9px; }
  
	/* --------------------------------------------------
	=Action Header
	-------------------------------------------------- */
	div#actionHeader { height: 100px; margin-bottom: 40px; position: relative; }
	div#actionHeader h6 { height: 17px; width: 127px; padding-top: 30px; float: right; }
	div#actionHeader h6 a { height: 17px; width: 127px; padding: 0; margin: 0; background: url(/images/bounce/from-zurb-light.png?1456877246) no-repeat; text-indent: -9999px; display: block; }
	
	body.glow div#actionHeader h6 a { width: 130px; height: 20px; background: url(/images/bounce/from-zurb-dark.png?1456877246) no-repeat; }
	
	div#actionHeader div.signup-action { position: absolute; padding: 15px; right: 0px; top: 0px; background: #ffb515; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; }
	div#actionHeader div.signup-action p { display: block; text-align: center; color: #fff; font-weight: bold; margin-bottom: 3px; }
	
	/* --------------------------------------------------
	=URL Action Homepage
	-------------------------------------------------- */
	div.page-bubble div.home-header h1 { font-size: 64px; margin-bottom: 0px; }
	div.home-header h2, div.page-bubble h2 { font-size: 18px; color: #777; font-weight: normal; line-height: 1.3; letter-spacing: 0px; margin-bottom: 30px; }
	small#poweredBy { display: block; text-align: left; padding-top: .5rem; }
	small#poweredBy a { color: #3F0E7C; }

	/* --------------------------------------------------
	=Structure
	-------------------------------------------------- */
	div#wrapper 		{ border-top: 5px solid #f72837; }
	body.glow div#wrapper { border-top: 5px solid #def15c; }
	div#wrapper.simple	{ margin-top: 0; }
	div#container,
	div.wrapper 		{ position: relative; width: 940px; margin: 0 auto; }
	div.wrapper-no-border	{ position: relative; width: 940px; margin: 0 auto; }

	/* --------------------------------------------------
	=Header
	-------------------------------------------------- */
	div#header { position: relative; height: 54px; margin: 0 auto 27px; }
	div#header.small { margin-bottom: 0px; }
	/* Text in the header on the top left */
	div#header h3 { float: left; font-size: 24px; line-height: 1; margin: 0; position: absolute; top: 25px; left: 0; letter-spacing: -1px; }
	div#header h3 a, div#header h3 a:visited { font-weight: bold; }
	div#header h3 a:hover { color: #777; }


	/* --------------------------------------------------
	=Footer
	-------------------------------------------------- */
	div#footer { padding: 12px 0 font-family: "Helvetica", "Helvetica Neue", sans-serif; font-size: 12px;}
	div#footer div.wrapper { padding: 0 0 20px; width: 940px; }
	div#footer p,
	div#footer p a { color: #777; }
	div#footer p a.no-underline {text-decoration: none;}
	div#footer p a.no-underline:hover {text-decoration: underline;}
	
	body.glow div#footer p,
	body.glow div#footer p a { color: #ccc; }

/*	--------------------------------------------------
	Main Navigation
	-------------------------------------------------- */
	ul.tabs { float: right; margin: 0; }
	ul.tabs li { display: block; float: left; line-height: 1; margin-left: 1px; }
	ul.tabs li a { display: block; font-weight: bold; width: 90px; margin: 9px 0 0 -1px; padding: 18px 5px 11px 15px; border-left: 1px solid #eee; text-decoration: none; color: #333; cursor: pointer; }
	ul.tabs li a:hover, ul.tabs li.current a { background: #ffb515; color: #fff; border: 0; margin: 0; padding-top: 27px; text-shadow: 0 -1px 1px rgba(0,0,0,.25); -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius: 0 0 3px 3px; position: relative; z-index: 2; }
	ul.tabs li span { display: block; font-size: 16px; line-height: 1; font-weight: bold; }
	/* Hover colors for each main ZURB section */
/*
	ul.tabs li a.home:hover { background: #b8d30b; }
	ul.tabs li a.talent:hover { background: #a9014b; }
	ul.tabs li a.work:hover { background: #2daebf; }
	ul.tabs li a.blog:hover { background: #ff6908; }
	ul.tabs li a.contact:hover { background: #fc9200; }
*/
	/* Shortened tabs for within apps (dashboard) */
	ul.tabs.short li a { padding: 9px 5px 13px 15px; }
	ul.tabs.short li a:hover, 
	ul.tabs.short li.current a { padding: 18px 5px 13px 15px; }
	ul.tabs.short li span { font-size: 14px; }
	
	ul.tabs.small li a { font-size: 14px; }
	ul.tabs.small li a { padding: 20px 5px 13px 15px; }
	ul.tabs.small li a:hover, 
	ul.tabs.small li.current a { padding: 29px 5px 13px 15px; }
	ul.tabs.small li span { font-size: 14px; }
	
	ul.tabs.better li.current {padding-bottom: 6px; background: url(/images/nav-shad.gif) bottom center no-repeat;}
	ul.tabs.better li a { font-size: 14px; }
	ul.tabs.better li a { padding: 7px 5px 13px 15px; }
	ul.tabs.better li a:hover, 
	ul.tabs.better li.current a { padding: 16px 5px 13px 15px; }
	ul.tabs.better li span { font-size: 14px; }
	
	
	ul.tabs.better li a:hover, ul.tabs li.current a { background: #ffb515 url(/images/nav-bg.gif) no-repeat bottom center; }
	


	/* --------------------------------------------------
	PAGE HEADERS
	-------------------------------------------------- */
	div.page-header { margin: 0 0 18px; overflow: hidden; }
	div.page-title { /* border-bottom: 1px solid #ddd; */ overflow: hidden; margin: 0 0 30px; position: relative; }
	
	div.page-header div.page-title a.main-action { position: absolute; right: 0; top: 28px; }
	div.page-header div.page-actions { overflow: hidden; }
	
	div.marketing.page-header { padding: 36px 0 0; }
	div.marketing.page-header h1 { margin: 0; font-size: 54px; letter-spacing: -2px; }
	
	div.centered.page-header { padding: 0; margin: -9px 0 18px; }
	div.centered.page-header h2 { text-align: center; }
	div.centered.page-header p { text-align: center; font-size: 14px; line-height: 1.4; color: #777; }
	
	/* Page Title & Sub Title */
	div.page-header h1 { margin: 0 150px 0 0; padding: 3px 0 0; letter-spacing: -1px; font-size: 36px; position: relative; }
/*
	div.page-header div.page-title h1 a.user-pic { display: block; float: left; width: 36px; height: 36px; margin: -4px 14px 12px 0; border: 1px solid #ddd; -moz-border-radius: 4px; padding: 4px 4px 3px; }
	div.page-header div.page-title h1 a.user-pic img { display: block; width: 36px; height: 36px; }
	div.page-header div.page-title h1 a.user-pic:hover { border-color: #aaa; }
*/
	div.page-header div.avatar { float: left; margin-top: -3px; margin-bottom: 9px; }
	div.page-header div.page-title h2 { font-size: 16px; font-weight: normal; color: #999; padding: 0; margin: 0 0 14px; line-height: 18px; position: relative; float: left; width: 700px; letter-spacing: 0; }
	div.page-header div.page-title h6 { margin: 0 0 -8px; color: #777; font-size: 13px; font-weight: normal; }
	
	/* Grid / List View Preference */
	div.page-header div.page-title form.view-prefs { position: absolute; right: 0; bottom: 0; height: 28px; margin: 0; padding: 4px 0 0; }
	div.page-header div.page-title form.view-prefs div { display: none; }
	div.page-header div.page-title form.view-prefs p { display: inline; color: #777; margin: 0 9px 0 0; }
	div.page-header div.page-title form.view-prefs label { display: inline; font-weight: normal; color: #D17200; padding: 4px 10px 4px; -webkit-border-radius: 12px; -moz-border-radius: 12px; }
	div.page-header div.page-title form.view-prefs label:hover { background-color: #eee; color: #666; }
	div.page-header div.page-title form.view-prefs label.current { background: #ffb515; color: #fff; font-weight: bold; cursor: text; }
	div.page-header div.page-title form.view-prefs input { display: none; }
	
	/* Page Header Sub Navigation */
	div.page-header div.page-title ul { list-style: none; position: absolute; right: 0; bottom: 1px; height: 28px; margin: 0; }
	div.page-header div.page-title ul li { display: inline; }
	div.page-header div.page-title ul li a { font-weight: normal; color: #D17200; padding: 4px 10px 4px; -webkit-border-radius: 12px; -moz-border-radius: 12px; text-decoration: none; }
	div.page-header div.page-title ul li a:hover { background-color: #eee; color: #666; }
	div.page-header div.page-title ul li a.current { background: #FFB515; color: #fff; font-weight: bold; cursor: text; }

	/* Page Header Actions */
	div.page-header div.page-actions ul { margin: 0; padding: 0; list-style: none; float: left; }
	div.page-header div.page-actions ul li { display: inline; border-right: 1px solid #ccc; padding: 0 9px 1px 0; margin: 0 6px 0 0; font-size: 13px; }
	div.page-header div.page-actions ul li:last-child { border: 0; margin: 0; padding: 0; }
	div.page-header div.page-actions ul li a { text-decoration: none; }
	div.page-header div.page-actions ul li a:hover { text-decoration: underline; }
	div.page-header div.page-actions ul li.current a,
	div.page-header div.page-actions ul li a.current { color: #777; }
	
	/* Page Header Streamlined */
	div.page-header div.streamlined { border-bottom: none; margin-bottom: 0;}
	div.page-header div.streamlined h1 { font-size: 26px; display: inline; margin-right: 10px; }
	div.page-header div.streamlined h2 { display: inline; width: auto; float: none; }
	
	/* User Pic + Date */
	div.page-header div.page-actions div.header-meta { float: right; }
/*
	div.page-header div.page-actions div.header-meta a.user-pic { display: block; float: left; width: 36px; height: 36px; margin: 0 10px 0 0; border: 1px solid #ddd; -moz-border-radius: 4px; padding: 4px 4px 3px; }
	div.page-header div.page-actions div.header-meta a.user-pic img { display: block; width: 36px; height: 36px; }
	div.page-header div.page-actions div.header-meta a.user-pic:hover { border-color: #aaa; }
*/
	div.page-header div.page-actions div.header-meta h5 { color: #666; font-size: 12px; font-weight: normal; padding: 0; margin: 3px 0 0 56px; }
	div.page-header div.page-actions div.header-meta h5 a { font-weight: bold; }
	div.page-header div.page-actions div.header-meta p { color: #999; font-size: 12px; margin: 0 0 0 56px; padding: 0; }
	
	/* Stand along user-pic */
/*	SEE DIV.AVATAR FOR THE DEFAULT STYLES FROM THE STYLE GUIDE
	img.user-pic { display: block; float: left; width: 36px; height: 36px; margin: 0 10px 0 0; border: 1px solid #ddd; -moz-border-radius: 4px; padding: 4px 4px 3px; }
*/
	
/*	New secondary page headers for marketing pages and apps */
	div#pageHeader { margin: 0 0 27px; padding-top: 18px; }
	div#pageHeader h1 { margin: 0 0 9px; font-size: 36px; line-height: 1; letter-spacing: -1px; color: #222; }
	div#pageHeader h1 small { font-size: 18px; font-weight: normal; letter-spacing: 0; }
	div#pageHeader div { background: #f5f5f5; height: 27px; padding: 8px 10px 8px; border: solid #eee; border-width: 1px 1px 0; border-top-color: #ddd; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
	div#pageHeader ul { height: 26px; margin: 0 0 0 -4px; }
	div#pageHeader li { display: inline; }
	div#pageHeader li a,
	div#pageHeader li.divider { float: left; width: auto; padding: 5px 12px 7px; line-height: 1; }
	body.ie div#pageHeader li a, body.ie div#pageHeader li.divider,
	body.ff3 div#pageHeader li a, body.ff3 div#pageHeader li.divider { padding: 5px 12px 6px; }
	div#pageHeader li a { margin: 0 0 0 4px; text-decoration: none; -webkit-border-radius: 12px; -moz-border-radius: 12px; font-weight: bold; color: #333; text-shadow: 0 1px 1px #fff; }
	div#pageHeader li.divider { color: #ccc; width: 5px; padding: 7px 7px 0 10px; text-shadow: 0 -1px -1px #aaa; }
	div#pageHeader li a:hover,
	div#pageHeader li.current a { background: #a5c941; padding: 4px 12px 7px; color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,.25); border-top: 1px solid rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 1px #fff; -moz-box-shadow: 0 1px 1px #fff; }

	div#pageHeader ul.options { float: right; margin: 0; padding: 6px 0 0; height: auto; }
	div#pageHeader ul.options li a { font-weight: normal; padding: 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
	div#pageHeader ul.options li a:hover { background: none; color: #555; }

	/*	Give us a search form	*/
	div#pageHeader li.form { padding-left: 8px; float: left; display: inline; }
	div#pageHeader li.form form { margin: 0; }
	div#pageHeader li.form form input.input-text { background: #fff url(/images/icons/16px/search.gif) no-repeat 4px center; width: 160px; padding: 3px 12px 3px 21px; color: #777; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-color: #ddd; border-top-color: #ccc; }

	
	/* --------------------------------------------------
	THE GRID
	-------------------------------------------------- */
	.column-row 		{ margin: 0 0 18px -20px; }
	.column, .columns 	{ float: left; display: inline; margin: 0 0 0 20px; position: relative; }
	.secondary.columns 	{ padding: 1.8em 0 0; }

	.one 				{ width: 40px; }
	.two 				{ width: 100px; }
	.three 				{ width: 160px; }
	.four 				{ width: 220px; }
	.five 				{ width: 280px; }
	.six 				{ width: 340px; }
	.seven 				{ width: 400px; }
	.eight 				{ width: 460px; }
	.nine 				{ width: 520px; }
	.ten 				{ width: 580px; }
	.eleven 			{ width: 640px; }
	.twelve 			{ width: 700px; }
	.thirteen 			{ width: 760px; }
	.fourteen 			{ width: 820px; }
	.fifteen 			{ width: 880px; }
	.sixteen 			{ width: 940px; }
	.one-half 			{ width: 460px; }
	.one-third 			{ width: 300px; }
	.two-thirds 		{ width: 600px; }
	.eleven .column-row { width: 660px; }
	.twelve .column-row { width: 760px; }
	
	.offset-by-one-half { margin-left: 50px; }
	.offset-by-one 		{ margin-left: 80px; }
	.offset-by-two 		{ margin-left: 140px; }
	.offset-by-three 	{ margin-left: 200px; }
	.offset-by-four 	{ margin-left: 260px; }
	.offset-by-five 	{ margin-left: 320px; }
	.offset-by-six 		{ margin-left: 380px; }
	.offset-by-seven 	{ margin-left: 440px; }
	.offset-by-eight 	{ margin-left: 500px; }
	.offset-by-nine 	{ margin-left: 560px; }
	.offset-by-ten 		{ margin-left: 620px; }
	.offset-by-eleven 	{ margin-left: 680px; }
	.offset-by-twelve 	{ margin-left: 740px; }
	.offset-by-thirteen { margin-left: 800px; }
	.offset-by-fourteen { margin-left: 880px; }
	.offset-by-one-third {margin-left: 340px;}

	/* Primary Columns for a 2-col layout (be sure to add the .column class) ---------- */
	div#contentMain 	{ width: 520px; }
	div#contentSec 		{ width: 340px; margin-left: 80px; }
	
		/* Clear the columns automagically, thanks @kneath */
	.column-row:after, .clearfix:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html .column-row, * html .clearfix:after 	{ height: 1%; }
	.column-row, .clearfix { display: inline-block; }
	.column-row, .clearfix { display: block; }

	/* IE6 Problems ---------- */
	body.ie .column-row 			{ width: 960px; }
	body.ie .eight .column-row		{ width: 480px; }
	body.ie .nine .column-row		{ width: 540px; }
	body.ie .ten .column-row		{ width: 600px; }
	body.ie .eleven .column-row 	{ width: 660px; }
	body.ie .twelve .column-row		{ width: 720px; }
	body.ie .thirteen .column-row	{ width: 780px; }
	body.ie .fourteen .column-row	{ width: 840px; }
	body.ie .fifteen .column-row	{ width: 900px; }
		
/*	----------------------------------------
	Alerts & Errors
	---------------------------------------- */
	/* Plain, Simple Alert */
	p.warning, p.error, p.success, p.info { margin: 0 0 18px; padding: 9px 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; color: #fff; text-shadow: 0 0 1px rgba(0,0,0,0.01); }
	p.warning a, p.error a, p.success a, p.info a { color: #fff; font-weight: bold; text-decoration: underline; }

	/* Warnings */
	p.warning { background-color: #ffb515;  }
	p.warning small { color: #d17200; }

	/* Errors */
	p.error { background-color: #df4729; color: #fff; }
	p.error strong { color: #fff; }
	p.error small { color: #930; }

	/* Success */
	p.success { background-color: #a5c941; color: #fff; }
	p.success strong { color: #fff; }
	p.success small { color: #360; }
	
	p.info { background-color: #73cacf; color: #fff; }
	p.info small { color: #007d9a; }

/*	--------------------------------------------------
	Figures & Images
	-------------------------------------------------- */
	div.figure { background: #eee; margin: 0 0 18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
	div.figure img, 
	div.post div.figure img { display: block; margin: 0; border: 1px solid #ccc; }
	div.figure cite { display: block; padding: 8px 10px; font-size: 13px; line-height: 18px; color: #555; }
	div.figure cite strong { color: #333; }
	
	div.simple.figure { background: #fff; }
	div.simple.figure img { border: 0; }
	div.simple.figure cite { padding: 8px 0; color: #777; }
	div.simple.figure cite strong { color: #555; }

	div.clean.figure img { border: 0; margin: 1px; }
	
	div.floated.figure, 
	div.right.figure { float: right; margin: 0 0 18px 18px; }
	div.left.figure { float: left; margin: 0 18px 18px 0; }
	
	div.large.figure, 
	body.ie6 div.large { width: 520px; }
	div.large.figure img { width: 518px; } 
	div.medium.figure { width: 340px; }
	div.medium.figure img { width: 338px; } 
	div.small.figure { width: 220px; } 
	div.small.figure img { width: 218px; } 
	

/*	--------------------------------------------------
	Custom Labels
	-------------------------------------------------- */
	.label { background: #999; display: inline-block; padding: 3px 5px 4px; color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: uppercase; line-height: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0 0 1px transparent; }
	.label:hover { text-decoration: none; color: #fff; }
	body.ff2 .label { -moz-border-radius: 0; }
	
	/* ZURB colors */
	.label.green { background: #a5c941; text-shadow: 0 0 1px #a5c941; }
	.label.blue { background: #2daebf; text-shadow: 0 0 1px #2daebf; }
	.label.magenta { background: #a9014b; text-shadow: 0 0 1px #a9014b; }
	.label.red { background: #e33100; text-shadow: 0 0 1px #e33100; }
	.label.orange { background: #ff5c00; text-shadow: 0 0 1px #ff5c00; }
	.label.yellow { background: #fc9200; text-shadow: 0 0 1px #fc9200; }

	/* Other Basics */
	.label.black { background: #333; text-shadow: 0 0 1px #222; }
	.label.white { background: #fff; padding: 0 3px 1px; border: 1px solid #ddd; color: #333; text-shadow: 0 0 1px #fff; }
	

/*	--------------------------------------------------
	Misc
	-------------------------------------------------- */
	.left	{ float: left; }
	.right	{ float: right; }
	.clear	{ clear: both; }
	.muted	{ color: #777; }

/*	--------------------------------------------------
	Custom Dividers
	-------------------------------------------------- */
	div.divider { background-repeat: no-repeat; background-position: center top; width: 100%; height: 36px; margin: 18px 0 27px; }
	div.notable.divider { background-image: url(/images/dividers/divider-notable.gif?1456877246); }
	div.odditorium.divider { background-image: url(/images/dividers/divider-odditorium.gif?1456877246); }
	div.scrumptious.divider { background-image: url(/images/dividers/divider-scrumptious.gif?1456877246); }
	div.zurb.divider { background-image: url(/images/dividers/divider-zurb.gif?1456877246); }

/*	--------------------------------------------------
	Nubs (for elements that need to point fingers)
	-------------------------------------------------- */
	span.nub { display: block; width: 250px; height: 10px; background-position: left bottom; background-repeat: no-repeat; position: absolute; top: -10px; left: 15px; }
	span.nub.c333 { background-image: url(/images/nubs/nub-333.png?1456877246); }
	span.nub.c444 { background-image: url(/images/nubs/nub-444.png?1456877246); }
	span.nub.ceee { background-image: url(/images/nubs/nub-eee.png?1456877246); }
	span.nub.cfff { background-image: url(/images/nubs/nub-fff.png?1456877246); }
   
	
	
	/* @group Bounce Styles */
	
	div.page-bubble { background: #ccc; margin-left: 180px; width: 500px; padding: 40px; background: url(/images/bounce/bubble-light.png?1456877246) no-repeat; position: relative; z-index: 2;  }
	div.page-bubble h1 { margin-bottom: 8px; }
	div.page-bubble input.input-text { width: 280px; }
	div.page-bubble form { margin-bottom: 0; position: relative; }
	
	div.page-bubble .shadow { display: block; background: url(/images/bounce/page-bubble-shadow.png?1456877246) no-repeat; width: 579px; height: 17px; position: absolute; bottom: -17px; left: 0; z-index: 1; }
	
	#waiting.page-bubble { margin-top: 100px; height: 140px; overflow: hidden; -moz-box-shadow: 0 0 6px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
	box-shadow: 0 0 6px rgba(0,0,0,.2);
	margin-bottom: 60px; 
	}
	
	
	
	div.page-bubble div.fieldWithErrors { display: inline-block; }
	div.page-bubble div.fieldWithErrors input.input-text { -webkit-box-shadow: 0px 0px 5px #f72837; -moz-box-shadow: 0px 0px 5px #f72837; border: solid 1px #f72837; }
	div.page-bubble span#errorIcon { width: 24px; height: 24px; background: url(/images/bounce/error-icon.png?1456877246) no-repeat; position: absolute; left: 267px; top: 7px; }
	body.glow div.page-bubble span#errorIcon { background: url(/images/bounce/error-icon.png?1456877246) 0px -24px no-repeat; }
	body.ff div.page-bubble span#errorIcon { left: 278px; }
	div.page-bubble a#helpLink { position: absolute; top: 20px; right: 20px; width: 32px; height: 32px; background: url(/images/bounce/help-link.png?1456877246) 0 0 no-repeat; text-indent: -9999px; }
	div.page-bubble a#helpLink:hover { background-position: 0px -32px; }
	body.glow div.page-bubble a#helpLink { background-position: -32px 0; }
	body.glow div.page-bubble a#helpLink:hover { background-position: -32px -32px; }
	
	div.dropdown { display: block; position: absolute; left: 416px; background: #fff; background: #fff -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eaeaea)); -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,.42); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.42); margin: 0; top: 65px; padding: 10px; width: 230px; z-index: 2000; }
	body.ff3 div.dropdown { background: #fff -moz-linear-gradient(top, #fff, #eaeaea); }
	body.ie div.dropdown { border: solid 1px #ccc; border-width: 1px 1px 2px 1px; }
	div.dropdown span.nub { width: 230px; }
	div.dropdown form { margin: 0; }
	div.dropdown p { margin-bottom: 3px; }
	div.dropdown small { font-size: 9px; color: #777; margin-bottom: 0px; }
	
	div.dropdown form input.input-text { width: 164px; display: inline-block; margin: 0; }
	
	div.dropdown#embedDropdown { width: 282px; left: 265px; }
	div.dropdown#errorText { width: 250px; top: 42px; left: 150px; }
	body.ff div.dropdown#errorText { width: 260px; left: 162px; }
	div.dropdown#errorText span.nub { width: 30px; left: 120px; }
	div.dropdown#errorText p { margin-bottom: 0px; }
	
	body.glow div.page-bubble { background: url(/images/bounce/bubble-dark.jpg?1456877246) repeat-x; -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.42); -moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.42); }
	body.glow div.page-bubble h1 { color: #fff; }
	body.glow div.page-bubble h2.subheader { color: #aaaaab; }
	
	body.glow div.page-bubble input.input-text { color: #fff; background: url(/images/bounce/oversize-input-bg-dark.gif?1456877246) repeat-x; border: solid 1px #161a1d; -webkit-box-shadow: 0px 1px 1px #3a3b41; -moz-box-shadow: 0px 1px 1px #3a3b41; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-shadow: none; }
	
	div.page-bubble div.input-file { display: inline-block; margin-right: 20px; padding: 7px; background: rgba(255,255,255,0.75); height: 22px; -webkit-border-radius: 18px; width: 320px; -webkit-box-shadow: 0px -1px 1px rgba(0,0,0,0.25); }
	body.ff div.page-bubble div.input-file { -moz-border-radius: 5px; -moz-box-shadow: 0px -1px 1px rgba(0,0,0,0.25); }
	
	body.glow div.page-bubble div.input-file { background: rgba(0,0,0,0.25); -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.25); }
	body.glow div.page-bubble div.input-file input { color: #fff; }
	body.ff.glow div.page-bubble div.input-file input { color: #fff; background: rgba(255,255,255,0.1); border: 1px solid #777; }
	
	
	div.steps { margin: 20px 0px 60px 200px; width: 540px; height: 140px; background: url(/images/bounce/bounce-intro-steps.png?1456877246); }
	body.glow div.steps { background: url(/images/bounce/bounce-intro-steps-dark.png?1456877246); }
	
	div#footerBall { margin: -15px 0 -31px 0; padding: 15px 0 14px 0; /* background: url(/images/bounce/footer-balls.png?1456877246) no-repeat right; */ height: 76px; }
	body.glow div#footerBall { background-image: url(/images/bounce/footer-balls-dark.png?1456877246); }
	
	div#waiting { padding-bottom: 200px; position: relative; }
	div#waiting img#bouncingBall { position: absolute; bottom: 0px; left: 30px; }
	div#waiting img#bouncingBall.flat { width: 77px; height: 60px; }
	div#waiting img#bouncingBall.glow.flat { width: 106px; height: 105px; }
	div#waiting img#bouncingBall.tall { width: 60px; height: 76px; }
	
	
	h1#aboutBounce { width: 940px; height: 310px; background: url(/images/bounce/clue-header.png?1456877246) no-repeat; margin: -40px 0 20px; text-indent: -9999px }
	body.glow h1#aboutBounce { background: url(/images/bounce/what-is-bounce-dark.png?1456877246) no-repeat; }
	div#aboutBody h2.subheader { font-size: 28px; line-height: 1.2; color: #555; font-weight: normal; margin-bottom: 60px; margin-top: 20px; text-shadow: 0px 1px 1px #fff; letter-spacing: 0px; }
	body.glow div#aboutBody h2.subheader { color: #fff; text-shadow: 0px -1px 1px #333; }
	body.glow div#aboutBody h2.subheader a { color: #fff; }
	
	div#aboutBody h3, div#aboutBody h5 { color: #141414; }
	div#aboutBody p, div#aboutBody ul li { color: #444; }
	
	body.glow div#aboutBody h3, body.glow div#aboutBody h5 { color: #fff; }
	body.glow div#aboutBody p, body.glow div#aboutBody ul li { color: #ddd; }
	
	div#aboutBody h5 { font-size: 16px; line-height: 1.3; margin-bottom: 2px; }
	div#aboutBody p { font-size: 15px; line-height: 1.3; color: #555; text-shadow: 0px 1px 1px #fff; letter-spacing: 0px; }
	div#aboutBody ul.disc li { font-size: 15px; list-style: disc; margin-left: 16px; margin-bottom: 3px; }
	body.glow div#aboutBody p { text-shadow: 0px -1px 1px #000; }
	div#aboutBody p.small { font-size: 13px; line-height: 1.4; color: #777; text-shadow: none; }
	div#aboutBody p.large { font-size: 18px; }
	
	
	div#aboutBody ul.blog-points { margin-bottom: 30px; margin-top: 30px; }
	div#aboutBody ul.blog-points li { margin-bottom: 12px; }
	div#aboutBody ul.blog-points li img { float: left; margin-right: 8px; }
	div#aboutBody ul.blog-points li p { font-size: 13px; line-height: 1.3; margin: 0; color: #777; }
	body.glow div#aboutBody ul.blog-points li p { font-size: 13px; line-height: 1.3; margin: 0; color: #bbb; }
		
	div#aboutBody div.section div.section-content.large { margin-left: -180px; width: 940px; }
	
	ul.instructions { margin-left: -20px; margin-bottom: -20px; width: 640px; overflow: hidden; }
	ul.instructions li { width: 300px; margin-left: 20px; padding: 200px 0 0; margin-bottom: 20px; display: block; float: left; }
	div#aboutBody ul.instructions li p { font-size: 13px; text-shadow: none; line-height: 1.4; }
	div#aboutBody ul.instructions li p em { display: block; margin-top: 6px; padding-top: 6px; border-top: solid 1px rgba(0,0,0,0.25); }
	
	
	ul.instructions li#instructions1 { background: url(/images/bounce/instructions-1.jpg?1456877246) no-repeat; }
	ul.instructions li#instructions2 { background: url(/images/bounce/instructions-2.jpg?1456877246) no-repeat; }
	ul.instructions li#instructions3 { background: url(/images/bounce/instructions-3.jpg?1456877246) no-repeat; }
	ul.instructions li#instructions4 { background: url(/images/bounce/instructions-4.jpg?1456877246) no-repeat; }
	ul.instructions li#instructions5 { background: url(/images/bounce/instructions-5.jpg?1456877246) no-repeat; }
	ul.instructions li#instructions6 { background: url(/images/bounce/instructions-6.jpg?1456877246) no-repeat; }
		
		body.glow ul.instructions li#instructions1,
		body.glow ul.instructions li#instructions2,
		body.glow ul.instructions li#instructions3,
		body.glow ul.instructions li#instructions4,
		body.glow ul.instructions li#instructions5,
		body.glow ul.instructions li#instructions6 { background-position: -300px 0px; }
	
	div#aboutBody div.section { background: url(/images/bounce/section-divider.gif?1456877246) repeat-x bottom left; padding-bottom: 20px; margin-bottom: 30px; position: relative; }
	body.glow div#aboutBody div.section { background: url(/images/bounce/section-divider-dark.gif?1456877246) repeat-x bottom left; }
	div#aboutBody div.section.last, body.glow div#aboutBody div.section.last { background: none; }
	div#aboutBody div.section.closed div.section-content { display: none; }
	
	div#aboutBody div.section h2 { font-size: 52px; line-height: 1; margin: 0 0 8px 0; }
	body.glow div#aboutBody div.section h2 { color: #fff; }
	
	div#aboutBody div.section.collapsable h3 { cursor: pointer; background: url(/images/bounce/section-collapser.png?1456877246) no-repeat 0 -32px; margin-left: -40px; padding-left: 40px; height: 32px; line-height: 32px; }
	div#aboutBody div.section.collapsable.closed h3 { background-position: 0 0; }
	body.glow div#aboutBody div.section.collapsable h3 { background-position: 0 -96px; }
	body.glow div#aboutBody div.section.collapsable.closed h3 { background-position: 0 -64px; }
	
	div#aboutBody ul.links li, div#aboutBody ul.twitter li { padding-left: 30px; line-height: 24px; height: 24px; margin-bottom: 4px; }
	
	div#aboutBody ul.links li#notableLink { background: url(/images/bounce/notable-link.png?1456877246) no-repeat 0 0; }
	div#aboutBody ul.links li#verifyLink { background: url(/images/bounce/verify-link.png?1456877246) no-repeat 0 0; }
	div#aboutBody ul.links li#scrumptiousLink { background: url(/images/bounce/scrumptious-link.png?1456877246) no-repeat 0 0; }
	
	div#aboutBody ul.twitter li { background: url(/images/bounce/twitter-bird.png?1456877246) no-repeat 0 0; }
	body.glow div#aboutBody ul.twitter li { background: url(/images/bounce/twitter-bird.png?1456877246) no-repeat 0 -24px; }
	
	a#backToHome { position: absolute; top: 30px; left: 0px; }
/* PRESS */
	
	ul.press { display: block; margin-top: 20px; }
	ul.press li { list-style: none; height: 30px; display: block; margin: 0 0 20px 0 }
	ul.press li a { display: block; height: 30px; background-repeat: none; background-position: 0 0; position: relative; }
	body.glow ul.press li a { background-position: 0 -30px; }
	ul.press li#nytimes a { background-image: url(/images/press/nytimes.png?1456877246); width: 209px; }
	ul.press li#techcrunch a { background-image: url(/images/press/techcrunch.png?1456877246); width: 156px; }
	ul.press li#readwriteweb a { background-image: url(/images/press/readwriteweb.png?1456877246); width: 158px; }
	ul.press li#venturebeat a { background-image: url(/images/press/venturebeat.png); width: 171px; }
	ul.press li#downloadsquad a { background-image: url(/images/press/press-downloadsquad.png?1456877246); width: 190px }
	ul.press li#entrepreneur a { background-image: url(/images/press/entrepreneur.png?1456877246); width: 156px; }
	ul.press li#smashingapps a { background-image: url(/images/press/smashingapps.png?1456877246); width: 173px; }
	ul.press li#sitepoint a { background-image: url(/images/press/sitepoint.png?1456877246); width: 106px; }
	ul.press li#smashingmag a { background-image: url(/images/press/smashingmag.png?1456877246); width: 150px; }
	ul.press li#thenextweb a { background-image: url(/images/press/tnw.png?1456877246); width: 75px; }
	ul.press li#fastcompany a { background-image: url(/images/press/fastcompany.png?1456877246); width: 158px; }
	ul.press li#dotnet a { background-image: url(/images/press/press-net.png?1456877246); width: 210px; }
	ul.press li#seomoz a { background-image: url(/images/press/seomoz.png?1456877246); width: 179px; }

	
	div#fourohfourHeader { text-align: center; padding: 0px 140px; margin-bottom: 60px; margin-top: -60px; }
	div#fourohfourBody { text-align: center; margin-bottom: 60px; }
	div#fourohfourHeader h1, div#fourohfourHeader h3, div#fourohfourHeader p { text-align: center; }
	div#fourohfourHeader h1 { font-size: 72px; }
	div#fourohfourHeader h3.subheader { margin-bottom: 20px; color: #777; font-weight: lighter; }

	
	ul.press { display: block; margin-top: 20px; }
	ul.press li { list-style: none; height: 30px; display: block; margin: 0 0 20px 0 }
	ul.press li a { display: block; height: 30px; background-repeat: none; background-position: 0 0; position: relative; }
	body.glow ul.press li a { background-position: 0 -30px; }
	ul.press li#nytimes a { background-image: url(/images/press/nytimes.png?1456877246); width: 209px; }
	ul.press li#techcrunch a { background-image: url(/images/press/techcrunch.png?1456877246); width: 156px; }
	ul.press li#readwriteweb a { background-image: url(/images/press/readwriteweb.png?1456877246); width: 158px; }
	ul.press li#venturebeat a { background-image: url(/images/press/venturebeat.png); width: 171px; }
	
	div#fourohfourHeader { text-align: center; padding: 0px 140px; margin-bottom: 60px; margin-top: -60px; }
	div#fourohfourBody { text-align: center; margin-bottom: 60px; }
	div#fourohfourHeader h1, div#fourohfourHeader h3, div#fourohfourHeader p { text-align: center; }
	div#fourohfourHeader h1 { font-size: 72px; }
	div#fourohfourHeader h3.subheader { margin-bottom: 20px; color: #777; font-weight: lighter; }
	
	div#fiveohohHeader { text-align: center; margin-bottom: 60px; margin-top: -40px; }
	div#fiveohohBody { text-align: center; margin-bottom: 60px; }
	div#fiveohohHeader h1, div#fourohfourHeader h3, div#fourohfourHeader p { text-align: center; }
	div#fiveohohHeader h1 { font-size: 64px; }
	div#fiveohohHeader h3.subheader {font-size:24px; text-align: left; margin-top: 40px; margin-bottom: 20px; color: #777; font-weight: lighter; line-height: 1.25; letter-spacing: normal; }
	div#fiveohohHeader a { color: #3F0E7C; line-height: inherit; text-decoration: underline; }
	div#fiveohohHeader a:hover { color: #611bb9;  }
	.push-right { position: absolute; left:25px; z-index: 100;}
	
	div#fiveohohHeader.content-wrapper {  
		background: #fff url(/images/clue-bg.jpg?1456877246) top repeat-x; 
		padding: 30px 30px 20px 30px; 
		-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.15);
		-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.15);
		box-shadow: 0px 0px 6px rgba(0,0,0,.15);
	}
	
	span.clue-shadow-error { 
	display: block;  
	height: 23px; 
	width: 920px;
	background: url(/images/clue-shadow.png?1456877246);
	margin-left: 10px;
	margin-top: -60px;
}
	span.clue-shadow-error-small { 
	display: block;  
	height: 10px; 
	width: 680px;
	background: url(/images/clue-shadow-small.png?1456877246);
	margin-left: 10px;
	margin-top: -60px;
}

	/* @end */




input.hidden { display: none !important; }


	div#container div.column-row { margin-bottom: 0px; }
	body.safari div#landing form button span { line-height: 31px; }
	span.nowrap { white-space: nowrap; }


	/*--------------------------------------
	About Page
	--------------------------------------*/
	ul.twitter { margin-top: -4px; }
	ul.twitter li a { display: block; padding: 0 0 0 5px; line-height: 25px; }

	ol.about li { font-size: 13px; color: #555; letter-spacing: 0px; text-shadow: 0 0 1px transparent; }
	ol.about li strong {color: #333; }
	.small-about { font-size: 13px; }
	div#aboutBody ul.links li#bounceLink { background: url(/images/bounce/bounce-link.png?1456877246) no-repeat 0 0; }
	#aboutBody .about { font-size: 13px; line-height: inherit; color: #555; font-weight: normal; }

  	/* Disabled element */
  	.disabled { opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
  	a.disabled { cursor: default; }

	/* Links that open in a new tab */
	a.outside, a.outside:visited { background: url(../home/deployer/clue/releases/20160302000707/images/icons/16px/new-window.gif) no-repeat left center; padding-left: 20px; }
	a.outside:hover { }

	div#pageHeader li a:hover,
	div#pageHeader li.current a { background: #ffb515; border-top-color: #; }

	div.divider { background-image: url(../home/deployer/clue/releases/20160302000707/images/dividers/divider-notable.gif); }

	dt.suite {font-size: 16px;}
	dt.feeder {font-size:  14px;}
	
	/* header */
	.align-img-right { text-align: right; }
	h1#headerText { font-size: color: #333; font-size: 124px; letter-spacing: -5px; text-shadow: 0 1px 1px #FFF; }
	h1#headerText small { font-size: 36px; color: #b2b2b2; display: block; letter-spacing: -1px; margin-bottom: -12px;  }
	p.subheader-text { color: #555555; font-size: 20px; line-height: 28px; }
	.main-header { margin-top: -29px; padding-bottom: 10px; background: url(/images/bounce/section-divider.gif?1456877246) repeat-x bottom left; margin-bottom: 30px !important;  }
	
	/* pro suite */
	dl.pro-suite div { padding-left: 40px; }
	dl.pro-suite div dd small { color: #333 !important; }
	dl.pro-suite div.pro-enroll { background: url(../images/icons/pro/pro-enroll.png?1456877246) no-repeat 0 3px; }
	dl.pro-suite div.pro-influence { background: url(../images/icons/pro/pro-influence.png?1456877246) no-repeat 0 3px; }
	dl.pro-suite div.pro-notable { background: url(../images/icons/pro/pro-notable.png?1456877246) no-repeat 0 3px; }
	dl.pro-suite div.pro-solidify { background: url(../images/icons/pro/pro-solidify.png?1456877246) no-repeat 0 3px; }
	dl.pro-suite div.pro-verify { background: url(../images/icons/pro/pro-verify.png?1456877246) no-repeat 0 3px; }
	dl.pro-suite dd a { color: #777; font-weight: normal !important; }
	
	/* feeder apps */
	dl.feeder-apps div { padding-left: 40px; }
	dl.feeder-apps div.feeder-axe { background: url(../images/icons/feeder/axe.png?1456877246) no-repeat 0 3px; }
	dl.feeder-apps div.feeder-bounce { background: url(../images/icons/feeder/bounce.png?1456877246) no-repeat 0 3px; }
	dl.feeder-apps div.feeder-chop { background: url(../images/icons/feeder/chop.png?1456877246) no-repeat 0 3px; }
	dl.feeder-apps div.feeder-clue { background: url(../images/icons/feeder/clue.png?1456877246) no-repeat 0 3px; }
	dl.feeder-apps div.feeder-reel { background: url(../images/icons/feeder/reel.png?1456877246) no-repeat 0 3px; }
	dl.feeder-apps div.feeder-spur { background: url(../images/icons/feeder/spur.png?1456877246) no-repeat 0 3px; }
	dl.feeder-apps div.feeder-strike { background: url(../images/icons/feeder/strike.png?1456877246) no-repeat 0 3px; }
	dl.feeder-apps div.feeder-plunk { background: url(../images/icons/feeder/plunk.png?1456877246) no-repeat 0 3px; }
	dl.feeder-apps dd a { color: #333; }
	
	
	/* --------------------------------------------------
	Error Pages
	-------------------------------------------------- */

	.four-oh-four #actionHeader { margin-top: 25px; }
	#withBackground { background: #FFF url(/images/bounce/bubble-light.png?1456877246) no-repeat bottom; margin-bottom: 30px; margin-top: 175px; margin-bottom: 60px;  }
	#withBackground .more-padding { padding: 20px; }
	.four-oh-four .error-title { position: absolute; z-index: 100; margin-top: -80px; }
	.four-oh-four .error-title h2 { font-size: 72px; color: #3F0E7C; text-shadow: 0 1px 1px #FFF; }
	.four-oh-four .error-title h2 small { font-weight: 300; font-size: 18px; color: #777; }
	.four-oh-four h1 { font-size: 48px; text-align: left; line-height: 44px; margin-bottom: 18px; }
	#withBackground p { font-size: 18px; line-height: 26px; }
	.error-icon { width: 160px; height: 160px; background: url(/images/icons/clue-error.png?1456877246) no-repeat center center; position: absolute; z-index: 200; right: -65px; margin-top: -132px;   }
	#withBackground object { margin-top: -10px; display: block; }
	
	.mini-shadow { background: url(/images/mini-bubble-shadow.png?1456877246); width: 460px; height: 9px; position: absolute;  }


	/* --------------------------------------------------
	HEADER
	-------------------------------------------------- */
	div#header h6 { position: absolute; left: 0; top: 10px; color: #777; font-size: 12px; font-weight: normal; padding: 0; margin: 0; }
	div#header h3 { font-size: 18px; top: 26px; }
	h4.url { margin-top: 5px; font-size: 14px; font-weight: normal; color: #999; height: 14px; }


	/* --------------------------------------------------
	CONTENT
	-------------------------------------------------- */
/*  div#wrapper { overflow: hidden; }*/

div.content-wrapper {
	width: 910px;
	background: #fff url(/images/clue-bg.jpg?1456877246) bottom repeat-x;
	padding: 20px 0 20px 30px;
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.15);
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.15);
	box-shadow: 0px 0px 6px rgba(0,0,0,.15);
	min-height: 430px;

}

	/* =Columns ---------- */
	div#contentMain 	{ width: 450px; }
	div#contentSec 		{ width: 400px; margin-left: 40px; }

	/*	People Grid ----- */
	ul.people.grid.listing 					{ margin-left: -20px; }
	ul.people.grid.listing li 				{ width: 260px; height: auto; margin: 0 0 18px 20px; padding: 8px 9px; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: 0 1px 3px #eee; -moz-box-shadow: 0 1px 3px #eee; }
	ul.people.grid.listing img 				{ float: left; margin: 0 10px 0 0; width: 36px; height: 36px; }
	ul.people.grid.listing span 			{ display: block; line-height: inherit; }

	/* Overwrite the default figure image styles */
	div.post img { border: none; }

/* --------------------------------------------------
	Test Listings
	-------------------------------------------------- */

	ul.test-select-grid { margin-left: -20px; margin-top: 30px; margin-bottom: 0; }
	ul.test-select-grid li { float: left; width: 140px; text-align: center; margin: 0px 0px 0px 20px; overflow: visible; }
	ul.test-select-grid li a { display: block; height: 155px; text-align: left; }
	ul.test-select-grid li h4, ul.test-select-grid li p { text-align: center; }
	ul.test-select-grid li a img { width: 134px; border: solid 3px #fff; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.35); -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.35); }
	ul.test-select-grid li h4 { margin-bottom: 0; font-size: 21px; }
	ul.test-select-grid li p { margin-bottom: 0; color: #777; font-size: 15px; }
	ul.test-select-grid li a { text-decoration: none; }


/* --------------------------------------------------
	Setup Wizard
	-------------------------------------------------- */

	textarea.oversize, input.oversize { font-size: 15px; }
	div.eight.columns textarea.oversize { width: 550px; }

	div#labelCanvas { display: block; background: #f4f4f4; padding: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
	div#labelCanvas div#labelArea { position: relative; }
	div#labelCanvas img#labelScreenshot { width: 560px; -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25); -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25); }
	span.set-label { display: block; width: 69px; height: 34px; background: url(../home/deployer/clue/releases/20160302000707/images/setup-label.png) no-repeat; position: absolute; }

	div.plan-selector { background: rgba(255,255,255,0.5); border: solid 1px #ddd; padding: 30px 0 10px; width: 218px;
	position: relative; z-index: 205; }
	div.plan-selector h2, div.plan-selector h3, div.plan-selector p, div.plan-selector li { text-align: center; }


  	div#modalContainer div.plan-selector h2 { font-size: 30px; margin: 0 0 4px 0; }
	div#modalContainer div.plan-selector h3 { font-size: 18px; font-weight: normal; color: #999; margin: 0 0 4px 0; }
	div#modalContainer div.plan-selector div.header p { font-weight: bold; padding: 0 20px; }

	div#modalContainer div.heading.simple { border-bottom: none; }
	div#modalContainer div.heading.simple h1, div#modalContainer div.heading.simple p.large  { margin-left: 110px; }
	div#modalContainer div.heading.simple h1 { margin-top: 10px; }

	div#modalContainer div.section.simple { border-top: none; }

	div#modalContainer div.test-preview img { border: solid 1px #ddd; }
	div#modalContainer .four div.test-preview img { width: 218px; }
	div#modalContainer .five div.test-preview img { width: 278px; }
	div#modalContainer .six div.test-preview img { width: 338px; }

	div#modalContainer div.heading { border-bottom:1px solid #CCCCCC; margin:0 25px; padding: 0 0 24px; }
	
	img#valuead {width: 160px !important;}

	div.bar-container { position: relative; float: left; width: 412px; height: 10px;/*  background: url(/images/progress-bg.gif?1456877246) repeat-x; */ margin: 0px 0 30px 0; padding: 0; overflow: hidden; }
	div.bar-container span { color: #999; font-size: 13px; padding-left: 8px; line-height: 30px; }
	div.bar-container div.bar-amount { position: relative; margin: 0; height: 8px; background: url(/images/progress-bar.gif?1456877246) repeat-x; border: solid 1px #6f5590; font-size: 15px; color: #fff; text-align: right; padding: 0px 14px; line-height: 28px; float: left; font-weight: bold; }

	ul.report-bars li.after-max .bar-container { height: 4px; border: none;  }
	ul.report-bars li.after-max .bar-container div.bar-amount { height: 4px; border: none;  }
	ul.report-bars li.after-max  h4 span.main { font-size: 16px; }

	ul.report-bars { }
	ul.report-bars li { margin-bottom: 30px; width: 450px; }
	ul.report-bars li h4 { font-weight: lighter; margin-bottom: 0; }
	ul.report-bars li h4 strong { font-size: 16px; color: #141414; font-weight: bold; }

	ul.report-bars li div.bar-container { float: none; margin: 2px 0; }
	ul.report-bars li h4 span.secondary { color: #999; font-size: 13px; }
	ul.report-bars li h4 span.main { color: #292929; font-size: 20px; font-weight: bold; text-transform: capitalize; }
	ul.report-bars li p { margin-top: 10px; }

	
/* --------------------------------------------------
	Reporting Pages
	-------------------------------------------------- */

	div.page-header.report { position: relative; }
	div.page-header.report div.page-title h1 { max-width: 600px; }

	div.controls { margin-bottom: 0; line-height: 30px; padding: 10px; background: #eaeaea; border: solid 0px #cfcfcf; border-width: 1px 1px 0px 1px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; }

	div#timeRemaining { display: inline-block; padding: 8px 12px 5px 0; margin-left: -1px; font-size: 22px; color: #777; border-right: 1px dotted #ccc; }
	div#timeRemaining span { position: relative; font-size: 22px; color: #fff; font-weight: bold; background: url(/images/reports/timer-bg.gif?1456877246) repeat-x #222; -webkit-border-radius: 3px; -moz-border-radius: 3px; line-height: 32px; letter-spacing: 2px; padding: 0px 5px 0 6px; display: inline-block; margin: 0px 1px; }
	div#timeRemaining span div { width: 25px; border-top: 1px solid #333; position: absolute; top: 15px; left: 0; }
	div#timeRemaining span.blink { background: none; padding: 0; color: #aaa; }


	div#test-status { margin-top: 10px; margin-bottom: 16px; }
	div#test-status img { border: 1px solid #ddd; }

	ul.data-boards { display: block; height: 80px; border-right: solid 1px #d9d9d9; overflow: hidden; margin: 0 0 0 0; -moz-box-shadow: 0 0 8px rgba(0,0,0,.25); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.25);}
	ul.data-boards li { display: block; float: left; height: 85px; width: 133px; margin: 0; background: url(/images/reports/board-bg.gif?1456877246) repeat-x #eee; text-align: center; color: #777; font-weight: bold; border-left:  solid 1px #d9d9d9; text-transform: uppercase; font-size: 12px; text-shadow: 0px 1px 1px #fff; }
	ul.data-boards li strong { display: block; text-align: center; padding: 20px 0 6px 0; font-size: 36px; color: #85ab10; }
	ul.data-boards li.last { width: 116px; }

	div.share-test { width: 351px; margin-bottom: 20px; position: relative; }
	div.share-test input.input-text { display: inline-block; width: 262px; margin: 0; padding: 4px 6px 5px; font-size: 14px; float: left; margin-right: 5px; }
	div.share-test input.input-text:focus { padding: 3px 5px 4px; outline: none !important; }
	div.share-test a.share-link { display: inline-block; width: 28px; height: 28px; text-indent: -9999px; background: url(/images/reports/share-link-sprite.png?1456877246) 0px 0px no-repeat; margin-left: 4px; }
	div.share-test a.share-link.facebook { background-position: 0px -28px; }
	div.share-test a.share-link.email { background-position: 0px -56px; }



	div#modalContainer { width: 466px; height: auto; margin: 0; }
	div#modalContainer h5 { margin: -8px 0 12px 0; }
	div#modalContainer input.input-text { font-size: 18px; line-height: 30px; width: 452px; }
	div#modalContainer textarea.input-text { font-size: 18px; line-height: 30px; width: 452px; height: 90px; }

	div.report-content { width: 450px; overflow: hidden; margin-top: 25px;  }

	div.the-instructions{ padding: 0 5px 10px 5px;}

	span.annotation { background: rgba(214,56,1,0.2); border: 1px solid rgba(214,56,1,0.2); }

  	form#setPermissions ul { margin-top: 6px; }


	ul.benefits { margin-top: 20px; }
	ul.benefits li { margin: 0 0 8px 0; position: relative; padding-left: 58px; }
	ul.benefits li img { position: absolute; left: 0px; top: 0px; }


	.annotation-container { position: relative; display: inline-block; }
	.annotation-container img { display: block; }

/* --------------------------------------------------
	Test Styles
	-------------------------------------------------- */

  /* Test Loading style*/
  #loadingScreen { position: fixed; top: 0; left:0 ; border: 1px solid #999; }



/* --------------------------------------------------
	Modal Styles
	-------------------------------------------------- */
/*  div#modalContainer { padding: 20px; background: #f5f5f5 url(/images/gradients/modal.png?1456877246) repeat-x left bottom; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#e5e5e5)); -moz-box-shadow: 0 5px 15px rgba(0,0,0,.5); -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); -moz-border-radius: 0 0 6px 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; }*/
  div#modalContainer { margin: 0 auto; padding: 20px 40px 40px 40px; width: 460px; -moz-border-radius-bottomleft: 9px; -moz-border-radius-bottomright: 9px; -webkit-border-bottom-left-radius: 9px; -webkit-border-bottom-right-radius: 9px; -webkit-background-clip: padding-box; -moz-box-shadow: 0 2px 5px rgba(0,0,0, 0.42); -webkit-box-shadow: 0 2px 5px rgba(0,0,0, 0.42); 	background: url(/images/fullscreen/container-bg.png?1456877246) left top no-repeat #e5e5e5; background: url(/images/fullscreen/container-inner-shadow.png?1456877246) left bottom no-repeat, url(/images/fullscreen/container-bg.png?1456877246) left top no-repeat #e5e5e5; position: fixed; z-index: 1000; }
  div#modalContainer input.input-text { outline: none !important; }
  div#modalOverlay, div#modalOverlayTwo { background: rgba(0, 0, 0, .3); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 200;}
  body.ie div#modalOverlay { background: #000 }

	/* --------------------------------------------------
	Test Instruction Panel
	-------------------------------------------------- */

	.test-modal {
		margin: 0 auto; padding: 40px; width: 460px; -moz-border-radius: 9px; -webkit-border-radius: 9px; -webkit-background-clip: padding-box; -moz-box-shadow: 0 2px 5px rgba(0,0,0, 0.42); -webkit-box-shadow: 0 2px 5px rgba(0,0,0, 0.42); 	background: url(/images/fullscreen/container-bg.png?1456877246) left top no-repeat #e5e5e5; background: url(/images/fullscreen/container-inner-shadow.png?1456877246) left bottom no-repeat, url(/images/fullscreen/container-bg.png?1456877246) left top no-repeat #e5e5e5; position: absolute; z-index: 1000;
	}
	.test-modal hr { margin: 29px -40px; height: 2px; border: none; background: url(/images/fullscreen/container-hr.png?1456877246) repeat-x; }
	.test-modal h1, .test-modal h2, .test-modal h3, .test-modal h4 { color: #434343; font-weight: lighter; margin-bottom: 6px; padding: 0; }
	.test-modal h2 { font-size: 36px; line-height: 40px; }
	.test-modal h3 { font-size: 28px; line-height: 32px; }

	.test-modal p.introduction { width: 200px; line-height: 14px; margin-bottom: 0; }
	.test-modal p small { font-size: 12px; color: #8f8f8f; }

	.test-modal .button.bottom-right { position: absolute; right: 40px; bottom: 40px; }
/*  .test-modal .button.bottom-right:active { top: auto; bottom: 39px; }*/

	.test-modal div.preview-tab { width: 84px; height: 84px; position: absolute; top: 0px; right: 0px; background: url(/images/preview-tab.png?1456877246) no-repeat; }

	#instructionsHud { display: block; width: 138px; height: 29px; background: url(/images/fullscreen/instructions-tab.png?1456877246) no-repeat; position: relative; margin: 0 auto; line-height: 29px; color: #434343; font-size: 14px; text-align: center; text-shadow: 0px 1px #fff; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.16); -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.16); -webkit-border-bottom-right-radius: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomleft: 9px; -moz-border-radius-bottomright: 9px; }

/*	--------------------------------------------------
	Containers
	-------------------------------------------------- */
	body { background: url(/images/backgrounds/test-bg.png?1456877246) repeat-x #d9d9d9; min-width: 900px; }
	div#wrapper { height: auto; margin: 0; padding: 0; border-top: 0px; }

	div#wrapper.screen-container { padding-top: 10px; text-align: center; }
	div#testContainer { position: relative; }
	div#testContainer.click-test,
  div#testContainer.ab-test div#previews,
  div#testContainer.ab-test div.magnification,
	div#testContainer.multi-click-test,
	div#testContainer.mood-test div.image-container,
	div#testContainer.memory-test,
	div.label-test div#screenshotContainer,
	div#testContainer.annotate-test div#screenshotContainer { position: relative; -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); margin: 30px auto; text-align: center; }
	div#testContainer img { display: block; }

	div.page-image-container,
	div.image-container { position: relative; margin: 0 auto; }

	div.page { position: relative; padding-bottom: 80px; }

	.apps-container { width: 140px; float: left; }
	.apps-container ul { margin-bottom: 10px; }
	.column-row.within { margin-left: -20px; }
	li.feeder p.small { margin-bottom: 0 !important; }




div.shareElement { background: #f5f5f5; border: solid 1px #cfcfcf; border-width: 1px 1px 0 1px; margin: 0; padding: 5px 12px; 	}
div.shareElement h4 { font-size: 12px; color: #555;  }
#shareURL, #resultsURL { width: 220px;  }

.screenshot {
width: 400px;
max-height: 455px;
overflow: hidden;
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,.5);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.5);
box-shadow: 0px 1px 4px rgba(0,0,0,.5);
}
.screenshot img { display: block;}
body.ie .screenshot, body.ff30 .screenshot { border: 1px solid #ddd; }

.responses { width: 100px; margin-right: 12px; border-right: 1px dotted #ccc; }
.responses h3 { font-size: 24px; margin-bottom: 0;  text-align: center; }
.responses h5 { font-size: 12px; text-align: center; }

#timeRemaining { float: left; padding: 8px 0 0 0;}

.previewButton { padding: 9px 12px 10px 12px; display: block; float: left; margin: 8px 0 0 15px; font-size: 14px !important; }



ul.report-bars h4 { display: block; }
ul.report-bars li { float: left; }

div.bootprints {
	width: 580px;
	height: 180px;
}

	.left-print {
		position: absolute;
		bottom: 60px;
		right: 120px;
		display: none;
	}
	.right-print {
		position: absolute;
		bottom: 140px;
		right: 20px;
		display: none;
	}

.metrics {
	overflow: hidden;
	margin-bottom: 18px;
	margin-top: 0;
	margin-left: 0px;
}

.shadowvider {
	display: block;
	width: 421px;
	height: 10px;
	margin-left: 10px;
	background: url(/images/shadowvider.jpg?1456877246);
}

.top-push { margin-top: 25px; }

span.clue-shadow {
	display: block;
	width: 920px;
	height: 23px;
	background: url(/images/clue-shadow.png?1456877246);
	margin-left: 10px;
}


.modal-options { float: left; width: 100%; margin-top: 18px; }
.modal-options a.button { margin-left: 10px; }
.modal-options a.dismiss-modal { color: #222;  text-decoration: underline;  }

.four.plus.columns { width: 240px; }
.four.less.columns { width: 200px; }

a.show-all { color: #470F8D; }

div.page-bubble h2 { font-size: 16px; }

.results-info { float: left; width: 412px; overflow: hidden; }
strong.number { float: left; display: block; padding: 3px; font-size: 18px; text-align: right; width: 26px; margin-right: 6px; color: #111; }

p.well { background: #eeefe7; -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,.3);
-webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,.3);
box-shadow: inset 1px 1px 4px rgba(0,0,0,.3);
padding: 18px;
margin: 20px 0;
}

body.ie p.well,
body.ff30 p.well
  { border: 1px solid #ddd !important; }

#showAllMemories { margin-left: 36px; }

#contentSec .well + h5 { font-weight: normal; color: #555; }
#contentSec ul.test-select-grid { margin-left: -10px; margin-top: 5px; }
#contentSec ul.test-select-grid li { margin-left: 10px; width: auto; border: 1px solid #ddd;
	height: 140px;
	background: url(/images/transparency-grid.png?1456877246);
	}
#contentSec ul.test-select-grid img { width: 118px; border:none; }
ul.test-select-grid li { background: url(/images/transparency-grid.png?1456877246); height: 140px; border: 1px solid #ddd; }
ul.test-select-grid li { width: 136px; }
ul.test-select-grid li a img { border: none; width: 136px;}
ul.live-tests-list li { overflow: hidden;}

.eight.other-clue-tests-container {margin: 0px 10px 50px 0px; z-index: 2;}
h5.other-clue-tests { margin-top: 20px; }
h5.other-clue-tests + ul.test-select-grid { margin-top: 8px; margin-bottom: 20px; overflow: visible; }
h5.other-clue-tests + ul.test-select-grid li { border: 1px solid #ccc; }

p#thanksAttribution { position: absolute; bottom: -48px; right: 10px; display: block; color: #777; }
/* #thanksAttribution a { width: 100px; height: 17px; background: url(/images/bounce/from-zurb-light.png?1456877246) no-repeat -28px 0; text-indent: -9999px; display: inline-block; position: relative; top: 0; } */

.test-modal h4 a:link,
.test-modal h4 a:visited,
.test-modal h4 a { text-decoration: underline; }

ul.press li#nytimes a {
background-image: url(http://www.bounceapp.com/images/press/nytimes.png?1284053438);
width: 209px;
}



div#footer h6 a { font-weight: bold; color: #777 !important; }
div#footer h6 a:hover { font-weight: bold; color: #777 !important; }
div#footer a { color: #444 !important; }
div#footer a:hover { color: #111 !important; }
#footer ul {
  margin-bottom: 20px;
}
#footer ul li {
  margin-bottom: 5px;
}
/* TOP 100 Stuff */
#top100Header { min-height: 0; background-position: 0 -100px; }
#top100Header h1 { font-size: 55px; position: relative;  }
#top100Header h4 { color: #555; }
#top100Header p.lead { font-size: 14px; line-height: 22px; display: block; margin-top: 8px;  }

ul#top-thumbnails { margin: 35px 0 0 -20px; padding: 10px 0 0 0; width: 970px; position: relative; overflow: hidden;  }
ul#top-thumbnails li { background: #fff; position: relative; height: 120px; width: 172px; float: left; position: relative; overflow: hidden; margin: 0 0 20px 20px; -moz-box-shadow: 0 0 12px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 12px rgba(0,0,0,.3); box-shadow: 0 0 12px rgba(0,0,0,.3); width: 172px;  }

ul#top-thumbnails li a { display: block; height: 100%;  }
ul#top-thumbnails li img { width: 100%; }
ul#top-thumbnails li:hover { -moz-box-shadow: 0 0 12px rgba(0,0,0,.7); -webkit-box-shadow: 0 0 12px rgba(0,0,0,.7); box-shadow: 0 0 12px rgba(0,0,0,.7); z-index: 4; top: -1px;  }
h1#Clue100Header { width: 940px; height: 310px; background: url(/images/top100-header.png?1456877246) no-repeat; margin: -40px 0 20px; text-indent: -9999px }


body.ff30 ul#top-thumbnails li,
body.ie ul#top-thumbnails li { border: 1px solid #ccc; }
body.ff30 ul#top-thumbnails li:hover,
body.ie ul#top-thumbnails li:hover { border: 1px solid #999; }

#top100Footer p.raised { font-size: 14px; }
#top100Footer p.raised a.button { margin-left: 30px;   }
p.raised { background: #fff; -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow:  0px 1px 1px rgba(0,0,0,.4);
-webkit-box-shadow:  0px 1px 1px rgba(0,0,0,.4);
box-shadow:  0px 1px 1px rgba(0,0,0,.4);
padding: 18px;
margin: 20px 0;
}
body.ie p.raised ,
body.ff30 p.raised { border: 1px solid #aaa; }

body.ie p.raised { position: relative;  }

div#fixedShare { position: absolute; background: none; width: 242px; height: 38px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; left: 494px; bottom: 58px; border: none !important; z-index: 3; }
body.ie div#fixedShare { top: -152px; }
.twitterShare { float: left; margin: 7px 0px 0 22px;}
.facebookShare { float: left; width: 90px; margin: 7px 0 0 -4px; }

/* BROWSER FIXING SUCKS */
body.ff30 #zurb_capture_url, body.ff3 #zurb_capture_url, body.ff35 #zurb_capture_url { width: 270px; }
body.ie #zurb_capture_url { padding: 8px 8px 2px; }
body.ie .modal-options a { float: none !important; margin-left: 10px; }
body.ie .modal-options span.ie-hide { display: none; }
body.ie .test-modal,
body.ff30 .test-modal { border: 1px solid #ccc; }
body.ie #memoryForm button.oversize.watermelon span { padding-top: 9px; }
body.ie .four.plus.columns,
body.ie .four.less.columns { padding-top: 8px;  }
body.ie .modal-container ul.share-links { top: 29px !important; }
body.ie #shareElements #shareURL,
body.ie #resultsElements #resultsURL { padding: 0 3px 4px; }
body.ie #resultsElements #resultsURL { position: relative; left: -12px; }
body.ie #bounceLogo { position: relative; top: -8px; }
body.ie #testContainer img#screenshot,
body.ff30 #testContainer img#screenshot { border: 1px solid #ccc; }
body.ie a#showAllMemories { margin-top: 15px; }

.fb-like.fb_edge_widget_with_comment.fb_iframe_widget {
  width: 100px !important;
  overflow: hidden;
}
#fb-root > div > div > iframe {
  display: none !important;
  width: 1px !important;
}




/*	--------------------------------------------------
	Containers
	-------------------------------------------------- */
	body { background: url(/images/bounce/light-bg.jpg?1456877246) no-repeat #eaeaea; min-width: 1040px; }
	body.glow { background: url(/images/bounce/dark-bg.jpg?1456877246) no-repeat #424248; }
/*  div#wrapper { width: 1020px; margin: 0 auto 40px; height: auto; padding: 0px; border: none; position: relative; }*/
	body.glow div#wrapper { border-top: none; }

	div#screenshotContainer { -moz-box-shadow: 0 0px 6px rgba(0,0,0,.25); -webkit-box-shadow: 0 0px 6px rgba(0,0,0,.25); }
	body.glow div#screenshotContainer { -moz-box-shadow: 0 0px 6px rgba(0,0,0,.75); -webkit-box-shadow: 0 0px 6px rgba(0,0,0,.75); }


/*	--------------------------------------------------
	Header
	-------------------------------------------------- */
	div#headerdiv.section { height: 46px; padding: 14px 17px 0 16px; background: url(/images/bounce/header-divider.gif?1456877246) no-repeat top right; float: left; position: relative; }
	div#header div#logo a { width: 55px; color: #333; font-weight: bold; text-decoration: none; font-size: 50px; margin-top: 20px; display: block; }
	
	
	div#annotateHeader div#notable a { display: block; margin: -14px -17px 0 -16px; padding: 12px 17px 6px 16px; line-height: 1.4; -webkit-transition: text-shadow 0.15s linear; font-size: 11px;}
	div#annotateHeader div#notable a strong { font-size: 14px; }
	div#annotateHeader div#notable a:hover strong { text-decoration: underline; }
	body.glow div#annotateHeader div#notable a:hover { text-shadow: 0px 0px 5px #fff; }
	body.glow div#annotateHeader div#notable a:hover strong { text-decoration: none; }
	
	div#annotateHeader div#logo h6 { margin: 0; padding: 12px 0 0 0; }
	div#annotateHeader div#logo h6 a { font-size: 24px; color: #222; font-weight: bold; letter-spacing: -1px; margin: 0; padding: 0; }
	body.glow div#annotateHeader div#logo h6 a { color: #fff; text-shadow: 0px -1px 1px #000; }
	
	div#annotateHeader h1, div#annotateHeader h2, div#annotateHeader h3, div#annotateHeader h4, div#annotateHeader p { text-shadow: 0px 1px 1px #fff; }
	
	.verify-ball {width: 50px; position: absolute; top: 3px; left: 8px;}
	.verify-ball-share {width: 200px; padding-bottom: 5px;}

	div#annotateHeader a { color: #222222; text-decoration: none; }
	
	div#annotateHeader h4.url { margin-bottom: 4px; line-height: 1.4; font-size: 12px; font-weight: normal; height: 14px; overflow: hidden; }
	div#annotateHeader h4.url a { color: #7a7a7a; font-weight: normal; }
	div#annotateHeader h1 { font-size: 15px; margin: 0; padding: 0; line-height: 1; }
	
	div#annotateHeader p { line-height: 1.3; }
	
	div#annotateHeader a#nameplate { display: block; width: 42px; height: 42px; background: url(/images/bounce/nameplate-light.png?1456877246); position: absolute; top: 8px; left: 14px; }
	div#annotateHeader a#nameplate.unfilled { opacity: 0.5; -moz-opacity: 0.5; }
	div#annotateHeader a#nameplate:hover { opacity: 1; -moz-opacity: 1; }
	
	div#annotateHeader div.shareElement { position: relative; float: left; }
	div#annotateHeader div.shareElement.disabled { opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
	div#annotateHeader div.shareElement.first { margin-right: 20px; }
	a.disabled { cursor: default; }
	div#annotateHeader input#shareURL, 
	div#annotateHeader input#resultsURL { width: 184px; padding: 2px 3px 1px; margin-top: -2px; }
	ul.share-links { position: absolute; height: 16px; width: 64px; left: 12px; top: 20px; margin: 0px;}
	#shareModalContainer ul.share-links { left: 181px; top: 140px; }
	#shareModalContainer ul.share-links.intro { left: 181px; top: 21px; }
	ul.share-links li { height: 16px; width: 16px; float: left; display: block; margin-left: 3px; }
	ul.share-links li a { height: 16px; width: 16px; display: block; margin: 0; padding: 0; text-indent: -9999px; background: url(/images/bounce/share-links.png?1456877246) 0px 0px no-repeat; }
	ul.share-links li#shareFacebook a { background-position: 0px 0px; }
	ul.share-links li#shareTwitter a { background-position: 0px -16px; }
	ul.share-links li#shareEmail a { background-position: 0px -32px; }
	div#annotateHeader ul.share-links li#shareEmail a { background-position: 0px -32px; }
	div#annotateHeader ul.share-links li#sharePDF, div#annotateHeader ul.share-links li#shareEmbed { width: 28px; }
	div#annotateHeader ul.share-links li#sharePDF a { width: 28px; background-position: 0px -48px; }
	div#annotateHeader ul.share-links li#shareEmbed a { width: 28px; background-position: 0px -64px; }
	
/*	#resultsElements { margin-left: 12px; }*/
	
	div#annotateHeader a#saveBounce { position: absolute; right: 15px; bottom: 9px; }
	body.ff div#annotateHeader a#saveBounce { bottom: 12px;  }
	button.inline.button.watermelon { text-transform: uppercase; border: solid 1px #da1b28; }
	
	a#bounceHome { position: absolute; left: -20px; bottom: -7px; width: 50px; height: 50px; display: block; background: url(/images/bounce/bounceHome.png?1456877246) no-repeat; text-indent: -9999px; -webkit-transition: left 0.25s ease-out; }
	body.glow a#bounceHome { background-position: 0px -50px; }
	a#bounceHome:hover,
	a#bounceHome.hover { left: -40px; -webkit-transition: left 0.25s ease-in; }
	
	a#toggleTheme { position: absolute; right: -20px; top: 10px; display: block; width: 20px; height: 40px; background: url(/images/bounce/toggle-light.png?1456877246) no-repeat; text-indent: -9999px; }
	
	/* Glow in the Dark Annotate Header */
	body.glow div#annotateHeader { background: #222 url(/images/bounce/annotate-bar-dark.jpg?1456877246) repeat-x;  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.42); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.42); }
	body.glow div#annotateHeader div.section { background: url(/images/bounce/header-divider-dark.gif?1456877246) no-repeat top right; }
	body.glow div#annotateHeader h1, 
	body.glow div#annotateHeader h2, 
	body.glow div#annotateHeader h3, 
	body.glow div#annotateHeader h4, 
	body.glow div#annotateHeader p { color: #fff; text-shadow: 0px -1px 1px #000; }
	body.glow div#annotateHeader a { color: #fff; }
	body.glow div#annotateHeader div.dropdown p { color: #222; text-shadow: 0px 1px 1px #fff; }
	
	body.glow div#annotateHeader a#nameplate { background: url(/images/bounce/nameplate-dark.png?1456877246); }
	body.glow div#annotateHeader input.input-text.themed { border: solid 1px #080708; background: url(/images/bounce/input-bg-dark.gif?1456877246) repeat-x; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; }
	
	body.glow div#annotateHeader button.button.watermelon { text-transform: uppercase; border: solid 1px #060607; padding: 5px 9px; background-color: #2a2f33; color: #fff !important; text-shadow: 0px 1px 1px #000; -webkit-box-shadow: none; -moz-box-shadow: none; }
	body a#saveBounce.disabled { background-color: #ddd !important; color: #777 !important; -webkit-box-shadow: none; -moz-box-shadow: none; text-shadow: 0px 1px 1px #fff; }
	body.glow .button.watermelon.onwhite, body.glow a#saveBounce.disabled { text-transform: uppercase; border: solid 1px #060607; background-color: #2a2f33 !important; color: #fff !important; text-shadow: 0px 1px 1px #000; -webkit-box-shadow: none; -moz-box-shadow: none; }
	
	body.glow.ff div#annotateHeader button.button.watermelon { padding: 3px 8px; }
	
	body.glow a#toggleTheme { background: url(/images/bounce/toggle-dark.png?1456877246) no-repeat; }

	/* --------------------------------------------------
	=Notes Container
	-------------------------------------------------- */
	
	div.notes { background: #fff; display: block; width: auto; margin: 0 auto 36px; text-align: center; border-right: 1px solid #999; border-bottom: 2px solid #777; }
	body.safari div.notes { border: 0; -webkit-box-shadow: 0 5px 15px #999; }

	div.sidebar { margin: 0; width: 220px; float: left; background: #f5f5f5; border-right: 1px solid #999; }
	div.sidebar ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #ddd; }
	div.sidebar ul li { display: block; }
	div.sidebar ul li ul { display: none; padding: 9px 0; border: 0; border-bottom: 1px solid #ddd; }
	div.sidebar ul li ul li {  } */
	
	/* First tier of links */
/*	div.sidebar ul li a, div.sidebar ul li a:visited { display: block; font-weight: bold; line-height: 1; text-decoration: none; color: #333; text-shadow: 0 -1px 1px #fff; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; }
	div.sidebar ul li span { background: url(/images/sidebar/toggle-glyph.gif?1456877246) no-repeat 10px 0; display: block; padding: 11px 10px 11px 24px; } */

	/* Second tier of links */
	/* div.sidebar ul li ul li a, div.sidebar ul li ul li a:visited { background: none; font-weight: normal; padding: 5px 24px 4px; color: #333; text-shadow: 0 -1px 1px #fff; border: 0; }
	div.sidebar ul li ul li a:hover { color: #555; text-decoration: underline; background: #ddd; }*/

	/* Opening links */
/*	div.sidebar ul li.open ul { display: block; }
	div.sidebar ul li.open a.folder, div.sidebar ul li.open a.folder:visited { background: #ccc url(/images/alert-overlay.png?1456877246); text-shadow: 0 -1px 1px #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #bbb; }
	div.sidebar ul li.open span { background-position: 10px -36px; }
	div.sidebar ul li ul li.active a, div.sidebar ul li ul li.active a:visited { background: #ddd; } */

/*	Visual Notes ---------- */
	/* div.visual.notes { margin: 0 auto; }
	div.visual.notes img { display: block; } */
	
  /* --------------------------------------------------
  ANNOTATE SCREENSHOT PAGE
  -------------------------------------------------- */
/*  div#screenshotContainer { position: relative; margin: 0 auto 40px; padding: 0; }
  div#screenshotContainer img { display: block !important; }
  
  div#loader { margin: 200px auto; width: 32px; height: 32px; background: url(/images/bounce/ajax-loader.gif?1456877246) no-repeat; }
  body.glow div#loader { background-image: url(/images/bounce/ajax-loader-glow.gif?1456877246); }
  
  body#editPage div#toolbar a#btnSave,
	body#editPage div#toolbar a#restoreOriginal,
	body#editPage div#toolbar a#btnCancel { display: none; }
	body#editPage div#toolbar.cropping a#btnSave,
	body#editPage div#toolbar.cropping a#btnCancel { display: inline-block; }
	body#editPage div#toolbar.cropping a#btnAddANote,
	body#editPage div#toolbar.cropping a#btnCropImage { display: none; }
	body#editPage div#toolbar.cropped a#restoreOriginal { display: inline-block; }
	
	#postTitleForm input { width: 220px; }
	
	body.glow#newPage a.super.small.button span, body#newPage a.super.small.button span { padding: 4px 11px 6px; }	
	body.glow.ff#newPage a.super.small.button span, body.ff#newPage a.super.small.button span { padding: 6px 11px 3px; } */
	
/* --------------------------------------------------
	Modal Styles
	-------------------------------------------------- */  	
	
 div#modalContainer { padding: 20px; background: #f5f5f5 url(/images/gradients/modal.png?1456877246) repeat-x left bottom; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#e5e5e5)); -moz-box-shadow: 0 5px 15px rgba(0,0,0,.5); -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); -moz-border-radius: 0 0 6px 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; }
 div.modal-container { margin: 0 auto; padding: 20px 40px 40px 40px; width: 520px; -moz-border-radius-bottomleft: 9px; -moz-border-radius-bottomright: 9px; -webkit-border-bottom-left-radius: 9px; -webkit-border-bottom-right-radius: 9px; -webkit-background-clip: padding-box; -moz-box-shadow: 0 2px 5px rgba(0,0,0, 0.42); -webkit-box-shadow: 0 2px 5px rgba(0,0,0, 0.42); 	background: url(/images/fullscreen/container-bg2.png?1456877246) left top no-repeat #e5e5e5; background: url(/images/fullscreen/container-inner-shadow.png?1456877246) left bottom no-repeat, url(/images/fullscreen/container-bg2.png?1456877246) left top no-repeat #e5e5e5;  background-size: 100% 100%; position: fixed; z-index: 1000; }
  div.modal-container input.input-text { outline: none !important; }

  	div.modal-container { width: 520px; height: auto; margin: 0; }
	div.modal-container h5 { margin: -8px 0 12px 0; }
	div.modal-container input.input-text { font-size: 18px; line-height: 30px; width: 452px; }
	div.modal-container textarea.input-text { font-size: 18px; line-height: 30px; width: 452px; height: 90px; }
	div.modal-container a { text-decoration: none; } 
	div.modal-container h5 { margin-bottom: 3px; }
	div.modal-container input#shareURL, 
	div.modal-container input#resultsURL { height: 24px; width: 235px; font-size: 14px; line-height: 26px; }
	div.modal-container input#shareURL { width: 235px; }
	div.modal-container .column-row { margin: 0 0 18px -20px; }
	div.modal-container .eight.columns.description { margin-bottom: 10px; }
	
	
	
	
	
	
	
	
div#annotateHeader{background:#fff url(/images/bounce/annotate-bar-light.jpg?1456877246) repeat-x; height:60px;width:940px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.42);-moz-box-shadow:0 1px 1px rgba(0,0,0,.42);-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;position:relative; margin-bottom: 30px; }

body.ie div#annotateHeader,
body.ff30 div#annotateHeader { border: 1px solid #ccc; }

div#annotateHeader div.section{height:46px;padding:14px 17px 0 16px;background:url(/images/bounce/header-divider.gif?1456877246) no-repeat top right;float:left;position:relative;}
div#annotateHeader div#logo{width:65px;}
div#annotateHeader div#title{width:190px; padding-top: 7px; }
div#annotateHeader div#name{width:39px;}
div#annotateHeader div#save{width:200px; background:none; padding-top: 7px; }
div#annotateHeader div#save a{color:#fff;font-weight:bold;}
div.watermelon.button.small.previewButton {width: 180px; text-align: center;}
div#annotateHeader div#notable{width:325px;}
div#annotateHeader div#notable strong{letter-spacing:-1px;}
div#annotateHeader div#notable a{display:block;margin:-14px -17px 0 -16px;padding:12px 14px 6px 14px;line-height:1.4;-webkit-transition:text-shadow .15s linear;}
div#annotateHeader #save>div { float: left; }
div#annotateHeader div#notable a:hover strong{text-decoration:underline;}
body.glow div#annotateHeader div#notable a:hover{text-shadow:0 0 5px #fff;}
body.glow div#annotateHeader div#notable a:hover strong{text-decoration:none;}
div#annotateHeader div#logo h6{margin:0;padding:12px 0 0 0;}
div#annotateHeader div#logo h6 a{font-size:24px;color:#222;font-weight:bold;letter-spacing:-1px;margin:0;padding:0;}
body.glow div#annotateHeader div#logo h6 a{color:#fff;text-shadow:0 -1px 1px #000;}

div#annotateHeader h1,div#annotateHeader h2,div#annotateHeader h3,div#annotateHeader h4,div#annotateHeader p{text-shadow:0 1px 1px #fff;}
div#annotateHeader a{color:#222;text-decoration:none;}div#annotateHeader h4.url{margin-bottom:4px;line-height:1.4;font-size:12px;font-weight:normal;height:14px;overflow:hidden;}
div#annotateHeader h4.url a{color:#7a7a7a;font-weight:normal;}
div#annotateHeader h1{font-size:15px;margin:0;padding:0;line-height:1;}
div#annotateHeader p{line-height:1.3;}
div#annotateHeader a#nameplate{display:block;width:42px;height:42px;background:url(/images/bounce/nameplate-light.png?1456877246);position:absolute;top:8px;left:14px;}
div#annotateHeader a#nameplate.unfilled{opacity:.5;-moz-opacity:.5;}
div#annotateHeader a#nameplate:hover{opacity:1;-moz-opacity:1;}
div#annotateHeader div#shareElements{position:relative;}
div#annotateHeader div#shareElements.disabled{opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);}
a.disabled{cursor:default;}
div#annotateHeader input#shareURL{width:215px;padding:2px 3px 1px;margin-top:-2px;}
div#annotateHeader ul.share-links{position:absolute;height:16px;width:64px;left:161px;margin:0;top:24px;}
div#annotateHeader ul.share-links li{height:16px;width:16px;float:left;display:block;margin-left:3px;}
div#annotateHeader ul.share-links li a{height:16px;width:16px;display:block;margin:0;padding:0;text-indent:-9999px;background:url(/images/bounce/share-links.png?1456877246) 0 0 no-repeat;}

div#annotateHeader ul.share-links li#shareFacebook a{background-position:0 0;}
div#annotateHeader ul.share-links li#shareTwitter a{background-position:0 -16px;}
div#annotateHeader ul.share-links li#shareEmail a{background-position:0 -32px;}
div#annotateHeader ul.share-links li#sharePDF,div#annotateHeader ul.share-links li#shareEmbed{width:28px;}
div#annotateHeader ul.share-links li#sharePDF a{width:28px;background-position:0 -48px;}
div#annotateHeader ul.share-links li#shareEmbed a{width:28px;background-position:0 -64px;}
div#annotateHeader a#saveBounce{position:absolute;right:15px;bottom:9px;}
body.ff div#annotateHeader a#saveBounce{bottom:12px;}
button.inline.button.watermelon{text-transform:uppercase;border:solid 1px #da1b28;}
a#bounceHome{position:absolute;left:-20px;bottom:-7px;width:50px;height:50px;display:block;background:url(/images/bounce/bounceHome.png?1456877246) no-repeat;text-indent:-9999px;-webkit-transition:left .25s ease-out;}
body.glow a#bounceHome{background-position:0 -50px;}
a#bounceHome:hover,a#bounceHome.hover{left:-40px;-webkit-transition:left .25s ease-in;}
a#toggleTheme{position:absolute;right:-20px;top:10px;display:block;width:20px;height:40px;background:url(/images/bounce/toggle-light.png?1456877246) no-repeat;text-indent:-9999px;}
body.glow div#annotateHeader{background:#222 url(/images/bounce/annotate-bar-dark.jpg?1456877246) repeat-x;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.42);-moz-box-shadow:0 2px 5px rgba(0,0,0,.42);}
body.glow div#annotateHeader div.section{background:url(/images/bounce/header-divider-dark.gif?1456877246) no-repeat top right;}body.glow div#annotateHeader h1,body.glow div#annotateHeader h2,body.glow div#annotateHeader h3,body.glow div#annotateHeader h4,body.glow div#annotateHeader p{color:#fff;text-shadow:0 -1px 1px #000;}
body.glow div#annotateHeader a{color:#fff;}
body.glow div#annotateHeader div.dropdown p{color:#222;text-shadow:0 1px 1px #fff;}body.glow div#annotateHeader a#nameplate{background:url(/images/bounce/nameplate-dark.png?1456877246);}
body.glow div#annotateHeader input.input-text.themed{border:solid 1px #080708;background:url(/images/bounce/input-bg-dark.gif?1456877246) repeat-x;color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;}
body.glow div#annotateHeader button.button.watermelon{text-transform:uppercase;border:solid 1px #060607;padding:5px 9px;background-color:#2a2f33;color:#fff!important;text-shadow:0 1px 1px #000;-webkit-box-shadow:none;-moz-box-shadow:none;}
body a#saveBounce.disabled{background-color:#ddd!important;color:#777!important;-webkit-box-shadow:none;-moz-box-shadow:none;text-shadow:0 1px 1px #fff;}body.glow .button.watermelon.onwhite,body.glow a#saveBounce.disabled{text-transform:uppercase;border:solid 1px #060607;background-color:#2a2f33!important;color:#fff!important;text-shadow:0 1px 1px #000;-webkit-box-shadow:none;-moz-box-shadow:none;}
body.glow.ff div#annotateHeader button.button.watermelon{padding:3px 8px;}
body.glow a#toggleTheme{background:url(/images/bounce/toggle-dark.png?1456877246) no-repeat;}div.notes{background:#fff;display:block;width:auto;margin:0 auto 36px;text-align:center;border-right:1px solid #999;border-bottom:2px solid #777;}
