/* CSS Global Stylesheet Header 
 
Description: Standard styles for ####
Author: Haroun Serang
Author Email: haroun

[Table Of Contents]

1- Global Reset Ver 1.0
2- Global Assignments
3- Text Assignments    
4- Common Classes
5- Layout
6- Header
7- Lists

Use = symbol and table of contents number (=6) to jump to specific content area.
Example: *Find* =4 will take you to the Right Column styles.
*/
/* @group Global Reset */
/* =1 Global Reset Ver 1.0
-------------------------------------------------------------------*/
html, body, div, span, object, iframe,
address, blockquote, h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, b, bdo, big, cite, code,
del, dfn, em, i, img, ins, kbd, q, samp,
small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
form, fieldset, legend, label,
table, caption, thead, tfoot, tbody, tr, th, td {
	padding: 0;
	margin: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
}
body {
	color: #333333;
	font-size: 62.5%;
	/*with this setting, 1em = 10px */
	font-size: expression(screen.deviceXDPI > 96 ? 1000 / ((screen.deviceXDPI / 96) * 16) + "%" : "62.5%");
	/* Fix for IE and dpi other than 96 dpi - http://www.williamkolean.com/williamblog/?p=18 */
	line-height: 1.25;
	background: #fff;
}
/* Focus Style
------------------------------*/
:focus {
	outline: 0;
}

/* Block level elements */
address, blockquote, form, p, pre, table,
dl, ol, ul {
	font-size: 1.2em;
}
/* Nested block level elements */
blockquote address, blockquote blockquote, blockquote p, blockquote pre, 
blockquote table, blockquote dl, blockquote ol, blockquote ul, form blockquote,
dl address, dl blockquote, dl p, dl pre, dl table, dl dl, dl ol, dl ul,
ol address, ol blockquote, ol p, ol pre, ol table, ol dl, ol ol, ol ul,
table address, table blockquote, table p, table pre, table table, table dl, table ol, table ul,
ul address, ul blockquote, ul p, ul pre, ul table, ul dl, ul ol, ul ul,
button {
	font-size: 1em;
}
/*Form elements*/
blockquote form, dl form, form address, form p, form pre, 
form table, form dl, form ol, form ul, ol form,
table form, ul form, input, select, textarea {
	font-size: 1em;
}
/*Various elements styles*/
address, cite {
	font-style: normal;
}
strong {
	font-weight: bold;
}
em, dfn {
	font-style: italic;
}
dfn {
	font-weight: bold;
}
sup, sub {
	line-height: 0;
}
code, kbd, pre, samp, tt {
	font-family: "Courier New", Courier, monospace;
}
sub {
	vertical-align: sub;
}
sup {
	vertical-align: super;
}
del {
	text-decoration: line-through;
}

/* Lists
------------------------------*/
ol, ul {
	list-style: none;
	list-style-position: outside;
}
dt {
	font-weight: bold;
}
/*iFrame
------------------------------*/
iframe {
	border: 0px none;
}
/* Blockquote, q
------------------------------*/
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Tables 
	tables still need 'cellspacing="0"' in the markup! 
------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* Clearfix  (http: //www.positioniseverything.net/easyclearing.html)
----------------------------------------------------------------------*/
.clearfix:after,
#content.hasColRight:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
#content.hasColRight {
	display: inline-block;
/*IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix,
* html #content.hasColRight {
	height: 1%;
}
.clearfix,
#content.hasColRight {
	display: block;
}
/* End hide from IE-mac */

/* @end */

/* @group Global Assignments */
/* =2 Global Assignments
-------------------------------------------------------------------*/
body {	
	background-color: #f5f7fa;
}
/* @end */
/* @group Text Assignments */

/* =3 Text Assignments
-------------------------------------------------------------------*/
/* @group Typography */
/* Typography
------------------------------*/
body,
textarea,
input {
	font-family: "Lucida Grande",Arial,Helvetica,Verdana,Sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #4D4D4D;
}
.colRight h1, .colRight h2, .colRight h3, .colRight h4, .colRight h5, .colRight h6, .colRight dt, .colRight p {
	color: #808080;
}
h1 {
	font-size: 2em;
	line-height: 1;
	margin-bottom: 0.5em;
}
h1 span.large {
	font-size: 155%;
}
h1.dividerBottom {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #E6E6E6;
}
h2 {
	font-size: 1.8em;
	margin-bottom: 0.75em;
}
h3 {
	font-size: 1.5em;
	line-height: 1.2;
	margin-bottom: 1em;
}
h4 {
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 1.25em;
}
h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1.5em;
}
h6 {
	font-size: 1em;
	font-weight: bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}
p {
	margin: 0 0 1.5em;
}
/* @group custom Typography */
.home h1 {
	margin-bottom: 0;
	font-family: Arial,Helvetica,Verdana,Sans-serif;
}
.colRight .profile dt,
.colRight h4 {
	margin-bottom: 6px;
	font-size: 14px;
}
.listStumble h4 {	
	font-size: 16px;
}
/* @end */

/* @end */
a {	
	color: #206ba4;
	text-decoration: none;
}
a.actions {
	font-size: 12px;
	color: #206ba4 !important;
}
.colRight .box a,
a.url, li.url {
	color: #808080;
}
a:hover, 
.colRight .box a:hover,
a.url:hover {
	text-decoration: underline;
	color: #0A466E;
}
input,
textarea {
	font-size: 12px;
}
input.userInput {
	color: #232323 !important;
}
form p {
	line-height: 20px;
}
/* @end */
/* @group Common Classes */
/* =4 Common Classes
-------------------------------------------------------------------*/
/*set to wrap hidden data*/
var {	
	display: none;
}
/* @group Buttons */
.btnGreen,
.btnYellow,
.btnWhite {
	padding: 2px 7px;
	font-weight: bold;
	cursor: pointer;	
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
}
.colRight .btnGreen,
.colRight .btnYellow,
.colRight .btnWhite {
	padding: 3px 14px;
	margin-bottom:10px;
	display: block;
	font-size: 14px;				
	text-align: center;
} 
.btnGreen {	
	color: #fff !important;	
	text-shadow: 0 -1px 0 #1e3b04;		
	border: 1px solid #2f9916;
	background-color: #5bba47;
	background-image: -moz-linear-gradient(top, #5bba47, #42833c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bba47), to(#42833c));
}
.btnGreen:hover {
	color: #fff !important;
	text-decoration: none !important;
	background: #42833c !important;
}
.shareBadge #iLike,
.iLike {	
	padding: 3px 15px 3px 10px !important;
	margin-right: 10px;
	font-size: 16px;		
}
.shareBadge #iLike span,
.iLike span {
	height: 17px;
	width: 22px;
	display: inline-block;
	background: transparent url(/i/icons/iconThumb.png) no-repeat 0 2px;
}
.shareBadge #iLike.active,
.iLike.active {
	color: #ccc !important;	
	text-shadow: 0 -1px 0 #000;
	border: 1px solid #000;
	background-color: #313538;
	background: -moz-linear-gradient(top, #313538, #0a0c0e);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#313538), to(#0a0c0e));
}
.shareBadge #iLike.active span,
.iLike.active span {
	background-position: 0 -31px;
}
.shareBadge #iLike.active:hover,
.iLike.active:hover {
	color: #fff !important;
	text-decoration: none !important;	
	background: -moz-linear-gradient(top, #313538, #0a0c0e)!important;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#313538), to(#0a0c0e))!important;
}
.shareBadge #iLike.active:hover span,
.iLike.active:hover span {
	background-position: 0 2px;	
}
.btnYellow {	
	display: inline-block;
	color: #2f1506 !important;
	text-shadow: 0 1px 0 #fef397;
	border: 1px solid #F2BF2F;
	background-color: #ffd43f;
	background-image: -moz-linear-gradient(top, #ffd43f, #ffa942);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffd43f), to(#ffa942));	
}
.btnYellow:hover {
	color: #824304;
	text-decoration: none;
	cursor: pointer;
	background: #ffa942;
}
.btnWhite {	
	color: #206ba4 !important;	
	border: 1px solid #ccc;
	text-shadow: 1px 1px 0 #ffffff;
	background-color: #fff;
	background-image: -moz-linear-gradient(top, #f8feff, #e6f4fa);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8feff), to(#e6f4fa));
	/*background: #fcfdfe url(http://cdn.stumble-upon.com/i/btn/btnWhite.gif) repeat-x 0 50%;*/
}
.colRight .btnWhite {
	color: #59280d !important;
	text-decoration: none !important;
}
.btnWhite:hover {
	/*color: #455975 !important;*/
	border-color: #6D7E9B;
	text-decoration: none;
	background: #f8feff;
}
/*the following is now a green button*/
.listSuggesteduser .btnWhite:hover {
	color: #fff !important;
	border: 1px solid #2F9916;
	background: #42833c;
	/*background: #469902 url(http://cdn.stumble-upon.com/i/btn/btnGreen.gif) repeat-x scroll 0 50%;*/
}
.btnGreen.lg,
form .btnGreen,
form .btnYellow {
	padding: 3px 7px;
	font-size: 16px;
}
#headerLogin form .btnGreen {
	padding: 1px 5px 3px;
	font-size: 14px;
}
.btnAddonFF,
.btnAddonIE,
.btnAddonChrome,
.btnAddonIpad {
	height: 30px;
	width: 175px;
	padding: 7px 10px 2px 17px;	
	margin: 0 auto;
	display: block;
	overflow: hidden;
	cursor: pointer;
	text-align: left;	
	text-shadow: 5px 10px 85px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	font-size: 18px;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ccc;	
	background: #fcfdfe url(http://cdn.stumble-upon.com/i/btn/btnSpriteBrowserLogo.gif) no-repeat 95% -98px;
}
.btnAddonFF:hover,
.btnAddonIE:hover,
.btnAddonChrome:hover,
.btnAddonIpad:hover {
	text-decoration: none;
	text-shadow: 5px 10px 85px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.btnAddonChrome {
	margin-top: 37px;
}
.btnAddonFF {
	background-position: 95% -44px;
}
.btnAddonIE {
	background-position: 95% 5px;
}
.btnAddonIpad {
	height: auto;
	width: 230px;
	padding-right: 60px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin: 20px 0 40px;
	font-size: 20px;
	text-align: center;
	background: url(http://cdn.stumble-upon.com/i/icons/icon_apple_store.gif) no-repeat 95% 50%;
}
.btnStumble,
.btnAddSite {
	padding: 4px 8px;
	font-weight: bold;
	background-color: yellow;
	border:  1px solid ;
}
h1 .btnStumble,
h1 .btnAddSite {
	line-height: 14px;
	font-size: 70%;
	font-family:  Arial,Helvetica,Verdana,Sans-serif;
}
.iconInfo, 
.iconDirectShare, 
.iconSubscription,
.iconArrow24,
.iconOnlineNow {
	height: 16px;
	width: 16px;	
	display: inline-block;
	text-indent: -999em;
	overflow: hidden;
	cursor: pointer;
	background: transparent url(http://cdn.stumble-upon.com/i/assets/su_icons.png) no-repeat 0 0;
}
.iconSubscription {
	background-position: -128px -48px;
}
.subscriptions .iconSubscription {
	display: none;
}
.iconInfo { background-position: -48px -16px; } 
.iconDirectShare { background-position: -112px -48px; } 
.iconOnlineNow { background-position: -96px -48px; } 
.iconArrow24 { background-position: 0 -48px; width: 24px; height: 24px; }
.filter ul li .iconInfo {
       margin-top: -2px;
       vertical-align: top;
}
.orange {
	color: #ff9834;
}
.btnShareFB {
	height: 16px;
	width: 16px;
	display: block;
	text-indent: -999em;
	background: transparent url(http://cdn.stumble-upon.com//i/icons/icon_fb_16x16.gif) no-repeat 50% 50%;
}
.btnShareEmail {
	height: 16px;
	width: 16px;
	display: block;
	text-indent: -999em;
	background: transparent url(http://cdn.stumble-upon.com/i/icons/iconEmailY16x14.png) no-repeat 50% 50%;
}
.btnShareTwitter {
	height: 16px;
	width: 16px;
	display: block;
	text-indent: -999em;
	background: transparent url(http://cdn.stumble-upon.com//i/icons/icon_twitter_16x16.gif) no-repeat 50% 50%;
}
/* @end */
/* =3 Common Classes
-------------------------------------------------------------------*/
.left {
	float: left !important;
	display: inline !important;
}
.right {
	float: right !important;
	display: inline !important;
}
.borderBottom {
	border-bottom: 1px dotted #e6e6e6;
}
.borderLeft {
	border-left: 1px dotted #e6e6e6;
}
.borderRight {
	border-right: 1px dotted #e6e6e6;
}
.borderTop {
	border-top: 1px dotted #e6e6e6;
}
.hidden {
	display: none !important;
}
.hilight {
	background-color: #fffdf5;
}
.showThumbUp {
	padding-left: 20px;
	color: #808080;
	background: transparent url(http://cdn.stumble-upon.com/images/icon_thumb_green_40.png) no-repeat 0 0;
}
.showThumbDown {
	padding-left: 20px;
	color: #808080;
	background: transparent url(http://cdn.stumble-upon.com/images/icon_thumb_red_20.png) no-repeat 0 0;
}
.showStumble {
	padding-left: 20px;
	color: #808080;
	background: transparent url(http://cdn.stumble-upon.com/images/stumble.png) no-repeat 0 0;
}
.showTag {
	padding-left: 20px;
	color: #808080;
	background: transparent url(http://cdn.stumble-upon.com/images/icon_tag_blue.png) no-repeat 0 0;
}
.showReview {
	padding-left: 20px;
	color: #808080;
	background: transparent url(http://cdn.stumble-upon.com/images/btn_review_webtb.png) no-repeat 0 0;
}
.nowrap {
	white-space: nowrap;
}
ul.tabs {
	border-bottom: 1px solid #bfbfbf;
}
.tabs li {
	margin: 0 1px;
	float: left;
	display: inline;
	position: relative;
}
.tabs a {
	padding: 3px 12px;
	margin-top: 2px;
	display: block;
	position: relative;
	font-size: 11px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border: 1px solid #BFBFBF;
	border-bottom: 0 none;
	background-color: #ddd;
}
.tabs .active a {
	margin-top: 1px;
	padding: 4px 10px 3px;
	top: 1px;
	background-color: #fff;
}
#confirmationMessage {
	padding-bottom: 15px;
}
#confirmationMessage div {
	padding: 9px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 12px;
	background-color: #e8ffe8;
}
.error {
	color: #BD1A00 !important;
}
.clear {
	clear: both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.hasTip {
	padding-right: 18px;
	background-image: url(http://cdn.stumble-upon.com/i/icons/icon_help16x16.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
span.hasTip {
	padding: 3px 9px;
}
/* @group Text Counter */
.counter {
	font-weight: bold;
	font-size: 14px;
	color: #bcbcbc;
	display: block;
}
.warning {
	color: #660000;
}
.exceeded {
	color: red;
}
/* @end */

/* @end */
/* @group Layout */
/* =5 Layout Assignments
-------------------------------------------------------------------*/
#wrapper {
	width: 100%;
}
#wrapperHeader {
	width: 100%;
	height: 60px;
	background-color: #f6faff;
}
#wrapperNav {	
	min-height: 8px;
	border-top: 1px solid #d7ecf6;
	border-bottom: 1px solid #c2e2e2;
	background: #e0f4f7 url(http://cdn.stumble-upon.com/i/bg/bgNav.png) repeat-x 0 0;
}
#wrapperContent {
	width: 100%;
	min-height: 200px;
	background-color: #fff;
}
#wrapperFooter {
	width: 100%;
	clear: both;
	background-color: #f5f7fa;
}
/* @end */
/* @group header */
/* =6 Header Assignments
-------------------------------------------------------------------*/
#header {
	min-width: 72em;
	max-width: 98em;	
	height: 51px;
	padding: 9px 0 0;
	margin: 0 auto;
	position: relative;
	text-align: right;
	overflow: hidden;
}
#logo,
#logoSmall {
	height: 30px;
	width: 165px;
	padding-left: 40px;
	position: absolute;
	top: 15px;
	left: 0;
	display: block;	
	overflow: hidden;	
	font-family:"Trebuchet MS",Arial,Helvetica,Verdana,sans-serif;
	font-size: 18px;
	text-decoration: none;
	text-align: left;		
	line-height: 30px;
	font-weight: bold;
	color: #645F5F;	
	background:  transparent url(http://cdn.stumble-upon.com/i/bg/logo_su.png) no-repeat 0 50%;
}
#logoSmall {
	height: 20px;
	width: 112px;
	background: transparent url(http://cdn.stumble-upon.com/i/icons/logoSU112x20.png) no-repeat 0 0;
}
#logo span {
	font-size: 12px;
	font-weight: normal;
}
#dashboard {
	margin-top: 11px;
	text-align: right;
}
#dashboard a {
	color: #507E9B;
}
#dashboard a:hover {
	color: #0F2C3A;
	text-decoration: none;
}
#loginLinks,
#header .loginBare {
	margin: 16px 0 0 0;	
	float: right;
	display: inline;
}
.login #header .loginBare {
	display: none;
}
#loginLinks a,
#header .loginBare a {
	color: #507E9B;
}
#loginLinks a:hover,
#header .loginBare a:hover {
	color: #0F2C3A;
	text-decoration: none;
}
#loginLinks .separator, 
#dashboard .separator, 
.listStumble .separator{
	padding: 0 5px;
	color: #CCCCCC;
}
#loginLinks .separator {
	padding: 0 10px;
}
#loginLinks img {
	vertical-align: middle;
}
#headerLogin {
	/*padding-top: 5px;*/
	margin-top: -2px;
	float: right;
	display: inline;
}
#headerLogin li {
	position: relative;
	display: inline;
}
#headerLogin label {
	position: absolute;
	left: -999em;
}
#headerLogin input.text {	
	color:#808080;
}
/* @end */

/* @group Navigation */
/* =7 Navigation
-------------------------------------------------------------------*/
#navMain {
	max-width: 980px;
	min-width: 720px;
	height: 25px;
	padding: 3px 0 0;
	margin: 0 auto;
	position: relative;
	bottom: -1px;
	z-index: 10;
}
#navMain li {
	margin: 0 10px;
	float: left;
	display: inline;
}
#navMain .first {
	margin-left: 0;
}
#navMain .first a {
	padding-left: 0;
}
.discover #navMain .discover a {
	padding-left: 18px;
}
#navMain .last {

}
#navMain a {
	padding: 0 18px;
	line-height: 23px;
	display: block;
	color: #507e9b;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;	
	border: 1px solid transparent;
}
#navMain a:hover {
	color: #606060;
	text-decoration: none;
}
#navMain .active a,
.discover #navMain .discover a,
.stumblers #navMain .stumblers a,
.favorites #navMain .favorites a {
	background-color: #fff;
	color: #606060;
	text-decoration: none;
	border-color: #c2e2e2;
	border-bottom-color: #fff;
}
#navMain #searchNav {
	margin-right: 0px;
	margin-top: -2px;
	float: right;
}
#searchNav fieldset {
	padding: 0 5px 0 10px;
	position: relative;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #e1e1e1;
}
#searchNav label {
	position: absolute;
	left: -999em;
}
#searchNav input.text {
	height: 15px;
	margin: 1px 0 0 0;
	padding: 2px 0 0 0;
	width: 140px;
	border: 0 none;	
	vertical-align: top;
	color: #808080;
}
#searchNav #searchNavSubmit {
	margin-top: 3px;
}
/* @group Nav Secondary */
#navSecondary,
.filter {
	height: 15px;
	padding: 5px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border: 1px solid #E6E6E6;	
	background-color: #E6E6E6;	
}
#navSecondary li,
.filter li {
	padding: 0 9px;
	margin: 0 2px;
	display: inline;
	font-size: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
#navSecondary a,
.filter a {
	padding: 3px 7px;
	line-height: 15px;	
	color: #507E9B;
}
#navSecondary ul.right {
	margin-right: 7px;
}
#navSecondary .right li,
.filter .right li {
	padding: 0 2px;
} 
#navSecondary .right a,
.filter .right a {
	font-size: 90%;
}
#navSecondary a:hover,
.filter a:hover {
	color: #0A466E;
	text-decoration: none;
}
#navSecondary li.selected a,
.activity #navSecondary .activity a,
.toprated #navSecondary .toprated a,
.shares #navSecondary .shares a,
.subscriptions #navSecondary .subscriptions a,
.subscribers #navSecondary .subscribers a,
.onlinenow #navSecondary .onlinenow a,
.visitors #navSecondary .visitors a,
.mayknow #navSecondary .mayknow a,
.all #navSecondary .all a,
.reviews #navSecondary .reviews a,
.photos #navSecondary .photos a,
.videos #navSecondary .videos a,
.discoveries #navSecondary .discoveries a,
.list #navSecondary .list a,
.grid #navSecondary .grid a,
.created #navSecondary .created a,
.rated #navSecondary .rated a,
.score #navSecondary .score a,
div.settings #navSecondary .settings a,
.customize #navSecondary .customize a,
.interests #navSecondary .interests a,
.picture #navSecondary .picture a,
.common #navSecondary .common a,
.all-groups #navSecondary .all-groups a,
.popular #navSecondary .popular a,
.suggested #navSecondary .suggested a,
.newest #navSecondary .newest a,
li.hasChild.hover a,
li.active .controls a {
	background-color: #fff;
	color: #808080;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}
li.hasChild {
	position: relative;
}
li.hasChild ul {
	width: 150px;
	height: 230px;
	padding: 0 0 10px 0;
	position: absolute;
	left: -999em;
	top: 18px;
	overflow-y: auto;
	background-color: #fff;
	border: 1px solid #E0E0E0;
	z-index: 100;
}
li.hasChild ul.public {
	width: 150px;
	height: 200px;
	padding: 0 0 10px 0;
	position: absolute;
	left: -999em;
	top: 18px;
	overflow-y: auto;
	background-color: #fff;
	border: 1px solid #E0E0E0;
}
li.hasChild:hover ul,
li.hasChild.hover ul {
	left: 15px;
}
#navSecondary li.hasChild li,
.filter li.hasChild li {
	height: auto;
	padding: 0;
	margin: 0;
}
#navSecondary li.hasChild li a,
.filter li.hasChild li a {
	height: auto;
	padding: 2px 5px;
	margin: 0;
	font-size: 12px;
	display: block;
}
#navSecondary li.hasChild li a:hover,
.filter li.hasChild li a:hover {
	background-color: #e6e6e6;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
/* @end */
/* @group Nav Tertiary */
.navTertiary {
	height: 20px;
	padding: 3px 0 0 198px;
	margin: 0 0 5px 0;
}
.navTertiary li {
	height: 20px;
	float: left;
}
.navTertiary a {
	padding: 0 15px;
	line-height: 20px;
	display: block;
	font-size: 11px;
}
.navTertiary .active {
	background-color: #E6E6E6;
	-moz-border-radius:9px 9px 9px 9px;
}

/* @end */

/* @end */
/* @group content */
/* =8 Content
-------------------------------------------------------------------*/
/* @group .box */
.box {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;	
}
.colMain .box {
	padding-left: 5px;
	overflow: hidden;
}
.colMain .box.first {
	margin-top: 15px;
}
/* @end */
#content {
	max-width: 980px;
	min-width: 720px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto;
}
.oneCol650 #content {
	width: 650px;
	max-width: 650px;
	min-width: 650px;
}
.colMain {
	min-height: 300px;
}
.hasColRight .colMain {
	margin-right: 200px;	
}
.colRight {
	width: 180px;	
	min-height: 300px;
	overflow: hidden;
	padding-top: 5px;
	float: right;
	display: inline;
}

/* @end */
/* @group Footer */
/* =9 Footer
-------------------------------------------------------------------*/
#footer {
	min-width: 720px;
	max-width: 980px;
	padding: 25px 0;
	margin: 0 auto;
	text-align: center;
	color: #808080;
}
#footer ul {
	margin-bottom: 15px;
}
#footer .header {
	padding-top: 5px;
	line-height: 21px;
	color: #4d4d4d;
	font-size: 12px;
}
#footer a {
	line-height: 15px;
	color: #808080;
	font-size: 11px;	
}
#footer .copyright {
	font-size: 11px;
	line-height: 25px;
}
/* @end */

/* @group lists */
/* =10 Lists Assignments
-------------------------------------------------------------------*/
ol.numbered {
	list-style: decimal;
}
ol.numbered li {
	margin-left: 20px;
}
li.blog ol {
	list-style: decimal;
}
/*user input styles*/
li.blog .review ul {
	list-style: disc;
}
li.blog .review li {
	margin: 0 0 5px 20px;	
}
.listInlineLeft li {
	float: left;
	display: inline;
}
ul.disc {
	margin-bottom: 15px;
}
ul.disc li {
	margin-left: 20px;
	list-style-type: disc;
	list-style-position: outside;
}
ul.dotBlue {
	margin-bottom: 20px;
}
ul.dotBlue li {
	margin-bottom: 4px;
	line-height: 22px;
	font-weight: bold;
	background: transparent url(http://cdn.stumble-upon.com/i/bg/bgDotBlue.gif) no-repeat 0 0;	
}
ul.dotBlue li span {
	padding: 0 7px;
	margin-right: 5px;
	font-size: 12px;
	color: #416864;
}
ul.inline li {
	float: left;
	display: inline;
	border: 0 none;
}
/*arrowOr*/
ul.arrowOr {
	padding: 5px 0 10px;
}
ul.arrowOr li {
	padding-left: 25px;
	margin: 0 0 7px 94px;
	font-weight: bold;
	color: #606060;
	background: #fff url(http://cdn.stumble-upon.com/i/bg/bgArrowOr.gif) no-repeat 0 2px;
}
ul.arrowOr li.noBull {
	font-weight: normal;
	background: 0 none;
}
ul.arrowOr li .grn {
	color: #028313;
	font-size: 125%;
	font-weight: bold;
}
.home ul.arrowOr {
	padding-top: 6px;
}
.home ul.arrowOr li {
	margin-left: 75px;
	margin-bottom: 25px;
	font-weight: normal;
	background-position: 0 6px;
}
.home ul.arrowOr li h3 {
	margin-bottom: 7px;
}
.home ul.arrowOr p {
	margin-bottom: 10px;
}
.friends_invite ul.arrowOr {
	margin-bottom: 10px;
}
.friends_invite ul.arrowOr li {
	margin-left: 15px;
}
.friends_invite ul.arrowOr li.header,
.friends_invite ul.arrowOr li.noBull {
	margin-left: 0;
	padding-left: 0;
	background: 0 none;
}
.friends_invite .borderTop {
	padding-top: 10px;
}
/*headerControls*/
ul.headerControls {
	min-height: 28px;
	margin-bottom: 10px;
}
ul.headerControls h1 {
	padding-top: 2px;
	margin-bottom: 0;
	font-size: 20px;
	line-height: 25px;
}
ul.headerControls li {
	padding-left: 5px;	
	float: left;
	display: inline;
}
ul.headerControls .btnYellow {
	width: 105px;
	padding: 2px 10px;
	margin-right: 17px;
	font-size: 16px;	
	line-height: 20px;	
	text-align: center;			
}
ul.headerControls li h1 {
	min-width: 130px;
	max-width: 500px;	
}
ul.headerControls .addSite,
ul.headerControls .share {
	padding-top: 7px;
	margin-right: 9px;
	float: right;
	display: inline;
}
ul.headerControls .btnWhite {
	padding: 1px 10px;	
	font-size: 11px;	
	line-height: 19px;		
}
/*user stats/profile*/
dl.profile {
	margin-bottom: 5px;
}
dl.profile dt {
	padding-left: 50px;
	margin-bottom: 5px;
}
.public dl.profile dt {
	display: none;
}
dl.profile dt .img {
	margin-left: -50px;
}
dl.profile dt .img a {
	display: block;
	height: 42px;
	width: 42px;
	overflow: hidden;
}
dl.profile dt .img img {
	height: 42px;
	width: 42px;
	display: block;
}
dl.profile dd {
	padding-left: 50px;
	line-height: 20px;
}
dl.profile dd a {
	color: #b0b0b0;
}
dl.profile dd a:hover {
	color: #0A466E;
}
dl.profile span {
	width: 40px;
	margin-left: -50px;
	float: left;
	display: inline;
	font-size: 16px;
	text-align: right;
}
/*profile detail*/
dl.profile.detail {
	padding-top: 10px;
	display: none;
}

/*List Stumble*/
.listStumble li.listLi {
	min-height: 100px;
	padding: 10px 5px 15px 232px;
	position: relative;
	border-bottom: 1px dotted #e0e0e0;
}
.noBorder li.listLi {
	border-bottom: 0 none !important;
}
.listStumble li.blog {
	min-height: 100px;
	padding: 10px 5px 15px;
	position: relative;
	border-bottom: 1px dotted #e0e0e0;
}
.listStumble li li.blog {
	min-height: 0;
}
.listStumble li.last {
	border-bottom: 0 none;
}
.listStumble li li {
	padding: 0;
	border: 0 none;
}
.listStumble .user {
	float: right;
	display: inline;
	height: 42px;
	width: 42px;
	text-indent: -999em;
}
.listStumble li.listLi div.text {
	min-height: 100px;
}
.listStumble .listLi .text img {
	max-width: 500px;
}
.listStumble .nickname{
	font-weight: bold;
}
.listStumble .timestamp {
	font-style: italic;
}
/*Blog specific*/
.listStumble .blog div.text {
	width: 100%;
}
.listStumble .blog .text img {
	max-width: 700px;
}

.listStumble .blog div.text .review {
	overflow: hidden;	
	margin-bottom: 10px;
}
.photos .listStumble .listLi img {
	max-width: 500px;
}
.listStumble .text h4 {
	margin-bottom: 5px;
}
.listStumble .text p {
	margin-bottom: 10px;
}
.listStumble .text .avatar {	
	height: 32px;
	width: 32px;
	margin-left: 10px;
	float: right;
	overflow: hidden;	
}
.listStumble .text a.avatar img {
	max-width: 32px;
}
.listStumble .text span.avatar {
	height: 42px;
	width: 42px;
	text-indent: 0;
}
.listStumble .text span.avatar a {
	height: 40px;
	width: 40px;
	max-width: 40px;
	display: block;
	text-indent: -999em;
}
.listStumble .text p {
}
.listStumble .views {
	width: 75px;
	padding-top: 17px;
	text-align: center;
	position: absolute;
	top: 10px;
	left: 150px;
}
.listStumble .views a {	
	color: #B0B0B0;
	font-size: 12px;
	text-decoration: none;
	text-transform: capitalize;
}
.listStumble .views span {
	display: block;	
	font-size: 26px;
	font-family:  Arial,Helvetica,Verdana,Sans-serif;	
	letter-spacing: -1px;
	color: #206BA4;
}
.listStumble .img {
	height: 86px;
	width: 129px;
	position: absolute;
	left: 5px;
	top: 10px;
	text-align: left;
	border: 1px solid #d4d4d4;	
	overflow: hidden;
}
.spotlight .img {
	padding: 0px;
	left: 5px !important;
	border: 1px solid #d4d4d4;	
}
.listStumble .text .review {
	overflow: auto;
	width: 100%
}
.listStumble ul.controls {
	height: 20px;
	margin: 10px 0px 0px 0;
	border: 0 none;
	visibility: hidden;
	background-color: transparent;
}
.listStumble .delete ul.controls {
	margin-top: 0;
}
.listStumble .blog ul.controls {
	margin-left: 0;
}
.listStumble .controls li {
	padding: 0;
	float: left;
	display: inline;
	border: 0 none;
	border-right: 1px dotted #e0e0e0;
}
.listStumble .controls li.last {
	border: 0 none;
}
/* for slide out delete*/
.listStumble .controls li.last div {
	float: left;
	display: inline;
}
.listStumble ul.controls a {
	padding: 0px 10px;
	margin: 0 !important;
	font-weight: bold;
	color: #808080;
	background-color: #fff;
}
.listStumble .hilight ul.controls a {
	background-color: #fffdf5;
}
.listStumble ul.controls a.undelete {
	color: #206BA4;
	font-weight: normal;
}
.listStumble ul.controls .first a {
	padding-left: 0;
}
.listStumble ul.controls .messageDelete {	
	padding: 0 20px 0 10px;
	color: #932f2f;
	font-weight: bold;
	white-space: nowrap;
	display: none;
	overflow: hidden;
}
.listStumble .controls a:hover {
	color: #0A466E;
}
.listStumble .controls .active a.delete {
	color: #0A466E;
}
.listStumble .controls a.active {
	opacity: 1.0;
	color: #000;
	background-color: #fff;
}
/*List Shares*/
.listShare .text {
	background: transparent url(/i/bg/bgBubbleLine.png) no-repeat left top; 
	padding: 5px 23px;
	margin-left: -30px;
}
.listStumble .sender {
	width: 50px;
	text-align: center;
	position: absolute;
	top: 10px;
	left: 150px;
}
/*URL reviews*/
.listUrlReviews li.addContent {
	min-height: 64px;
	padding: 15px 0 15px 84px;
	position: relative;
}
.listUrlReviews li.addContent .controls a.edit {
	color: #808080;
}
.listUrlReviews li.listLi {
	min-height: 64px;
	padding: 15px 0 15px 84px;
}
.listUrlReviews li.listLi div.text {
	min-height: 64px;
}
.listUrlReviews .text .review {
	margin-top: 0;
}
.listUrlReviews .img {
	border: none;
	width: 64px;
}
.listUrlReviews .img a {
	display: block;
	width: 64px;
	height: 64px; 
	overflow: hidden;
}
.listUrlReviews .img a img {
	width: 64px;
}
.addContent .controls a.active {
	display: none;
}
/*listInbox*/
ul.listInbox li.listLi {
	min-height: 80px;
	padding-left: 90px !important;
	border-bottom: 1px dotted #E0E0E0;
}
ul.listInbox li.listLi div.text {
	min-height: 80px;	
}
ul.listInbox li.listLi div.text a.username {
	font-weight: bold;
}
.listInbox .sender {
	width: 100px;
	float: left;
	display: inline;
	text-align: center;
	font-size: 14px;	
	font-weight: bold;
}
.listInbox .img {
	width: 70px;
	height: auto;
	border: 0 none !important;
}
.listInbox .img a {
	display: block;
}
.listInbox .listLi .date,
.listInbox .listLi .reportThis {
	float: right;
	display: inline;
}
.listInbox .listLi .date {
	color: #a0a0a0;
}
.listInbox .listLi .reportThis {
	height: 17px;
	width: 95px;
	margin: 0 20px 0 0;	
	display: none;
	position: relative;
	border: 1px solid #c3c3c1;
}
.hilight .reportThis {
	display: inline !important;
}
.hilight .delete div.reportThis {
	display: none !important;
}
.listInbox .reportThis .showHide {
	height: 15px;
	width: 71px;
	padding: 1px 16px 0px 7px;
	margin: 0;
	display: block;
	font-size: 12px;		
	color: #206ba4;
	background: #fff url(http://cdn.stumble-upon.com/images/icon_submenu_arrow.png) no-repeat 94% 50%;
}
.listInbox .open a.showHide {
	color: #0A466E;
}
.listInbox .reportThis .nested {
	width: 95px;
	display: none;
	position: absolute;
	top: 18px;
	left: -1px;
	z-index: 100;
	background-color: #fff;
	border: 1px solid #c3c3c1;
	border-top-color: #d7d7d7;
}
.listInbox .reportThis .nested li {
	height: 15px;
	width: 87px;	
	padding: 4px 0px 4px 7px;
	margin-bottom: 0px;
}
.listInbox .reportThis .nested li.border {
	border-bottom: 1px dotted #dfdfdf;
}
.listInbox .reportThis .nested li a {
	display: block;
}
.listInbox .reportThis .nested li a span {
	padding-left: 5px;
	display: none;
}
.listInbox .reportThis .nested li.flagged a span {
	display: inline;
}
.sendMessage fieldset {
	padding: 10px 0;
}

/*list suggested users */
ul.listSuggesteduser li.listLi {
	padding-left: 170px !important;
}
ul.listSuggesteduser li.listLi, ul.listSuggesteduser li.listLi .text {
	min-height: 70px;
}
ul.listSuggesteduser li.listLi .img {
	width: 70px;
	height: auto;
	border: 0 none;
}
ul.listSuggesteduser li.listLi .img a {
	display: block;
	height: 70px; 
	overflow: hidden;
}
.listSuggesteduser .views {
	padding-top: 5px;
	left: 80px;
}

/*list review*/
.listReviews {
	
}
.listReviews li {
	padding: 20px 0 10px;
	border-bottom: 1px dotted #E0E0E0;		
}
.listReviews li.last {
	border-bottom: 0 none;		
}
.listReviews li p {
	line-height: 19px;
}

/*js styles for controls*/
.listStumble li.active {
	background-color: #fffdf5;
}
.listStumble li.active ul.controls {	
	opacity: 0 !important;
	/*display: none;*/
	background-color: transparent;
}
.listStumble li.active ul.controls li {
	display: none;
}
/* @group Add Content (site) */
/*Add Content (site)*/
#addContent {
	height: 205px;
	width: 95%;
	padding: 10px 0 10px 24px;
	display: none;
	border-bottom: 1px dotted #E0E0E0;
}
#addContent fieldset {
	padding: 0 18px 0 0;
	margin: 0;
}
#addContent input.text,
#addContent textarea {
	width: 90%;
	float: none;
}
#addContent .labelLeft .wrapperInput {
	padding-left: 65px;
}
#addContent .labelLeft label {
	margin-left: -65px;
	width: 55px;
}
#addContent .labelLeft label.checkbox {
	width: 110px;
	margin-left: 0;
}
#addContent .labelLeft label.checkbox input,
#addContent .labelLeft label.checkbox img {
	vertical-align: middle;
	display: inline;
}
#addContent ul {
	width: 85%;
	padding-left: 65px;
}
#addContent li {
	padding-top: 3px;
	margin: 0 10px;
	float: left;
	display: inline;
	font-size: 13px;
	border: 0 none;
	line-height: 20px;
}
#addContent li.separator {
	margin-left: 0;
	margin-right: 0;
}
#addContent ul li.first {
	margin-left: 0;
}
#addContent ul li.submit {
	padding-top: 0;
	
}
#addContent ul li.submit a {
	padding: 1px 6px;
	font-weight: bold;
}
#addContent li label,
#addContent li a {
	width: auto;
	margin: 0;
	display: block;
	float: none;
	vertical-align: middle;
}
#addContent li a {
	
}
#addContent li.preview {
	list-style: square;
}
#addContent li.blog {
	margin: 0 10px 0 0;
}
#addContent li.sticky {
	margin: 0;
	float: right;
}
/* @end */

/*edit review*/

.listStumble .editReview {	
	display: none;	
}
.listStumble .editReview fieldset {
	padding: 0;
}
.listStumble .editBlog {
	margin-left: 0 !important;
}
.listStumble .addContent .editReview {
	margin-left: 0;
}
.editReview .labelLeft .wrapperInput,
.addContent .wrapperInput {
	padding-left: 65px !important;
}
.editReview .labelLeft label,
.addContent label {
	width: 55px !important;
	margin-left: -65px !important;
}
.editReview .labelLeft label.checkbox,
.addContent label.checkbox {
	margin-left: 0 !important;
}
.editReview .labelLeft label.checkbox input,
.editReview .labelLeft label.checkbox img,
.addContent label.checkbox input,
.addContent label.checkbox img {
	vertical-align: middle;
}
ul.inline label.checkbox {
	width: 110px!important;
	margin-left: 0 !important;
}
.editReview ul.inline,
.addContent .editComment ul.inline {
	width: 80%;
	margin-left: 55px;
}
.editReview ul.inline li,
.addContent .editComment ul.inline li {
	margin-left: 10px;
}
.editReview ul.inline a,
.addContent ul.inline a {
	line-height: 22px;
}
.listStumble .editBlog {
	float: left;	
}
.listStumble .deleteThis {
	padding: 0 20px 0 150px;
	display: none;
}
.listStumble .blog .deleteThis {
	padding-left: 0;
}
.listStumble .editReview textarea,
.listStumble .editReview input.text,
.addContent .editComment textarea,
.addContent .editComment input.text {
	width: 90%;
	float: none;
}
.listStumble .deleteThis .btnWhite {
	padding: 3px 10px;
}

/*Grid URLs*/
.gridUrls {
	padding-top: 20px;
}
.gridUrls li {
	width: 140px;
	height: 140px;
	margin: 0 14px 20px 0;
	float: left;
	display: inline;
}
.gridUrls li li {
	width: auto;
}
.gridUrls a {
	display: block;
}
.gridUrls a.reviews {
	color: #4d4d4d;
	font-size: 11px;
}
.gridUrls img {
	margin-bottom: 10px;
	display: block;
	border: 1px solid #d4d4d4;	
}
.gridUrls h4 {
	height: 30px;
	margin-bottom: 5px;
	overflow: hidden;
	font-size: 12px;
	font-weight: normal;
}
.listMySearchFavs {
	border-bottom: 1px dotted #E0E0E0;
}
.listMySearchFavs h3 {
	margin-top: 10px;
	margin-bottom: 0;
}
.listMySearchFavs h3 a {
	font-weight: normal;
	font-size: 12px;
}
.listMySearchFavs .gridUrls {
	overflow: hidden;
	padding-top: 10px;
}
/*List Badges*/
ul.listBadges li {
	margin: 0 10px 10px 0;
	float: left;
	display: inline;
}
ul.listBadges a {
	height: 42px;
	width: 42px;
	display: block;
	text-indent: -999em;
	background: transparent url(http://cdn.stumble-upon.com/i/assets/badges.png) no-repeat 0 0;
}
ul.listBadges a.badgeSponsor { background-position: -42px 0px; }
ul.listBadges a.badgeSharing { background-position: 0px 0px; }
ul.listBadges a.badgeDiscovery10 { background-position: 0px -42px; }
/*List Users*/
ul.listUsers {
	
}
ul.listUsers li {
	margin: 0 10px 10px 0;
	float: left;
	display: inline;
}
ul.listUsers a {
	height: 42px;
	width: 42px;
	display: block;
	text-indent: -999em;
}
/*Grid Users*/
ul.gridUsers {
	padding: 20px 0 0 0;
}
ul.gridUsers li {
	width: 65px;
	height: 80px;
	padding-left: 71px;
	margin: 0 15px 5px 0;
	float: left;
	display: inline;	
	overflow: hidden;
	font-size: 12px;
	position: relative;
}
ul.gridUsers a {
	/*font-weight: bold;*/
}
ul.gridUsers li .img {
	float: left;
	display: inline;
	margin-left: -71px;
}
ul.gridUsers li .img a {
	height: 64px;
	width: 64px;
	display: block;
	text-indent: -999em;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
ul.gridUsers li .img span {
	display: block;
	position: absolute;
	top: 51px;
	left: 56px;
	cursor: auto;
}
.subscriptions ul.gridUsers li .img span {
	display: none;
}
ul.gridUsers li p {
	margin-bottom: 0;
	line-height: 18px;
}
/*Scroll Users*/
ul.scrollUsers {
	
}
ul.scrollUsers li {
	margin: 0 10px 10px 0;
	display: block;
}
ul.scrollUsers a {
	height: 42px;
	width: 151px;
	display: block;
	overflow: hidden;
}
ul.scrollUsers a:hover {
	background: blue;
}
ul.scrollUsers a div {
	height: 42px;
	width: 42px;
	display: block;
	float: left;
	text-indent: -999em;
}
/*grid stumbleThru*/
ul.gridStumbleThru {
	
}
ul.gridStumbleThru li {
	width:150px;
	padding:0;
	margin:0 10px 20px 0;
	float:left;
	display:inline;
	text-align:center;	
}
ul.gridStumbleThru .thumbnail {
	position:relative;
}
ul.gridStumbleThru .thumbnail img {
	height:110px;
	width:110px;
	margin:0;
}
ul.gridStumbleThru .favicon {
	padding-top:0;
	margin:0;
	display:block;
	float:none;
	font-size: 11px;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
}
ul.gridStumbleThru .favicon img {
	height:16px;
	margin-top:-1px;
	vertical-align:middle;
}
/*Send Message To*/
.sendMessageTo {
	height: 392px;
	padding: 4px;
	overflow-y: auto;
	border: 1px solid #ccc;
}
.sendMessageTo li {	
	margin-bottom: 10px;
}
.colRight .sendMessageTo a {
	padding: 1px 0 1px 41px;
	display: block;
	color: #206ba4;
}
.colRight .sendMessageTo a:hover {
	color: #3b5998;
	text-decoration: none;
	background-color: #dcebf4;
}
.sendMessageTo .avatar {
	margin-left: -40px;
	float: left;
	display: inline;
}
.sendMessageTo .avatar {
	height: 33px;
	width: 33px;
	display: block;
	text-indent: -999em;
}
/*Grid Users*/
/*list URLS*/
ul.listUrls {
	
}
.listUrls li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #E0E0E0;
}
.listUrls li.last {
	border-bottom: 0 none;
}
.listUrls .text {
	float: right;
	display: inline;
}
.listUrls .views {
	padding: 5px 0;
	float: left;
	display: inline;
	text-align: center;
	border: 1px solid #e6e6e6;
}

ul.listBlocked {
	margin-left: 16px;
}

ul.listBlocked li {
	margin-bottom: 5px;
}

/*small*/
.colRight .listUrls .text {
	width: 130px;
}
.colRight .listUrls .views {
	width: 40px;
	height: 30px;
	border-color: #808080;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.colRight .listUrls .views span {
	color: #206ba4;
	font-weight: bold;
}

/*listReviewsUrl*/

/*NEEDED???*/
.listReviewsUrl {
	
}
.listReviewsUrl li {
	padding-left: 0px;
	margin-bottom: 10px;
}
.listReviewsUrl .img {
	width: 45px;	
	float: left;
	display: inline;
}
.listReviewsUrl .img a {
	height: 40px;
	width: 40px;
	display: block;
	text-indent:  -999em;
}
/*?????????*/
/* @end */
/* @group Designer */
/* =11 Designer
-------------------------------------------------------------------*/
#controlPanel {
	height: 20px;
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 20px;
	font-weight: bold;
}

/* @end */
/* @group Cols */
/* =12 Cols
-------------------------------------------------------------------*/
.colFour .col {
	width: 24.5%;
	float: left;
	display: inline;
	text-align: left;
	overflow: hidden;
}
.colThree .col,
.col3 .col {
	width: 33%;
	float: left;
	display: inline;
	overflow: hidden;	
}
.colThree .col p {
	width: 90%;
}
.colTwo .col,
.col2 .col {
	width: 49%;
	float: left;
	display: inline;
}
/*specific cases*/
.homeColThree .col {
	height: 110px;
	margin-top: 10px;
	text-align: center;
}
homeColThree .btnYellow {
    width: 175px;
    text-align: center;
    font-size: 18px;
    line-height: 34px;
    font-weight: bold;
    display: inline-block;
    margin-top: 25px;
}
.homeColThree .btnWhite {
	width: 175px;
	text-align: center;
	font-size: 18px;
	line-height: 34px;
	font-weight: bold;
	display: inline-block;
	margin-top: 37px;
}
.homeColThree .btnYellow {
	width: 175px;
	margin-top: 25px;
   	text-align: center;
   	font-size: 18px;
   	line-height: 34px;
   	font-weight: bold;
	display: inline-block;	
}
.homeColThree h4 {
	margin: 3px 0;
	font-size: 18px;
	text-align: left;
}
.homeColThree a.recentPress {
	width: 280px;
	height: 60px;
	display: block;
	text-indent: -999em;
	background: #fff url(http://cdn.stumble-upon.com/i/bg/bgRecentPress.gif) no-repeat 0 50%;
}
.homeColThree h5 {
	margin: 38px 0 0 35px;
	font-size: 21px;
	font-weight: bold;
}
.homeColThree h5 span {
	color: #B02C2B;
}
/* @end */
/* @group Modules */
/* =13 Modules
-------------------------------------------------------------------*/
.moduleInterests {	
	min-width: 140px;
	max-width: 430px;
}
.moduleInterests h2 {
	margin-bottom: 5px;
}
.stumbleInterests {
	min-width: 140px;
	max-width: 430px;
}
.stumbleInterests li {
	width: 140px;
	margin-bottom: 3px;
	float: left;
	display: inline;	
}
.stumbleInterests label {
	padding: 3px 0;
	display: inline-block;
	white-space: nowrap;
}
.moduleInterests .btnYellow {
	padding: 8px 15px;
	margin-top: 13px;
	font-size: 18px;	
	line-height: 20px;				
}
ul.stumbleInterests {
	height: 176px;
	margin-bottom: 0;	
}
.promoBox ul.slim {
	width: 200px;
	height: 215px;	
	overflow-y: auto;
	border: 1px solid #808080;
}
.modulesHomePromo {
	width: 530px;
}
.modulesHomePromo img {
	width: 515px;
}
.promoBox {
	padding: 0 0 20px;
}
/*set since home topics don't resize*/
.home .promoBox {
	min-width: 980px;
}
.promoBox .moduleHomePromo, .promoBox .moduleHomeStumblePromo {
	width: 525px;
	padding-top: 5px;
	padding-left: 0;
	float: left;
	display: inline;
}
.promoBox .moduleHomePromo a {
	width: 100%;
	height: 260px;
	text-indent: -999em;
	display: inline-block;
}
.promoBox .moduleHomePromo .link1 {
	width: 150px;
}
.promoBox .moduleHomePromo .link2 {
	width: 200px;	
}
.promoBox .moduleHomePromo .link3 {
	width: 150px;
}
.promoBox .moduleInterests {
	float: left;
}

/*reviewProfile*/

.reviewProfile {
	padding-left: 155px;
	margin-bottom: 15px;
}
.reviewProfile .img {
	margin-left: -150px;
	float: left;
	display: inline;
}
.reviewProfile .img img {
	display: block;
}
.reviewProfile p {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 0;
	padding-top: 0px;
}
.reviewProfile .lastSeen {
	color: #b0b0b0;
}
.reviewProfile .lastSeen span {
	color: #3E9900;
	font-weight: bold;
}

/*stumbleThese*/
.stumbleThese h3 {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.stumbleThese .indent {
	margin-left: 15px;
}
.stumbleThese .topics h4 {
	margin-bottom: 6px;
}

/*tagCloud*/
.tagCloud {
	padding-top: 5px;
}

/* @end */
/* @group Forms */
/* =14 Forms
-------------------------------------------------------------------*/
.iefix {
	height: 1%;
}
.submit .iefix {
	padding: 5px 0;
}
fieldset {
	padding: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}
label {
	font-size: 100%;
}
.wrapperInput {
	margin-bottom: 10px;
}
.labelLeft .wrapperInput {
	padding-left: 120px;
}
.oneCol fieldset {
	padding: 0;
}
.oneCol .wrapperTable {
	max-height: 200px;
	width: 495px;	
	margin-bottom: 15px;
	border:  1px solid #b0b0b0;
	overflow: auto;
}
.oneCol table {
	width: 460px;
}
.oneCol table a {
	color: #3d5c66;
}
.oneCol table tr {
	
}
.oneCol table td {
	min-height: 60px;
	padding: 5px 0;
	vertical-align: middle;
}
.oneCol table td.checkbox {
	width: 27px;
	padding-left: 3px;
}
.oneCol table td.avatar {
	width: 48px;
	overflow: hidden;
}
.oneCol table td.avatar img {
	display: block;
}
.oneCol table td.name {
	width: 170px;
	padding-right: 10px;
	padding-left: 10px;
}
.oneCol table td.interests {
	width: 185px;
	padding-right: 10px;
	color: #4d4d4d;
}
.labelLeft label {
	width: 110px;
	padding-top: 3px;
	margin-left: -115px;
	float: left;
	display: inline;
}
.alignRight label {
	text-align: right;
}
label.checkbox,
.labelLeft label.checkbox {
	height: 1%;
	padding-top: 0;
	margin-left: 0;
	margin-bottom: 10px;
	float: none;	
}
textarea {
	padding:2px 0 0 2px;
	color: #4d4d4d;
	border: 1px solid #bfbfbf;
}
input.text {
	height: 19px;
	padding: 2px;
	color: #4d4d4d;
	border: 1px solid #bfbfbf;	
}
.colRight fieldset {
	padding: 0;
}
.colRight input.text {
	width: 170px;
}
fieldset.searchInline {
	height: 20px;	
	padding: 2px 0 0 2px;
	position: relative;
	border: 1px solid #bfbfbf;
}
.colRight fieldset.searchInline {
	background-color: #fff;
	height: 19px;
	width: 160px;
	padding: 2px 5px 0 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.searchInline label {
	position: absolute;
	left: -999em;
}
.searchInline input.text {
	width: 140px;
	height: 15px;
	padding: 0;
	margin: 0;
	border: 0 none;
}
.searchInline input {
	display: inline;
	vertical-align: top;
}
#suTip {	
	padding-left: 8px;
	background: #FFFFFF url(http://cdn.stumble-upon.com/i/forms/pointerLeftGray.gif) no-repeat scroll 0 50%;
}
.messageForm {
	width:281px;
	padding-left: 8px;
	display: none;
	background:#FFFFFF url(http://cdn.stumble-upon.com/i/forms/pointerLeftGray.gif) no-repeat scroll 0 9px;	
}
.messageForm div,
#suTip div {
	min-height:18px;
	padding:3px 15px 2px;
	font-size: 12px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 2px solid #E2E2E2;		
}
.messageError div,
label.error,
.error {
	color: #BD1A00;
}
#globalJsErrors p {
	margin-bottom: 0;
}
.oneCol #errorPanel {
	padding-left: 20px;
	margin-right: 10px;
}
#submitErrorMessage {
	min-height:25px;
	font-size: 13px;	
	color: #BD1A00;
}

/*Signup pages*/
#formSignup .labelLeft input.text {

}
#formSignup .labelLeft .wrapperInput {
	padding-left: 225px;
}
#formSignup .labelLeft label {
	width: 215px;
	margin-left: -225px;
}
#formSignup .labelLeft label.checkbox,
#formSignup .labelLeft .submit {
	margin-left: 0;
}
/* Sign-up page styles */
.fbWelcome {
	padding-left: 120px;
}
.fbWelcome .img {
	padding: 2px;
	margin-left: -120px;
	float: left;
	border: 1px solid #ccc;
}
#signupCols {
	
}
#signupCols .colForm {
	width: 65%;
	border-right: 2px solid #e3f0f9;
}
#signupCols .colPromo {
	width: 30%;
	padding-left: 20px;
}
#signupCols .colPromo img {
	margin-bottom: 5px;
	display: block;
}
#signupCols .colPromo p {
	margin-bottom: 19px;
}
#signupCols .colPromo h4 {
	margin-bottom: 10px;
	font-size: 17px;
}
#signupForm fieldset,
.newForm fieldset {
	padding: 0;
}
#signupForm .wrapperInput,
.newForm .wrapperInput {
	margin-bottom: 5px;
}
#signupForm .labelLeft label,
.newForm .labelLeft label {
	padding-top: 6px;
	text-align: right;	
	font-size: 12px;
}
#signupForm div.error label,
.newForm div.error label,
.newForm .errorNoMess label {
	color: #BD1A00 !important;
}
#signupForm div.error input.text,
.newForm div.error input.text,
.newForm .errorNoMess input.text {	
	width: 187px;
	padding-right: 25px;
	border-color: #BD1A00;
	background: #fff url(http://cdn.stumble-upon.com/i/forms/formSymbol.gif) no-repeat 99% 1px;
}
.newForm .error .wrapperErrors .hidden {
	display: block !important;
}
#signupForm .success input.text {
	width: 187px;
	padding-right: 25px;
	border-color: #007934;	
	background: #fff url(http://cdn.stumble-upon.com/i/forms/formSymbol.gif) no-repeat 99% -29px;
}
#signupForm .wrapperErrors,
.newForm .wrapperErrors {
	height: 20px;
	padding: 2px 0 0 2px;
	color: #BD1A00;
	font-size: 12px;
	line-height: 15px;
}
#signupForm .wrapperErrors a {
	font-weight: bold;
	font-size: 13px;
}
#signupForm .wrapperErrors a:hover {
	text-decoration: underline;
}
.msgChecking {
	color: #333 !important;
	padding-left: 20px;
	/*display: block;*/
	background: #fff url(http://cdn.stumble-upon.com/i/assets/loader_su.gif) no-repeat 0 50%;
}
#signupForm .wrapperErrors .open {
	display: block;
}
#signupForm .default .inputTip {
	display: block;
}
#signupForm .textError {
	color:#DD1F26 !important;
}
#signupForm .btnWrap {
	width: 160px;
	padding-top: 9px;
	float: left;
	display: inline;
}
#signupForm .submit {
	margin-bottom: 15px;
}
#signupForm .btnWrap .btnGreen {
	padding: 3px 20px;
	font-size: 16px;
}
#signupForm select {
	margin-top: 3px;
}
#signupForm .select span {
	padding: 0 2px;
	display: inline-block;
	border: 2px solid #fff;
}
#signupForm .select .error {		
	/*background-color: #BD1A00;*/
	border-color: #BD1A00;
}
#signupForm label.checkbox input {
	margin-top: 8px;
}
#signupForm input.text,
.newForm input.text {
	width: 210px;
	padding: 2px;
	vertical-align: middle;
	border-width: 2px;
}
#signupForm .focus input.text {
	border-color: #757575;
}
.newForm .labelLeft .wrapperInput {
	padding-left: 180px;
}
.newForm .labelLeft label {
	width: 170px;
	padding-top: 5px;
	margin-left:-180px;
}
.newForm legend {
	padding: 0 10px;
	margin-left: 35px;
	font-size: 15px;
	font-weight: bold;
}
.newForm textarea {
	border: 2px solid #BFBFBF;
}
#contactmanager.newForm .wrapperInput {
	padding-left: 100px;
}
#contactmanager.newForm #importlogin label {
	width: 90px;
	margin-left:-100px;
}
/*search results headerControls*/
#searchForm fieldset {
	padding: 0 0 0 80px;
	margin: 0;
}
#searchForm ul.headerControls {
	margin-left: -80px;
	position: relative;
}
#searchForm ul.headerControls li,
#searchForm ul.headerControls li.first {
	padding: 0;
	margin: 0;
}
#searchForm ul.headerControls h1 {
	width: 80px;
	min-width: 30px;
	padding: 0;
	margin: 0;
	line-height: 20px;
}
#searchForm ul.headerControls .textInline {
	padding: 0 3px;
}
#searchForm ul.headerControls .btnYellow {
	width: auto;
	padding: 1px 4px;
	margin-left: 15px;
	font-size: 14px;
}
#searchForm ul.headerControls input.text {
	width: 200px;
}
fieldset.submitSite {
	width: 690px;
	padding: 0;
}
fieldset.submitSite label {
	font-weight: bold;
	text-align: right;
}
fieldset.submitSite label span {
	font-weight: normal;
	color: #b5b5b5;
	font-size: 90%;
}
fieldset.submitSite label.checkbox {
	font-weight: normal;
	text-align: left;
}
fieldset.submitSite input.text {
	width: 100%;
	color: #b0b0b0;
}
fieldset.submitSite textarea {
	height: 70px;
	width: 100%;
	color: #b0b0b0;
}
/* @group friends invite */
.friends_invite #content fieldset {
	width: 650px;
	padding-top: 15px;	
}
/* @end */
/* @group Form Buttons */
.colMain form .btnYellow {
	padding: 3px 20px;
	font-size: 16px;	
}
/* @end */

/* @end */
/* @group pagination */
ul.modulePagination {
	margin: 10px 0 20px 0;
}
.modulePagination li {	
	margin-right: 5px;
	float: left;
	display: inline;	
	text-align: center;
}
.modulePagination a {
	min-height: 22px;
	min-width: 10px;
	padding: 0 8px;
	display: block;
	line-height: 22px;
	color: #206ba4;
	border: 1px solid #54a4de;
}
.modulePagination li.current a {
	color: #fff;
	border-color: #aad2ef;
	background-color: #206ba4;
}

/* @end */
/* @group facebook-connect */
.FBConnectButton_Large {
	margin-bottom: 15px;
}
/* @end */
/* @group Page Specific */
/* @group Static TB DL */
/*Static Toolbar download*/
#content.downloadBar .btnYellow,
#content.downloadBar .btnGreen {
	padding: 7px 12px;
	margin-bottom: 20px;
	font-size: 20px;
	text-align: center;
}
#content.downloadBar strong {
	font-size: 15px;	
}
#content.downloadBar ul.disc {
	font-size: 13px;
}
#content.downloadBar ul.disc li {
	margin-bottom: 5px;
}
#content.downloadBar .colThree {
	margin-bottom: 20px;
}
#content.downloadBar .colThree .col {
	width: 200px;
	height: 330px;
	padding: 0 40px;
}
#content.downloadBar .colThree .col.first {
	width: 200px;
	padding: 0 40px 0 0;
}
#content.downloadBar .colThree .col.last {
	width: 200px;
	padding: 0 0 0 40px;
}

/* @end */

/*Login*/
.login .btnYellow,
.login .btnGreen {
	padding: 3px 14px;
	font-size: 16px;
}
/*Download_autostart*/
.download_autostart .hasColRight .colMain {
	width: 780px;
	margin-right: 0;
}
/*Stumblers Mayknow*/
.stumblers .moduleFacebookConnect {
	margin-left: 45px;
}
.stumblers .moduleFacebookConnect h3,
.stumblers .moduleFacebookConnect p {
	color: #808080;
}
/* @group Buttons Page */
/*Buttons Page*/
.buttonSlider {
	height: 400px;
}
#slide1.colThree .col {
	width: 240px;
}
.buttonSlider h4 {
	margin-bottom: 15px;
	font-size: 22px;
}
.gridButton li {
	height: 40px;
	width: 65px;	
	float: left;	
}
.gridButton li label {
	height: 40px;
	width: 65px;	
	display: block;
	background-color: transparent;
	background-position: 23px 50%;
	background-repeat: no-repeat;
}
.gridButton li input {
	margin-top: 13px;
	vertical-align: top;	
}
.gridButton.badges li {
	width: 200px;
	height: 60px;
	float: none;
}
.gridButton.badges li label {
	width: 150px;
	height: 60px;
	padding-left: 50px;
	line-height: 29px;
}
.gridButton.badges li input {
	margin-top: 23px;
	margin-left: -47px;
	float: left;	
}
.gridButton.blogs li {
	width: 200px;
	height: 40px;
	float: none;
}
.gridButton.blogs li label {
	width: 150px;
	height: 40px;
	padding-left: 50px;
	line-height: 38px;
}
.gridButton.blogs li input {
	margin-top: 14px;
	margin-left: -47px;
	float: left;	
}
#optBlog,
#getCode {
	display: none;	
}
#getCode {
	height: 140px;
	margin-bottom: 20px;
}
#help {
	line-height: 22px;
}
#help h3 {
	margin-bottom: 10px;
}
#getCode li {
	min-height: 70px;
	min-width: 25px;
	padding: 0 10px;
	float: left;
	line-height: 68px;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: 50% 50%;
}
#getCode #selBtn,
#getCode #blogTypeImg,
#getCode .codeArea textarea {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #808080;
}
#getCode #selBtn {
	width: 70px;
	background-position: 10px 50%;
}
#getCode #blogTypeImg {
	padding-left: 35px;
	font-weight: bold;
	background-position: 10px 50%;
}
#getCode .symbol {
	font-size: 40px;
	line-height: 63px;
	text-align: center;
	color: #808080;
}
#getCode .codeArea {
	padding-left: 0;
	line-height: 17px;
}
#getCode .codeArea textarea {
	width: 350px; 
	height: 67px;
	margin-bottom: 5px;
}
#getCode .codeArea input {
	border: 1px solid #808080;
}
#getCode .codeArea #urlCustom {
	padding-top: 5px;
}
#getCode .codeArea #urlCustom input {
	width: 348px;
}
#getCode .codeArea label {
	line-height: 20px;
	display: inline;
}
#getCode .codeArea .btnWhite {
	padding-top: 4px;
	padding-bottom: 4px;
}
/*end buttons page*/

/* @end */
/* @group refer page */
/*refer page*/
.refer .colTwo {
	margin-bottom: 25px;
}
.refer #content p {
	line-height: 20px;
}
.refer .col p a {
	text-decoration: underline;
}
.refer .col .btnGreen {
	padding: 10px 20px;
	margin-right: 10px;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	vertical-align: middle;
}

/*end refer page*/

/* @end */
/* @group badge share , share site */
.shareBadge #wrapper {
	width: 425px;
}
.shareBadge #wrapperHeader {
	height: 35px;
}
.shareBadge #header {
	min-width: 425px;
	width: 425px;
	height: 35px;
}
.shareBadge #header #logoSmall {
	left: 15px;
	top: 8px;
}
.shareBadge #wrapperNav {
	min-height: 3px;
}
.shareBadge #content {
	min-width: 425px;
	width: 425px;
	height: 320px;
	padding: 0;
}
.shareBadge #content .viewport,
.siteShare #content .viewport {
	width: 425px;
	height: 320px;	
	position: relative;
	font-size: 12px;
	overflow: hidden;
}
.siteShare #content .viewport {
	width: 550px;
	height: 520px;
	
}
.shareBadge #formStumble {
	padding: 20px 15px;
	border-bottom: 1px solid #C2E2E2;
}
.shareBadge #formStumble li,
.siteShare #formStumble li {
	float: left;
}
.shareBadge #formStumble li.liStumble,
.siteShare #formStumble li.liStumble {
	padding-top: 9px;
	margin-right: 12px;
}
.shareBadge .stumble,
.siteShare .stumble {
	padding: 5px 25px;
	margin-right: 10px;
	font-size:16px;
}
.shareBadge .section,
.siteShare .section {
	width: 425px;
	height: 320px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	z-index: 10;
}
.siteShare .section {
	width: 550px;
	height: 525px;
}
.shareBadge .msgConfirm,
.siteShare .msgConfirm {
	width: 400px;
	position: absolute;
	top: 120px;
	left: 0;
	text-align: center;
}
.siteShare .msgConfirm { 
	width: 550px;
}
.shareBadge .section .box {
	padding: 20px 15px;
}
.siteShare .section .box {
	padding: 15px 0 0 0;
}
.shareBadge .section #sendForm,
.siteShare .section #sendForm {
	padding-top: 0px;
}
.shareBadge .wrapperErrors,
.siteShare .wrapperErrors {
	min-height: 25px;
}
.shareBadge p.error,
.siteShare p.error {
	margin-bottom: 0;
	line-height: 22px;
}
.shareBadge #content2,
.shareBadge #content3 {
	left: 450px;
	z-index: 400;
}
.siteShare #content2,
.siteShare #content3 {
	left: 550px;
	z-index: 400;
}
.shareBadge .borderBottom,
.siteShare .borderBottom {
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #C2E2E2;
}
.shareBadge .fbLinks li,
.siteShare .fbLinks li {
	margin-right: 10px;
}
.shareBadge label,
.siteShare label  {
	display: block;
}
.shareBadge fieldset,
.siteShare fieldset {
	padding: 0;
}
.shareBadge h5,
.siteShare h5 {
	margin-bottom: 5px;
}
.shareBadge .linkViews,
.siteShare .linkViews {
	width: 85px;
	float: right;
	font-size: 11px;
	text-align: right;
}
.shareBadge .linkViews li,
.siteShare .linkViews li {
	margin-bottom: 7px;
}
.shareBadge .linkViews a,
.siteShare .linkViews a {
	text-decoration: underline;
}
.shareBadge .listUserThumb,
.siteShare .listUserThumb {
	width: 300px;
	height: 40px;
	margin-bottom: 30px;
	overflow: hidden;
	white-space: nowrap;
}
.shareBadge .listUserThumb li,
.siteShare .listUserThumb li {
	height: 40px;
	width: 40px;
	margin-right: 9px;
	float: left;	
}
.shareBadge #msgFirst,
.siteShare #msgFirst {
	width: 150px;
	white-space: normal;
}
.shareBadge .listUserThumb li.last,
.siteShare .listUserThumb li.last {
	/*margin-right: 0;*/
}
.shareBadge .listUserThumb li a,
.siteShare .listUserThumb li a {
	height: 40px;
	width: 40px;
	display: block;
	background-position: 50% 50%;
}
.shareBadge .listUserThumb #selfThumb,
.siteShare .listUserThumb #selfThumb {	
	margin-left: -49px;
	opacity: 0;
}
.shareBadge .listUserThumb #selfThumb.active,
.siteShare .listUserThumb #selfThumb.active {
	margin-left: 0;
	opacity: 1.0;
}
.shareBadge .action {
	float: right;
	font-size: 12px;
}
.siteShare .action {
	margin-right: 170px;
	float: right;
	font-size: 14px;
}
.shareBadge .text {
	width: 370px;
}
.siteShare .text {
	width: 370px;
}
.shareBadge #loginForm .text,
.siteShare #loginForm .text {
	width: auto;
}
.shareBadge #login-submit,
.siteShare #login-submit {
	margin-bottom: 15px;
}

/* @end */
/* @end */
/* @group Panel */
#inflator {
	height: 260px;
	display: none;
}
#wrapperPanel {
	height: 259px;
	width: 100%;	
	margin-top: -260px;
	z-index: 999;
	position: fixed;
	overflow: hidden;
	background-color: #FFFFFF;
	border-bottom: 1px solid #000;
}
#wrapperPanel .panel {
	max-width: 940px;
	min-width: 720px;
	padding-right: 40px;
	margin: 0 auto;
}
#wrapperPanel h2 {
	
}
#wrapperPanel iframe {
	width: 100%; 
	height: 259px; 
	border: 0 none;
	overflow-x: auto;
	overflow-y: hidden;
}
#wrapperPanel .close {
	padding: 0 16px;
	position: absolute;
	top: 5px;
	right: 5px;
	text-indent: -999em;
	line-height: 20px;
	background: #fff url(http://cdn.stumble-upon.com/i/panel_close.gif) no-repeat 50% 50%;
}

/* @group panelForm */
#masterPanel #panelContent {
	height: 180px;
	overflow: hidden;
}
#panelContent #formSignup {
	
}
#panelContent #formSignup fieldset {
	width: 450px;
	float: left;
	display: inline;
}
#panelContent #formSignup .labelLeft label.checkbox, 
#panelContent #formSignup .labelLeft .submit {
	margin-left: -225px;
}

/* @end */

/* @group Admin */

#wrapperAdminPanel {
	background-color: #e7e4d3;
	border-bottom: 1px solid #948b6e;
        overflow: hidden;
	position: relative;
}

#adminRatingStar ul.star {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 85px;
  height: 20px;
  left: 15px;
  top: -5px;
  position: relative;
  float: left;
  background: url('http://nofunc.org/media/stars.gif') repeat-x;
  background-position: 0px -25px;
  cursor: pointer;
}
#adminRatingStar li {
  padding: 0;
  margin: 0;
  float: left;
  display: block;
  width: 85px;
  height: 20px;
  text-decoration: none;
  text-indent: -9000px;
  z-index: 80;
  position: absolute;
  padding: 0;
}
#adminRatingStar li.curr {
  background: url('http://nofunc.org/media/stars.gif') left 25px;
  font-size: 1px;
}
#adminRatingStar div.user {
  left: 15px;
  position: relative;
  float: left;
  font-size: 13px;
  font-family: Arial;
  color: #888;
}
#adminRatingStar {
  width: 280px;
}
#adminTab {
  cursor: pointer;
  border: none;
  padding: 5px;
  height: 8px;
  width: 30px;
  text-align: center;
  position: absolute;
  border: 1px solid #948b6e;
  border-top: none;
  background-color: #E7E4D3;
  top: 3px;
  color: black;
  left: 10px;
  z-index: 10;
}
#adminTab.hide {
  z-index: 0;
}
#wrapperAdminPanel.closed {
       height: 3px;
}

#wrapperAdminPanel #adminPanel {
		border: 0;
		background-color: #e7e4d3;
	}

#wrapperAdminPanel #toggleBar {
	height: 3px;
	width: 100%;
}

#masterPanel.adminPanel {
	background-color: #f9f8f3;
}

#adminContent {
	margin: 0 auto;
	padding: 10px;
	max-width: 980px;
	min-width: 930px;
}

#adminContent .box {
	float: right;
	margin-right: 10px;
	width: 300px;
}

#adminContent h4 {
	font-size: 1em;
	margin-bottom: 10px;
}

#adminContent fieldset {
	padding: 0;
	font-size: 10px;
}

#adminContent .wrapperInput label
{
	width: 100px;
	font-weight: bold;
	float: left;
}

#adminContent #confirm {
	background-color: #FFE8F3;
	padding: 10px;
}

#adminContent ul.inline {
	margin-left: 100px;
	font-size: 1em;
}

#adminContent ul.inline li {
	margin-right: 20px;
}

#adminContent dl {
	font-size: 1em;
	width: 300px;
}

#adminContent dl dt {
	float: left;
	display: inline-block;
	margin-right: 10px;
	font-size: 1em;
	width: 100px;
}

#masterPanel.adminPanel a {
	color: #948b6e;
}

ul.adminNav {
	height: 3px;
	margin: 0 auto;
	margin-top: 5px;
	max-width: 980px;
	min-width: 720px;
}

ul.adminNav li {
	float: right;
	display: block;
	height: 25px;
	margin-left: 0px;
}

ul.adminNav li a {
	height: 25px;
	margin-left: 20px;
	color: #948b6e;
	text-decoration: none;
	display: block;
	padding: 5px 10px;;
}

ul.adminNav li a:hover {
	color: #67614c;
}

ul.adminNav li a.selected {
	background-color: #F9F8F3;
}

/* @end */

/* @group share */
#wrapperShare {
	width: 100%;
	height: 100%;	
}
#wrapperShare h3 {
	margin: 0 0 10px;
	padding: 0 0 10px;
	font-size: 20px;
	line-height: 30px;
	border-bottom: 2px solid #d7d7d7;
}
#wrapperShare .title {
	color: #507E9B;
	font-size: 100%;
	font-weight: normal;
}
#spWrapper #importlogin .wrapperInput label {
	text-align: right;
}
/* Refactor! Legacy styles!!!
------------------------------------------------------------------*/

#masterPanel {
	background-color: #FFF;
	overflow: hidden;
}

#spWrapper div.postTo {
	width: 222px;
	padding: 5px 3px 3px 5px;;
	background-color: #D9E4F0;
	color: #3B5998;
    font-size: 1.0em;
	font-weight: bold;
}

#importList, #contactList, #intsList {
	/*width: 95%;*/
	height: 100px;
	overflow-x: hidden; 
	overflow-y: auto;
	border: 1px solid #808080;
}
#importList {
	width: 500px;
}
#spWrapper {
	display: block;
	height: 100%;
	width: 925px;	
}
#spWrapper .col {
	margin: 10px 15px 0 0;
	float: left;
	display: inline;
}
#spWrapper #col1,
#spWrapper #sharethis {
	width: 300px;
	overflow: hidden;
}
#spWrapper .addmore {
	background-color: #262626;
}
#importList label, 
#contactList label, 
#intsList label {
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#wrapperShare #importList label {

}
#wrapperShare #importList label input {
	
}
#wrapperShare #importList label span {
	float: none;
}
#spWrapper #title {
	width: 220px;
	padding-top: 10px;
}
#shareform {	
	/*width: 400px;*/
}
#contactmanager {
	/*width: 500px;*/
}
#importcol {
	width: 140px;
}
#contactList {
	width: 500px;
}
#spWrapper #msg {
	width:  500px;
}
#contactList, #importList {	
	height: 122px;
	padding: 5px;
}
#spWrapper #importlogin .nolabel {
	padding-left: 66px;
}

#spWrapper #importlogin .wrapperInput input.txt {
	width: 185px;
}

#contactList li {
	float: left;
	width: 116px;
	margin-right: 5px;
	height: 33px;
	margin-bottom: 5px;
	border: 1px solid transparent;
	cursor: default;
}

#contactList li * {
	cursor: default;
}

#contactList li div.checkbox {
	display: block;
	height: 15px;
	width: 75px;
	margin-left: 5px;
	margin-top: 8px;
	float: left;
}

#contactList li.checked {
	border: 1px solid #cccccc;
	background-image: url('http://cdn.stumble-upon.com/i/panel_check.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#contactList li.hover {
	background-color: #e6e6e6;
	color: #206ba4;
}

#contactList li div.checkbox input {
	left: -9999px;
	position: absolute;
}

#contactList li img {
	height: 32px;
	width: 32px;
	float: left;
}

#spWrapper input.txt,
#spWrapper textarea.txt {
	display: block;
	width: 97%;
	border: 1px solid #808080;
	background-color: white;
	color: #4D4D4D;
	font-size: 1.1em;
	line-height: 1em;
	margin: 5px 0;
	padding: 2px;	
}
#spWrapper textarea#msg {
	padding: 5px;
	margin-bottom: 1px;
}
#spWrapper #importcol a img {
	border: 1px solid #D4D4D4;
	margin-bottom: 5px;
}
#spWrapper div.charinfo {
	font-size: .8em;
	text-align: right;
	margin-bottom: 10px;
}
#spWrapper input#SelectAll {
	margin: 0 5px 0 0;
}
#spWrapper #imports {
	display: none;
}
#spWrapper div.addContacts {
	margin: 0 0 10px 0;
}
#spWrapper div.box {
	margin: 0 10px 0 10px;
}

#spWrapper div.box div.postTo a {
	cursor: pointer;
	text-decoration: none !important;
}

#spWrapper form#shareForm
{
	
}

#spWrapper #sendForm div.info {
	overflow: hidden;
}

#spWrapper #sendForm div.info img {
	float: left;
	margin: 1px 5px 5px 0;
}

#spWrapper div#importmanual
{
	display: none;
}	

#spWrapper div.success
{
	padding: 10px;
}

#spWrapper div.success h2
{
	color: #00FF00;
	font-size: 1em;
}

#spWrapper div.errors
{
	padding-top: 0;
	color: #FF0000;
}

ul.errors {
	color: #FF0000;
	list-style: none;
}

ul.errors li {
	margin-bottom: 5px;
}




/* SHARE MESSAGES */

ul#shareMsgs {
	padding: 0;
	margin: 0;
	height: 250px;
	border: 1px solid #808080;
	overflow: hidden;
}

ul#shareMsgs li {
	padding: 10px;
	line-height: 15px;
	border-bottom: 1px dotted #222222;
}

ul#shareMsgs li.current {
	background-color: #444444;
}

ul#shareMsgs li.current a {
	color: #206BA4 !important;
}

ul#shareMsgs li img {
	float: left;
	width: 30px;
	height: 30px;
	margin: 0 10px 0 0;
}

ul#shareMsgs li.msgPad {
	height: 500px;
}

ul#shareMsgs li.a {
	text-decoration: none;
}

.arrows {
	text-align: right;
}

.arrows div {
	display: inline-block;
	width: 22px;
	height: 21px;
	text-decoration: none !important;
	font-size: 2em;
	color: #1A1A1A !important;
	font-weight: bold;
	background-repeat: no-repeat;
	cursor: pointer;
}

#scrollup {
	background-image: url('/images/side_arrow_up.gif');
}

#scrolldown {
	background-image: url('/images/side_arrow_down.gif');
}


/* @end */
/* @end */
/* @group Move or Refactor */
/* to move / refactor
-------------------------------------------------*/
/*Static page styles*/
.contentWrapper #wrapper {
	padding: 0;
}
.wrapperFlex {
	width: 980px !important;
}



#captcha {
	width: 400px;
}
#captcha #recaptcha_image {
	padding:4px 0 0 2px;
	margin-bottom: 10px;
	/*border:1px solid #BFBFBF !important;*/
	color:#4D4D4D;	
	font-size: 12px;
}
#captcha #recaptcha_response_field {
	width: 210px;
	margin-bottom: 10px;
}

#captcha #btnCaptcha {
	font-size: 16px;
}

#captcha #recaptcha_image {
	margin-right: 5px;
}


/*tbHelp*/
.tbHelp {
}
.tbHelp .stumbleImageWrapper {
	padding-top: 5px;
}
.tbHelp .stumbleImageBG {
	height: 123px;
	width: 100%;	
	background: transparent url(http://cdn.stumble-upon.com/i/assets/header_interest_after_bg.gif) repeat-x 0 0;	
}
.tbHelp .stumbleImage {
	height: 123px;
	width: 600px;
	padding: 0;		
	background: #fff url(http://cdn.stumble-upon.com/i/assets/header_interest_after_1.gif) no-repeat 0 0;	
}
.tbHelp p {
	font-size: 1.2em;
}
.tbHelp h2 {
	color: #4CBC00;
}
.tbHelp .btnGreen {
	font-size: 16px;
}
/*loginForm*/
#loginForm .labelLeft label {
	text-align: right;
}
#loginForm .labelLeft input.text {
	width: 185px;
}
#loginForm .textError {
	color:#DD1F26 !important;
}
.fieldLabel {
	margin: 10px 0 0 0;
	padding: 0 0 3px 0;
	font-size: 12px;
}
.sign_up .pdgTop {
	padding-top: 10px;
}
.sign_up .btnYellow {
	padding-top: 7px;
	padding-bottom: 7px;	
}

/* Manage Interests */

#listCats {
	float: left;
	width: 140px;
}

#listCats ul li {
	line-height: 22px;
	padding-left: 5px;
}

#listCats ul li.current {
	background-color: #fefae9;
}

#listTopics {
	float: left;
	background-color: #fefae9;
	min-height: 350px;
	padding: 10px;
}

/* Discover page List topics in box */
.box ul.listTopics li {
	margin-bottom: 5px;
}
/* to move */
div.discoverer {
	margin-top: 5px;
}
div.discoverer a {
	/*font-weight: bold;*/
}
div.discoverer .img {
	float: left;
	display: inline;
}
div.discoverer .img a {
	height: 64px;
	width: 64px;
	display: block;
	margin-right: 5px;
	text-indent: -999em;
}
div.discoverer p {
	margin-bottom: 0;
	line-height: 18px;
}

div.listGroups dl,
ul.listLikes li {	
	float: left;
	width: 150px;
	margin-bottom: 5px;
}
div.listGroups dl {
	min-height: 115px;
}
ul.listLikes li {
	min-height: 30px;
}
div.listGroups,
ul.listLikes,
div.userImage {
	margin-bottom: 20px;
}

div.userAbout {
	margin-top: 10px;
}

#listThemes .theme {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 1px;
}

#listThemes .checked {
	margin-top: -2px;
	width: 25px;
	height: 25px;
}

#listThemes .theme a {
	display: block;
	height: 100%;
	width: 100%;
}

#listThemes .theme input {
	left: -9999px;
	position: absolute;
}

/* blog reset styles */
.reviews ul.listStumble li p.review ul {
	list-style: disc inside none !important;
}


/* firefox install modal dialog class */

#fadeout {
  background-color: #000;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  display: none;
}

#ff-install-helper {
  font-size:1.4em;
  display: none;
  color:#4D4D4D;
  font-family:sans-serif;
  width:23em;
  position:fixed;
  top:0;
  right:0;
  z-index:100;
  -moz-border-radius:10px;
  background-color:#fff;
  padding-bottom:1.3em;
}

#ff-install-helper #close-button {
  float:right;
  margin:0.3em;
  margin-top:0.2em;
  cursor:pointer;
}

#ff-install-helper h2 {
  color: #333;
  margin-top:0px;
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
  background-color:#999;
  padding: 0.2em 0.5em;
}
#ff-install-helper h2 .iconArrow24 {
  float: right;
  margin-right: 20px;
}

#ff-install-helper ol {
  width:17em;
  margin:auto;
}

/* Custom class for GetSatisfaction widget */
#fdbk_iframe {
	border: 0;
}
/* @end */
/* @group Message Agent */
.masterAgent .su-drop-down-panel {
	width: 100%;
	height: 77px;	
	background-color: #fff;
}
.masterAgent .su-drop-down-panel h1 {
	font-size: 17px;
	color: #808080;
}
.masterAgent .su-drop-down-panel .borderRight {
	border-width: 2px;
	border-color: #d2d2d2;
}
.masterAgent .su-drop-down-panel-left {
	float: left;
	border-right: 1px dotted #aaa;
	width: 200px;
}
.masterAgent .su-drop-down-panel-right {
	margin: 0 0 0 200px;
}
.masterAgent #wrapperContent {
	min-height: 0;
}
.masterAgent #content {
	padding: 0;
	margin: 0;
}
.masterAgent .arrowUp {
	height: 70px;
	padding-left: 60px;
	background: #fff url(http://cdn.stumble-upon.com/i/toolbar/arrowUpMsgAgent.gif) no-repeat 0 2px;
}
.masterAgent .arrowUp h1 {
	padding-top: 43px;
	margin-bottom: 0;
	font-size: 17px;
	color: #808080;
}
.masterAgent .thumbUp {
	height: 70px;
	padding-left: 62px;
	background: #fff url(http://cdn.stumble-upon.com/i/toolbar/thumbUpMsgAgent.gif) no-repeat 25px 23px;
}
.masterAgent .thumbUp p {
	padding-top: 26px;
	font-size: 13px;
	color: #808080;
}

/* @end */
/* @group tag cloud */
div.tagcloud {
	overflow: hidden;
}
div.tagcloud h2 {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom:1px solid #e0e0e0;
}
div.tagcloud ul {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0; 
}
div.tagcloud li {
	display: inline;
}
div.tagcloud li a {
 	padding-right: 10px;
	white-space: nowrap;
}
/* @end */

/* @group tabSlider */
#tabSliderTabs.tabs{
	height: 32px;
	padding-left: 5px;
	margin-bottom: 20px;
	border-color: #808080;	
}
#tabSliderTabs.tabs a  {
	font-weight: bold;
	font-size: 12px;
	padding: 9px 10px 5px 34px;
	opacity: .5;
	border-color: #808080;
	background: #ddd url(http://cdn.stumble-upon.com/i/bg/bgSlideTab.gif) no-repeat 4px 4px;
}
#tabSliderTabs.tabs a#step2 {
	background-position: 4px -45px;
}
#tabSliderTabs.tabs a#step3 {
	background-position: 4px -98px;
}
#tabSliderTabs.tabs .active a {
	padding-top: 10px;
	opacity: 1;
	background-color: #fff;
}
#sliderPane {
	height: 450px;
	width: 800px;
	overflow: hidden;
	position: relative;
}
.sliderWindow{
	width: 2400px;
	height: 400px;
}
.buttonSlider {
	width: 800px;
	float: left;
}
/* @end */
/* @group suWindow */
#suWindow,
#suCaptchaWindow {
	padding: 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 5px solid #bfbfbf;
	background-color: #fff;	
}
.suWindowHiddenContent {
	position: absolute;
	left: -999em;
	top: 0;
}
#suCaptchaWindow h1 {
	margin-bottom: 15px;
}
#suCaptchaWindow input.text {
	margin: 10px 0;
}
#fbc_inside_captcha {
	padding: 10px 10px 15px;	
	margin-bottom: 15px;
	background-color: #fffdf5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #fffdf5;
}
#fbc_inside_captcha strong {
	padding-left: 5px;
	font-size: 12px;
}
#fbc_inside_captcha label {
	padding: 5px 0 0;
	margin-bottom: 0;
	display: block;
}
#suCaptchaWindow #rcf_fieldlabel {
	/*margin-left: -10px;
	font-weight: bold;*/
	font-size: 11px;
}
#suBoxClose  {
	width:25px;
	height:25px;
	position:absolute;
	bottom:0;
	right:0;
	text-indent:-9999px;
	background: transparent url("http://cdn.stumble-upon.com/i/assets/controls.png") no-repeat -25px 0;
}	
#suBoxClose:hover {
	background-position: -25px -25px;
}
/* @end */
/* @group category select */
.choose_topics fieldset {
	padding: 5px 0;
}
#topicsFilter {
	padding-left: 160px;
}
#topicsFilter .wrapperInput {
	height: 19px;
	width: 200px;
	padding: 2px;
	color: #4D4D4D;
	border: 2px solid #BFBFBF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#topicsFilter label {
	width: 160px;
	margin-left: -160px;
	font-size: 14px;
	font-weight: bold;
	color: #606060;
}
#topicsFilter input {
	height: 19px;
	width: 180px;
	padding:0;
	border: 0 none;
}
#topicsFilter .cancel {
	height: 20px;
	width: 20px;
	padding: 0;
	display: inline-block;
	text-indent: -999em;
	cursor: auto;
	opacity: 0.5;
	background: url(http://cdn.stumble-upon.com/i/panel_close.gif) no-repeat 0 -1px;
}
.modeFilter #topicsFilter .cancel {
	cursor: pointer;
	opacity: 1.0;
}
#wrapperCategory {
	width: 750px;
	padding-left:160px;
	margin-bottom:10px;
}
#categories {
	width:160px;
	margin-left:-160px;
	display:inline;
	float:left;
}
.modeFilter #categories {
	opacity: 0.4;
	background-color: #DCE9F5;
}
#wrapperCategory #topicsList {
	width: 390px;
	min-height: 340px;
	padding: 5px 7px;
	overflow: hidden;
	float: left;
	background-color:#DCE9F5;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
#topicsList li {
	width: 200px;
	height: 22px;
	position: relative;
}
#wrapperCategory li.col2 {
	margin-left: 210px;
}
#wrapperCategory li.col3 {
	margin-left: 420px;
}
#categories a {
	padding-left: 10px;	
	display: block;
	line-height: 22px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
#categories a:hover {
	text-decoration:none;
	background-color:#ECF3F9;
}
#categories .current a,
#categories .active a {
	background-color:#DCE9F5;
	
}
#categories #selectedTopic span {
	padding:0 7px;
	font-weight:bold;
	border:1px solid #DCE9F5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#DCE9F5;
}
#categories .current #selectedTopic span {
	background-color:#fff;
}
#wrapperTopicSubmitBtn {
	margin-left: 160px;
} 
#wrapperTopicSubmitBtn .btnGreen {
	padding: 3px 13px;
	font-size: 22px;
}
#topicsSuggested {
	width: 200px;
	padding: 3px;
	margin-left: 5px;
	float: left;
	border: 2px solid #DCE9F5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#topicsSuggested h4 {
	padding: 5px 18px;
	margin-bottom: 0;
	color: #267fb3;
	font-size: 13px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #DCE9F5;
	border: 2px solid #DCE9F5;
}
#topicsSuggested ul {
		
}
#topicsSuggested li {
	margin: 10px 0 10px 15px;
}
/*mini topic selector*/
#interestsForm.mini fieldset {
	padding-left: 0;
}
.mini #wrapperCategory {
	width: 430px;
	padding-left:0;
	margin-bottom:10px;
}
.mini #categories {
	width:0;
	display: none;
}
.mini #wrapperCategory #topicsList {
	width: 430px;
	min-height: 180px;
	padding: 5px 0;
	background-color:#fff;
}
.mini #wrapperCategory #topicsList li {
	width: 140px;
}
.mini #wrapperCategory li.col2 {
	margin-left: 150px;
}
.mini #wrapperCategory li.col3 {
	margin-left: 300px;
}
.mini #wrapperTopicSubmitBtn {
	margin-left: 0;	
} 
#interestsForm h2 {
	margin-bottom: 0;
	color: #808080;
}
.promoBox #interestsForm h2 {
	color: #4D4D4D;
}
#interestsForm h2 {
	display: none;			
}
#interestsForm.mini h2 {
	display: block;
}
#interestsForm.mini #topicsSeeMore {
	float: right;
	display: inline;
	font-size: 12px;
}
/* @end */

/* @group filter */

.colRight .btnWhite {
	color: #59280d !important;
	text-decoration: none !important;
}
.btnWhite:hover {
	/*color: #455975 !important;*/
	border-color: #6D7E9B;
	text-decoration: none;
	background: #f8feff;
}




#filterList {
	height: 50px;
}
#filterList li {
	height: 50px;
	float: left;
	line-height: 50px;
}
#filterList li.grptext {
	padding: 0 10px 0 25px;
	margin-left: 1px;
	background: #fff url(http://cdn.stumble-upon.com/i/bg/bgArrowOr.gif) no-repeat 0 21px;
}
#filterList li.grpAge,
#filterList li.grpGender {
	margin-right: 6px;
}
#filterList li.grpAge {

	text-align: center;
}
#filterList li.grpGender {
	
}
#filterList a {
	display: block;
}
#filterList .grpAge a {
	height: 24px;
	width: 70px;
	margin-top: 12px;
	line-height: 25px;
	color: #206ba4;	
	font-weight: bold;	
	border: 1px solid #ccc;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-shadow: 1px 1px 0 #ffffff;
	background-color: #fff;
	background-image: -moz-linear-gradient(top, #f8feff, #e6f4fa);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8feff), to(#e6f4fa));
}
#filterList .grpAge a.active {
	color: #606060;
	background-color: #c6c8c8;
	background-image: none;
}
#filterList .grpGender a {
	height: 34px;
	width: 34px;
	margin-top: 7px;
	text-indent: -999em;
	background: #fff url(http://cdn.stumble-upon.com/i/bg/bgFilter.gif) no-repeat 0 0;
}
#filterList #filterMale,
#filterList #filterFemale {
	border: 1px solid #ccc;	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}
#filterList #filterMale {
	margin-right: 4px;
	background-position: -1px -1px;
}
#filterList #filterFemale {
	background-position: -47px -1px;
}
#filterList #filterMale.active {
	margin-right: 4px;
	opacity: 0.6;
	background-position: -1px -40px;
}
#filterList #filterFemale.active {
	opacity: 0.6;
	background-position: -47px -40px;
}
/* @end */

/* @group password meter */
.testresult{
	padding-left: 15px;
	display: inline-block;
	font-weight: bold;	
	background: #fff url(http://cdn.stumble-upon.com/i/forms/pointerLeftGray.gif) no-repeat scroll 6px 9px;
}
.testresult span {
	min-height:18px;
	padding:4px 15px 0px;
	display: block;
	white-space: nowrap;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 2px solid #E2E2E2;
}
.shortPass span,
.badPass span{
	background: #edabab;
}
.goodPass span {
	background: #ede3ab;
}
.strongPass span {
	background: #d3edab;
}
/* @end */
/* @group iPad settings */

.ipad #wrapperHeader,
.ipad #wrapperNav,
.ipad #wrapperContent,
.ipad #wrapperFooter {
	width: auto;
	padding: 0 25px;	
}
.ipad #loginLinks,
.ipad #dashboard,
.ipad #header .loginBare {
	font-size: 14px;
}
.ipad .gridUrls li {
	margin-right: 12px;	
}

/* @end */

/* @group headerStart */
#headerStart {
	margin-bottom: 10px;
}
#headerStart ul {
	padding: 5px 4px 0 5px;
	margin: 0 0 10px 0;
	list-style: none;
}
#headerStart li {
	width: 99%;
	height: 100px;
	padding: 0 0 0 5px;
	margin: 0;
	float: left;
	background: url(http://cdn.stumble-upon.com/images/bg_hdr_start_left.png) no-repeat left top;
}
#headerStart span {
	height: 100px;
	padding: 7px 0px 8px;
	margin: 0 0 0 610px;	
	display: block;
	color: #006200;
	font-weight: bold;
	text-decoration: none;	
	background: transparent url(http://cdn.stumble-upon.com/images/bg_hdr_start_right.png) no-repeat right top;
}

/* @end */
/* @group bubbles */
.wrapperBubble {
	position: absolute;
	top: 0;
	left: 0;	
	z-index: 1000;
}
.wrapperBubble .tip {	
	height: 8px;
	width: 16px;
	position: absolute;
	top: -7px;
	z-index: 50;
	background: transparent url(http://cdn.stumble-upon.com/i/bubbleTip/tipPointer.png) no-repeat 50% 0;	
}
.wrapperContent {
	padding: 5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #4f555a;	
	border: 1px solid #bbb;
}
.wrapperBubble .content {
	color: #1A1A1A;
	padding: 6px 20px 6px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #fffbf4;
	max-width: 300px;
}
.wrapperBubble .suBubbleClose {
	height: 14px;
	width: 14px;
	position: absolute;
	top: 10px;
	right: 10px;
	text-indent: -999em;
	line-height: 20px;
	background: #fff url(http://cdn.stumble-upon.com/i/bubbleTip/bgBubbleClose.png) no-repeat 50% 50%;
}
.wrapperBubble .content.hasImg {
	padding-left: 55px;
}
.wrapperBubble .content.hasImg:after {
	height: 0;
    content: ".";
    display: block;    
    clear: both;
    visibility: hidden;
}
.wrapperBubble .content img {
	width: 30px;
	margin-left: -40px;	
	float: left;
}
/*clearing for image*/
.wrapperBubble .content.hasImg:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.wrapperBubble .content.hasImg {
	display: inline-block;
/*IE/Mac */
}
/* Hides from IE-mac \*/
* html .wrapperBubble .content.hasImg {
	height: 1%;
}
.wrapperBubble .content.hasImg {
	display: block;
}
/* End hide from IE-mac */
/* @end */


ul.bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -5000 !important;
}
/* @group WPBlog */
/* = WPBlog
-------------------------------------------------------------------*/
.breadcrumb {
	padding: 8px 0;
	border-bottom:1px dotted #E6E6E6;
}

.wpBlog .colRight .box {
	border-bottom:1px dotted #E6E6E6;
}

.wpBlog .colRight .last {
	border-bottom: none;
}

.wpBlog .wpArchive .post {
	border-bottom:1px dotted #E6E6E6;
	margin-bottom: 1.5em;
}

.wpBlog .wpArchive .last {
	border-bottom: none;
}

.wpBlog .colRight a {
	color: #206ba4;
}

.wpBlog .entry ul {
	list-style: disc;
	margin-bottom: 15px;
}

.wpBlog .entry ul li {
	margin-left: 20px;
}

.wpBlog .entry ol {
	list-style: decimal;
	margin-bottom: 15px;
}

.wpBlog .entry ol li {
	margin-left: 20px;
}

.wpBlog img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

.wpBlog .alignright {
	float: right;
}

.wpBlog img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wpBlog img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.wpBlog .alignleft {
	float: left;
}

.wpBlog code {
	font: 1.1em 'Courier New', Courier, Fixed;
}

.wpBlog .aligncenter,
.wpBlog div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wpBlog .wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wpBlog .wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wpBlog .wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.wpBlog td
{
	vertical-align: top;
}

.wpBlog #twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
	font-size:1em;
}

.wpBlog .help li, .wpBlog .help p
{
	margin-left: 0;
	padding-left: 0;
	line-height: 1.7em;
}

.wpBlog .help p
{
	margin-bottom: 0.8em;
	margin-top: 0;
}

.wpBlog .help ul
{
	padding-left: 24px;
	margin: 0 0 0 0.5em;
	padding: 0 0 0 0.5em;
}

.wpBlog .help div.borderbottom
{
	border-bottom: 1px solid #CBD9D9;
	margin-bottom: 10px;
}

/* @end */