/*	--------------------------------------------------
	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?1561756593) 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?1561756593) 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: #f72837; text-decoration: underline; outline: 0; line-height: inherit; }
	a:hover { color: #f72837; text-decoration: underline; }

	body.glow a { color: #d6ee37; }
	body.glow a:hover { color: #d6ee37; }

	a.muted, a.muted:visited { color: #777; }
	a.muted:hover { color: #555; }

	a.image-upload, a.image-upload:visited { color: #777; text-decoration: none;}
	a.image-upload:hover { color: #555; text-decoration: none;}
	a.image-upload span { border-bottom: 1px solid #777; }
	a.image-upload:hover span { border-bottom: 1px solid #777; }


	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; }
	p.decrease-margin {margin: -6px 0 0 0;}

	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; }
	li.suite {font-size: 16px;}
	li.feeder {font-size: 14px;}

	dt { line-height: 18px; font-weight: bold; }
	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?1561756593) 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; }

	/* Firefox 3.5 Sucks */
	body.ff3 input.input-text { padding: 4px 4px 5px; }
	body.ff3 input.input-text:focus { padding: 3px 3px 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?1561756593) 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 { 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 { 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: #f72837; }
	.watermelon.button:hover { background-color: #c91c28; text-decoration: none; }
	.watermelon.disabled:hover { background-color: #f72837; }

	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?1561756593); 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: 15px; -moz-border-radius: 15px; line-height: 1; }
	.super.button span { display: block; padding: 5px 15px 6px; -webkit-border-radius: 14px; -moz-border-radius: 14px; 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 { padding: 0; }
	body.ff3 .super.button span { position: relative; top: -1px; padding: 5px 15px; }
	body.ff3 .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?1561756593); background-position: left top; -webkit-border-radius: 18px; -moz-border-radius: 18px; }
	body.ff4 .large.super.button { background-image: url(/images/gradients/40px-button.png?1561756593); 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 { 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?1561756593); border: solid 1px #f72837; }
	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; }

/*	--------------------------------------------------
	Admin Header
	-------------------------------------------------- */
	div#adminHeader { background: #222; height: 36px; position: absolute; top: 0; width: 100%; z-index: 6; }
	div#adminHeader div.wrapper { width: auto; margin: 0; padding: 0 15px 0 0; }
	div#adminHeader h6 { display: inline; padding: 0; font-size: 18px; }
	div#adminHeader h6 a { float: left; display: block; margin: 0 10px; line-height: 1; color: #fff; text-decoration: none; }
	div#adminHeader h6 a:hover {  }

	/* Revamped navigation elements */
	ul.nav { float: left; margin: 0; padding: 0; list-style: none; position: relative; }
	ul.nav li { display: inline; color: #999; line-height: 1; }
	ul.nav li a span { display: inline; font-weight: normal; line-height: .9; }
	ul.nav li a,
	ul.nav li.faux-link { float: left; display: inline; width: auto; text-decoration: none; text-shadow: 0 -1px 1px #222; line-height: 1; }
	ul.nav li a { padding: 0 10px; height: 36px; line-height: 36px; font-weight: bold; color: #fff; }
	ul.nav li a:hover { background: #333; color: #fff; }
	ul.nav li.faux-link a:hover { color: #fff; }

	ul.nav li.faux-link { font-weight: normal; color: #777; padding: 9px 10px; }
	ul.nav li.faux-link a { display: inline; float: none; padding: 0; height: auto; line-height: 18px; }
	ul.nav li.faux-link a:hover { background: none; }
	ul.nav li.faux-link small,
	ul.nav li.faux-link small a { font-weight: normal; color: #999; }

	ul.nav li.subtle a,
	ul.nav li a span.subtle { color: #ccc; font-weight: normal; }

	ul.nav li.search { padding: 0 10px; }
	ul.nav li.search form { line-height: ; }
	ul.nav li.search form input { margin: 7px 0 0; color: #777; }

	/* Sign up link */
	ul.nav li a.button { height: auto; margin:3px; padding:7px; line-height: 12px; }


	/* Notable Link */
	ul.nav li a.notable { font-size: 16px; padding: 0; }

	/* Mega dropdown menus */
	ul.nav li.dropdown { position: relative; float: left; display: inline; padding-right: 12px; z-index: 3000; }
	ul.nav li.dropdown div.sub-nav { display: none; background: #333; background: #333 -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222)); padding: 15px; position: absolute; top: 36px; left: 0; z-index: 1000; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); -moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); }
	ul.nav li.dropdown div.sub-nav.one-col { width: 180px; }
	ul.nav li.dropdown div.sub-nav.two-col { width: 340px; }
	ul.nav li.dropdown div.sub-nav.three-col { width: 520px; }
	ul.nav li.dropdown div.sub-nav.four-col { width: 700px; }

	ul.nav li.dropdown div.sub-nav dl { margin: 0; padding: 0; line-height: 18px; }
	ul.nav li.dropdown div.sub-nav dt { margin: 0; padding: 0; height: auto; }
	ul.nav li.dropdown div.sub-nav dd { margin: 0 0 10px 0; padding: 0; height: auto; }
	ul.nav li.dropdown div.sub-nav dt a { padding: 0; margin: 0; display: inline; line-height: 1; }
	ul.nav li.dropdown div.sub-nav dd a { padding: 0; margin: 0; display: inline; font-size: 12px; font-weight: normal; opacity: 0.4; line-height: 1; }

	ul.nav li.dropdown div.sub-nav dt img { margin: 0 0 -3px -4px; }

	ul.nav li.dropdown h5 { color: #fff; }
	ul.nav li.dropdown ul { margin: 0; padding: 0; list-style: none; }
	ul.nav li.dropdown ul li {  }
	ul.nav li.dropdown a { background: none; float: none; display: block; }
	ul.nav li.dropdown a.menu-name { background: url(/images/header/dropdown.png) no-repeat right 15px; padding: 0 15px; }
	ul.nav li.dropdown li a { height: auto; padding: 3px 0; font-weight: normal; line-height: 18px; color: #ccc; }
	ul.nav li.dropdown li.active a { color: #fff; font-weight: bold; }

	/* Opened state for mega dropdowns */
	ul.nav li.opened.dropdown { background-color: #333; }
	ul.nav li.opened.dropdown a.menu-name { background-color: none; }
	ul.nav li.opened.dropdown div.sub-nav { display: block; z-index: 100; }
	ul.nav li.dropdown div.sub-nav .column-row { margin-bottom: 0; }

	ul.user.nav a					{ padding: 0 10px; }
	ul.account.nav li.active a,
	ul.user.nav li.active a			{ background: #333; }

	/* User and account links in top right */
	ul.account.nav 					{ position: absolute; top: 0; right: 10px; }
	ul.account.nav a				{ font-weight: normal; }

	ul.account.nav li.dropdown div.sub-nav { width: ; }
	ul.account.nav li.dropdown div.sub-nav ul li { clear: both; }
	ul.account.nav li.dropdown div.sub-nav ul li ul { display: block; width: ; height: 30px; }
	ul.account.nav li.dropdown div.sub-nav ul li ul li { float: left; font-size: 12px; clear: none; display: block; width: auto; margin-right: 10px; opacity: 0.75; text-decoration: underline; }
	ul.account.nav li.dropdown div.sub-nav ul li ul li:hover { opacity: 1.0; }
	ul.account.nav li.dropdown div.sub-nav ul li h5 a { margin-bottom: 0; padding-bottom: 0; font-weight: bold; color: #fff; }

	body.ie ul.nav li.dropdown .column-row { width: 720px; }

	ul.nav li#menuWorkspacesOld	div.sub-nav { padding: 15px; }

	/* Capture tools in the black bar */
/*
	ul.nav li.dropdown ul.capture-tools {  }
	ul.nav li.dropdown ul.capture-tools li {  }
	ul.nav li.dropdown ul.capture-tools a { xbackground: #ccc; }
*/
	ul.nav li.dropdown ul.capture-tools a img { float: left; margin: 1px 7px 0 0; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); }
	ul.nav li.dropdown ul.capture-tools a:hover { color: #fff; font-weight: bold; text-decoration: none; }
	ul.nav li.dropdown ul.capture-tools a:hover img { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

	/* New sub nav lists */
	ul.nav li.dropdown div.sub-nav { padding: 0; }
	ul.nav li.dropdown div.sub-nav ul { padding: 3px 0; }
	ul.nav li.dropdown div.sub-nav ul li.divider { display: block; clear: none; width: 218px; height: 1px; margin: 8px 1px; overflow: hidden !important; background: #222; border-bottom: 1px solid #444; }
	ul.nav li.dropdown div.sub-nav ul li a { display: block; width: 190px; padding: 3px 15px; }
	ul.nav li.dropdown div.sub-nav ul.tight li a { padding: 0 15px; font-size: 12px; }
	ul.nav li.dropdown div.sub-nav ul li a:hover { background: #ffb515; background: #ffb515 -webkit-gradient(linear, 0 0, 0 100%, from(#ffb515), to(#fc9200)); font-weight: bold; color: #fff; text-decoration: none; text-shadow: 0 -1px 1px rgba(0,0,0,.25); }
	ul.nav li.dropdown div.sub-nav ul li.new-workspace a { margin-bottom: 6px; }
	ul.nav li.dropdown div.sub-nav ul li.active { color: #fff; }
/*
	ul.nav li.dropdown div.sub-nav ul li.current a { background-image: url(/images/header/checkmark-toggle.png); background-repeat: no-repeat; background-position: 0 0; }
*/

	/* --------------------------------------------------
	=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?1561756593) 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?1561756593) 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; }
	small#poweredBy a { color: #777; }

	/* --------------------------------------------------
	=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; }
	div#wrapper-no-border 		{ border-top: none; }
	body.glow div#wrapper-no-border { border-top: none; }
	div#wrapper-no-border.simple	{ margin-top: 0; }

	/* --------------------------------------------------
	=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: 18px 0; font-size: 12px; }
	div#footer div.wrapper { padding: 0 0 20px; }
	div#footer p { color: #777; }
	div#footer p a { color: #444; }
	div#footer p a:hover { color: #111; }
	div#footer p a.no-underline {text-decoration: none;}
	div#footer p a.no-underline:hover {text-decoration: underline;}
  div#footer h6 {font-size:14px}
  div#footer h6 a {color: #777; font-weight: bold;}
  div#footer h6 small {font-size:65%}
  
	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-header div.page-title { border-bottom: 1px solid #ddd; overflow: hidden; margin: 0 0 10px; 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; }

	/* 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); }
	div.odditorium.divider { background-image: url(/images/dividers/divider-odditorium.gif); }
	div.scrumptious.divider { background-image: url(/images/dividers/divider-scrumptious.gif); }
	div.zurb.divider { background-image: url(/images/dividers/divider-zurb.gif); }

/*	--------------------------------------------------
	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; z-index: 501; }
	span.nub.c333 { background-image: url(/images/nubs/nub-333.png?1561756593); }
	span.nub.c444 { background-image: url(/images/nubs/nub-444.png?1561756593); }
	span.nub.ceee { background-image: url(/images/nubs/nub-eee.png?1561756593); }
	span.nub.cfff { background-image: url(/images/nubs/nub-fff.png?1561756593); }

/*	--------------------------------------------------
	Pagination
	-------------------------------------------------- */
	div.pagination { width: 100%; height: 36px; text-align: center; margin: 0 0 36px; padding: 0; font-size: 12px; line-height: 1; }
	div.pagination a, div.pagination a:visited { padding: 3px 11px 4px; font-size: 12px; line-height: 1; text-decoration: none; font-weight: bold; border: 1px solid #ddd; text-shadow: 0 1px 1px #fff; -webkit-border-radius: 2px; }
	div.pagination a:hover { color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,.25); background: #2daebf; border: 1px solid #007d9a; }
	div.pagination .disabled { color: #bbb; border: 0; }
	div.pagination .current { padding: 4px 12px 5px; color: #777; font-weight: bold; }
	.inactive { color: #777; }
	div.pagination .prev_page, div.pagination .next_page { margin: 0 20px 0 20px; }

	ul.paginate { width: 100%; height: 27px; margin: 0 0 18px; }
	ul.paginate li { display: inline; }
	ul.paginate a { background: #f7f6ed; display: inline; float: left; padding: 3px 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; text-decoration: none; }
	ul.paginate a:hover { background: #818076; color: #fff; }
	ul.paginate li.next a { float: right; }

	div.avatar { float: left; margin: 0 10px 0 0; }
	div.avatar a {  }
	div.avatar img { display: block; width: 36px; padding: 3px; 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); }
	div.avatar a:hover img { 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); }

	div.orangellow.avatar img,
	div.green.avatar img,
	div.blue.avatar img,
	div.magenta.avatar img,
	div.red.avatar img,
	div.orange.avatar img { background: #fff; border-width: 3px; }
	div.orangellow.avatar img { border-color: #feb515; -webkit-border-image: url(/images/borders/orangellow-border.png?1561756593) 5 5 5 5 stretch; -moz-border-image: url(/images/borders/orangellow-border.png?1561756593) 5 5 5 5 stretch; }
	div.green.avatar img { border-color: #b8d30b; -webkit-border-image: url(/images/borders/green-border.png?1561756593) 5 5 5 5 stretch; -moz-border-image: url(/images/borders/green-border.png?1561756593) 5 5 5 5 stretch; }
	div.blue.avatar img { border-color: #2daebf; -webkit-border-image: url(/images/borders/blue-border.png?1561756593) 5 5 5 5 stretch; -moz-border-image: url(/images/borders/blue-border.png?1561756593) 5 5 5 5 stretch; }
	div.magenta.avatar img { border-color: #c9025c; -webkit-border-image: url(/images/borders/magenta-border.png?1561756593) 5 5 5 5 stretch; -moz-border-image: url(/images/borders/magenta-border.png?1561756593) 5 5 5 5 stretch; }
	div.red.avatar img { border-color: #e33100; -webkit-border-image: url(/images/borders/red-border.png?1561756593) 5 5 5 5 stretch; -moz-border-image: url(/images/borders/red-border.png?1561756593) 5 5 5 5 stretch; }
	div.orange.avatar img { border-color: #ff5c00; -webkit-border-image: url(/images/borders/orange-border.png?1561756593) 5 5 5 5 stretch; -moz-border-image: url(/images/borders/orange-border.png?1561756593) 5 5 5 5 stretch; }


	div.aside { padding: 0 0 9px; }

/*	--------------------------------------------------
	Notes Overlays
	-------------------------------------------------- */


/*	--------------------------------------------------
	Notes Buttons
	-------------------------------------------------- */
	form.notes-form button { overflow: visible; width: auto; background: #000 url(/images/alert-overlay.png?1561756593) repeat-x; margin: 0; padding: 4px 10px 5px; font: normal 14px/1 "Helvetica Neue", Helvetica, Arial; border: 1px solid #111; color: #fff; text-shadow: 0 -1px 1px #000; -webkit-border-radius: 12px; -moz-border-radius: 12px; cursor: pointer; }
	form.notes-form button.delete,
	form.notes-form button.cancel { opacity: 0.5; }
	form.notes-form button:hover { background-color: #222; border-color: #222; }

	/* The note was just created ----- */
	div.notes-form div.note.new button.delete { display: none; }


/*	--------------------------------------------------
	Note bubbles
	-------------------------------------------------- */
	div.bubble-notes .note div { display: none; }
	div.bubble-notes .note h6 { font-size: 11px; margin-bottom: 2px; font-weight: bold; }
	div.bubble-notes .note p { font-size: 12px; color: #000; width: 430px; margin: 0; padding: 0; color: #fff; }
	div.bubble-notes .note form { background: #3f3f3f; height: auto; width: auto; padding: 10px 11px; margin: 0; width: 437px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: url(/images/notes/notes-code-overlay-gradient.png?1561756593) repeat-x rgba(0,0,0,0.85); border: solid 1px #000; position: relative; -webkit-box-shadow: 0 0 2px rgba(255,255,255,.75); }
	div.bubble-notes .note form span.tab-arrow { position: absolute; display: block; width: 26px; height: 14px; background: url(/images/notes/notes-code-tabarrow.png?1561756593) no-repeat; left: 20px; top: -12px; }
	div.bubble-notes .note form textarea { text-shadow: none; width: auto; height: 80px; font-size: 12px; margin: 0 0 8px; padding: 0; background: none; color: #fff; border-width: 0px; width: 430px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -webkit-box-shadow: none; }
	div.bubble-notes .note.new form button.delete { display: none; }
	div.bubble-notes .note.saved { cursor: pointer; }
	div.bubble-notes .note.saved form { padding: 0; width: 459px; }
	div.bubble-notes .note.saved form div { display: block; padding: 10px 11px; border-top: solid 1px #646464; }
	div.bubble-notes .note.saved form textarea { display: none; }
	div.bubble-notes .note.saved form button { display: none; }
	div.bubble-notes .note.saved:hover {  }
	div.bubble-notes .note.saved:hover form { }

/*  --------------------------------------------------
	Copy and SEO Notes
	-------------------------------------------------- */
	div.copy-and-seo-notes { position: relative; width: 760px; padding: 54px 60px; background: #fff; display: block; margin: 0 auto 36px; text-align: left; border-right: 1px solid #999; border-bottom: 2px solid #777; }

/*  --------------------------------------------------
	Copy Notes
	-------------------------------------------------- */
	div.copy-notes ::-moz-selection { background: #fdf7ef; color: #000; }
	div.copy-notes span.highlight { background: #fdf7ef !important; color: #000 !important; cursor: pointer; border: solid 1px #f3c691; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
	div.copy-notes span.highlight.hover { background: #fbebd9 !important; }

	div.copy-notes div.note { position: absolute; left: 20px; }
	div.copy-notes div.note span.note { left: -11px; top: -11px; cursor: pointer; position: absolute; z-index: 68; }
/*
	div.copy-notes div.note form { margin: 0; background: rgb(255, 255, 170); background: rgba(255, 255, 170, 0.95); padding: 15px 17px 18px; width: 390px; display: none; position: relative; height: 1%; }
*/
	div.copy-notes div.note form { display: none; height: auto; width: auto; padding: 10px 11px; margin: 0; width: 500px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: #212121;  background: url(/images/notes/notes-code-overlay-gradient.png?1561756593) repeat-x  rgba(0,0,0,0.85); border: solid 1px #000; position: relative; -webkit-box-shadow: 0 0 2px rgba(255,255,255,.75); }
	div.copy-notes div.note form p { padding: 0; color: #fff; }
	div.copy-notes div.note form textarea { width: 479px; height: 80px; margin: 0 0 6px; display: none; color: #fff; background: none; padding: none; -webkit-box-shadow: none; border-width: 0px; }
	div.copy-notes div.note form button { display: none; margin: 0 3px 0 0; }
	div.copy-notes div.note form span.tab-arrow { position: absolute; display: block; width: 26px; height: 14px; background: url(/images/notes/notes-code-tabarrow.png?1561756593) no-repeat; left: 20px; top: -12px; z-index: 200; background-color: none; }

	div.copy-notes div.note.hover { z-index: 69; }
	div.copy-notes div.note.hover form { display: block; cursor: pointer; }

	div.copy-notes div.note.editing { z-index: 70; }
	div.copy-notes div.note.editing form { display: block; }
	div.copy-notes div.note.editing form p { display: none; }
	div.copy-notes div.note.editing form textarea { text-shadow: none; display: block; }
	div.copy-notes div.note.editing form button { display: inline-block; }

	div.copy-notes div.note.new form button.delete { display: none; }


/*	--------------------------------------------------
	Code Notes
	-------------------------------------------------- */
	div.code.notes { width: 90%; }
	div.the-code { margin-left: 220px; padding: 0 10px; }
	div.code-block { margin: 0 0 18px; border: 1px solid #ddd; border-width: 1px 0px; overflow: hidden;  }
	div.code-block ol { margin: 0; list-style: none; }
	div.code-block ol li { position: relative; overflow: hidden; min-height: 20px; line-height: 19px; clear: both; cursor: default; border: solid 0px #ddd; border-width: 0px 1px; }
	div.code-block ol li:hover { background: #ffd; }
	div.code-block ol li span.line-number { position: absolute; top: 0; left: 0; height: 100%; width: 36px; text-align: right; padding: 0 9px 0 0; border-right: 1px solid #ccc; background: #f3f3f3; color: #666; }
	div.code-block ol li div.code { float: left; color: #000; margin-left: 56px; line-height: 16px; }

	/* Note Groups ----- */
	div.code-block ol li.group { background: #fef9f3; border-color: #e4830f; }
	div.code-block ol li.group.first { border-top-width: 1px; }
	div.code-block ol li.group.last { border-bottom-width: 1px; }

	div.code-block ol li.group span.line-number { background: url(/images/notes/notes-code-background.gif?1561756593) repeat-y #e4830f; color: #fff; font-weight: bold; }
	div.code-block ol li.group.first span.line-number { border-top: solid 1px #f9e4cb; }

	/* The Code Note ----- */
	div.code-block ol li.note { background: url(/images/notes/notes-code-leftbar.gif?1561756593) repeat-y; padding: 12px 0px 10px 55px; }

	body.ie div.code-block ol li { margin: 0 0 -3px; }


/*	--------------------------------------------------
	Screenshot Notes
	-------------------------------------------------- */
	div.image-notes { position: relative; }
	div.image-notes img#screenshot { cursor: crosshair; }
	div.image-notes div.note { position: absolute; color: #000; -moz-box-shadow: 0 3px 6px rgba(0,0,0,1); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,1); }
	div.image-notes div.note span.note { position: absolute; top: -18px; left: -18px; z-index: 7; display: block; width: 32px; height: 32px; background: url(/images/bounce/circle-note.png?1561756593) 0 0 no-repeat; text-align: center; line-height: 30px; color: #fff; font-weight: bold; }
	div.image-notes div.note.new span.note { background-position: 0px -32px; }
	div.image-notes div.note div.border { background: transparent url(/images/fullscreen/white-1x1.png?1561756593); position: absolute; border: 5px solid #f8344e; width: 100%; height: 100%; top: -5px; left: -5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-border-image: url(/images/borders/melon-border.png?1561756593) 5 5 5 5 stretch; -webkit-border-image: url(/images/borders/melon-border.png?1561756593) 5 5 5 5 stretch; }
	div.image-notes div.note.new div.border { border: solid 5px #1c9cb1; -moz-border-image: url(/images/borders/blue-border.png?1561756593) 5 5 5 5 stretch; -webkit-border-image: url(/images/borders/blue-border.png?1561756593) 5 5 5 5 stretch; }

	div.image-notes div.note div.overlay { background: transparent url(/images/fullscreen/note-overlay.png?1561756593) no-repeat 0 0; position: absolute; width: 100%; height: 100%; top: -1px; left: -1px; border: 1px solid #000; border-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 2px rgba(255,255,255,.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; }
	div.image-notes div.note div.corner { display: none; background: #fff; position: absolute; border: 1px solid #000; width: 10px; height: 10px; z-index: 6; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
	div.image-notes div.note div.corner.top-left { top: -7px; left: -7px; display: none !important; }
	div.image-notes div.note div.corner.top-right { top: -7px; right: -7px; }
	div.image-notes div.note div.corner.bottom-left { bottom: -7px; left: -7px; }
	div.image-notes div.note div.corner.bottom-right { bottom: -7px; right: -7px; }

	div.image-notes div.note a.delete-note { position: absolute; top: -16px; right: -14px; height: 24px; width: 24px; background: url(/images/bounce/delete-note.png?1561756593) no-repeat; text-indent: -9999px; z-index: 10; cursor: pointer; }

	div.note-body { display: none; z-index: 999; position: absolute; left: -5px; background: #fff; background: #fff -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eaeaea)); background: #fff -moz-linear-gradient(top, #ffffff, #eaeaea); width: 240px; margin: 0 0 -150px; padding: 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,.42); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.42); }
	div.note:hover .note-body,
	div.note:hover span.nub { display: block !important; }
	div.note span.nub { bottom: -10px; top: auto; }

	div.note-body h5 { margin: 9px 0 0; color: #fff; }
	div.note-body p { margin: 0; line-height: 16px; color: #222; }
	div.note-body p.owner { margin-bottom: 6px; color: #777; }
  div.note-body p small { float: right; line-height: 16px; font-size: 11px; }
  div.note-body p small a { color: #777; }
  div.note-body p small a:hover { color: #555; }
	div.note-body p small span { padding: 0 2px; color: #555; }
	div.note-body form { margin-bottom: 0; }
	div.note-body textarea { display: none; width: 226px; height: 48px; margin: 0; border: 0; padding: 5px; -webkit-box-shadow: none; background-color: #eee; border: solid 1px #ccc; outline: none !important; }
	div.note-body textarea:focus { padding: 5px; }
	div.note-body p.body { color: #222; }
	div.note div.note-body.hide-text { display: none; }
	div.image-notes div.note span.nub { display: none; }
	div.note span.c-count { opacity: 0; -moz-opacity: 0; -webkit-transition: opacity 0.15s linear; }

  /* The note has text */
  div.note.has-text span.c-count { opacity: 1.0; -moz-opacity: 1.0; }

  /* The note is currently being created ----- */
  div.note.current div.note-body { display: none; }

  /* This note is read only */
  div.note.read-only a.delete-note { display: none; }
  div.note.read-only button.ok { display: none; }
  div.note.read-only div.overlay { cursor: default; }
  div.note.read-only span.c-count { opacity: 0 !important; -moz-opacity: 0 !important; }

  /* The note is editable but not currently being edited */
  div.image-notes div.note.editable button.ok { display: none; }
  div.image-notes div.note.editable div.overlay { cursor: pointer; }

  /* The note is being edited ----- */
	div.image-notes div.note.editing { z-index: 80; }
	div.image-notes div.note.editing div.overlay { cursor: move; }
	div.image-notes div.note.editing div.corner, div.image-notes div.note.editing a.delete-note { display: block; z-index: 1000; }
	div.image-notes div.note.editing div.corner.top-left { cursor: nw-resize; }
	div.image-notes div.note.editing div.corner.top-right { cursor: ne-resize; }
	div.image-notes div.note.editing div.corner.bottom-left { cursor: sw-resize; }
	div.image-notes div.note.editing div.corner.bottom-right { cursor: se-resize; }
	div.image-notes div.note.editing div.note-body,
	div.image-notes div.note.editing span.nub { display: block !important; }

  div.image-notes div.note.resizing span.nub { display: none !important; }
	div.image-notes div.note.editing div.note-body textarea { display: block; margin-bottom: 8px; }
	div.image-notes div.note.editing div.note-body a.delete-note { display: block; }
	div.image-notes div.note.editing { z-index: 60; -moz-box-shadow: 0 3px 12px rgba(0,0,0,1); -webkit-box-shadow: 0 3px 12px rgba(0,0,0,1); }
  div.image-notes div.note.editing div.border { background-image: url(/images/fullscreen/white-1x1.png?1561756593); -webkit-border-image: none; }
  div.image-notes div.note.editing div.overlay { border-style: dashed; }
  div.image-notes div.note.editing button.ok { display: inline-block; }
  div.note.editing div.note-body p.body { display: none; }

  /* The note is being dragged */
  div.image-notes div.note.dragging div.note-body,
  div.image-notes div.note.dragging span.nub { display: none !important; }

  /* The note is being resized ----- */
  div.image-notes div.note.resizing div.note-body { display: none !important; }

  /* The note has it's text fixed open */
  div.note.shown div.note-body,
  div.note.shown span.nub { display: block !important; }


  /*	--------------------------------------------------
	Comment Icons
	-------------------------------------------------- */
	a.comments-count { display:inline-block; background:url(/images/tasks/comment-sprite.png) no-repeat 0% 0%; width:16px; height:20px; padding:0px 0px 0px 5px; margin-right:-3px; text-decoration:none; color:#fff; font-size:11px; line-height: 14px;}
	a.comments-count:hover { color: #fff; text-decoration: underline; }
	a.no-comments { display:inline-block; background:url(/images/tasks/comment-sprite.png) no-repeat 0% 100%; width:16px; height:20px; padding:0px 0px 0px 5px; margin-right:-3px; text-decoration:none; color:#fff; font-size:11px;}

	/* Sidebar box */
	body div.sidebar-box { margin-bottom: 20px; background-color: #f5f5f5; padding: 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
	body div.sidebar-box p { margin: 0 0 10px; }
	body div.sidebar-box p.subtle a { color: #666; }

	/* Zindex hack */
	.on-top { z-index: 10000; }


/*	--------------------------------------------------
	Features
	-------------------------------------------------- */
	ul.features { margin: 0 0 27px 20px; }
	ul.features li { width: 100%; }
	ul.features li img { float: left; margin: -9px 0 0; }
	ul.features li div { margin-left: 80px; }
	ul.features li div h4 {  }
	ul.features li div p {  }

	ul.three-up.features { margin-left: -20px; width: 960px; overflow: hidden; }
	ul.three-up.features li { width: 300px; margin-left: 20px; float: left; display: inline; }
	ul.three-up.features li img { margin-left: -10px; }
	ul.three-up.features li div { margin-left: 65px; position: relative; z-index: 2; }


/*	--------------------------------------------------
	Twitter
	-------------------------------------------------- */
	ol.twitter { margin: -13px 0 18px; padding: 0; list-style: none; }
	ol.twitter li { min-height: 36px; padding: 13px 0; font-size: 10px; line-height: 1; clear: both; border-bottom: 1px solid #eee; }
	ol.twitter img { width: 36px; height: 36px; float: left; }
	ol.twitter div.body { margin: 0 0 0 46px; }
	ol.twitter p { display: inline; font-size: 14px; line-height: 18px; margin: 0; color: #333; }
	ol.twitter a { line-height: inherit; color: #777; text-decoration: none; }
	ol.twitter a:hover { color: #555; }
	ol.twitter a.user { font-weight: bold; color: #d45500; }
	ol.twitter a.user:hover { color: #ff6908; }
	ol.twitter small { display: inline; font-size: 12px; line-height: 18px; color: #777; margin: 0 0 0 2px; }
	ol.twitter small a, ol.twitter small a:visited { color: #777; text-decoration: none; }
	ol.twitter small a:hover { text-decoration: underline; }

	ol.twitter.search { margin: -8px 0 26px; }
	ol.twitter.search li { padding: 8px 0; }
	ol.twitter.search div.body { margin: 0; }
	ol.twitter.search p { font-size: 12px; color: #555; }
	ol.twitter.search small,
	ol.twitter.search small a,
	ol.twitter.search small a:visited { color: #999; }

	/* PostOwner info */
	div.owner-info { margin-bottom: 20px; }
	div.owner-info h5 { margin-top: -3px; font-size:12px; color:#666666; font-weight:normal; margin: 0 0 0 55px; padding:0; }
	div.owner-info p { font-size: 11px; margin: 0; padding: 0; line-height: 15px; color:#999999; }
	div.owner-info div.avatar { margin: 1px 10px 0; }


/*	--------------------------------------------------
	Application global overrides
	-------------------------------------------------- */

  /* Change the link colors for this specific app */
	a { color: #f72837; }
	a:hover { color: #f72837; text-decoration: underline;  }
	div.pagination a:hover { background: #f72837; border: 1px solid #d17200; }

/*	--------------------------------------------------
	Activity Feed
	-------------------------------------------------- */
	ul.activity { list-style: none; }
	ul.activity li.entry { display: block; padding: 12px 9px 8px 9px; border-bottom: 1px solid #eee; cursor: pointer; }
	ul.activity li.entry:last-child { border-bottom: none; }
	ul.activity img { width: 36px; height: 36px; }
	ul.activity div.avatar { float: left; }
	ul.activity a { text-decoration: none; }
	ul.activity a.call-to-action { font-weight: bold; }
	ul.activity a.submit-comment { position: relative; top: 7px; left: 6px; font-size: 12px; }

	ul.activity div.body { margin-left: 55px; min-height: 50px; margin-bottom: 8px; }
	ul.activity div.body p { margin-bottom: 0; }

	ul.activity div.preview { width: 100px; float: right; position: relative; margin-left: 15px; margin-bottom: 0; }
	ul.activity div.preview img.post { width: 50px; height: 50px; margin-bottom: -5px; border: 1px solid #eee; }
	ul.activity div.preview img.favicon { width: 16px; height: 16px; position: absolute; top: -3px; right: 90px; background: url(/images/dashboards/show/favicon-bg.png) no-repeat; padding: 1px 3px 4px 1px; }
	ul.activity div.preview small { font-size: 11px; color: #777; float: right; }

	ul.activity h5 { color: #999; margin-bottom: 20px; }
	ul.activity a.see-more { color: #777; display: block; font-size: 12px; text-decoration: none; display: block; padding-bottom: 8px; }
	ul.activity a.see-more:hover { color: #333; }

	/* Clear the columns automagically, thanks @kneath */
	li.entry:after, div.body:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html li.entry, * html div.body { height: 1%; }
	li.entry, div.body { display: inline-block; }
	li.entry, div.body { display: block; }

	/* Comments */
	ul.activity li.entry div.body ul.actions { margin: 4px 0 9px !important; height: 18px !important; }
	ul.activity li.entry div.body ul.actions li { display: inline; padding-right: 4px; margin-right: 4px; border-right: solid 1px #ddd; font-size: 11px !important; color: #999 !important; }
	ul.activity li.entry div.body ul.actions li:last-child { border-right-width: 0px; }

	ul.activity li.entry ul.comment { margin: 0; padding-left: 55px; border: none; height: auto; }
	ul.activity li.entry ul.comment li { background: transparent; border-bottom: solid 1px #e5e5e5; padding: 9px 10px 0px; margin: 0 -10px; border-top: solid 1px #fff; }
	ul.activity li.entry ul.comment li:first-child { border-top: none; padding-top: 0; }
	ul.activity li.entry ul.comment li:last-child { border-bottom: none; margin-bottom: 0; }
	ul.activity li.entry ul.comment li div.body { min-height: 30px; }
	ul.activity li.entry ul.comment li div.avatar img { width: 24px; height: 24px; }
	ul.activity li.entry ul.comment li form { margin: -9px 0 9px; height: 36px; }
	ul.activity li.entry ul.comment li.new.comment form span.wrap { margin: 0 5px 0 0; float: left;  }
	ul.activity li.entry ul.comment li.new.comment button { margin-top: 1px; }

	ul.activity li.entry ul.comment li.new.comment form.awesome { margin: 0; padding: 0; }
	ul.activity li.entry ul.comment li.new.comment form.awesome span.wrap { width: 530px; padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
	ul.activity li.entry ul.comment li.new.comment form.awesome span.wrap label { width: 516px; top: 1px; left: 1px; }
	ul.activity li.entry ul.comment li.new.comment form.awesome span.wrap label span {  }
	ul.activity li.entry ul.comment li.new.comment form.awesome input.input-text { width: 514px !important; }
	body.ie ul.activity li.entry ul.comment li.new.comment form.awesome label.overlay span { top: 1px !important; }

	ul.activity li div.body p { color: #999; }
	ul.activity li div.body p span.author { color: rgb(252, 146, 0); }
	ul.activity li div.body p span.post-title { color: #333; }


	ul.activity li.entry ul.comment li.entry div.body ol, ul.activity li.entry ul.comment li.entry div.body ul { height: auto; margin: 6px 0 6px 30px; }
	ul.activity li.entry ul.comment li.entry div.body ol li, ul.activity li.entry ul.comment li.entry div.body ul li { border: none; margin-top: 0px; margin-bottom: 4px; padding: 0; line-height: 1.3; height: auto; color: #777; }
	ul.activity li.entry ul.comment li.entry div.body ul li { list-style: disc; }
	ul.activity li.entry ul.comment li.entry div.body ul.actions { margin-left: 16px !important; }



	/* Read/Unread Status */
	ul.activity li.read { color: #999; }
	ul.activity li.read ul li { color: #bbb; line-height: 0; padding-top: 0; }
	ul.activity li.read ul li label.overlay { color: #333; }
	ul.activity li.read div.body p { font-weight: normal; color: #999; }
	ul.activity li.read div.body p span.post-title { font-weight: normal; color: #999; }

	/* Comment Styling */
	ul.activity li.entry ul.comment li div.body p { color: #333; font-weight: normal; }
	ul.activity li ul.comment li.read div.body p { color: #777; }


	/* Sidebar */
	div.sidebar h4 { border-bottom: 1px solid #ddd; color:#555; font-size: 16px; line-height: 18px; margin: 0 0 9px; padding: 0 0 8px; }
	div.sidebar a {text-decoration: none; }

	ul#activityFeed li.activity ul.comments li.comment { padding: 10px; }
	ul.activity.comment div.body { margin-left: 40px; min-height: 50px; }
	ul#activityFeed li.activity ul.comments li.comment form.awesome img { margin: 8px 38px; float: left; }

	/* Uber-Sidebar */
	div.uber-sidebar { overflow: hidden; background: url(/images/sidebar/uber-bg.jpg) top right repeat-y; min-height: 630px; padding: 10px 0 0 0; }
	div.uber-sidebar h4 { border-bottom: 1px solid #ddd; color:#555; font-size: 14px; line-height: 18px; margin: 0 0 9px; padding: 0 0 8px; }
	div.uber-sidebar a { text-decoration: none; }

	div.uber-sidebar ul {  }
	div.uber-sidebar ul li{ margin-bottom: 6px;  height: 27px; }
	div.uber-sidebar ul li a{ padding: 4px 0 0 0; display: block; }
	div.uber-sidebar ul li.active{ padding-left: 10px; background: #feb509 url(/images/sidebar/uber-arrow.jpg) no-repeat right center; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; }
	div.uber-sidebar ul li.active a{ color: #fff; font-weight: bold; }

	/* Uber-Toolbar */
	div#uberToolbar { background: #f1f0f0 url(/images/gradients/toolbar.jpg) top left repeat-x; height: 35px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #d4d3d3; margin-bottom: 25px;  -moz-box-shadow: 0 2px 3px rgba(139,139,139,.2); -webkit-box-shadow: 0 2px 3px rgba(139,139,139,.2);}

	div#uberToolbar ul.tools{ position:absolute; left: 108px; top:1px; width:152px; }
	div#uberToolbar ul.tools.left-side { position:absolute; left: 4px; }
	div#uberToolbar ul.tools li a{ float: left; padding: 0; background: #e3e3e3 url(/images/toolbars/tool-bg.gif) repeat-x top left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #c7c5c5; margin-top: 4px; margin-right: 5px; -moz-box-shadow: 0 1px 3px rgba(255,255,255,1); -webkit-box-shadow: 0 1px 3px rgba(255,255,255,1);  }
	div#uberToolbar ul.tools li a:hover{ border: 1px solid #abaaaa; }
	div#uberToolbar ul.tools li#btnEdit a{ padding: 3px 5px 0 5px; height: 22px; }
	div#uberToolbar ul.tools li a{ padding: 3px 10px 0 10px; height: 22px; color: #777; text-decoration: none;  }
	div#uberToolbar ul.tools li#btnDelete a{ padding: 3px 5px 0 5px; height: 22px; }
	div#uberToolbar ul.tools li a.active { -moz-border-radius: 0px; -webkit-border-radius: 0px; background: #fff; padding-bottom: 5px; position: relative; z-index: 100;  border-bottom: 1px solid #fff;}

	div#uberToolbar ul.tools li a#orgTab { width: 55px; }
	div#uberToolbar ul.tools li a#orgTab img { left: 62px; top: 13px; position: absolute; width: 8px; }
	div#uberToolbar ul.tools li a#orgTab.active img { top: 8px; left: 61px; }

	div#uberToolbar div.form_block { float: left; margin-right: 15px; margin-left: 10px; }
	div#uberToolbar div.form_block label{ float: left; margin-right: 10px; padding-top: 9px;}
	div#uberToolbar div.form_block input{ margin-top: 8px; }
	div#uberToolbar div.form_block select{ margin-left: 0; }

	/* Uber Button bar */
	div#uberToolbar ul.button-bar { position: absolute; top: 1px; right: 1px; margin-right: 4px; background: #e3e3e3 url(/images/toolbars/tool-bg.gif) repeat-x top left; height: 25px;  padding: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #c7c5c5; margin-top: 4px; -moz-box-shadow: 0 1px 3px rgba(255,255,255,1); -webkit-box-shadow: 0 1px 3px rgba(255,255,255,1);}
	div#uberToolbar ul.button-bar li{ overflow: hidden; float: left; border-right: 1px solid #c7c5c5;}
	div#uberToolbar ul.button-bar li a{ height: 19px; float: left; padding: 5px 8px 1px 8px; color: #333; text-shadow: 0 1px 1px rgba(255,255,255,1); text-decoration: none; text-transform: uppercase; font-size: 11px; font-weight: bold; }

	body.safari div#uberToolbar ul.button-bar li a{ padding-top: 4px; height: 20px;  }
	div#uberToolbar ul.button-bar li.last { border-right: none; padding-right: 1px; }
	div#uberToolbar ul.button-bar li a:hover { color: #555; }
	div#uberToolbar ul.button-bar li.active {  background: #c8c8c8 url(/images/toolbars/bar-active.gif) top right repeat-x; -moz-box-shadow: 0 -1px 0px rgba(139,139,139,1); -webkit-box-shadow: 0 -1px 0px rgba(139,139,139,1);}
	div#uberToolbar ul.button-bar li.active a{ color: #fff; text-shadow: none; border-right: none; }
	div#uberToolbar ul.button-bar li.first.active {  -moz-border-radius-topleft: 3px;  -webkit-border-radius-top-right: 3px; border-right: none; padding-right: 1px;}
	div#uberToolbar ul.button-bar li.last.active {  -moz-border-radius-topleft: 3px; -webkit-border-radius-top-left: 3px;}

	div#uberToolbar select { margin: 8px 0 0 8px; }

	div.dropdown-header { padding: 0 5px 5px 14px; border-bottom: 1px solid #ccc; }
	div.dropdown-header select { display: block; width: 250px; margin: 5px 0 10px 0 !important;}

	/* Pill Nav */
	ul.pill-nav { list-style: none; height: 28px; margin: 0; }
	ul.pill-nav li { display: inline; }
	ul.pill-nav li a { font-weight: normal; padding: 4px 10px 4px; -webkit-border-radius: 12px; -moz-border-radius: 12px; text-decoration: none; }
	ul.pill-nav li a:hover { background-color: #eee; color: #666; }
	ul.pill-nav li a.current { background: #ffb515; color: #fff; font-weight: bold; cursor: text; }
	ul.pill-nav li a.unviewed { font-weight: bold; }

  /* Links just for SEO, not clicking */
  a.seo-only { text-decoration: none !important; }

	/* New Screen note styles for note and comment counts */
	.n-c, .n-c span { display: block; float: left; width: auto; font-size: 13px; font-weight: bold; text-align: center; overflow: hidden; }
	.n-c { display: -moz-inline-box; display: inline-block; height: 30px; float: none; color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,.25); }
	.n-c .n, .n-c .c { height: 30px; padding: 0; line-height: 30px; }
	.n-c .n { background: url(/images/notes/note-comment-count.png?1561756593) no-repeat 0 0; padding: 0 6px 0 12px; }
	.n-c .c { background: url(/images/notes/note-comment-count.png?1561756593) no-repeat right -30px; padding: 0 25px 0 5px; font-weight: normal; color: #222; text-shadow: 0 1px 1px rgba(255,255,255,.5); }
	.n-c.g .n { background-position: 0 -60px }
	.n-c.b .n { background-position: 0 -90px }
	.n-c.m .n { background-position: 0 -120px }
	.n-c.r .n { background-position: 0 -150px }
	.n-c.o .n { background-position: 0 -180px }
	.n-c.y .n { background-position: 0 -210px }

	.note .c-count { background: url(/images/bounce/comment-bubble.png?1561756593) no-repeat 0 0; display: block; position: absolute; top: -12px; left: 12px; width: 24px; height: 24px; color: #333; font-size: 11px; text-align: center; padding: 0; }
	.note.new .c-count { opacity: 0 !important; -moz-opacity: 0 !important; }





	/* @group Bounce Styles */

	div.page-bubble { background: #ccc; margin-left: 180px; width: 500px; padding: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: url(/images/bounce/bubble-light.png?1561756593) no-repeat; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.42); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.42); position: relative; }
	div.page-bubble h1 { margin-bottom: 8px; }
	div.page-bubble input.input-text { width: 300px; }
	div.page-bubble form { margin-bottom: 0; position: relative; }

	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?1561756593) no-repeat; position: absolute; left: 287px; top: 7px; }
	body.glow div.page-bubble span#errorIcon { background: url(/images/bounce/error-icon.png?1561756593) 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?1561756593) 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: 170px; }
	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?1561756593) 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?1561756593) 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?1561756593); }
	body.glow div.steps { background: url(/images/bounce/bounce-intro-steps-dark.png?1561756593); }

	div#footerBall { margin: -15px -20px -31px 0; padding: 15px 0 14px 0; background: url(/images/bounce/footer-balls.png?1561756593) no-repeat right; height: 76px; z-index: 1; position: relative; }
	body.glow div#footerBall { background-image: url(/images/bounce/footer-balls-dark.png?1561756593); }

	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/what-is-bounce.png?1561756593) no-repeat; margin: -40px 0 20px; text-indent: -9999px }
	body.glow h1#aboutBounce { background: url(/images/bounce/what-is-bounce-dark.png?1561756593) 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?1561756593) no-repeat; }
	ul.instructions li#instructions2 { background: url(/images/bounce/instructions-2.jpg?1561756593) no-repeat; }
	ul.instructions li#instructions3 { background: url(/images/bounce/instructions-3.jpg?1561756593) no-repeat; }
	ul.instructions li#instructions4 { background: url(/images/bounce/instructions-4.jpg?1561756593) no-repeat; }
	ul.instructions li#instructions5 { background: url(/images/bounce/instructions-5.jpg?1561756593) no-repeat; }
	ul.instructions li#instructions6 { background: url(/images/bounce/instructions-6.jpg?1561756593) 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?1561756593) 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?1561756593) 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?1561756593) 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?1561756593) no-repeat 0 0; }
	div#aboutBody ul.links li#verifyLink { background: url(/images/bounce/verify-link.png?1561756593) no-repeat 0 0; }
	div#aboutBody ul.links li#scrumptiousLink { background: url(/images/bounce/scrumptious-link.png?1561756593) no-repeat 0 0; }

	div#aboutBody ul.twitter li { background: url(/images/bounce/twitter-bird.png?1561756593) no-repeat 0 0; }
	body.glow div#aboutBody ul.twitter li { background: url(/images/bounce/twitter-bird.png?1561756593) no-repeat 0 -24px; }

	a#backToHome { position: absolute; top: 30px; left: 0px; }

	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?1561756593); width: 209px; }
	ul.press li#techcrunch a { background-image: url(/images/press/techcrunch.png?1561756593); width: 156px; }
	ul.press li#readwriteweb a { background-image: url(/images/press/readwriteweb.png?1561756593); width: 158px; }
	ul.press li#venturebeat a { background-image: url(/images/press/venturebeat.png?1561756593); width: 171px; }
	ul.press li#downloadsquad a { background-image: url(/images/press/downloadsquad.png?1561756593); width: 188px; }
	ul.press li#lifehacker a { background-image: url(/images/press/lifehacker.png?1561756593); width: 104px; }
	ul.press li#mashable a { background-image: url(/images/press/mashable.png?1561756593); width: 154px; }
	ul.press li#sitepoint a { background-image: url(/images/press/sitepoint.png?1561756593); width: 106px; }
	ul.press li#smashingapps a { background-image: url(/images/press/smashingapps.png?1561756593); width: 173px; }
	ul.press li#cnet a { background-image: url(/images/press/cnet.png?1561756593); width: 30px; }
	ul.press li#pcworld a { background-image: url(/images/press/pcworld.png?1561756593); width: 132px; }

	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: #f72837; line-height: inherit; }
	div#fiveohohHeader a:hover { color: #f72837;  }
	.push-right { position: absolute; left: 15px; z-index: 100; }
	div#fiveohohHeader h3.subheader2 { text-align: center; margin-bottom: 20px; color: #777; font-weight: lighter; }
	div#fiveohohHeader p.centered { text-align: center; }

	div#fiveohohHeader.content-wrapper {
		background: #fff url(/images/clue-bg.jpg) 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);
	margin-left: 10px;
	margin-top: -60px;
}
	span.clue-shadow-error-small {
	display: block;
	height: 10px;
	width: 680px;
	background: url(/images/clue-shadow-small.png?1561756593);
	margin-left: 10px;
	margin-top: -60px;
}
	/* @end */





	/*	Share styles between the three groups in the toolbar */
	div.group {  }
	div.left.group { float: left; margin-left: 10px; }
	div.right.group { float: right; margin-right: 10px; }

	/*	Title section (middle) */
	div.center { position: relative; }
	div.center.group { margin: 9px auto 0; width: 400px; }
	div.center.group * { text-align: center; }
	div.center small { margin: 0 0 -20px; padding: 0 0 2px; font-size: 11px; color: #999; display: block;  }
	div.center small img { display: inline; vertical-align: text-top; padding-right: 2px; }
	div.center h5 { font-size: 16px; line-height: 20px; }
	div.center p { font-size: 11px; }
	div.center p a, div.center small a { color: #555; text-decoration: none; }
	div.center p a:hover, div.center small a:hover { color: #111; text-shadow: 0 0 3px #ccc; }
	div.center p span { font-size: 11px; padding: 0 3px; color: #ccc; text-shadow: 0 -1px 0 #aaa; }

	div.center div { margin: 20px 0 0; }
	div.center div h5 { display: inline-block; padding: 0 5px; position: relative; }
	div.center div a { display: inline-block; width: 20px; height: 16px; background: url(/images/fullscreen/toggles.png?1561756593) no-repeat 0 0; text-indent: -999em; }
	div.center div a.previous { background-position: 0 0; }
	div.center div a.next { background-position: right 0; }
	div.center div a:hover { opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); }
	div.center div a:active { opacity: .75; -moz-opacity: .75; filter: alpha(opacity=75); }
	div.center div a.inactive { opacity: .25; -moz-opacity: .25; filter: alpha(opacity=25); }

	body.ie div.center div {  }
	body.ie div.center div h5 { display: inline; }
	body.ie div.center div a { display: inline; width: auto; height: auto; background: none; text-indent: 0; color: #333; font-size: 11px; text-decoration: none; padding-bottom: 2px; }

	/*	Icons on the left and right */
	ul.toolbar-icons { padding: 12px 0 0; margin: 0 0 0 -3px; }
	ul.toolbar-icons li { display: inline; }
	ul.toolbar-icons a { float: left; display: inline; width: auto;  margin: 0 0 0 3px; background-repeat: no-repeat; background-position: center 6px; color: #555; text-decoration: none; font-size: 12px; }
	ul.toolbar-icons a span { display: block; min-width: 24px; height: 20px; padding: 32px 10px 0; }
	ul.toolbar-icons.right a span { padding: 32px 6px 0; }
	ul.toolbar-icons li#notesVisual a { background-image: url(/images/fullscreen/icons/visual.png?1561756593); }
	ul.toolbar-icons li#notesCode a { background-image: url(/images/fullscreen/icons/code.png?1561756593); }
	ul.toolbar-icons li#notesCopy a { background-image: url(/images/fullscreen/icons/copy.png?1561756593); }
	ul.toolbar-icons li#notesSEO a { background-image: url(/images/fullscreen/icons/seo.png?1561756593); }
	ul.toolbar-icons li#pdf a { background-image: url(/images/fullscreen/icons/acrobat.png?1561756593); }
	ul.toolbar-icons li#close a { background-image: url(/images/fullscreen/icons/check.png?1561756593); font-weight: bold; color: #5d8b23; }
	ul.toolbar-icons li#share a { background-image: url(/images/fullscreen/icons/email-send.png?1561756593); }


/* 	ul.toolbar-icons a:hover, ul.toolbar-icons li.current a { color: #111; text-shadow: 0 0 3px #ccc; } */

/* 	ul.toolbar-icons a:hover, ul.toolbar-icons li.current a { background-color: #999; background-position: center 5px; padding: 31px 9px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff !important; text-shadow: 0 -1px 1px rgba(0,0,0,.3); border: 1px solid rgba(0,0,0,.1); border-top-color: rgba(0,0,0,.25); border-bottom: 0; -moz-box-shadow: 0 1px 1px #fff); -webkit-box-shadow: 0 1px 1px #fff); } */

	ul.toolbar-icons a:hover, ul.toolbar-icons li.current a { color: #111; text-shadow: 0 0 3px #ccc; }
	ul.toolbar-icons a:hover span, ul.toolbar-icons li.current a span { background-color: red; padding-bottom: 12px; background: url(/images/fullscreen/indicator.png?1561756593) no-repeat center bottom; }

	ul.toolbar-icons a:active { opacity: .75; -moz-opacity: .75; filter: alpha(opacity=75); }
	ul.toolbar-icons li.inactive a { opacity: .25; -moz-opacity: .25; filter: alpha(opacity=25); cursor: default; }

/*	--------------------------------------------------
	Admin Header Override
	-------------------------------------------------- */
	div#adminHeader { z-index: 200; position: fixed; top: 0; left: 0; border-bottom: 5px solid #ffb515; }

	div.notes-tools { background: #eee url(/images/fullscreen/toolbar-sub-bg.gif?1561756593) repeat-x; position: fixed; top: 80px; z-index: 101; width: 100%; height: 30px; border-bottom: 1px solid #999; -moz-box-shadow: 0 0 9px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 9px rgba(0,0,0,.5); text-shadow: 0 0 1px #fff; display: none; }
	div.notes-tools ul { margin: 0 0 0 20px; }
	div.notes-tools ul li { display: inline; }
	div.notes-tools ul a { float: left; display: inline; width: auto; height: 30px; line-height: 30px; margin: 0 25px 0 0; padding: 0 0 0 21px; background-repeat: no-repeat; background-position: left 6px; color: #555; text-decoration: none; font-size: 12px; }
	div.notes-tools ul a:hover, div.notes-tools ul a:active { color: #111; text-shadow: 0 0 3px #ccc; }
	div.notes-tools ul li#addNote a { background-image: url(/images/fullscreen/icons/notes-add.png?1561756593); }
	div.notes-tools ul li#cropImage a { background-image: url(/images/fullscreen/icons/crop.png?1561756593); }
	div.notes-tools ul li#restore a { background-image: url(/images/icons/16px/wand.png); display: none; } /* Hide it by default */
	div.notes-tools ul li#cropSave a { background-image: url(/images/icons/16px/floppy.png); }
	div.notes-tools ul li#cropCancel a { background-image: url(/images/icons/16px/cancel.png); }



	div.notes-tools ul li.dropdown { position: relative; float: left; text-shadow: 0 0 1px rgba(255,255,255,.5); padding-right: 10px; margin-right: 5px; }
	div.notes-tools ul li.dropdown ul { display: none; background: #fff; background: #fff -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee)); width: 280px; margin: 0; padding: 6px 0; position: absolute; top: 30px; right: 0; z-index: 1000; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); -moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); }
	div.notes-tools ul li.dropdown a { margin: 0; padding: 0 15px; background: url(/images/header/dropdown-dark.png) no-repeat right 12px; }
	div.notes-tools ul li.dropdown:hover { background-color: #fff; }
	div.notes-tools ul li.dropdown:hover a { background-color: #fff; text-shadow: 0 0 1px rgba(0,0,0,.5); }
	div.notes-tools ul li.dropdown:hover ul { display: block; }

	div.notes-tools ul li.dropdown ul li { display: block; }
	div.notes-tools ul li.dropdown ul li div.avatar { float: left; margin: 0 0 0 8px; }
	div.notes-tools ul li.dropdown ul li div.avatar img { width: 30px; height: 30px; }
	div.notes-tools ul li.dropdown ul li div.user-info { float: left; margin: 7px 0 0 8px; }
	div.notes-tools ul li.dropdown ul li label { height: 45px; padding: 5px 15px; color: #333; line-height: 13px; }
	div.notes-tools ul li.dropdown ul li label:hover { background: #eee; }
	div.notes-tools ul li.dropdown ul li label small { display: block; color: #777; }
	div.notes-tools ul li.dropdown ul li input { float: left; margin: 14px 0 0; }


	div.notes-tools form { float: left; padding: 6px 20px 0 0; }
	div.notes-tools form input { margin-right: 3px; }
	div.notes-tools form label { font-weight: normal; font-size: 12px; color: #555; }

	/*	Show the restore original button when you've cropped ---------- */
	div.notes-tools ul.cropped li#restore a { display: block; }

	ul#toolbar { display: none; }
	ul#toolbar.opened, ul#toolbar.cropping, ul#toolbar.cropped { display: block; }

	/*	Hide Save/Cancel when you've cropped already ---------- */
	ul#toolbar.cropped li#cropSave,
	ul#toolbar.cropped li#cropCancel { display: none; }

	/*	Show Save/Cancel when you're cropping ---------- */
	ul#toolbar.cropping li#cropSave,
	ul#toolbar.cropping li#cropCancel { display: inline; }


/*	--------------------------------------------------
	Containers
	-------------------------------------------------- */
	body { background: url(/images/bounce/light-bg.jpg?1561756593) no-repeat #eaeaea; min-width: 1040px; }
	body.glow { background: url(/images/bounce/dark-bg.jpg?1561756593) 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); }

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



/*	--------------------------------------------------
	Header
	-------------------------------------------------- */
	div#headerContainer { width: 1020px; margin: 0px auto 40px; position: relative; }
	div#annotateHeader { background: #fff url(/images/bounce/annotate-bar-light.jpg?1561756593) repeat-x; height: 60px; width: 1020px; -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; }

	div#annotateHeader div.section { height: 46px; padding: 14px 17px 0 16px; background: url(/images/bounce/header-divider.gif?1561756593) no-repeat top right; float: left; position: relative; }
	div#annotateHeader div#logo { width: 99px; }
	div#annotateHeader div#title { width: 239px; }
	div#annotateHeader div#name { width: 39px; }
	div#annotateHeader div#save { width: 289px; background: none; }
	div#annotateHeader div#notable { width: 189px; }
	div#annotateHeader div#notable strong { letter-spacing: -1px; }


	div#annotateHeader div#notable a { display: block; margin: -14px -17px 0 -16px; padding: 12px 10px 6px 60px; line-height: 1.4; -webkit-transition: text-shadow 0.15s linear; background: url(/images/icons/notable-42x42.png?1561756593) 10px 8px no-repeat; }
	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; }

	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; cursor: pointer; }

	div#annotateHeader p { line-height: 1.3; }

	div#annotateHeader a#nameplate { display: block; width: 42px; height: 42px; background: url(/images/bounce/nameplate-light.png?1561756593); 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#shareElements { position: relative; }
	div#annotateHeader div#shareElements.disabled { opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
	a.disabled { cursor: default; }
	div#annotateHeader input#shareURL { width: 222px; padding: 2px 3px 1px; margin-top: -2px; }
	div#annotateHeader ul.share-links { position: absolute; height: 16px; width: 64px; bottom: 3px; left: 188px; margin: 0px; top: 19px;}
	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?1561756593) 0px 0px no-repeat; }
	div#annotateHeader ul.share-links li#shareFacebook a { background-position: 0px 0px; }
	div#annotateHeader ul.share-links li#shareTwitter a { background-position: 0px -16px; }
	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; }

	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?1561756593) 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?1561756593) no-repeat; text-indent: -9999px; }

	/* Glow in the Dark Annotate Header */
	body.glow div#annotateHeader { background: #222 url(/images/bounce/annotate-bar-dark.jpg?1561756593) 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?1561756593) 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?1561756593); }
	body.glow div#annotateHeader input.input-text.themed { border: solid 1px #080708; background: url(/images/bounce/input-bg-dark.gif?1561756593) 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?1561756593) 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) 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?1561756593); 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?1561756593) no-repeat; }
  body.glow div#loader { background-image: url(/images/bounce/ajax-loader-glow.gif?1561756593); }

  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; }


/* --------------------------------------------------
	About Page
	-------------------------------------------------- */

	/* header */
	.align-img-right-bounce { background: url(/images/icons/bounce-large.png?1561756593) no-repeat right top; height: 230px; width: 250px; float: 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: -11px;  }
	p.subheader-text { color: #555555; font-size: 20px; line-height: 28px; margin-top: 11px;}
	.main-header { margin-top: -60px; padding-bottom: 30px; background: url(/images/bounce/section-divider.gif?1561756593) repeat-x bottom left; margin-bottom: 30px !important;  }

	/* glow style */
	body.glow p.subheader-text { color: #ccc; text-shadow: 0 -1px 1px rgba(0,0,0,0.5); }
	body.glow h1#headerText { color: #FFF; text-shadow: 0 -1px 1px rgba(0,0,0,0.5); }
	body.glow .align-img-right-bounce { background: url(/images/icons/bounce-large-green.png?1561756593) no-repeat right top; height: 230px; width: 250px; float: right; }

	body.glow dl.pro-suite div dd small { color: #fff !important; }
	body.glow dl.pro-suite dd a { color: #ccc; font-weight: normal !important; }
	body.glow dl.feeder-apps dd a { color: #ccc; }

	/* 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?1561756593) no-repeat 0 3px; }
	dl.pro-suite div.pro-influence { background: url(/images/icons/pro/pro-influence.png?1561756593) no-repeat 0 3px; }
	dl.pro-suite div.pro-notable { background: url(/images/icons/pro/pro-notable.png?1561756593) no-repeat 0 3px; }
	dl.pro-suite div.pro-solidify { background: url(/images/icons/pro/pro-solidify.png?1561756593) no-repeat 0 3px; }
	dl.pro-suite div.pro-verify { background: url(/images/icons/pro/pro-verify.png?1561756593) 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?1561756593) no-repeat 0 3px; }
	dl.feeder-apps div.feeder-bounce { background: url(/images/icons/feeder/bounce.png?1561756593) no-repeat 0 3px; }
	dl.feeder-apps div.feeder-chop { background: url(/images/icons/feeder/chop.png?1561756593) no-repeat 0 3px; }
	dl.feeder-apps div.feeder-clue { background: url(/images/icons/feeder/clue.png?1561756593) no-repeat 0 3px; }
	dl.feeder-apps div.feeder-plunk { background: url(../stylesheets/images/icons/feeder/plunk.png) no-repeat 0 3px; }
	dl.feeder-apps div.feeder-reel { background: url(/images/icons/feeder/reel.png?1561756593) no-repeat 0 3px; }
	dl.feeder-apps div.feeder-spur { background: url(/images/icons/feeder/spur.png?1561756593) no-repeat 0 3px; }
	dl.feeder-apps div.feeder-strike { background: url(/images/icons/feeder/strike.png?1561756593) no-repeat 0 3px; }
	dl.feeder-apps dd a { color: #333; }

	/* footer link color */
	#footer ul li a { color: #444 }
	#footer ul li a:hover { color: #111; }
	body.glow #footer ul li a { color: #CCC; }
	body.glow #footer ul li a:hover { color: #cCC; }
	body.glow #footer h6 { color: #FFF; }

/* --------------------------------------------------
	Error Pages
	-------------------------------------------------- */

	.four-oh-four #actionHeader { margin-top: 25px; }
	#withBackground { background: #FFF url(/images/bounce/bubble-light.png?1561756593) no-repeat bottom; border: 1px solid #D6D6D6; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); margin-bottom: 30px; margin-top: 45px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 1px 1px rgba(0,0,0,0.42); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.42); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.42); }
	#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: #F72837; 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/bounce-error.png?1561756593) no-repeat center center; position: absolute; z-index: 200; right: -35px; margin-top: -132px;   }
	#withBackground object { margin-top: -10px; display: block; }

	.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;
}

/* --------------------------------------------------
	Modal Styles
	-------------------------------------------------- */
/*  div#modalContainer { padding: 20px; background: #f5f5f5 url(/images/gradients/modal.png) 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: 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: #e5e5e5; background: #e5e5e5; position: fixed; z-index: 1000; }
  div.modal-container input.input-text { outline: none !important; }
  div#modalOverlay { background-color: #000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; opacity: 0.3;
  -moz-opacity: 0.3;
  filter:alpha(opacity=30); }
  div.modal-container { width: 466px; 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; }


/*	--------------------------------------------------
	Annotate Demo
	-------------------------------------------------- */
	#demoCursor { background: url(/images/cursor.png?1561756593) no-repeat; width: 15px; height: 24px; position: absolute; }
	div#annotateDemoContainer {  }
	div#annotateDemoSpacer { height: 220px; margin: 30px 0; position: relative; }

/*	--------------------------------------------------
	Yahoo Styles
	-------------------------------------------------- */
	#sendFeedback { bottom: 12px; right: 15px; position: absolute; }
	#yahooBounceInstructions h1 { bottom: 15px; position: absolute; }


/*	--------------------------------------------------
	Clue Crossover
	-------------------------------------------------- */
	.indented { margin-left: 20px; margin-bottom: 45px; }
	.ad-box { background: #ccc; padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: url(/images/bounce/bubble-light.png?1561756593) no-repeat; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.42); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.42); position: relative; margin-bottom: -110px; }
	.ad-box .button { z-index: 59; }

#footer ul {
  margin-bottom: 20px;
}
#footer ul li {
  margin-bottom: 5px;
}
.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;
}

