body
{
	background: #f8f8f8;
    font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #444;
	line-height: 1.4em;
}

#sugar * { vertical-align: top; }

#editor .links a,
#sugar .gs-result .gs-title *,
a:visited,
a:link,
a
{
	color: #0033CC;
	font-weight: normal;
}

.page
{
	width: 990px;
	margin: 0 auto;
	position: relative;
}

#header
{
	height: 55px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #D2D2D2;
	border-top: 1px solid #D2D2D2;
	position: relative;
	z-index: 1;
}

#main
{
	position: relative;
	min-height: 500px;
	padding-bottom: 50px;
}
#footer
{
	padding-top: 20px;
	border-top:1px solid #ccc;
	background: #dcdcdc;
	color: #666;
	font-size: 13px;
	padding-bottom: 25px;
    text-shadow: 0 1px 1px #fff;
}

#header #logo {
    margin-top: 14px;
    width: 155px;
    height: 24px;
}
.clear { clear: both; }

#river
{
	min-height: 1100px;
	width: 661px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding-top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#river.column-wide
{
	border: 0;
	width: 837px;
	border-right: 1px solid #EBEBEB;
	background: #fff;
	padding-right: 10px;
	position: relative;
}

#river.column-ultrawide
{
	border: 0;
	width: 990px;
	position: relative;
}
#river.column-ultrawide #onsugar-content-container,
#river.column-ultrawide #editor{
    border:0;
    padding:0;
    background: 0;
}

#post-1 { border-top: 0; }

#left-sidebar
{
	width: 176px;
	color: #666;
	text-shadow: 0 1px 1px #fff;
	padding-right: 0px;
	margin-right: -5px;
	position: relative;
}

#right-sidebar
{
	width: 153px;
	padding-left: 0px;
	float: right;
}

#right-sidebar #site-controls a{
    padding-left: 10px;
}

#right-sidebar .pictos i,
#left-sidebar .pictos i
{
    font-size: 14px;
    float: right;
    margin: 0;
    text-transform: none;
}
#right-sidebar .active .pictos i{
    color:#000
}

#left-sidebar .pictos i
{
    color: #999;
}

#site-controls a:hover .pictos i{
    color:#0033cc
}
#site-controls a .ikb-bg .pictos i,
#site-controls a .ikb-bg{
	text-decoration: none;
	background: #0033cc;
	color: #fff;
	text-shadow: 0px -1px 1px rgba(0,0,0,.25);
}

.column
{
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 15px;
}

.post a
{
	color: #0033cc;
	text-decoration: none;
}

.post p { margin-bottom: 10px; }

.post h2
{
	font-size: 24px;
	line-height: 24px;
	margin: 10px 0;
}

.post h4
{
	font-size: 13px;
	line-height: 15px;
}

.tags { font-size: 12px; }

.tags a
{
	padding: 0 3px;
	text-decoration: none;
	color: #b9b9b9;
}

.tags a:hover { text-decoration: underline; }

.stream .tools
{
	float: right;
	font-size: 12px;
	text-transform: lowercase;
	line-height: 16px;
	position: absolute;
	top:15px;
	right:0px;
	font-weight: normal
}
.stream{
    position: relative;
}
.tools a
{
	color: #b9b9b9;
	font-weight: normal;
	text-decoration: none;
	padding: 0 3px;
}

h1, h2, h3, h4 {
font-family: proxima-nova, helvetica neue, helvetica, arial, sans-serif;
letter-spacing: -1px;
line-height: 1.35;
}
.post h2 { font-family: proxima-nova, helvetica neue, helvetica, arial, sans-serif; }

.website, .tools, .tags
{
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 14px;
	color: #b9b9b9;
}

.website-thumbnail,
.post { float: left; }

.website-thumbnail
{
	margin: 15px;
	width: 80px;
	text-align: center;
}

.post-container
{
	border-top: 1px solid #EBEBEB;
	padding: 0px 0px 50px 0px;
}

.website-thumbnail-placeholder
{
	width: 80px;
	height: 80px;
	background: #f1f1f1;
}
h1, h2, h3, h4, h5, h6{
    font-weight:normal
}
h1 .gray { color: #aaa; }
.post img { margin: 10px 0; }
.stat-no { color: green; }

.time-ago
{
	font-family: georgia, serif;
	font-style: italic;
	font-weight: normal;
}

.stat-posts { margin-bottom: 10px; }

#autocomplete
{
	position: absolute;
	border: 1px solid #e4e4e4;
	overflow: hidden;
	z-index: 100;
	background: #fff;
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
	margin-top: 2px;
}

#autocomplete ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#autocomplete li
{
	background: #fff;
	color: #000;
	white-space: pre;
	cursor: default;
	text-align: left;
	padding-left: 2px;
}

#autocomplete li.selected
{
	background: #333;
	color: #fff;
}

.sidebar-section
{
	margin-bottom: 0px;
	border-bottom: 1px solid #F1F1F1;
	border-collapse: separate;
	position: relative;
    line-height: 18px;
}

.selectable a
{
	color: #444;
	text-decoration: none;
	cursor: pointer;
}
.selectable a
{
	background: #DDD;
	float: left;
	border-top-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-top-right-radius: 2px;
	padding: 1px 6px 0px 6px;
	-moz-box-shadow: 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px rgba(0, 0, 0, 0.1);
	margin: 3px;
}


.selectable a:hover { background: #dcdcdc; }

#types a
{
	color: #333;
	text-decoration: none;
}


.selectable a
{
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
    text-align: center;
}

#types .active,
.control-sites.active
{
	-moz-box-shadow: 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
	color: #fff;
	text-shadow: none;
    background-color: #BBB;
}

.sidebar-section h3
{
    padding: 3px 2px 2px;
	color: #666;
	letter-spacing: 0;
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
}

.sidebar-section.over h3{
	margin-bottom: 5px;
}

.post img { display: block; }

#profile-loading-container,
#loading-container
{
	width: 200px;
	height: 80px;
	background: #fff url('/static/imgs/spinner_black_on_white.gif') no-repeat left top;
	padding-left: 40px;
	font-size: 36px;
	line-height: 31px;
	color: #999;
	margin: 33% auto 30px auto;
	vertical-align: middle;
}

.loading{
    margin: 0;
    padding: 0;
    width:auto;
    height:auto;
    background: transparent url('imgs/loading-small-f8f8f8.gif') no-repeat center center;
}

.loading-big,
#infinite-scroll-loading
{
	width: 230px;
	height: 80px;
	background: url('/static/imgs/spinner_black_on_white.gif') no-repeat;
	padding-left: 40px;
	font-size: 36px;
	line-height: 31px;
	color: #999;
	margin: 50px auto 30px auto;
}

.loading-big{
    background-position: center center;
    height:600px;
}


#profile-loading-container{
    margin-bottom: 400px;
}


#cse-search-form .gsc-search-button { display: none; }

#cse-search-form input.gsc-input
{
	padding: 3px;
	margin-top: 8px;
	font-family: proxima-nova, helvetica neue, helvetica, arial, sans-serif;
	font-size: 14px;
	border-radius: 5px;
	border-color: #CCC;
	background-position: 10% 50% !important;
}

div.chzn-container a.chzn-single{
    height:21px;
    line-height: 23px;
}

div.chzn-container a.chzn-single div b{
    background-position: 0 -1px;
}

.gsc-completion-selected { background: #eee; }
.gsc-completion-container { font-family: Helvetica, Arial, sans-serif; }
.gsc-completion-container td { padding: 2px 5px; }
#cse-search-form { width: 130px; }
.gsc-clear-button,
.gsc-branding { display: none; }
table.gsc-search-box td.gsc-input { padding-right: 0px; }

#menu,
#logo,
#search
{
	display: inline-block;
	vertical-align: top;
}

#search
{
	margin-left: 10px;
}

#sugar .gs-webresult div.gs-visibleurl-long,
#sugar .gs-result .gs-snippet
{
	line-height: 18px;
	color: #232323;
}

#sugar .gs-webresult div.gs-visibleurl-long { color: #666; }

#result-count
{
	margin-right: 15px;
	font-size: 13px;
}

.group-thumbnail
{
	display: block;
	float: left;
	width: 40px;
	margin: 3px;
}

.group-thumbnail .group-thumbnail-image
{
	display: block;
	width: 40px;
	height: 40px;
	background-position: center center;
	background-color: #eeeeee;
}

.group-thumbnail .group-thumbnail-title,
.group-thumbnail .group-thumbnail-body,
.group-thumbnail .group-thumbnail-details { display: none; }
#menu { margin-left: 15px; }

.menu-items a
{
	padding: 4px 10px 3px 10px;
	margin-top: 13px;
	display: inline-block;
	color: #888;
	border-radius: 0px;
	font-size: 12px;
	text-shadow: 1px 1px 0px #fff;
	font-weight: normal;
	font-family: proxima-nova, proxima-nova, helvetica neue, helvetica, arial, sans-serif;
	border: 1px solid #ccc;
	margin: 13px 0 0 -5px;
	background: #fff;
	text-transform: uppercase;
}
#small-menu-items{
    display: inline-block;
    line-height: 54px;
    float: right;

}
#small-menu-items a {
    line-height: 51px;
    color:#666

}
a#menu-home
{
	margin-left: 18px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

a#menu-new-post
{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#menu a:hover
{
	color: #222;
	text-decoration: none;
}

#menu a.active
{
	color: #0033cc;
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
	box-shadow: inset 0 0 5px rgba(0,0,0,.3);
}

#site-dropdown_chzn a.active
{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.tabs-user-manage .primary,
.tabs-manage .primary { display: none; }

#tabs
{
	display: block;
	margin-top: 20px;
	border-bottom: 1px solid #EBEBEB;
}

.page-user #onsugar-content-container { padding-top: 25px; }

.page-user #onsugar-content-container h3
{
	font-size: 20px;
	margin-bottom: 10px;
	letter-spacing: -1px;
	color:#444;
	margin-top: 10px;
}

.tabs li
{
	display: inline-block;
	margin: 0 0 -1px 0;
}

.tabs a,
.tabs a:visited
{
	background: none;
	display: block;
	border: 0;
	color: #999;
	margin-right: 5px;
	font-weight: normal;
	padding: 6px 10px 8px 10px;
	text-decoration: none;
}

.tabs li.active a,
.tabs ul li a.active { border: 0 !important; }

.tabs li.active a
{
	background: #f8f8f8;
	border: 1px solid #EBEBEB !important;
	border-bottom: 0 !important;
}

.tabs
{
	margin: 5px 0 0 25px;
	padding: 0;
}

#content_forms
{
	padding: 0px;
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
}

.modal_container
{
	padding: 5px;
	background-color: #fff;
	border: 1px solid #666;
	overflow: hidden;
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: left;
}

#spread_builder_container .content,
#spread_builder_container .select_bar { background: #fff; }

#spread_canvas .picture img {
    max-width: 845px;
}

#page-title
{
	margin-top: 12px;
	display: inline-block;
    text-shadow: 0px 1px 1px rgba(255,255,255,1);
}

.column #page-title
{
	padding: 0px 15px 10px 5px;
	border-bottom: 1px solid #EBEBEB;
	display: block;
}

.column-narrow #page-title { display: none; }
.tags a { background: none; }
.post .left,
.post .right { float: none; }
.poll .vote-form .choices { margin: 0; }

blockquote
{
	margin: 10px 0 10px 10px;
	padding-left: 10px;
	border-left: solid 4px #eee;
	font-size: inherit;
}



.website-container{ font-size: 12px;  line-height:16px}

.website-container .picture{
    float:left;
    margin-right: 5px;
}
.website-container .picture img{
    border-radius: 3px;
}
.website-container .picture img,
.website-container .title,
.website-container .author{
    display: inline;
}

.website-container .title{
    display: inline-block;
}
.website-container .author{
    font-size: 11px;
    display: block;
    float: left;
}

.website-container.over .visit-site{
    padding-top: 0px;
    background: none;
    top:70px;
    height: 25px
}
.website-cell{
    display: inline-block;
}

.website-cell .onsugar_button{
    width:190px;
    margin-bottom:15px
}

.website-cell-large .onsugar_button{
    width:160px;
    margin-bottom:15px
}

.account-container{
    margin: 10px 0;
}

.account-container,
.website-container
{
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
}


.website-container
{
	width: 240px;
	margin: 15px;
	display: inline-block;
	height: 300px;
	overflow: hidden;
	background: #fff;
	position: relative;

}
.website-container-large{
	width: 186px;
	height: 250px;
	margin: 5px;
}

.rank {
    position: absolute;
    bottom:5px;
    left:5px;
    font-size: 12px;
    background: #ef0873;
    color:#fff;
    font-weight: normal;

    padding: 2px 6px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.website-container .follow-count{
    position: absolute;
    bottom:5px;
    right:5px;
    font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 12px;
}
.website-container .website
{
	text-align: center;
	height: 160px;
	vertical-align: middle;
	width: 240px;
	background:#333;
	overflow:hidden;
	padding:0;
	border-radius: 6px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.website-container-large .website{
    width:186px;
    height: 120px;
}


.website-container .title {
    font-weight: normal;
    font-size: 14px;
    margin-bottom:5px;
    line-height: 20px;

}
.website-container .copy { padding: 10px; text-align:left}

.website-container .website-image-container{
    height:160px;
    overflow:hidden;
}
.website-container-large .website-image-container{
    height:120px;
}
.website-container .body{
    height:65px;
    overflow:hidden;
    margin-top: 3px;
}
#social-stats-toggle{
    position: absolute;
    right:15px;
    top:17px;
}

#analytics-menu a,
#site-controls a
{
	display: block;
	border-bottom: 1px solid #f1f1f1;
	padding: 3px 5px 2px 1px;
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 13px;
	color: #666;
}

#site-controls a:hover
{
	text-decoration: none;
	color: #000;
}

#site-controls a.active{

    color:#000;
    font-weight: normal;
}


#status_messages {
margin-top: 10px;
padding: 5px 10px;

}

.messages
{
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
}

.messages ul { padding: 10px 0 5px; }

td
{
	padding: 5px 4px;
	border-bottom: 0px solid #CCC;
	font-size: 12px;
  	text-align: left;
}

table { width: 100%; }
table .even { background: #fcfcfc; }

table .odd
{
	background: #fff;
	border: 1px solid #ebebeb;
	border-left: 0px;
	border-right: 0px;
}

table th
{
	white-space: nowrap;
	border-bottom: 1px solid #ebebeb;
	padding: 5px 4px;
	margin: 0px;
	text-align: left;
	font-weight: 700;
}

.post-chat ul
{
	margin: 0;
	padding: 0;
	border-top: 1px solid #EBEBEB;
}

.post-chat li
{
	margin: 0;
	padding: 6px 1px 8px 1px;
	border-bottom: 1px solid #EBEBEB;
}

.post-chat li.odd { background: #fff; }

.column-narrow #editor
{
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
	overflow: hidden;
}

#editor
{
	border-color: #EBEBEB;
	background: #f8f8f8;
}

.form-item { margin-top: 0; }
.widget_section { padding-right: 0; width: 378px;}
.widget_section.available { padding-right: 18px; }
.column-narrow #editor * { vertical-align: bottom; }

#subnav
{
	position: absolute;
	left: 0px;
}

#subnav-container { display: inline-block; }
#site-dropdown_chzn { display: inline-block; }

#site-dropdown_chzn a
{
	margin: 13px 0 0 0;
	padding: 0px 0px 1px 8px;
	display: block;
	background: white;
	background-image: -moz-linear-gradient(center bottom, #EEE 0%, white 50%);
	color: #888;
    text-transform: none;
}

.chzn-select { display: none; }
.website-thumbnail-menu { visibility: hidden; }
.over .website-thumbnail-menu { visibility: visible; }

.website-thumbnail-menu
{
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
}

#sugar a.likes
{
	margin-top: 12px;
	clear: both;
}

.tools .comment-icon,
.tools .like-icon,
{
	background: url(imgs/icons.png) no-repeat;
	display: inline-block;
	text-indent: -50000px;
	width: 16px;
	margin-left: 2px;
	height: 16px;
	padding: 0;
}

.tools .like-icon { background-position: -21px 0px; }
.tools .like-icon:hover { background-position: -21px -20px; }
.tools .like-icon.active { background-position: -21px -40px; }
.tools .comment-icon { background-position: -161px 0px; }
.tools .comment-icon:hover { background-position: -161px -20px; }
.tools .comment-icon.active { background-position: -161px -40px; }

.tools .comment-icon {margin-left:5px;}

#login_header #facebook_connect_button
{
	width: 100%;
	margin: 0;
	padding: 0;
}

#login_header_left,
#login_header_right
{
	float: none;
	display: inline-block;
	width: 50%;
	padding: 0;
	margin: 0;
	height:26px;
	overflow: hidden;
}

#login_header{
    height:65px
}

#login_header_left { border: 0; }

#home_buttons
{
	position: static;
	margin-top: 0px;
}

#facebook_connect_button_question,
#home_buttons_text
{
	line-height: 25px;
	font-weight: normal;
	color: #eee;
	font-size: 12px;
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
}

#facebook_connect_button_question { line-height: 20px; }
#home_buttons_inner a { line-height: inherit !important; }

#home_buttons_inner
{
	display: block;
	text-align: center;
}

#home_buttons_text
{
	display: block;
	line-height: 20px;
	float: none;
	text-align: center;
	margin-top: -2px;
}

form#user_login div#forgot_pass
{
	width: 250px;
	float: right;
	margin: 0;
	text-align: right;
}

form#user_login div#forgot_pass a
{
	color: #333;
	font-size: 12px;
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
	position: absolute;
	bottom:-10px;
	right:25px;
}
form{
    position: relative;
}

form#user_login span.button
{
	display: block;
	float: left;
}

form#user_login div#forgot_pass,


.fancybutton
{
	padding-left: 12px;
	margin-top: -1px;
}


#share-box-container
{
	margin: 15px;
	background: #f8f8f8;
	/* for non-css3 browsers */
	padding: 5px;
	border: 1px solid #EBEBEB;
}

#share-box
{
	border: 1px solid #EBEBEB;
	font-family: helvetica neue, helvetica, arial;
	font-size: 18px;
	padding: 4px 8px 5px 8px;
	width: 532px;
}

#share-box-title
{
	font-size: 18px;
	line-height: 30px;
	padding: 2px 2px 2px 8px;
}

fieldset
{
	border-color: #EBEBEB;
	background: #fcfcfc;
	margin-top: 0;
}

#spi_event_notification_preferences fieldset { margin: 0 0 25px 0; }
.onsugar_manage_buttons { }
#spi_event_notification_preferences.on_notifications .form-label { width: 360px; }

#spi_event_notification_preferences.on_notifications
{
	padding: 0;
	width: 100%;
}

.page-user #onsugar-content-container,
{
	padding: 25px;
	border: 1px solid #EBEBEB;
	border-top: 0;
	background: #f8f8f8;
}

.page-manage #onsugar-content-container
{
	padding: 10px;
	border: 1px solid #EBEBEB;
	border-top: 0;
	background: #f8f8f8;
}

#page-anonymous #editor,
#page-anonymous #onsugar-content-container{
    border:0;
    background: none;
    padding: 0;
    margin: 0;
}

a:hover .number
{
	text-decoration: none;
	background: #0033cc;
	color: #fff;
	text-shadow: 0px -1px 1px rgba(0,0,0,.25);
}

.number
{
	float: right;
	background: #eee;
	border-radius: 5px;
	color: #666;
	padding: 4px 5px 3px 5px;
	text-shadow: 0px 1px 1px rgba(255,255,255,.75);
	line-height: 10px;
	margin-top: 1px;
	font-size: 12px;
}

.symbol
{
	font-size: 13px;

	line-height: 18px;
}

.menu-section { margin-top: 12px; }

.menu-section .title
{
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	border-bottom: 3px solid #f1f1f1;
	margin-bottom: 3px;
	text-transform: uppercase;
	padding-left: 10px;
}

#site-controls .dashboard-title
{
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	border-bottom: 3px solid #f1f1f1;
	margin-bottom: 3px;
	text-transform: uppercase;
	padding-left: 10px;
    color: #0033cc;
}

 #site-controls .menu-section a {
 	text-transform: none;
 }

#node-form #ons-category label { display: none; }

#node-form #ons-category
{
	padding: 10px;
	border: 1px solid #eee;
	background: #fff;
	margin-bottom: 30px;
}

#shopsense-options .form-item { margin-bottom: 0; }

#shopsense-options,
.form-background, #node-form #site-icon-container
{
	padding: 10px;
	background: #fff;
	border: 1px solid #eee;
	height: 80px;
	margin-bottom: 40px;
}

#shopsense-options { height: auto; }

#node-form #site-icon-container .picture
{
	float: left;
	margin-right: 25px;
	display: inline;
	border: 1px solid #eee;
}

#web_url
{
	width: auto;
	background: #fff;
	margin-bottom: 30px;
	border-color: #eee;
}

#content table.nospace
{
	border: 0 !important;
	padding: 0px;
	margin-bottom: 0px;
}

#sugar .web_url
{
	font-family: proxima-nova, helvetica neue, helvetica, arial, sans-serif;
	font-size: 30px;
	vertical-align: bottom;
}

.page-create #page-title { border: 0; }
.page-create #editor { background: #f8f8f8; }
.page-create #editor #recaptcha_area { margin-top: 40px; }
#ons-category .form-item { margin-bottom: 0; }

#shopsense-options a
{
	color: #666;
	font-size: 12px;
}

#web_url table { width: auto; }

.hint
{
	left: 570px;
	top: 15px;
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
}

#sugar .hint i.req { vertical-align: top; }
#web_url * { vertical-align: middle; }

.page-discover #leaderboard-menu-item{
    margin-top: 40px;
}

/* put these at the bottom because bbedit css formatter does not work properly on the gradients */
#header
{
    background: #eee;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #fff,  #eee); /* for firefox 3.6+ */
}


#home_buttons_inner a
{
	background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color: #ededed;
}


#home_buttons_inner a:hover
{
	background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color: #dfdfdf;
}

#editor{
    border:0;
    background: none;
    padding: 0;
}

/* Horizontal Carousel */
.horizontal_carousel {
  float: left;
  width: 650px;
  height: 940px;
  margin-bottom: 0px;
  position: relative;
}

.horizontal_carousel .container {
  float: left;
  width: 661px;
  height: 940px;
  position: relative;
  overflow: hidden;
}

.horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 240px;
}

.horizontal_carousel ul li {
  width: 662px;
  height: 240px;
  text-align: left;
  list-style:none;
  float:left;
}

.horizontal_carousel .previous_button {
    float: left;
    width: 23px;
    height: 23px;
    background: url(imgs/arrows.png) no-repeat 0 0;
    z-index: 100;
    cursor: pointer;
    position: absolute;
    top: -38px;
    right: 17px;
}

.horizontal_carousel .previous_button_over {
  background: url(imgs/arrows.png) no-repeat 0 center;
}

.horizontal_carousel .previous_button_disabled {
  background: url(imgs/arrows.png) no-repeat 0 -64px;
  cursor: default;
}

.horizontal_carousel .next_button {
    float: left;
    width: 23px;
    height: 23px;
    background: url(imgs/arrows.png) no-repeat -33px 0 ;
    z-index: 100;
    cursor: pointer;
    position: absolute;
    top: -38px;
    right: -10px;
}

.horizontal_carousel .next_button_over {
  background: url(imgs/arrows.png) no-repeat -33px center;
}

.horizontal_carousel .next_button_disabled {
  background: url(imgs/arrows.png) no-repeat -33px -64px;
  cursor: default;
}


/* vertical Carousel */

.ui_vertical_carousel {
}

#vertical_carousel {
  float:left;
  width: 350px;
  height: 270px;
  margin-bottom: 10px;
  position: relative;
}

#vertical_carousel .container {
  float:left;
  width: 270px;
  height: 240px;
  overflow: hidden;
}

#vertical_carousel ul {
  margin: 0;
  padding:0;
  height: 100000px;
  position: relative;
  top: 0;
  left: 0;
}

#vertical_carousel ul li {
  width: 260px;
  height: 240px;
  text-align: center;
  list-style:none;
  float:left;
}

#vertical_carousel .previous_button {
  float:left;
  height: 32px;
  width: 175px;
  background: url(/static/js/vendor/prototype-ui/themes/carousel/prototype-ui/vertical/left.png);
  cursor: pointer;
  display:inline;
  margin: 0 0 10px 40px;
}

#vertical_carousel .previous_button_over {
  background: url(/static/js/vendor/prototype-ui/themes/carousel/prototype-ui/vertical/left_over.png);
}

#vertical_carousel .previous_button_disabled {
  background: url(/static/js/vendor/prototype-ui/themes/carousel/prototype-ui/vertical/left_disabled.png);
  cursor: default;
}

#vertical_carousel .next_button {
  float:left;
  height: 32px;
  width: 175px;
  background: url(/static/js/vendor/prototype-ui/themes/carousel/prototype-ui/vertical/right.png);
  display:inline;
  margin-left: 40px;
  cursor: pointer;
}

#vertical_carousel .next_button_over {
  background: url(/static/js/vendor/prototype-ui/themes/carousel/prototype-ui/vertical/right_over.png);
}

#vertical_carousel .next_button_disabled {
  background: url(/static/js/vendor/prototype-ui/themes/carousel/prototype-ui/vertical/right_disabled.png);
  cursor: default;
}




/******* Media Assist Classes *******/
#waitGraphic
{
	background: #fff url(/static/imgs/onsugar_indicator.gif) center no-repeat;
	opacity: 0.8;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10000;
}

.ie #waitGraphic
{
	filter: alpha(opacity='80');
	width: 877px;
	height: 600px;
}

#media_assist #editor { padding: 15px !important; }

.getty #pager,.shopstyle #pager
{
	margin: 0px;
	float: right;
}

#pagerElement
{
	float: right;
	display: none;
	margin-right: 20px;
}

#pager .inactive a { color: #cecece; }

#pager .inactive a:hover
{
	color: #cecece;
	border: 1px solid #cecece;
	text-decoration: none;
}

.spread_results
{
	width: 845px;
	height: 420px;
	overflow: auto;
	margin-top: 1em;
}

.results_thumb
{
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
}

.results_thumb .details { display: none; }
.search_button { cursor: pointer; }
.spread_results.getty { padding-left: 20px; }
.ie .spread_results.getty { padding-left: 10px; }
.spread_results.shopstyle { padding-left: 15px; }
.ie .spread_results.shopstyle { padding-left: 5px; }

.pageDiv .search_result
{
	line-height: 1.2;
	margin: 5px 10px 5px 0px;
	float: left;
}

.pageDiv.getty .search_result { width: 155px; }
.pageDiv.shopstyle .search_result { width: 102px; }
.pageDiv.getty .results_thumb { height: 150px; }
.pageDiv.shopstyle .results_thumb { height: 140px; }
.pageDiv .description { font-size: 9px; }
.pageDiv.getty .description { height: 45px; }

.pageDiv.shopstyle .description
{
	text-align: center;
	height: 55px;
	overflow:hidden;
}

#editor.detail { overflow: auto; }
#fck { overflow-y: scroll; }

.notbold { font-weight: normal; }
.clear { display:block; clear: both; }
.bold { font-weight: normal;}
.italic { font-style: italic; }
.calign { text-align: center; }
.media_assist_search { float: left; }

.media_assist_search_button
{
	float: left;
	cursor: pointer;
}
#pager.media_assist_pager #pageLeft.active, .media_assist_pager #pageRight.active
{
	border: none;
	font-weight: normal;
}

#pager.media_assist_pager div { float: left; }
#pager.media_assist_pager .active a { color: #E80C7A; }

#pager.media_assist_pager a
{
	padding-top: 0px;
	padding-bottom: 0px;
	display: block;
}

#pager.media_assist_pager #totalResultsDescription
{
	padding-left: 5px;
	padding-right: 20px;
}

#pager.media_assist_pager #totalResultsBlock { padding-top: 3px; }

#filters{font-size:12px}
#media_assist{
    font: 12px/1.6 'lucida grande',verdana,arial ,sans-serif;
}
#pager a {
line-height: 24px;
border: 1px solid #CECECE;
padding: 5px 6px;
margin: 0px 3px;
}
/******* END Media Assist Classes *******/

a.action {
    cursor: pointer;
    height:20px;
    line-height:22px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
    color:#777777;
	font-family:arial;
	font-size:14px;
	font-weight: normal;
	padding:2px 10px 4px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #fff;
	margin: 1px 0 0 0;
}
#sugar #main a.action:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	text-decoration: none;
}
#sugar a.action:active {
	position:relative;
	top:1px;
}
#editor{
    overflow: visible;
}

#profile-right,
#profile-left
{
	display: inline-block;
	padding-top: 0px;
}

#profile-left
{
	width: 176px;
	margin-right: -5px;
	overflow: hidden;
}

#profile-right
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 662px;
	border-left: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	min-height: 1000px;
}

#profile-right-rail{
    width:149px;
    display: inline-block;
}

.relative { position: relative; }

.small
{
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
}

.profile-sites { margin: 25px 0 0 0; }

h4
{
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	color: #444;
}

#profile-name
{
	font-size: 24px;
	line-height: 28px;

	margin-bottom: 10px;
}

.picture img { max-width: 175px; }

#profile-controls
{
	margin-top: 10px;
	margin-bottom: 15px;
}

#profile-controls  a
{
	color: #666;
	display: block;
	border-bottom: 1px solid #F1F1F1;
	line-height: 15px;
	padding: 4px 8px 4px 8px;
	text-decoration: none;
	text-shadow: none;
	font-size: 15px;
}

#profile-controls  a:hover
{
	background: #8e8c94;
	color: #eee;
}

#profile-controls a:hover span
{
	background: #5b5961;
	color: #eee;
}

#profile-controls  a.active
{
	background: #5b5961;
	color: #fff;
}

#profile-controls a span
{
	float: right;
	background: #EEE;
	border-radius: 3px;
	padding: 1px 4px;
	font-size: 10px;
	margin-top: -1px;
}

#profile-controls a.active span
{
	background: none;
	color: #fff;
}

.stats
{
	display: inline-block;
	border: 1px solid #eee;
	margin-right: 5px;
	padding: 4px 4px 4px 10px;
	margin-bottom: 20px;
	background: #f1f1f1;
}

.stats h4
{
	border: 0;
	margin: 0;
	padding: 0;
}

.number-stat
{
	display: inline-block;
	background: #ccc;
	padding: 0px 6px;
}

#profile-online { margin-bottom: 25px; }

.profile-post-image
{
	display: block;
	float: left;
	width: 121px;
	height: 80px;
	margin: 0;
	padding: 0;
	margin-right: 3px;
}

.info-content { color: #333; }

.stream
{
	border-bottom: 1px solid #E9E9E9;
	margin: 10px 0;
	padding: 10px 0;
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000;
}

.info-body
{
	display: block;
	margin-top: 3px;
	min-width: 300px;
}

.stream-owner
{
	float: left;
	width: 50px;
	text-align: right;
	margin-right: 15px;
}

.info
{
	float: left;
	width: 500px;
}

.info-header { margin-bottom: 15px; }

.info-footer
{
	margin-top: 15px;
	color: #999;
}

.info-footer img {
    min-height:16px;
    width:auto;
}

.info-image
{
	float: left;
	margin: 0px 10px 0 0;
	cursor: pointer;
}

.info-content-copy .title
{
	padding: 5px 0;
	display: block;
}

.profile-about
{
	margin-bottom: 20px;
	width: 500px;
}

.stream .title,
.stream .info-body{
    font-size:14px;
    line-height: 18px;
}
.stream .info-footer a { font-weight: normal; }
.stream-owner img { max-width: 50px; }

#message-me
{
	position: absolute;
	top: 10px;
	right: 10px;
}

.profile-mini
{
	height: 50px;
	margin-bottom: 10px;

}

.profile-mini .picture {
    clear : right;
    float : left;
}

.profile-mini .picture img
{
	max-width: 50px;
	max-height: 50px;
	margin-right: 10px;
}

.Zprofile-mini-thumbnail-title
{
	display: inline-block;
	width: 100px;
	margin-left: -7px;
}


#profile-left a,
#profile-right a { font-weight: normal;
     }

#followers .title
{
	display: block;
	padding: 10px 0;
	margin-bottom: 5px;
	border-top: 1px solid #eee;
}

.profile-about-item
{
	font-size: 18px;
	border-bottom: 1px solid #eee;
	margin-bottom: 0px;
	padding: 20px 10px 30px 10px;
	line-height: 23px;
}

.profile-about-item b
{
	margin-bottom: 8px;
	display: block;
}

#top-line
{
	border-top: 1px solid #eee;
	padding-top: 0px;
	margin-top: 20px;
	height: 1px;
}

.marker
{
	color: red;
	font-size: 24px;

}

#left-sidebar #small-profile-controls,
#left-sidebar .picture { display: inline-block; }

#left-sidebar #small-profile-controls
{
	width: 70px;
	margin-left: 5px;
	padding-top: 10px;
}

#left-sidebar #small-profile-controls a
{
	display: block;
	margin-bottom: 3px;
}

.stream
{
	margin: 0 20px;
	padding: 15px 0 15px 0;
}

#profile-page-content .stream { margin: 0; }
#profile-right .info-footer a { font-weight: normal; }

a.cancel
{
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #666;
	margin-left: 10px;
}

.form-header
{
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	margin-left: 5px;
}

.blockquote
{
	margin: 15px;
	padding: 0 15px;
	border-left: 5px solid #ccc;
}

.info-footer { margin-bottom: 10px; }
.stream-comments .picture { float: left; }

.author img,
.stream-comments img
{
	max-width: 32px;
	margin-right: 8px;
}
.author .picture img,
.author .picture {display:inline}

.stream-comment-content { display: table-cell; }

.stream-comment
{
	background-color: #f1f1f1;
	border-bottom: 1px solid #ebebeb;
	margin-top: 2px;
	padding: 5px 5px 4px;
}

.created { color: #999; }

.stream-comment textarea
{
	border: 1px solid #cacaca;
	height: 14px;
	line-height: 13px;
	white-space: pre-wrap;
	word-wrap: break-word;
	color: #777;
	width: 480px;
	display: block;
	resize: none;
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	padding: 3px;
	vertical-align: top;
}

.stream-comment textarea.active{
    width:440px;
}

.stream-comment-textarea { width: 442px; }
.stream * { border-radius: 3px; }
.stream-comment-likes a,

.page-width-column-ultrawide #profile-right,
.page-width-column-narrow #river
{
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,.25);
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,.25);
	box-shadow: 0px 0px 15px 1px rgba(0,0,0,.25);
	background: #fff;
}

.page-width-column-narrow #river
{
	position: relative;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.page-width-column-ultrawide #profile-right
{
	border: 1px solid #fff;
	border-top: 0;
	z-index: 999999;
}

#no-posts-found,
#no-reactions-found,
#ajax-end
{
	margin: 30px 20px 50px 20px;
	font-size: 24px;
	line-height: 36px;
	font-weight: normal;
}

#no-posts-found { margin: 25px 30px; }

#no-posts-found .website-small-version .website-container-large {
    width:135px
}

#no-posts-found .website-small-version .website-container .website-image-container{
    width:133px
}


#return-to-top
{
	position: fixed;
	bottom: 10px;
	right: 10px;
}

.image-small-large img
{
	margin-bottom: 10px;
	display: block;
	max-width: 550px;
	min-width: 550px;
	height: auto;
}

.blockquote .image-small-large img{
    max-width: 525px;
    min-width: 525px;
}

.page-user-manage #river.column-ultrawide #editor
{
	padding: 25px;
	border: 1px solid #ebebeb;
	border-top: 0;
	background: #f8f8f8;
}

#profile-page-content .website-container-large { margin: 9px; }

#right-sidebar .account {
    width:140px;
    margin: 0 0 15px 0;
    text-align: left;
}

#right-sidebar .account img
{
	max-height: 40px;
	max-width: 40px;
	min-width: 40px;
	height: auto;
	width: auto;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

#right-sidebar .onsugar_button{
    display: block;
}

#twitter-friends-title,
#sites-you-might-like,
#facebook-friends-title{
    margin-top: 25px;
    font-size:13px;
    border-bottom:1px solid #f1f1f1;
    margin-bottom: 5px;
    padding-left: 10px;
}


#sites-you-might-like a:hover {
    text-decoration: none;
}

#sites-you-might-like a:hover .pictos i{
    color: #0033cc;
}


#twitter-friends-title{
    margin-top: 20px
}


#twitter-friends-title img,
#facebook-friends-title img{
    margin: 0 3px 3px 0;
}


#right-sidebar .account-container{
    padding: 0;
    height:40px;
    overflow: hidden;
    background: #fff;
}

#right-sidebar .account .account-picture{
    height: 40px;
    line-height: 0;
    float:left;
    padding:0;
    margin-right:5px

}

#right-sidebar .account .fb-name{
    display: block;
    margin:4px 0 0 0 ;
    padding:0;
    line-height: 17px;
}

#right-sidebar .account .picture img,
#right-sidebar .account .picture a,
#right-sidebar .account .picture{
    display: inline;
    text-align: left;
    padding: 0;
}

#right-sidebar .account .account-picture{
    background: none;
}
#right-sidebar .account{
    margin-left: 10px;
}
.account{
	display: inline-block;
	margin: 5px 5px 20px 5px;
	width:152px;
	text-align: center;
}

.account .account-picture{
    height: 154px;
    background: #f8f8f8;
    overflow: hidden;
}

.account .followers{
    font-size: 12px;
    line-height: 14px;
}

.account-container{
    padding-bottom: 2px;
    background: #fff;
}

.account .fb-name{
    font-size: 13px;
    margin-bottom: 5px;
    line-height: 18px;
    margin-top: 7px;
}

.account img
{
	Zmax-height: 154px;
	max-width: 152px;
    min-width: 152px;
	height: auto;
	width: auto;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#profile-right .account img {
    min-width: 110px;
}


#profile-right .account
{
	width: 110px;
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
}

#profile-right .account-picture
{
	height: 119px;
	width: 110px;
}

#profile-right .account img
{
	max-height: 119px;
	max-width: 110px;
	height: auto;
	width: auto;
}
.links a,
#home_buttons_inner a,
.fancybutton,
a.onsugar_button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	-moz-box-shadow:0px 0px 3px 1px rgba(0, 0, 0, .25);
	-webkit-box-shadow:0px 0px 3px 1px rgba(0, 0, 0, .25);
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .25);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#0033cc;
	font-family:proxima-nova, helvetica neue, helvetica, arial, sans-serif !important;
	font-size:15px;
	line-height:18px;
	font-weight: normal;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	text-align: center;
}
#home_buttons_inner a:hover,
.fancybutton.over,
a.onsugar_button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
	background-color:#f6f6f6;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .3);
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .3);
    border-color: #aaa;
}a.onsugar_button.active {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
	background-color:#f6f6f6;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .05);
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .05);
    color:#999;
}
#home_buttons_inner a:active,
a.onsugar_button:active {
	position:relative;
	top:1px;
}

#home_buttons_inner a,
a.onsugar_button_small
{
	font-size: 12px;
	line-height:17px;
	padding: 5px 12px 3px;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .1);
}
#home_buttons_inner a:hover,
a.onsugar_button_small:hover
{
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .05);
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .05);
}



#profile-left a.onsugar_button
{
	margin: 10px 0px 10px 10px;
	width: 100px;
}

.website-container-tile
{
	width: 183px;
	display: inline-block;
	margin: 10px;
}

.website-tile
{
	display: table-cell;
	float: left;
	width: 60px;
	height: 60px;
	overflow: hidden;
	margin-right: 1px;
	margin-bottom: 1px;
	background: #eee;
	vertical-align: middle;
	text-align: middle;
}

.website-tiles
{
	height: 183px;
	overflow: hidden;
}

.center { text-align: center; }

.page-create #editor{
    padding: 25px;
    border:1px solid #ebebeb;
}

label
{
	display: block;
	margin-top: 2px;
	font: 14px/1 proxima-nova, proxima-nova, helvetica neue, helvetica, arial, sans-serif;
	font-weight: normal;
	color: #E80C7A;
	margin-bottom: 6px;
}

#sugar .gs-result a.gs-visibleUrl, #sugar .gs-result .gs-visibleUrl { color: #333; }

#sugar .gs-result *
{
	font-family: proxima-nova, "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 14px;
}

#sugar .gs-result .gs-title, #sugar .gs-result .gs-title b { font-size: 18px; }
.page-search #page-title { display: none; }
.page-denied #editor { padding: 15px 15px; }
.page-user-register #footer,
.page-user-login #footer { border: 0; }

.sidebar-section h3,
#site-controls a,
#profile-controls a{
    font-size: 11px;
    text-transform: uppercase;
    text-shadow: 0px 1px 1px rgba(255,255,255,1);
    line-height: 18px;
    letter-spacing: 0;
}

#site-controls a.small{
    text-transform: none;
}

#profile-left #profile-controls a:hover,
#profile-left #profile-controls a.active,
#profile-controls a:hover,
#profile-controls a:active
{
    text-shadow: none;
}

#river.column-wide{
    background: none;
}

.page-user-manage #main,
.page-manage #main{
    background: #fff;
}
.page-friends #page-title,
.page-discover #page-title,
.page-leaderboard #page-title{
    border:0;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.page-following #editor,
.page-leaderboard #editor,
.page-discover #editor{
    padding:0px;
    border:0;
}

span.button span,
span.button {
    background: none;
}

.fancybutton {
    height:auto
}

span.button {
    display: inline-block;
    float:none
}


#editor br {
    display: none;
}

#editor #onsugar_drafts_table br {
    display: block;
}

#media_assist #editor br,
#editor .legal br {
    display: block;
}

div.chzn-container ul.chzn-results li {
    padding: 4px 7px 3px;
}

.stream-tags {
	margin-bottom: 15px;
}

.stream-tags a {
	color: #8E8C94;
	font-size: 12px;
}

.sidebar-section h3 {
	cursor: pointer;
}

.sidebar-section .controls {
	display: none;
	padding-bottom: 22px;
}

#profile-controls .controls {
    padding-bottom: 2px;
}

.sidebar-section.active .controls {
	display: block;
}

.sidebar-section.hover .arrow {
	border-top-color: #333;
}

.sidebar-section.active h3,
.sidebar-section.hover h3 {
	color: #333;
    border-bottom: 1px solid #F1F1F1;
}

.sidebar-section .arrow {
	float: right;
	display: block;
	margin-right: 20px;
	margin-top: 4px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #ccc;
}

.sidebar-section.active .arrow {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #333;
	border-top: 0;
}

#left-sidebar  #profile-controls {
    margin-bottom: 2px;
    color: #555;
}

#left-sidebar #profile-controls a{
    padding: 2px 10px 2px 2px;
    border-bottom: 2px solid #F1F1F1;
    font-size: 12px;
    text-transform: uppercase;
}
#left-sidebar #profile-controls a.active {
    background: none;
    color:#000;
}
#profile-controls .control-label .pictos i {
    margin-right: 15px;
}

#profile-controls .control-label {
    padding: 4px 2px;
    text-transform: uppercase;
}

.sidebar-section .form-item{
    margin-bottom: 0px;
}


.profile-info-footer{
    margin-top: 10px;
}

.website-small-version .website-container-large .website,
.website-small-version .website-container-large{
    width:150px;
}

.website-small-version .website-cell{
    position: relative;
}
.website-small-version .website-cell .onsugar_button{
    width:auto;
    position: absolute;
    top:60px;
    right:20px;
    padding: 2px 6px 2px 6px;
    font-size: 11px;
}
.website-small-version .body,
.website-small-version .picture{
    display: none;
}
.website-small-version .website-container-large .website,
.website-small-version .website-container-large .website-image-container{
    height:90px
}

.website-small-version .website-container-large{
    height: 165px;
}

.website-small-version .website-container {
    font-size: 12px;
    line-height: 15px;
}

.website-small-version .website-container-large{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
}

.website-small-version .website-container .website{
    border-radius: 0;
}

.website-small-version .website-container .website-image-container {
    border:5px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	-moz-box-shadow:0px 0px 3px 1px rgba(0, 0, 0, .25);
	-webkit-box-shadow:0px 0px 3px 1px rgba(0, 0, 0, .25);
    width:144px
}
.website-small-version .website-container .copy,
.website-small-version .website-container .follow-count{
    padding: 5px 0 0 5px;
    margin: 0;
}
.website-small-version .website-container .follow-count{
    position: static;
    text-align: left;
    padding-top: 0;
    font-size: 11px;
}
.website-small-version .website-container  .author{
    float:none
}
.website-small-version .website-container .website-name{
    display: block;
}
.website-small-version .website-container .copy .clear{
    display: none;
}


.website-small-version .website-container .author,
.website-small-version .website-container .follow-count{
    font-size: 11px;
    line-height: 14px;
    text-align: left;
}

.website-small-version .website-container .copy{
    text-align: left;
}
#sugar #twitter-suggest-friends a.onsugar_button.auto-width,
#sugar #facebook-suggest-friends a.onsugar_button.auto-width{
    display: inline-block;
    text-align: center;
    margin-left: 10px;
}

a#leaderboard-menu-item{
    font-size: 13px;
}
.account-comment-picture{
    float:left;
    width:40px;
}

.info-footer a:hover i{
    text-decoration: none;
}
.pictos i,
.info-footer i {
	font-family: pictos;
	font-style: normal;
	color: #ccc;
	margin-left: 5px;
	margin-right: 1px;
}

.info-footer i {
	font-size: 14px;
}

.stream-comment-likes i {
	margin-right: -1px;
}

i.active,
i.pink {
	color: #0033cc;
}

a.following {
	color: #666;
}

.page-manage-new-layout #right-sidebar {
	display: none;
}

.page-manage-new-layout #river.column-wide {
	width: 100%;
}

.callout-container{
    margin: 0px 0px 20px 10px;
    cursor: pointer;

    display: block;

}
.callout-title{
    color:#333
}
.callout-content:hover .callout-amount{
    color:#0033cc;
}
.callout-content:hover{
    color:#0033cc;
    border-color:#0033cc
}
a.callout-content{
    text-decoration: none;
}
.callout-content{
    text-decoration: none;
    border:1px solid #ebebeb;
    padding:0 10px;
    display: block;

}
.callout-content{
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
}
.callout-amount{
    font-size: 24px;
    line-height: 30px;
    margin: 2px 0 3px 0;
    color:#333;
    height:30px;
}

.callout-learn-more{
    color:#999;
    font-size: 11px;
}

#shopSenseAccount {
    float:left;
    display:inline;
    width:30%;
    padding-left:20px;
    margin-top: 20px;
}

#shopSenseRevenue {
    float:left;
    display:inline;
    margin-right:30px;
    width:20%;
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 40px;
}
#shopSensePayments {
    float:left;
    display:inline;
    width:25%;
    margin-top: 20px;
    margin: 20px 30px 40px 30px;
}

.chart{
    margin: 0 5px 20px;
    display: inline-block;
}
.chart .loading{
    height: 150px;
    width: 400px;
    text-align: center;
    padding-top: 90px;
}
.loading.top-ten-list{
    height:400px;
}


#shopSenseRevenue th, #shopSenseRevenue td {
	text-align: right;
}

#shopSenseSummary h5{
    margin-bottom: 10px;
}

.flip {
	display: inline-block;
	-moz-transform: matrix(-1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
	-o-transform: matrix(-1, 0, 0, 1, 0, 0);
	filter: fliph;
}

#analytics-charts {
	width: 655px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}

#profile-page-content #analytics-charts {
	width: 450px;
	margin-left: 10px;
	margin-top: 14px;
}

.page-social-stats #analytics-charts{
  	margin-left: -1px;
	margin-top: -1px;
}
.page-social-stats .top-ten-list{
    width:676px
}

#analytics-menu {
	padding: 0px;
	margin: 0px;
	width: 150px;
	float: left;
	border-right: 1px solid #ebebeb;
}

#analytics-menu a {
	padding: 0;
	margin: 10px 0;
	font-size: 12px;
}

#analytics-menu  a {
	text-transform: uppercase;
	font-size: 12px;
	display: block;
	text-decoration: none;
	margin: 2px 0 2px 0;
	padding-left: 3px;
}

#analytics-menu  a:hover {
	color: #000;
}

#analytics-menu  a:hover i {
	color: #0033cc;
}

#analytics-menu  .pictos i {
	margin: 0 3px 0 0;
}

#analytics-charts {

	position: relative;
}

.charts-container {

}

#analytics-menu .active .submenu a.active,
#analytics-menu .active .pictos i,
#analytics-menu .active a{
    color:#000
}

#analytics-menu .active .submenu a {
    color:#666
}

#analytics-menu{
    padding-top: 10px;
}

#analytics-menu .pictos i {
	float: right;
	font-size: 14px;
	margin: 0;
	margin-right: 10px;
	text-transform: none;
}

#analytics-menu .submenu a {
	text-transform: none;
	font-size: 11px;
	padding-left: 6px;
}
.charts-container ol{
    padding-left: 20px;
    margin: 10px;
}
.charts-container li{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 0;
}
.charts-container .item-content,
.charts-container .item-content-wide,
.charts-container li .item-picture {
    display: inline-table;
}

.charts-container li .item-picture{
    margin-right: 10px;
    width:80px;
    text-align: right;
}

.charts-container li .item-picture-small{
    width: 40px;
}
.charts-container .item-content{
    width:205px
}

.charts-container .item-content-wide{
    width:300px
}

.top-ten-list{
    background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    width: 640px;
    border:1px solid #ebebeb;
    padding:10px;
    margin: 0 0px 20px 0;
}

.top-ten-list h5 {
    margin: 3px 3px 15px 3px;
}

.item-post-info{
    font-size: 12px;
}

.suggest-container {
    margin: 10px 0px 10px 0;
}

.suggest-container h5{
    margin: 10px 0;
}

#suggest-title{
    margin-top: 20px;
}

#suggest-done-top{
    position: absolute;
    top:10px;
    right:10px;
}
#suggest-done-bottom{
    position: absolute;
    bottom:10px;
    right:10px;
}

.vspacer-25{
    height: 25px;
}

#getting-started{
    margin: 20px;
}

#getting-started ul{
    margin: 30px 0px ;
    padding: 0;
}

#getting-started ul li{
    margin-bottom: 20px;
}

.social-icon{
    width:160px;
    float:left;
    margin: 10px;
}

.social-icon img{
    float: left;
    margin-right: 5px;
}

a.social-icon  {
    color:#000;
    text-decoration: none;
}

#getting-started .pictos i{
    font-size:22px;
    color:#999;
    margin: 0;
}

#getting-started .onsugar_button{
    font-size:20px;
    width:180px;
    text-align: left;
}
#suggest-done-bottom:active {
	position:absolute;
	top:auto;
}

.highlight{
    background: #f1f1f1;
}

.charts-container .item-picture img{
    width: 40px;
    height: 40px;
}

.profile-social-stats {
    font-size:12px;
}

#profile-social-stats-main .profile-social-stats span{
    width: 116px;
    font-size: 14px;
    padding: 5px 0;
}

#profile-social-stats-main .profile-social-stats .social-stats-all{
	padding-right:10px;
	width:107px;
}

#profile-social-stats-main {
	margin-bottom: 25px;
	border-top:1px solid #ebebeb;

}

.profile-social-stats span{
    width:50%;
    display: inline-block;
    text-align: right;
    text-transform: capitalize;
    border:1px solid #eee;
    border-left:0;
    border-right: 0;;
    margin: -1px 0 0 -1px;
}

.profile-social-stats-header span{
    border:0
}


#profile-social-stats{
    background: #fff;
    padding:10px;
    border:1px solid #eee;
    font-size: 12px;
    text-align: right;
    margin-right: 5px;
}

.side-by-side-list{
    width:50%;
    float:left
}

.side-by-side-list h6{
    text-transform: uppercase;
    font-size:12px;
    margin-left: 15px;
}

g{
    color: #999;
}

a.switch-button {
    margin: 0;
	color: #999;
    text-transform: uppercase;
    font-size: 12px;
	padding: 1px 8px 0px 3px;
	line-height: 24px;
	display: block;
	float: left;
	font-size: 12px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#e8e8e8);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#e8e8e8));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #ebebeb;
	text-shadow:
		0px 0px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,.5);
}
a.switch-button:active .pictos i,
a.switch-button:active,
a.switch-button:hover .pictos i,
a.switch-button:hover{
    text-decoration: none;
    color:#666
}
a.switch-button-right{
    margin-left: -2px;
    -moz-border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
}
a.switch-button-left{
    -moz-border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
}
a.switch-button-active{
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#e8e8e8);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#e8e8e8),
		color-stop(0.50, #ffffff),
		to(#ffffff));
	color:#666

}
a.switch-button:hover,
a.switch-button:active {
	color: #000;
}

a.switch-button-active .pictos i {
	margin-right: 2px;
}

a.switch-button-active .pictos i {
	color: #666;
}

#social-stats-toggle {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.account-sites .picture img,
.account-sites .picture{
    display: inline;
}

.account-sites .picture img{
    max-width: 40px;
}
.account-sites{
	text-shadow: 0px -1px 1px #fff;
	font-size:18px;
	line-height: 38px;
	border-bottom: 1px solid #ebebeb;
	padding-bottom:5px;
	padding-left: 5px;
	margin-bottom: 10px;
}
.account-sites-container{
    margin: 10px 0 25px 0;;
}

#profile-social-stats-main span.social-stats-type {
	width:143px;
}

.account-sites .toggle-links-ajax{
	display: inline-block;
	margin-top: 4px;
}
.poll .bar .foreground {
	background-color: #0033cc;
}

.account-list .account {
    width:auto;
    display: block;
}

.account-list .account img
{
	max-width: 50px;
    min-width: 50px;
	height: auto;
	width: auto;
	border-radius: 3px;
	border-radius: 3px;
}

.account-list .account-container{
    -webkit-box-shadow:none;
    moz-box-shadow:none;
    box-shadow: none;
    border-radius:0;
    float: left;
    width:250px
}

.account-list .account .account-picture{
    height: 50px;
    width:75px;
    float:left
}
.account-list .toggle-links-ajax{
    margin-top:10px
}

.account-list .account{
    border-bottom:1px solid #ebebeb;
    padding: 0px 0 10px 0;
    margin: 10px 0 0 0 ;
    text-shadow: 0 1px 1px #fff;
}

.account-list .followers,
.account-list .toggle-links-ajax,
.account-list .account .fb-name{
    float:left;
    width:200px;
    text-align: left;
}

.account-list .account .fb-name{
    width:300px
}

.account-list .account .fb-name,
.account-list .followers{
    font-size: 18px;
    line-height: 50px;
    margin: 0;
    padding:0
}
.account-list .account-header{
    border-bottom:1px solid #ebebeb;
    margin-top:30px
}

.page_container
{
	background: #eee url('/themes/c6/imgs/backgrounds/grey_diag.png');
	border: 1px solid #cecece;
	padding: 5px;
	/*needed for IE or the page renders all screwy*/
	width: auto
}

#active_pages
{
	width: auto;
	height: 80px;
	list-style-type: none;
}

.website-small-version .website-name{
    line-height: 15px;
    display: block;
    margin-bottom: 5px;
}

#no-posts-found p{
    margin-bottom: 25px;
}

.gsc-table-result td {
    text-align: left;
}

.gsc-result .gs-title{
    line-height: 1.4em;
}

#onsugar-content-container #editor #cse .gsc-control-cse{
    width:770px;
    padding:20px;
}

html .gsc-completion-container{
    z-index: 99;
    border-color: #d2d2d2;

}
.gsc-completion-container td {
    text-align: left ;
}



#menu-create-new-site {
    display:none;
}

#onsugar_follower_follow_email div.email_label,
#onsugar_follower_follow_email div.form-item {
    display: block;
    padding-top: 10px;
}

#onsugar_follower_follow_email h4 {
    color: #AAA;
    display: block;
}

#onsugar_follower-follow_email div{
    padding-top: 10px;
}

#onsugar_follower_follow_email {
    float: right;
    padding: 50px;
    background: #222;
}

#onsugar_follower_follow_email .form-text {
    width: 250px;
}

.tb {
    text-align: center;
    float: left;
    margin: 6px;
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;
    font-size: 11px;
    color: #222 !important;
    font-weight: normal !important;
    line-height: 1.3em;
    width: 120px;
}

.tb-thumb {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/themes/onsugar_themes/sugar/imgs/defaults/thumbnail.gif);
    background-color: #fff;
    display: block;
    width: 118px;
    height: 100px;
    border: 1px solid #eee;
}

.tb-medium {
    width: 82px;
    margin: 6px;
}

.tb-medium .tb-thumb {
    width: 78px;
    height: 80px;
}

.tb-small {
    width: 40px;
    height: 40px;
    margin: 1px;
}

.tb-small .tb-thumb {
    width: 38px;
    height: 38px;
}

.tb-title {
    height: 30px;
    display: block;
    margin-top: 3px;
}

.tb-video .tb-thumb { background-image: url(/themes/onsugar_themes/sugar/imgs/defaults/thumbnail-video.gif); }
.tb-gallery .tb-thumb { background-image: url(imgs/defaults/thumbnail-gallery.gif); }
.tb-text .tb-thumb,
.tb-blog .tb-thumb { background-image: url(/themes/onsugar_themes/sugar/imgs/defaults/thumbnail-post.gif); }
.tb-poll .tb-thumb { background-image: url(/themes/onsugar_themes/sugar/imgs/defaults/thumbnail-poll.gif); }
.tb-website .tb-thumb { background-image: url(/themes/onsugar_themes/sugar/imgs/defaults/thumbnail-group.gif); }
.tb-list .tb-thumb { background-image: url(/themes/onsugar_themes/sugar/imgs/defaults/thumbnail-list.gif); }
.tb-userlink .tb-thumb { background-image: url(/themes/onsugar_themes/sugar/imgs/defaults/thumbnail-userlink.gif); }
.tb-recipe .tb-thumb { background-image: url(/themes/onsugar_themes/sugar/imgs/defaults/thumbnail-recipe.gif); }
.tb-user .tb-thumb { background-image: url(/themes/onsugar_themes/sugar/imgs/defaults/thumbnail-user.gif); }
.tb-small .tb-thumb { background-image: url(/themes/onsugar_themes/sugar/imgs/defaults/user-small.gif); }

.tb-thumb:hover {
    background-color: #ccc;
    border: 1px solid #ccc;
}

.tb:hover { color: #000 !important; }