/* $Id: zen.css,v 1.1.2.26 2008/04/20 04:22:15 johnalbin Exp $ */

/*
* ZEN STYLES
*
* This is an example stylesheet. Sub-themes should NOT include the zen/zen.css
* file, but instead copy this CSS to their own stylesheets.
*
* In this stylesheet, we have included all of the classes and IDs from this
* theme's tpl.php files. We have also included many of the useful Drupal core
* styles to make it easier for theme developers to see them.
*
* Many of these styles are over-riding Drupal's core stylesheets, so if you
* remove a declaration from here, the styles may still not be what you want
* since Drupal's core stylesheets are still styling the element. See the
* drupal5-reference.css file for a list of all Drupal 5.x core styles.
*
* In addition to the style declarations in this file, other Drupal styles that
* you might want to override or augment are those for:
*
*   Book Navigation  See line 74  of Zen's drupal5-reference.css file
*   Forum            See line 197 of Zen's drupal5-reference.css file
*   Menus            See line 667 of Zen's drupal5-reference.css file
*   News Aggregator  See line 20  of Zen's drupal5-reference.css file
*   Polls            See line 287 of Zen's drupal5-reference.css file
*   Search           See line 320 of Zen's drupal5-reference.css file
*   User Profiles    See line 945 of Zen's drupal5-reference.css file
*/

/** body **/
body {
	margin: 0em;
	padding: 0em;
	background: white;
	background: url("./images/b4/bambuser-bamberoll.png") repeat-x top white;
	font-family: 'Nudista Standard', Tahoma, Helvetica, sans-serif;
}
body.christmas {
	background: url("./images/b4/bambuser-bamberoll-v2-snow.png") repeat-x top white;
}

/* overriding /b/bambuser.css */

a,
.b-link {
	color: #00B3F6;
	text-decoration: none;
	cursor: pointer;
}

a:hover,
.b-link:hover {
	color: #0096d1;
	text-decoration: underline;
}

/**
 * wrapper for content, use this for all content that should cover 100% of width
 */
.content-wrapper {
	width: 980px;
	margin: 0 auto;
}

/**
 * Header
 */

#b-header-content.christmas {
	background: transparent url("./images/b4/header-christmas-decorations.png") 0 2px no-repeat;
}

#b-header-wrapper {
	position: relative;
	z-index: 998;
	padding-bottom: 0px;
	margin: 7px 0 7px 0;
}
#b-header-content {
	height: 90px;
	position: relative;
}
#b-header-content.dark {
	border-bottom: 2px solid #ddd;
}
ul#b-header-menu {
	float: right;
	list-style: none;
	position: relative;
	top: 28px;
	right: 5px;
}

ul#b-header-menu li {
	display: inline-block;
	font-size: 18px;
	font-family: 'Nudista Standard', Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	padding: 5px 10px;
}
#b-header-content.light ul#b-header-menu li.highlighted {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .2);
}
#b-header-content.dark ul#b-header-menu li.highlighted {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .1);
}
#b-header-content.light ul#b-header-menu > li > a {
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
}
#b-header-content.dark ul#b-header-menu > li > a {
	color: #222;
}
#b-header-content ul#b-header-menu li.dropdown-menu a {
	white-space: nowrap;
}
#b-header-content ul#b-header-menu li.dropdown-menu a:hover {
	text-decoration: none;
}
#b-header-content ul#b-header-menu li.dropdown-menu a .b-symbol-font {
	position: relative;
	margin-right: 10px;
	top: 1px;
}

#b-header-content.light .search-icon {
	font-size: 14px;
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
}
#b-header-content.dark .search-icon {
	font-size: 14px;
	color: #222;
}

.username-block {
	max-width: 300px;
	overflow: hidden;
	position: relative;
	vertical-align: bottom;
	display: inline-block;
	text-overflow: ellipsis;
}

/* SEARCH */
li#search-field-header {
	position: relative;
	height: 19px;
	width: 130px;
	top: 2px;
}
#search-field-wrapper {
	padding: 2px 0px;
	height: 27px;
	border-radius: 2px;
	position: absolute;
	right: 0px;
	overflow: hidden;
}
#b-header-content.dark #search-field-header #search-field-wrapper {
	background-color: #eee;
}
#b-header-content.light #search-field-header #search-field-wrapper{
	background-color: rgba(0, 0, 0, .2);
	box-shadow: 0px 1px 0px rgba(255, 255, 255, .2), inset 0px 1px 0px rgba(0, 0, 0, .2);
}
#search-form-header {
	display: inline-block;
}
#b-header-content #search-field-header #search-form-header {
	margin: 0;
	padding: 0;
}
#b-header-content #search-field-header #edit-keys {
	border: 0;
	background-color: transparent;
	font-family: 'Nudista Standard', Tahoma, Helvetica, sans-serif;
	font-size: 16px;
	height: 18px;
	width: 80%;
}

#b-header-content.light #search-field-header #edit-keys {
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
}
#b-header-content.dark #search-field-header #edit-keys {
	color: #222;
}
.search-icon-anchor {
	font-family: 'bambuser-symbols';
	font-weight: normal;
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
	cursor: pointer;
	font-size: 14px;
	right: 7px;
	top: 5px;
	position: absolute;
	z-index: 2;
	width: 20px;
	background: none;
	border: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#b-header-content.dark #search-field-header .search-icon-anchor {
	color: #222;
	text-shadow: none;
}
.search-icon-anchor:focus {
	outline: none;
}
li#search-field-header .search-icon-anchor:hover {
	text-decoration: none;
}

.search-input:focus {
	outline: none;
}

ul#b-header-menu li a:hover {
	text-decoration: underline;
}

ul.sub-dropdown-menu {
	display: none;
	position: absolute;
	z-index: 400;
	padding: 0 0 0 0;
	min-width: 140px;
	border-radius: 2px;
	background-color: #111;
	opacity: 0.95;
}
ul#b-header-menu li.dropdown-menu .sub-dropdown-menu li {
	display: block;
}
ul#b-header-menu li.dropdown-menu .sub-dropdown-menu li a {
	padding: 12px 10px;
	margin: 0;
	display: block;
	color: #fff;
}
ul#b-header-menu li ul.sub-dropdown-menu li {
	padding: 0;
	background-color: transparent;
}
ul#b-header-menu li ul.sub-dropdown-menu li:nth-child(2) {
	/*
	 * Fix the marginal .sub-menu-arrow-top adds. Works for IE9 and up,
	 * older browsers have a 6px margin above first li element in dropdown menu. 
	 */
	margin-top: -6px;
}
ul#b-header-menu li.dropdown-menu .sub-dropdown-menu li:hover {
	background-color: #222;
}
#b-header-content ul#b-header-menu .sub-dropdown-menu a {
}
ul#b-header-menu li.dropdown-menu ul.sub-dropdown-menu li:hover > a {
	color: #fff;
}
ul#b-header-menu li.dropdown-menu > ul.sub-dropdown-menu li a {
	font-size: 14px;
	display: block;
}

.dropdown-menu.header-no-js:hover ul.sub-dropdown-menu,
.dropdown-menu.header-no-js:hover .sub-menu-spacer {
	display: block;
}

ul.sub-dropdown-menu.active,
.sub-menu-spacer.active {
	display: block;
}

#dropdown-menu-avatar {
	position: relative;
	display: inline-block;
	top: 5px;
	margin-left: 5px;
	border-radius: 3px;
	background: url('/r/img/account-type.png') no-repeat;
	background-size: 100%;
	background-color: #aaa;
	border: 1px solid #222;
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, .2);
	box-shadow:         0px 1px 1px rgba(0, 0, 0, .2);
	width: 20px;
	height: 20px;
}
.sub-menu-spacer {
	height: 15px;
	display: none;
}

.sub-menu-arrow-top {
	width: 0;
	height: 0;
	position: relative;
	top: 9px;
	left: 26px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #111;
}

/** 
 * Header
 */
#header {
	margin-top: 10px;
	position: relative;
	background: url("./images/b4/border-dotted.gif") bottom repeat-x;
	padding-bottom: 7px;
	margin: 7px 0 7px 0;
}
#header-inner {
	height: 90px;
	position: relative;
}
#header-inner.christmas {
	background: transparent url("./images/b4/header-christmas-decorations.png") 0 2px no-repeat;
}

#logo { /* Wrapper for logo */
	position: absolute;
	top: 38px;
	left: 10px;
	width: 170px;
	height: 36px;
}
#top-search {
	position: absolute;
	top: 22px;
	right: 0px;
	margin: 0px;
	padding: 0px;
}
#top-search form {
	position: relative;
	margin: 0px;
	padding: 0px;
}
#top-search .search-form-text-input {
	position: absolute;
	font-size: 11px;
	top: 0px;
	right: 40px;
	border: 0px;
}
#top-search .top-search-submit {
	position: absolute;
	top: 0px;
	right: 0px;
}

/**
 * Search forms
 */
.search-form input[type='text'] {
	background: url("./images/b4/search/search-input-field.png") no-repeat;
	width: 165px; /* Input field scales. Change width up to 280px */
	height: 30px; /* total: 20px */
	float: left;
}
.search-form input[type='submit'] {
	margin: 0;
}
.search-form input[type='text'] {
	padding: 0 6px 0 6px;
	font-family: 'Kulturista Standard', Georgia, sans-serif;
	font-size: 1em; /* 12px */
	margin: 0px;
	border: 0;
}
.search-form input[type='text'].error {
	border: 0;
}
.search-submit-button {
	background: url("./images/b4/search/search-submit-button.png") no-repeat;
	width: 40px;
	height: 30px;
	padding: 0;
	border: 0px;
	cursor: pointer;
}

/**
 * Header menu
 */
.bambuser-header-menu {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	font-family: 'Kulturista Standard', Georgia, serif;
}
.bambuser-header-menu li {
	display: block;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.bambuser-header-menu a {
	display: block;
	margin: 0 10px 4px  0;
	padding: 3px; /* easier for user to hit the links when there's a bit of padding */

	color: #393939;
	white-space: nowrap;
}
.bambuser-header-menu a:hover {
	text-decoration: underline;
}
.bambuser-header-menu a span { /* Not a very nice hack, but seems like we have to support IE */
	position: relative;
	display: inline;

	margin-left: 15px;
	margin-right: -15px;
}

/**
 * Menu: main
 */
 #menu-a {
	left: 194px;
	bottom: 7px;
	font-size: 18px;
	line-height: 0.8;
	letter-spacing: -0.03em;
}

/**
 * Menu: secondary (beneath search field)
 */
#menu-b {
	right: 0px;
	bottom: 5px; /* align to bottom of logotype: bottom: 0px; */
	font-size: 13px;
	line-height: 1;
	letter-spacing: 0px;
	color: #393939;
}
#menu-b li.last > a {
	margin-right: 0;
	padding-right: 0;
}
#menu-a li a {
	padding-top: 7px;
}
#menu-a li.premium a {
	padding-right: 20px;
	background: url("/themes/b4/images/b4/icons/icon-premium.png") top right no-repeat ;
}

/* Premium promotion overlay */
#premium-promotion-overlay img {
	margin: 0 16px 15px 5px;
	float: left;
}
#premium-promotion-overlay h3 {
	color: #00aeef;
	padding-top: 12px;
	margin-bottom: 0;
}
#premium-promotion-overlay a:hover h3 {
	text-decoration: underline;
}
#premium-promotion-overlay p {
	font-family: "Nudista Standard", sans-serif;
	font-size: 14px;
	color: #666;
	margin-top: 6px;
}
#premium-promotion-overlay a:hover p {
	color: #444;
}

/* Generic sitewide classes */
.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
img.center {
	display: block;
	margin: auto;
}

/**
 * Main (container for everything else)
 */
#main {
	background: #fff;
}

/**
 * Content
 */
#content-inner {
	margin-top: 20px;
	margin-bottom: 20px;
}
h1 {
	/*old: font-family: "Calibri", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
	font-family: 'Kulturista SemiBold', Georgia, serif;
	font-weight: normal;
	font-size: 200%;
	color: #197b30;
	margin: 0 0 0.5em 0;
	padding: 0;
}

#messages-box {
	width: 980px;
	position: absolute;
	z-index: 999;
	left: 50%;
	margin-left: -490px;
}

#messages-box div.messages { /* Important messages (status, warning, and error) for the user */
	font-family: 'Nudista Standard', Tahoma, Helvetica, sans-serif;
	position: relative;
	margin: 5px auto 0px;
	border: 1px dashed #DBD8A9;
	padding: 14px 15px;
	color: #333;
	font-style: italic;
	width: 948px;
	border-radius: 6px;
	background-color: #F5FFCB;
	opacity: .95;
	box-shadow: 0px 1px 5px rgba(100, 150, 100, 0.3);
	-moz-box-shadow: 0px 1px 5px rgba(100, 150, 100, 0.3);
	-webkit-box-shadow: 0px 1px 5px rgba(100, 150, 100, 0.3);
}
#messages-box div.messages.error {
	color: #900;
	background-color: #fee;
}
div.messages span.close-message {
	position: absolute;
	right: 12px;
	top: 6px;
	color: #333;
	font-style: normal;
	cursor: pointer;
	padding: 5px;
}
div.messages span.close-message:hover {
	color: #000;
}

div.warning,
tr.warning,
body.section-admin tr.warning {
	color: #000;
	background-color: #ffc;
}

body.section-admin tr.error {
	color: #900;
	background-color: #fee;
}

.help { /* Help text on a page */
	margin: 1em 0em;
}

.more-help-link { /* Link to more help */
	font-size: 0.85em;
	text-align: right;
}

/**
 * Tabs
 */
div.bambuser-ui-tabs {
	font-family: 'Kulturista Standard', Georgia, serif;
}
div.bambuser-ui-tabs ul li a:hover {
	color: #222;
	text-decoration: none;
}
div.bambuser-ui-tabs ul li.breaking-news a {
	color: white;
	font-family: 'Kulturista SemiBold', Georgia, serif;
	background: #C33;
}
div.bambuser-ui-tabs ul li.breaking-news a:hover {
	color: white;
}
div.bambuser-ui-tabs ul li a {
	font-weight: normal;
	color: #197b30;
}

/* Users */
#users-menu > div > h3 {
	font-family: 'Kulturista Standard', Georgia, serif;
}
#users-menu > div > ul > li {
	font-family: 'Nudista Standard', Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 108.33%;
}
.bambuser-ui-user h4 {
	font-family: 'Kulturista SemiBold', Georgia, serif;
	font-weight: normal;
	color: #197b30;
}

/**
 * Sidebar
 */
#sidebar-right {
	margin-top: 55px;
}
#sidebar-left,
#sidebar-right {
	color: #333;
	font-family: 'Nudista Standard', Arial, serif;
}
#sidebar-left h2,
#sidebar-right h2 {
	font-family: 'Kulturista Standard', Georgia, serif;
	font-weight: normal;
	font-size: 18px;
}
#sidebar-left-inner,
#sidebar-right-inner {
	margin: 0px;
	padding: 0px;
}
#sidebar-left-inner .block-inner,
#sidebar-right-inner .block-inner {
	margin: 5px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	background: url("./images/b4/border-dotted.gif") top repeat-x;
}
#sidebar-right .pager,
#sidebar-left .pager {
	width: 280px;
	font-size: 8pt;
}

/**
 * Footer
 */
#footer {
	background: url("./images/b4/border-dotted.gif") repeat-x;
	padding-top: 2px;
}
#footer-inner {
	font-family: 'Kulturista Standard', Georgia, sans-serif;
	margin: 0em;
	padding: 15px 10px;
	color: #757575;
}
#footer div.menu-right {
	float: right;
}
#footer img {
	vertical-align: text-top;
}
#footer ul {
	margin: 0px;
	padding: 0px;
	display: inline;
}
#footer ul li {
	display: inline;
	list-style-type: none;
	margin: 0em;
	padding: 0em;
}
#footer a:hover {
	color: #555;
}
#footer a {
	margin: 0em;
	padding: 0px 9px 0px 2px;
	color: #999;
}
#footer li.narrow a {
	padding: 0px 3px;
}
#footer li.last a {
	border-right: none;
}

/**
 * Feedback box
 */
#bambuser-contact-wrapper {
	position:absolute;
	bottom: 50px;
	left: 0px;
	z-index: 1000;
}
#bambuser-contact {
	width: 360px;
	display:none;
}
#bambuser-contact .form-item:first-child {
	margin-top: 10px;
}
#bambuser-contact .form-item {
	margin: 0 0 10px;
}
#bambuser-contact .form-item label {
	color: #444;
	font-family: 'Nudista Standard', Arial, sans-serif;
	font-size: 16px;
	line-height: 1.35em;
}
#bambuser-contact .form-textarea,
#bambuser-contact .form-text {
	font-size: 16px;
	width: 96%;
}
#bambuser-contact .form-textarea {
	resize: none;
}
#bambuser-contact-link {
	position: absolute;
	bottom: 10px;
	left: 0px;
	width: 25px;
	height: 100px;
	display:block;
	cursor:pointer;
	z-index: 3;
}

/** Drupal nodes **/
#node-form {
	/*width: 460px;*/
}
#node-form label {
	font-size: 12pt;
	margin: 20px 0px 10px 0px;
}
#node-form .form-required {
	display: none;
}
.node-unpublished div.unpublished, /* The word "Unpublished" displayed beneath the content. */
.comment-unpublished div.unpublished {
	height: 0em;
	overflow: visible;
	color: #d8d8d8;
	font-size: 75px;
	line-height: 1;
	font-family: Impact, "Arial Narrow", Helvetica, sans-serif; /* Impact and Arial… seriously? */
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	word-wrap: break-word; /* A very nice CSS3 property */
}
.marker { /* "New" or "Updated" marker for content that is new or updated for the current user */
	color: #c00;
}
.node.node-unpublished .picture,
.comment.comment-unpublished .picture {
	position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
}
.node div.links { /* Wrapper for node links */
	margin: 1em 0em;
}
ul.links { /* Taxonomy links, node links, comment links */
	margin: 0em;
	padding: 0em;
}
ul.links.inline {
	display: inline;
}
ul.links li {
	display: inline;
	list-style-type: none;
	padding: 0em 0.5em;
}

/** Drupal comments **/
#comments { /* Wrapper for all comments */
	margin: 1em 0em;
}
.new { /* "New" marker for comments that are new for the current user */
	color: #c00;
}
.comment div.links { /* Wrapper for comment links. See also the ul.links declaration in the node section above. */
	margin: 1em 0em;
}

/** Drupal blocks **/
.block { /* Block wrapper */
	margin-bottom: 1em;
}

/** Miscellaneous Drupal styles **/
.error { /* Errors that are separate from div.messages status messages (see above.) */
	color: #c00;
}
.more-link { /* Aggregator, blog, and forum more link */
	text-align: right;
}
#user-login-form { /* Drupal's default login form */
	text-align: left;
}
tr.even, tr.odd { /* Some tables have rows marked even or odd. See also the ".section-admin tr.even" declaration below. */
	border-bottom: none;
	padding: 0em;
}
li a.active { /* The active item in a Drupal menu */
	color: #000;
}
.container-inline div, .container-inline label { /* Inline labels and form divs */
	display: inline;
}
.tips { /* Tips for Drupal's input formats */
	margin: 0em;
	padding: 0em;
	font-size: 0.9em;
}

/** Drupal admin tables **/
/* We overrode these styles in html-elements.css, but restore them for the
* admin section of the site.
*/
.section-admin tbody {
	border-top: 1px solid #ccc;
}
.section-admin th {
	text-align: left;
	padding-right: 1em;
	border-bottom: 3px solid #ccc;
}
.section-admin tbody th {
	border-bottom: 1px solid #ccc;
}
.section-admin thead th {
	text-align: left;
	padding-right: 1em;
	border-bottom: 3px solid #ccc;
}
.section-admin tr.even,
.section-admin tr.odd {
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	padding: 0.1em 0.6em;
}
#featured_title {
	font-size: 7pt;
	font-weight: bold;
	margin-bottom: 5px;
	color: #888;
}
.view-news {
	font-size: 9pt;
}
.view-upcoming .date,
.view-news .date {
	font-size: 8pt;
	color: #666;
	padding-right: 5px;
}
.view-upcoming .channel {
	padding-left: 5px;
	padding-right: 10px;
}
.view-upcoming .channel a{
	color: #2222ee;
}

/**
 * Help
 */
.keyword-container h2 {
	font-weight: normal;
	font-size: 19px;
	color: #444;
	font-family: "Kulturista Standard", Georgia, serif;
}


/**
 * /user page
 */
.b-2col-main {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 650px;
}
.b-2col-sidebar {
	margin: 0px 0px 0px 680px;
	position: relative;
	width: 300px;
}
.b-box {
	width: 258px;
	position: relative;
	padding: 25px 20px 15px;
	margin: 0px;
}
.b-box-purple {
	border: 1px solid #DBDBDB;
	border-top: 4px solid #540F99;
	color: #540F99;
}
.b-box-purple h1 {
	color: #540F99;
	margin: 0px 0px 10px 0px;
}
body.page-user #main-inner,
body.page-user-register #main-inner {
	margin: 0px;
}
#login-main,
#signup-main {
	width: 495px;
	padding: 25px 20px 30px 150px;
	margin: 0px 0px 50px 0px;
	border: 1px solid #dbdbdb;
}
#login-main h1,
#signup-main h1 {
	margin: 0px 0px 20px 0px;
	font-size: 20pt;
}
.connect-box p.signup-descr {
	font-size: 125%;
	color: #0e0e0e;
}
#login-main .form-text,
#signup-main .form-text {
	width: 200px;
}
#login-main .form-submit,
#signup-main .form-submit {
	margin-top: 10px;
}
.bambuser-heading-large {
	font-size: 3em;
	color: black;
}
.bambuser-signup-heading span {
	color: rgb(204,0,0);
	color: rgb(63,128,0);
}
.bambuser-input-status {
	position: absolute;
	margin: 0.2em 0em;
	padding: 0.3em 0em;
	font-size: 1em;
}
.bambuser-input-status-icon {
	margin: 0em 0.5em -3px 0.5em;
	border: none;
}
.page-signup-connect .bambuser-input-status {
	position: relative;
}
.page-signup-connect .bambuser-input-status-icon {
	margin: 0 0.5em -1px 0.5em;
	border: none;
}
.service-button-wrapper {
	margin: 0px 0px 30px 0px;
	min-height: 25px;
	position: relative;
}
.service-button-wrapper img.service-button {
	float: left;
}
.service-button-wrapper .service-button-info {
	margin-left: 180px;
}
.username-suggestion {
	padding: 5px 0px;
}
.username-suggestion-label {
	color: #000;
	font-size: 10pt;
	font-weight: bold;
}
.custom-username-suggestion-label {
	float: left;
	padding: 5px 10px 5px 0px;
}
body.page-signup .b-2col-sidebar .b-box-purple,
body.page-signup #signup-form fieldset,
body.page-signup #signup-main,
body.page-signup #main,
body.page-signup-connect #main {
	background: transparent;
	border: 0;
}
body.page-signup #signup-main {
	padding: 10px;
	margin: 0px 0px 15px 0px;
}
body.page-signup .connect-box p.signup-descr {
	text-shadow: 1px 1px 0px #fff;
	font-size: 108.33%;
	color: #0e0e0e;
	margin-top: 0.85em;
	margin-bottom: 3px;
}
body.page-signup .connect-box iframe {
	margin-top: 4px;
}
p.bambuser-signup-tagline,
p.bambuser-connect-tagline {
	font-size: 15px;
	margin-top: 0.4em;
}
body.page-signup .b-2col-main {
	float: right;
	margin-right: 20px;
	width: 380px;
}
body.page-signup .b-2col-sidebar {
	float: left;
	width: 380px;
	margin: 0;
	margin-left: 10px;
}
body.page-signup #signup-main #edit-submit {
	background: url("./images/b4/signup/button-create.png");
	border: 0;
	width: 143px;
	height: 46px;
	overflow: hidden;
	display: block;
	margin-top: 22px;
	margin-left: 2px;
	text-indent: -2999px;
	cursor: pointer;
}
body.page-signup a {
	color: #00aeef;
}
body.page-signup a:hover {
	text-decoration: underline;
}
body.page-signup #signup-main {
	width: 356px;
}
body.page-signup .b-2col-sidebar .connect-box {
	padding: 10px 20px 15px 20px;
}
body.page-signup #bambuser-signup-header {
	width: 838px;
	display: block;
	margin: auto;
	margin-bottom: 20px;
	position: relative;
}
a#signup-logo{
	position: absolute;
	right: 67px;
	bottom: 0px;
	padding: 0;
	margin: 0;
	line-height: 1em;
}
body.page-signup #bambuser-signup-top {
	background: url("./images/b4/paper-divided-top-bg.png") no-repeat;
	height: 10px;
	width: 838px;
	display: block;
	margin: auto;
}
#bambuser-signup-header p,
#bambuser-connect-header p {
	margin-left: 14px;
	padding: 0;
	color: #888;
}
#bambuser-signup-header h1,
#bambuser-connect-header h1 {
	margin: 2em 0 0 14px;
	padding: 0;
	font-size: 250%; /* 30px */
}
body.page-signup #user-register label,
body.page-signup p,
body.page-signup-connect p,
body.page-signup-connect h2 {
	padding-left: 4px;
	font-family: 'Kulturista Standard', Georgia, serif;
	font-weight: normal;
}

body.page-signup .captcha-description {
	font-size: 13px;
	margin-bottom: -5px;
}

body.page-signup .captcha-description > b {
	font-size: 21px;
	color: #6868cc;
	vertical-align: -2px;
	margin-left: 2px;
}

body.page-signup .description {
	padding-left: 4px;
	width: 318px;
	line-height: 1.35em;
	margin: 0 0 14px 0;
}
body.page-signup #bambuser-signup-middle {
	background: url("./images/b4/paper-divided-middle-bg.png") repeat-y;
	width: 838px;
	margin: auto;
	display: block;
	position: relative;
}
body.page-signup #bambuser-signup-middle > div {
	margin-top: 5px;
}
body.page-signup #bambuser-signup-bottom {
	background: url("./images/b4/paper-divided-bottom-bg.png") no-repeat;
	height: 40px;
	width: 838px;
	margin: auto;
}
body.page-signup p#signup-tou {
	font-family: 'Kulturista Standard', Georgia, serif;
}
body.page-signup p#signup-privacy-policy {
	color: #a0a0a0;
}
body.page-signup p#signup-privacy-policy > a,
body.page-signup p#signup-privacy-policy > a:visited {
	text-decoration: underline;
	color: #a0a0a0;
}
body.page-signup #user-register input.form-text {
	border: 0;
	height: 40px;
	width: 304px;
	margin:0;
	padding: 4px 12px 4px 12px;
	background: url("./images/b4/iw-input-fields.png") no-repeat -6px 3px;
	/* error field highlight: background-position: -5px -46px; */
}
body.page-signup #user-register #edit-country {
	margin-left: 4px;
}
body.page-signup #user-register input[type="checkbox"].form-checkbox {
	margin-left: 0px;
}
body.page-signup #user-register input[type="password"].error,
body.page-signup #user-register input[type="text"].error {
	background: url("./images/b4/iw-input-fields.png") no-repeat -6px -46px;
	/* error color for fields: #ad0000 */
}
body.page-signup #user-register label.error {
	color: #ad0000;
}
body.page-signup #content-area h1,
body.page-signup-connect h1 {
	font-family: 'Kulturista Light', Georgia, serif;
	color: #363636;
}
body.page-signup #content-area h1.bambuser-signup-h1 {
	color: #222;
}
body.page-signup #signup-main h1,
body.page-signup .connect-box h1 {
	font-size: 183%; /* 22px */
	width: 360px;
	display: block;
	margin: 0;
	padding-bottom: 15px;
	text-shadow: 1px 1px 0px #fff;
	background: url("./images/b4/signup/border-dotted-signup.png") no-repeat 0 38px;
}
body.page-signup div.clearfloat,
body.page-signup-connect div.clearfloat {
	clear: both;
}
body.page-signup .bambuser-input-status {
	margin: 10px 0 4px 0;
}
body.page-signup-connect #bambuser-connect-header {
	width: 573px;
	display: block;
	margin: auto;
}
body.page-signup-connect #bambuser-connect-top {
	background: url("./images/b4/paper-connect-top-bg.png") no-repeat;
	height: 10px;
	width: 573px;
	display: block;
	margin: auto;
}
body.page-signup-connect #bambuser-connect-middle {
	background: url("./images/b4/paper-connect-middle-bg.png") repeat-y;
	width: 573px;
	margin: auto;
	display: block;
	position: relative;
}
body.page-signup-connect #bambuser-connect-middle > div {
	margin: 0 14px 0 14px;
	padding-top: 10px;
}
body.page-signup-connect .b-signup-facebook,
body.page-signup-connect .b-signup-twitter {
	position: relative;
	padding-left: 10px;
}
body.page-signup-connect h2 {
	font-size: 125%;
	margin-bottom: 0.6em;
	color: #363636;
	text-shadow: 1px 1px 0px #fff;
}
body.page-signup-connect p.bambuser-connect-descr {
	margin-top: 7px;
	font-size: 108.33%;
	color: #888;
	text-shadow: 1px 1px 0px #fff;
}
body.page-signup-connect #bambuser-connect-bottom {
	background: url("./images/b4/paper-connect-bottom-bg.png") no-repeat;
	height: 40px;
	width: 573px;
	margin: auto;
}
body.page-signup-connect .b-signup-twitter > h2 {
	margin-top: 0;
}
body.page-signup-connect .b-signup-twitter {
	padding-bottom: 2.5em;
}
body.page-signup-connect div.b-signup-done {
	display: block;
	background: url("./images/b4/signup/border-dotted-signup.png") repeat-x 0 0px;
}
.button-connect-with-fb {
	display: block;
	margin-left: 4px;
}
.button-connect-your-twitter {
	display: block;
	width: 321px;
	height: 41px;
	text-indent: -2999px;
	margin-left: 4px;
	overflow: hidden;
	background: url("./images/b4/signup/button-connect-your-twitter.png") no-repeat 0 0px;
}
.button-finish,
.button-skip {
	float: right;
	display: block;
	width: 139px;
	margin-top: 20px;
	margin-right: 4px;
	height: 42px;
	text-indent: -2999px;
	overflow: hidden;
}
.button-finish {
	background: url("./images/b4/signup/button-finish.png") no-repeat 0 0px;
}
.button-skip {
	background: url("./images/b4/signup/button-skip.png") no-repeat 0 0px;
}
#signup-banner-container {
	margin-top: 14px;
	overflow: visible;
	height: 120px;
}
#signup-banner-bg {
	position: absolute;
	width: auto;
	margin: 0;
	padding: 0;
	left: 0;
	right: 0;
	top: 130px;
	background: url("./images/b4/signup-banner-bg-striped.jpg") repeat-x;
}
#signup-banner {
	width: 980px;
	margin: auto;
	margin-top: 12px;
}
#signup-message {
	float: left;
	width: 420px;
	margin-top: 3px;
	margin-right: 25px;
}
#signup-message p {
	font-family: 'Kulturista Standard', Georgia, serif;
	font-size: 14px;
	line-height: 1.55;
	text-shadow: #eee 1px 1px 0px;
}
#signup-banner-signup-button {
	float: left;
	margin-left: 18px;
	margin-right: 30px;
	margin-top: 17px;
}

/* Share dialog */
.bambuser-dialog .link-container {
	clear: both;
}
.bambuser-dialog .share-menu-container .post-services-container .post-service{
	float: left;
	margin-right: 5px;
}

/* Share menu */
.broadcaster-options,
.share-menu-container ul {
	list-style: none;
	padding-left: 0px;
}
.share-menu-container .share-menu-block > ul {
	margin-top: 0px;
	margin-bottom: 0px;
}
.share-menu-container .share-menu-block {
	overflow: auto;
	width: 100%;
	margin-bottom: 1em;
}
.share-menu-container .share-menu-block p {
	margin-bottom: 0.5em;
	margin-top: 0px;
}
.share-menu-container .share-group > ul {
	margin-left: 0;
}
.share-menu-container a {
	color: #00b6f1;
}
#content #main-content .b-bcl-details .b-overlay-wrapper-share .b-overlay-title > h3 {
	margin-bottom: 24px;
}
.share-menu-container .share-group .desc {
	color: #777;
	text-shadow: 0px -1px 0px #fff;
	-moz-text-shadow: 0px -1px 0px #fff;
	-webkit-text-shadow: 0px -1px 0px #fff;
}
.share-menu-container .share-label {
	color: #606060;
	text-shadow: 0px -1px 0px #fff;
	-moz-text-shadow: 0px -1px 0px #fff;
	-webkit-text-shadow: 0px -1px 0px #fff;
	float: left;
}
.share-menu-container .share-buttons {
	margin-left: 4px;
	margin-top: 8px;
	height: 30px;
	color: transparent;
	text-shadow: none;
	float: right;
}
.share-menu-container .share-buttons .error {
	color: red;
	background: transparent;
	font-size: 14px;
	position: relative;
	top: 8px;
}
.share-menu-container .share-share-button {
	background: url("./images/b4/interface/button-share-dialog-share.png") no-repeat;
	width: 68px;
	height: 23px;
	float: right;
	position: relative;
	bottom: -5px;
}
.share-menu-container .b-overlay-content > .loading-spinner {
	margin-bottom: 14px;
}
.broadcaster-options li,
.share-menu-container .share-group .group-header {
	background: url("../bambuser_mobile/images/m-share-menu-bg.png") repeat-x;
	border: 1px solid #a0a0a0;
	height: 29px;
	padding-top: 11px;
}
.broadcaster-options,
.broadcaster-options li:first-child,
.share-menu-container .share-group .group:first-child .group-header {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.share-menu-container .closed .group-contents {
	display: none;
}
.broadcaster-options,
.share-menu-container .share-group .group-description,
.share-menu-container .share-group .group-contents {
	border-left: 1px solid #a0a0a0;
	border-right: 1px solid #a0a0a0;
	margin: 0;
	background-color: #E7E7E7;
}
.share-menu-container .share-group .group-description {
	color: #606060;
	font-size: 14px;
	padding: 14px 10px 10px 10px;
	overflow: auto;
}
.share-menu-container .share-group .group-description .group-description-text {
	display: inline-block;
	padding-left: 4px;
	line-height: 1.35em;
}
.broadcaster-options,
.broadcaster-options li:last-child,
.share-menu-container .share-group .group:last-child .group-contents {
	border-bottom: 1px solid #a0a0a0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.share-menu-container .share-group .group-contents ul li {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 0;
}
.share-menu-container .share-group .group-contents ul {
	margin: 0 10px 0 10px;
	padding-bottom: 10px;
}
.share-menu-container .share-group .Social .group-label-text {
	background: url("../bambuser_mobile/images/share-icons.png") no-repeat;
	background-position: 0 -1236px;
	padding-left: 24px;
}
.share-menu-container .b-overlay-content .b-share-menu > ul {
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.share-menu-container .share-target-toggler {
	cursor: pointer;
	background: url("./images/b4/interface/button-share-checkbox.png") no-repeat;
	background-position: 0 0px;
	width: 20px;
	height: 20px;
	position: relative;
	bottom: -6px;
}
.share-menu-container .share-target-toggler-shared {
	background: url("./images/b4/interface/button-share-checkbox.png") no-repeat;
	background-position: 0 -20px;
	width: 20px;
	height: 20px;
}
.share-menu-container .share-target-checkbox {
	left: auto !important;
	top: auto !important;
}
.share-menu-container .share-head {
	position: relative;
	height: 25px;
}
.share-menu-container .share-head .share-label {
	position: absolute;
	bottom: 0px;
	height: 13px;
	overflow: hidden;
}
.share-menu-container .share-head .share-target-icon {
	position:absolute;
	bottom: 2px;
	right: 2px;
}
.share-menu-container .share-desc-long {
	display: none;
	color: #606060;
	text-shadow: 0px -1px 0px #fff;
	-moz-text-shadow: 0px -1px 0px #fff;
	-webkit-text-shadow: 0px -1px 0px #fff;
	margin-top: 8px;
	padding-left: 4px;
	margin-bottom: 10px;
}
.share-menu-container .share-head .share-desc-long-toggle {
	background: url("../bambuser_mobile/images/share-icons.png") 0 -1178px no-repeat;
	color: #606060;
	text-shadow: 0px -1px 0px #fff;
	-moz-text-shadow: 0px -1px 0px #fff;
	-webkit-text-shadow: 0px -1px 0px #fff;
	cursor: pointer;
	position: absolute;
	margin-right: 4px;
	padding-left: 18px;
	padding-top: 2px;
	right: 2px;
	bottom: 2px;
}
.share-menu-container .share-target-link {
	cursor: pointer;
}
.share-menu-container .share-target-link-shared {
	background: url("./images/b4/interface/button-share-dialog-shared.png") no-repeat;
	width: 87px;
	height: 23px;
	float: right;
	position: relative;
	bottom: -5px;
}
.share-menu-container .share-send-button {
	background: url("../bambuser_mobile/images/m-buttons-edit-overlay.png") no-repeat;
	background-position: -93px -210px;
	width: 90px;
	height: 30px;
	position: absolute;
	bottom: 3px;
	right: 0px;
}
.share-menu-container .share-configure-button {
	background: url("./images/b4/interface/button-share-dialog-configure.png");
	width: 13px;
	height: 13px;
	margin-right: 8px;
	display: block;
	opacity: 0.5;
	float: left;
	position: relative;
	bottom: -10px;
}
.share-menu-container .share-configure-button:hover {
	opacity: 1;
}
.share-menu-container .b-overlay-wrapper-share .share-group-enabled .desc {
	margin-bottom: 8px;
}
.share-menu-container .share-group-enabled h5.share-group-title {
	display: none;
}
.share-menu-container .share-group {
	padding: 0px 0px 0px 0px !important;
}
.share-menu-container .share-head .no-icon {
	position:absolute;
	bottom: 2px;
	right: 2px;
	background-color: #E7E7E7;
}
.share-menu-container .no-configure {
	color: #777;
	text-shadow: 0px -1px 0px #fff;
	-moz-text-shadow: 0px -1px 0px #fff;
	-webkit-text-shadow: 0px -1px 0px #fff;
	margin-left: 1px;
	margin-right: 4px;
	position: relative;
	bottom: -11px;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
}
.share-menu-container .broadcast-url {
	clear: both;
	margin-bottom: 20px;
}
.share-menu-container .group {
}
.broadcaster-options li,
.share-menu-container .group-header {
	height: 30px;
}
.share-menu-container .group-header .group-label {
	position: absolute;
	margin-left: 26px;
}
.broadcaster-options li .option,
.share-menu-container .group-header .group-label .has-icon {
	margin-left: 8px;
}
.share-menu-container .group-header .group-icon {
	position: relative;
	top: 2px;
}
.share-menu-container .open .group-header .group-toggler {
	float: left;
	background: url("../bambuser_mobile/images/m-buttons-edit-overlay.png") no-repeat;
	background-position: -202px -1px;
	width: 13px;
	height: 12px;
	cursor: pointer;
}
.share-menu-container .closed .group-header .group-toggler {
	float: left;
	background: url("../bambuser_mobile/images/m-buttons-edit-overlay.png") no-repeat;
	background-position: -216px -1px;
	width: 13px;
	height: 12px;
	cursor: pointer;
}
.broadcaster-options li .option,
.share-menu-container li.share-group .group-label .group-label-text {
	font-size: 15px;
	font-weight: normal;
	color: #5c5c5c;
	text-shadow: 0px -1px 0px #fff;
	-moz-text-shadow: 0px -1px 0px #fff;
	-webkit-text-shadow: 0px -1px 0px #fff;
}
.share-menu-container li.share-group .group-header .group-toggler {
	color: #5c5c5c;
	font-size: 10px;
	margin-top: 3px;
	margin-left: 10px;
	text-shadow: 0px -1px 0px #fff;
	-moz-text-shadow: 0px -1px 0px #fff;
	-webkit-text-shadow: 0px -1px 0px #fff;
}
.share-menu-container .group .group-toggle-visible {
	cursor: pointer;
}
.share-menu-container .group-description {
	margin-left: 15px;
	color: #555;
	text-shadow: 0px -1px 0px #fff;
	-moz-text-shadow: 0px -1px 0px #fff;
	-webkit-text-shadow: 0px -1px 0px #fff;
}
.share-menu-container .closed .group-description {
	display: none;
}
.share-menu-container .closed .group-header {
	border-bottom: 0;
}
.share-menu-container .closed:last-child .group-header {
	border-bottom: 1px solid #a0a0a0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.share-menu-container .group .no-description {
	padding-top: 15px;
}
.share-menu-container .group-configure-button {
	background: url("./images/b4/interface/button-share-dialog-configure.png");
	width: 13px;
	height: 13px;
	float: right;
	position: relative;
	cursor: pointer;
	top: 2px;
	margin-right: 6px;
	opacity: 0.5;
}
.share-menu-container .group-configure-button:hover {
	opacity: 1;
}
.share-menu-container .share-buttons-push .spinner {
	position: relative;
	top: -14px;
	right: 21px
}
.share-menu-container .share-buttons-check .spinner {
	position: relative;
	top: -13px;
	right: 19px;
}
.share-menu-container .share-target-msg .spinner {
	position: relative;
	float: right;
	top: 10px;
	right: 98px;
	z-index: 10;
}

/* Share menu icons */
.share-menu-container .share-target .share-label {
	font-size: 14px;
	padding-bottom: 4px;
	margin-left: 4px;
	bottom: -16px;
	position: relative;
}
.share-menu-container .share-label .share-icon {
	position: relative;
	bottom: -2px;
}
.share-menu-container .share-label .share-label-text {
	margin-left: 4px;
	position: relative;
	bottom: 1px;
}
.icon-green-checked {
	background: url("./icons/icon-green-checked.png");
	width: 15px;
	height: 13px;
}

/* FB friends list */
.fb-friends-list > h2 {
	font-family: 'Kulturista SemiBold', Georgia, serif;
	font-weight: normal;
	color: #197B30;
}
.fb-friends-list .fb-follow-all {
	float: right;
	margin-top: 5px;
}
.fb-friends {
	margin-top: 20px;
	padding-left: 0px;
}
.fb-friends > li {
	list-style-type: none;
	margin-bottom: 10px;
	background: url("/themes/b4/images/b4/border-dotted.gif") bottom repeat-x;
	padding-bottom: 10px;
}
.fb-friends > li:last-child {
	background: none;
}
.fb-friends .show-all {
	margin-top: 20px;
	text-align: center;
}
.fb-friends .show-all > a {
	font-size: 15px;
	font-family: 'Kulturista Semibold', Georgia, serif;
	color: #00B3F6;
}
.fb-friend {
	clear: both;
	overflow: auto;
	width: 100%;
	font-family: 'Nudista Standard', Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}
.fb-friend-avatar {
	float: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow: hidden;
	width: 32px;
	height: 32px;
}
.fb-friend-info {
	float: left;
	margin-left: 6px;
}
.fb-friend .fb-friend-info .username {
	font-size: 15px;
	font-family: 'Kulturista Semibold', Georgia, serif;
	color: #00B3F6;
}
.fb-friend .fb-friend-info .username:hover,
.fb-friends .show-all > a:hover {
	opacity: 0.5;
}
.fb-friend-follow {
	float: right;
	margin-top: 5px;
}

/* Flag icons */
.base-flag {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 16px;
	margin-right: 6px;
	top: 3px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow:    0 1px 2px 0 rgba(0, 0, 0, .2);
	box-shadow:         0 1px 2px 0 rgba(0, 0, 0, .2);
}
.base-flag.sweden {
	background: url("/r/img/flags/sweden-flag.png");
}
.base-flag.uk {
	background: url("/r/img/flags/uk-flag.png");
}
.base-flag.us {
	background: url("/r/img/flags/us-flag.png");
}
