/*
 {$BRAND_NAME`}
 Copyright (c) ocProducts, 2004-2016
*/

{$THEME_WIZARD_COLOR,#ffffff,bubble_hover_link,100% #FFFFFF}
{$THEME_WIZARD_COLOR,#000000,bubble_link,100% #000000}
{$THEME_WIZARD_COLOR,#ffffff,bubble_link_inverted,100% #FFFFFF}
{$THEME_WIZARD_COLOR,#000000,bubble_hover_link_inverted,100% #000000}
{$THEME_WIZARD_COLOR,#ffffff,bubble_text,100% #FFFFFF}
{$THEME_WIZARD_COLOR,#333333,bubblescape,100% #333333}
{$THEME_WIZARD_COLOR,#444444,bubblescape_background,100% #444444}
{$THEME_WIZARD_COLOR,#757575,bubblescape_island,100% #757575}
{$THEME_WIZARD_COLOR,#3a3a3a,bubblescape_outside,100% #3A3A3A}

.page_running_admin_realtime_rain {
	background: {$GET,bubblescape_outside};
	overflow: hidden;
}
.page_running_admin_realtime_rain .breadcrumbs {
	margin-bottom: 1em;
}
.page_running_admin_realtime_rain #real_time_surround {
	border: 1px dotted {$GET,bubblescape_background};
}
#real_time_surround {
	position: relative;
	height: 555px;
	background: {$GET,bubblescape};
	overflow: hidden;
	width: 100%;
	{$BETA_CSS_PROPERTY,opacity: 0.95;}
}
#real_time {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
}

#loading_icon {
	padding-top: 250px;
}

#news_ticker {
	position: absolute;
	z-index: 100;
	width: 446px;
	height: auto;
	overflow: hidden;
	min-height: 116px;
}
#news_ticker h1 {
	color: {$GET,bubble_text};
	font-weight: bold;
	float: left;
	font-size: 1.25em;
	padding: 11px 15px;
	margin: 0;
	background: url('{$IMG;,realtime_rain/news-header}') no-repeat 0 0;
	width: 416px;
	border: 0;
}
#news_ticker .news_inside {
	background: url('{$IMG;,realtime_rain/news-bg}') repeat-y center top;
	overflow: hidden;
	width: 446px;
	margin: 0 auto;
	padding: 0;
	float: left;
}
#news_ticker .news_content {
	overflow: hidden;
	height: auto;
	width: 401px;
	color: {$GET,bubble_text};
	font-size: 0.75em;
	padding: 0 10px;
	margin: 0 auto;
}
#news_ticker .news_content p {
	font-size: 0.95em;
}
#news_ticker .news_footer {
	background: url('{$IMG;,realtime_rain/news-bot}') no-repeat;
	height: 21px;
	width: 446px;
	float: left;
}

#news_ticker, #time_line:hover {
	{$BETA_CSS_PROPERTY,opacity: 0.5;}
	{$BETA_CSS_PROPERTY,transform: scale(1);} /* Needed to stop size jerk during animation, by forcing it as a layer at all times */
}

#news_ticker:hover, #time_line {
	{$BETA_CSS_PROPERTY,opacity: 1.0;}
}

#timer_outer {
	width: 100%;
	padding: 10px 0;
	position: absolute;
	bottom: 10px;
	z-index: 100;
	color: {$GET,slightly_seeded_pale_text};
}
#timer_inner {
	width: 962px;
	margin: 0 auto;
}
#real_time_indicator {
	background: url('{$IMG;,realtime_rain/realtime-bubble}') no-repeat 0 0;
	overflow: hidden;
	font-size: 0.75em;
	width: 80px;
	height: 43px;
	padding: 8px 5px 0 8px;
	color: {$GET,slightly_seeded_pale_text};
}
#real-time-indicator span {
	width: 90px;
	float: left;
	text-align: center;
}
#timer {
	width: 952px;
	height: 38px;
	background: url('{$IMG;,realtime_rain/timer-bg}') no-repeat;
	margin-top: 5px;
	padding: 8px 0 0 10px;
}
#pause_but {
	float: left;
	margin-right: 50px;
}
#pre_but {
	float: left;
	padding: 5px 5px 0 0;
}
#time_line {
	float: left;
	padding: 4px 0 0 0;
}
#time_line img {
	display: block;
	margin-top: 7px;
}
#next_but {
	float: left;
	padding: 5px 0 0 5px;
}
#pause_but, #pre_but, #next_but, #time_line {
	cursor: pointer;
	{$BETA_CSS_PROPERTY,transform: scale(1);} /* Needed to stop size jerk during animation, by forcing it as a layer at all times */
}

#next_but, #pre_but, #pause_but, #timer_inner:hover {
	{$BETA_CSS_PROPERTY,opacity: 1.0;}
}

#next_but:hover, #pre_but:hover, #pause_but:hover, #pause_but.paused, #timer_inner {
	{$BETA_CSS_PROPERTY,opacity: 0.7;}
}

.attitude_ecommerce_positive {
	background: url('{$IMG;,realtime_rain/sun-effect}') no-repeat 0 0;
	width: 246px;
	height: 246px;
	padding: 22px;
	margin: -22px;
}
.attitude_join_positive, .attitude_Lorem_positive {
	background: url('{$IMG;,realtime_rain/halo-effect}') no-repeat 0 0;
	width: 246px;
	height: 246px;
	padding: 20px;
	margin: -20px;
}
.attitude_security_negative {
	background: url('{$IMG;,realtime_rain/horns-effect}') no-repeat 0 0;
	width: 246px;
	height: 246px;
	padding: 12px;
	margin: -12px;
}
.attitude_point_charges_negative {
	background: url('{$IMG;,realtime_rain/shadow-effect}') no-repeat 0 0;
	width: 246px;
	height: 246px;
	padding: 17px;
	margin: -17px;
}

.activated_quote_button {
	{$BETA_CSS_PROPERTY,opacity: 0.4;}
}

.bubble {
	width: 161px;
	height: 161px;
	padding: 20px 0 0 20px;
	position: relative;
	margin: 10px;
}
.bubble .avatar_icon {
	width: 59px;
	height: 59px;
}
.bubble .avatar_icon img {
	padding: 19px 17px;
	max-width: 25px;
	max-height: 25px;
}
.bubble h1 {
	margin-top: 0;
	color: {$GET,bubble_text};
	font-weight: normal;
	float: left;
	font-size: 1.15em;
	border-bottom: 0;
}
.bubble .email_icon {
	height: 39px;
	float: right;
	text-align: right;
	padding: 14px 35px 0 0;
	font-size: 0.75em;
}
.bubble .email_icon a {
	color: {$GET,bubble_link_inverted};
	text-decoration: none;
}
.bubble .email_icon a:hover {
	color: {$GET,bubble_hover_link_inverted};
	text-decoration: none;
}
.bubble .linkage {
	height: 10%;
	position: absolute;
	bottom: 0;
	font-size: 0.80em;
	padding: 0 0 10px 0;
	width: 150px;
	text-align: center;
}
.bubble .linkage a {
	color: {$GET,bubble_link};
	text-decoration: none;
}
.bubble .linkage a:hover{
	color: {$GET,bubble_hover_link};
	text-decoration: none;
}

.bubble_post {
	background: url('{$IMG;,realtime_rain/post-bubble}') no-repeat {$GET,bubblescape_island};
}
.bubble_post .avatar_icon {
	background: url('{$IMG;,realtime_rain/post-avatar}') no-repeat;
}

.bubble_news {
	background: url('{$IMG;,realtime_rain/post-bubble}') no-repeat {$GET,bubblescape_island};
}
.bubble_news .avatar_icon {
	background: url('{$IMG;,realtime_rain/post-avatar}') no-repeat;
}

.bubble_recommend {
	background: url('{$IMG;,realtime_rain/post-bubble}') no-repeat {$GET,bubblescape_island};
}
.bubble_recommend .avatar_icon {
	background: url('{$IMG;,realtime_rain/post-avatar}') no-repeat;
}

.bubble_polls {
	background: url('{$IMG;,realtime_rain/post-bubble}') no-repeat {$GET,bubblescape_island};
}
.bubble_polls .avatar_icon {
	background: url('{$IMG;,realtime_rain/post-avatar}') no-repeat;
}

.bubble_ecommerce {
	background: url('{$IMG;,realtime_rain/ecommerce-bubble}') no-repeat {$GET,bubblescape_island};
}
.bubble_ecommerce .avatar_icon {
	background: url('{$IMG;,realtime_rain/ecommerce-avatar}') no-repeat;
}

.bubble_actionlog {
	background: url('{$IMG;,realtime_rain/actionlog-bubble}') no-repeat {$GET,bubblescape_island};
}
.bubble_actionlog .avatar_icon {
	background: url('{$IMG;,realtime_rain/actionlog-avatar}') no-repeat;
}

.bubble_security {
	background: url('{$IMG;,realtime_rain/security-bubble}') no-repeat {$GET,bubblescape_island};
}
.bubble_security .avatar_icon {
	background: url('{$IMG;,realtime_rain/security-avatar}') no-repeat;
}

.bubble_chat {
	background: url('{$IMG;,realtime_rain/chat-bubble}') no-repeat {$GET,bubblescape_island};
}
.bubble_chat .avatar_icon {
	background: url('{$IMG;,realtime_rain/chat-avatar}') no-repeat;
}

.bubble_stats {
	background: url('{$IMG;,realtime_rain/stats-bubble}') no-repeat {$GET,bubblescape_island};
}
.bubble_stats .avatar_icon {
	background: url('{$IMG;,realtime_rain/stats-avatar}') no-repeat;
}

.bubble_join, .bubble_Lorem {
	background: url('{$IMG;,realtime_rain/join-bubble}') no-repeat {$GET,bubblescape_island};
}
.bubble_join .avatar_icon, .bubble_Lorem .avatar_icon {
	background: url('{$IMG;,realtime_rain/join-avatar}') no-repeat;
}

.bubble_calendar {
	background: url('{$IMG;,realtime_rain/calendar-bubble}') no-repeat {$GET,bubblescape_island};
}
.bubble_calendar .avatar_icon {
	background: url('{$IMG;,realtime_rain/calendar-avatar}') no-repeat;
}

.bubble_search {
	background: url('{$IMG;,realtime_rain/search-bubble}') no-repeat {$GET,bubblescape_island};
}
.bubble_search .avatar_icon {
	background: url('{$IMG;,realtime_rain/search-avatar}') no-repeat;
}

.bubble_point_charges {
	background: url('{$IMG;,realtime_rain/point_charges-bubble}') no-repeat {$GET,bubblescape_island};
}
.bubble_point_charges .avatar_icon {
	background: url('{$IMG;,realtime_rain/point_charges-avatar}') no-repeat;
}

.bubble_banners {
	background: url('{$IMG;,realtime_rain/banners-bubble}') no-repeat {$GET,bubblescape_island};
}
.bubble_banners .avatar_icon {
	background: url('{$IMG;,realtime_rain/banners-avatar}') no-repeat;
}

.bubble_point_gifts {
	background: url('{$IMG;,realtime_rain/point_gifts-bubble}') no-repeat {$GET,bubblescape_island};
}
.bubble_point_gifts .avatar_icon {
	background: url('{$IMG;,realtime_rain/point_gifts-avatar}') no-repeat;
}

.bubble_wrap {
	{$BETA_CSS_PROPERTY,opacity: 0.9;}
}
