/*
 * title:	Livestream for Facebook Stylesheet
 * author:	Micah Sivitz
 * email:	micah@livestream.com
 * website:	www.livestream.com
 * --------------------------------------------------------- */

/* RESETS
--------------------------------------------------------------*/
body {
	margin: 0;padding: 0;
	font-size: 11px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif;
}

a {
	text-decoration: none;
	outline: none;
	-moz-outline:none;
	color: #3B5998;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

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

li {
	list-style: none; 
	font-size: 11px; 
	color: #868686;
	padding: 3px 0;
}

h2 {
	font-size: 20px;
	color: #324177;
	margin: 5px 0 15px 0;
}

h3 {
	font-size: 16px;
	color: #444;
	margin: 5px 0 15px 0;
	padding: 0 0 5px ;
	border-bottom: 1px solid #cfcfcf;
}

.account_panel .choose_channel_name, .account_panel .filled_username, .account_panel .filled_password, .login_or_signup p.login_text, .signup, .start_new_channel, .my_channel_options, .logout, div#login_logout_loader {
	display:none;
}

div#ajax_resp {
	width: 0px;
	height: 9px;
	overflow: hidden;
	display: none
}

p {line-height: 18px;color: #868686;padding: 0 0 10px;margin:0;}

select{border:1px solid #bdc7d8;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;padding:2px}

.hide {
	display: none;
}

.show {
	display: block !important;
}

.clearfix {
	clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

a.logo {
	display: block;
	text-indent: -9999px;
}
a.logo.big {
	width: 398px;
	height: 32px;
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/logo-l4f.jpg);
	background-repeat:  no-repeat;
	background-position: 0 0;
}

a.button {
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/sprite_btns.gif?v=2.5);
	background-repeat: repeat-x;
	padding: 5px 9px;
	font-size: 11px;
	line-height:11px;
	height:11px;
	color: #ffffff;
	font-weight: bold;
	-moz-box-shadow: 0px 0px 2px #e8e8e8;
	-webkit-box-shadow: 0px 0px 2px #e8e8e8;
	box-shadow: 0px 0px 2px #e8e8e8;
}

/* COMMON
--------------------------------------------------------------*/
#wrapper {
	width: 760px;
	margin: 0 auto;
	overflow: hidden;
}

#wrapper.profile {width:520px;}

#header {
	width: 760px;
	height: 30px;
	padding: 15px 0 30px;
}
#header.page_header {width:520px;float:left;}

div.loader {
	clear:both;
	width:16px;
	height:11px;
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/loader.gif?v=2.5);
	background-repeat: no-repeat;
	background-position:left top;
	margin:20px auto;
}
div.loader.grey {background-image: url(//cdn.livestream.com/livestreamforfacebook/images/loader_grey.gif?v=2.5);}

/* Invite Dialog overwrites */
#skip_top {
		display: none !important;
		height:0px !important;
	}
.pop_container_advanced {
	 width: 468px !important;
}

.disabled {
	opacity: 0.2;
}

/* OWNER OPTIONS OVERLAY
--------------------------------------------------------------*/
.right_ui_buttons {
	width: 192px;
	height: 23px;
	overflow: hidden;
	position: relative;
	margin: 4px;
	float: right;
}

.right_ui_buttons li {
	padding: 0;
	margin: 0;
	float:left;
	display:inline;
}

.right_ui_buttons li:first-child {margin-right:7px;}

.right_ui_buttons a {
	float:left;
	display: block;
	text-indent: -9999px;
}
.owner_options a.owner_options_toggle {
	width: 79px;
	height: 23px;
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/sprite-buttons_owner.gif?v=2.5);
	background-repeat: no-repeat;
	background-position:0px 0px;
}
.owner_options a.owner_options_toggle.active {
	background-position: left -23px;
}
.right_ui_buttons a.help_services {	
	width: 106px;
	height: 23px;
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/sprite-buttons.gif?v=2.5);
	background-repeat: no-repeat;
	background-position:0px -46px;
}
.right_ui_buttons a.help_services:active {
	background-position: left -69px;
}

.owner_tooltip {
	width: 273px;
	height: 26px;
	padding: 2px 1px 13px;
	position: absolute;
	top: 12px;
	right: 0;
	background: transparent url(//cdn.livestream.com/livestreamforfacebook/images/bg-owner_options_new.png?v=2.5) no-repeat top left;
	z-index: 4;
}
.owner_tooltip li {
	margin: 0;
	padding: 0;
	float:left;
}
.owner_tooltip a, .owner_tooltip a.broadcast_now {
	padding: 0;
	margin: 0;
	float: left;	
	display: block;
	text-indent: -9999px;
	width: 136px;
	height: 25px;
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/sprite-buttons_owner.gif?v=2.5);
}

.owner_tooltip a.channel_settings {
	background-position: left -46px;
	border-right: 1px solid #ccc;
}
.owner_tooltip a.channel_settings:hover {
	background-position: left -71px;
}
.owner_tooltip a.channel_settings:active {
	background-position: left -96px;
}
.owner_tooltip a.manage_pages {
	background-position: left -121px;
	border-right: 1px solid #ccc;
}
.owner_tooltip a.manage_pages:hover {
	background-position: left -146px;
}
.owner_tooltip a.manage_pages:active {
	background-position: left -171px;
}
.owner_tooltip a.broadcast_now {
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/sprite-buttons_owner.gif?v=2.5);
	background-position: left -196px;
}
.owner_tooltip a.broadcast_now:hover {
	background-position: left -221px;
}
.owner_tooltip a.broadcast_now:active {
	background-position: left -246px;
}
.owner_tooltip a.post_to_wall {
	background-position: left -271px;
}
.owner_tooltip a.post_to_wall:hover {
	background-position: left -296px;
}
.owner_tooltip a.post_to_wall:active {
	background-position: left -321px;
}


/* LANDING PAGE
--------------------------------------------------------------*/
#content {
	background-color: #fff;
	float: left;
	width: 760px;
	position:relative;
}
#content.index {padding:0;border:0;}
#content.index .l4f {float:left;width:760px;}

#content.index.profile_page .l4f {float:left;width:520px;}

#content.profile_page {width:520px;}

.l4f .promo_area {
	width:760px;
	height:266px;
	float:left;
	background-image:url(//cdn.livestream.com/livestreamforfacebook/images/bg-promo_760.jpg);
	background-repeat: no-repeat; 
	background-position:left top;
	position:relative;
}

.profile_page .l4f .promo_area {
	width:520px;
	height:266px;
	background-image:url(//cdn.livestream.com/livestreamforfacebook/images/bg-promo_520.jpg);
}

.l4f #isowner.promo_area {
	width:520px;
	height:266px;
	top:0px;
	left:0;
	z-index:10;
	background-color:#fff;
	background-image:url(//cdn.livestream.com/livestreamforfacebook/images/bg-promo_owner_520.jpg);
}

.l4f .promo_area .promo_text {
	float:left;
	width:400px;
	height:100px;
	padding-left:30px;
	padding-top:115px;
}

.l4f #isowner.promo_area .promo_text {
	padding-top:75px;
	width:420px;
	height:100px;
}

.profile_page .l4f .promo_area .promo_text {
	width:420px;
	padding:110px 30px 0;
	height:100px;
}

.l4f .promo_area p {
	float:left;
	width:390px;
	font-size:14px;
	line-height:18px;
}

.profile_page .l4f .promo_area .promo_text p{
	padding-top:0px;
	width:420px;
}


#content.profile_page {
	width:520px;border:0; padding:0;
}
.promo_area .promo_image {
	width: 340px;
	height:266px;
	position:absolute;
	top:0;
	right:0px;
}

.promo_area .promo_image .img {
	width:320px;
	height:266px;
}

#content.profile_page h3 {margin-bottom:10px; border:0;}

.promo_area ul {
	float:left;
	width:390px;
	margin: 10px 0;
	padding-left:30px;
}

.profile_page .promo_area ul {
	margin-top:15px;
}

.l4f #isowner.promo_area ul {
	margin-top:30px;
}

.promo_area ul li {
	float: left;
	font-size: 11px;
}

.promo_area ul li a {margin: 0 10px 0 0;}

.l4f #isowner.promo_area ul li {
	margin-right:7px;
	float:left;
	height:31px;
}
.l4f #isowner.promo_area ul li.text {
	height:23px;
	padding: 8px 0 0 0;
}
.l4f #isowner.promo_area ul li a{
	margin-right:0;
}

#isowner.promo_area a.start_new_channel {
	width:161px;
	height:31px;
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/sprite-setup_channel_buttons.gif?v=2.5);
	background-repeat: no-repeat;
	background-position:0px 0px;
	display:block;
	float:left;
	text-indent:-9999px;
}
#isowner.promo_area a.start_new_channel:active {
	background-position: left -31px;
}

#isowner.promo_area a.use_existing_channel {
	width:180px;
	height:31px;
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/sprite-setup_channel_buttons.gif?v=2.5);
	background-repeat: no-repeat;
	background-position:0px -62px;
	display:block;
	float:left;
	text-indent:-9999px;
}
#isowner.promo_area a.use_existing_channel:active {
	background-position: left -93px;
}

.sub_promo {
	width:698px; 
	float:left; 
	padding:30px; 
	border:1px solid #cfcfcf; 
	border-top:0;
	}

.profile_page .sub_promo {
	width:518px;
	padding:0;
}

.forbrands {
	background-color:#f2f2f2;
	border:1px solid #cfcfcf;
	padding:20px;
	float:left;
	width:718px;
}
.profile_page .forbrands {
	border: 1px solid #cfcfcf;
	width:478px;
}

.forbrands:after {content: ".";display: block; height: 0;clear: both;visibility: hidden;}

.forbrands h2 {
	font-size:16px;
	line-height:20px;
	color:#19305d;
	border-bottom:1px solid #d3d3d3;
	padding-bottom:5px;
	margin:0 0 20px;
}

.forbrands a.btn_showreel  {
	float:left;
	width:219px;
	height:135px;
	margin-bottom:30px;
	margin-right:10px;
	display:block;
	text-indent:-9999px;
	background-image:url(//cdn.livestream.com/livestreamforfacebook/images/btn-music_showreel.jpg);
	background-repeat: no-repeat;
	background-position:left top;
}
.forbrands .showreel_btn a:hover {
	background-position: left center
}
.forbrands .showreel_btn a:active {background-position:left bottom}

.forbrands p {
	font-size:12px;
	line-height:18px;
	padding-left:230px;
}

.profile_page .forbrands p {width: 238px;}


.sub_promo .col {width:335px; float:left; }
.profile_page .sub_promo .col {margin-top:20px;}

.profile_page .sub_promo .col {width:488px;}
.sub_promo .col.one {margin-right:20px;}

.profile_page .sub_promo .col {width:478px; padding:0 20px;margin-right:0;}
.profile_page .sub_promo .col.two {margin-bottom:15px;}


.sub_promo .col h4 {font-size:14px; padding:0 0 5px 0;line-height:20px; margin:0 0 10px 0; border-bottom:1px solid #eee;}

.sub_promo .col p {font-size:12px; line-height:18px;}



/* Forms
--------------------------------------------------------------*/

#content.form {
	padding:30px 90px;
	width: 578px;
}

#content.form.wide {
	width: 758px;
	padding:20px 0;
	border:1px solid #cfcfcf;
}

#content.form.wide h3 {
	width:700px;
	height:30px;
	padding: 0 30px 10px;
	margin-top:0;
	position:relative;
}
#content.profile_page.form.wide {
	width:520px;
	border:none;
	border-bottom:1px solid #cfcfcf;
}
#content.profile_page.form.wide h3 {
	width:498px;
	padding:0 10px 10px;
	margin: 0
}

.back_button {
	float:left;
	display: block;
	text-indent: -9999px;
	width:56px;
	height:23px;
	background-image:url(//cdn.livestream.com/livestreamforfacebook/images/sprite-buttons.gif?v=2.5);
	background-repeat: no-repeat;
	background-position: left -338px;
	display:block;
	text-indent:-9999px;
}

.back_button:active {
	background-position: left -361px;
}

.cancel_button {
	position:absolute;
	top:-3px;
	right:10px;
	text-indent: -9999px;
	width:66px;
	height:23px;
	background-image:url(//cdn.livestream.com/livestreamforfacebook/images/sprite-buttons.gif?v=2.5);
	background-repeat: no-repeat;
	background-position: left -384px;
	display:block;
	text-indent:-9999px;
}
.cancel_button:active {background-position:left -407px;}
.remove_banner {
	text-indent: -9999px;
	width:116px;
	height:23px;
	background-image:url(//cdn.livestream.com/livestreamforfacebook/images/sprite-buttons.gif?v=2.5);
	background-repeat: no-repeat;
	background-position: left -522px;
	display:block;
	text-indent:-9999px;
}
.remove_banner:active {background-position:left -545px;}
#content a.question {
	font-weight: bold;
	cursor: help;
	margin-left: 5px;
}
#content a.question:hover {
	text-decoration: none;
	color: #556ea0;
}

.notify {
	color:#333;
	width:718px;
	padding: 20px;
	margin: 10px 0;
	float: left;
	position: relative;
	background-color: #fff9d7;
	border:1px solid #e2c822;
}

.profile_page .notify  {
	width:478px
}

.notify h2 {
	font-size:16px;
	margin:0;
	padding:0 0 3px;
	color:#333;
}

.notify p {
	font-size:11px;
	line-height:18px;
	margin:0;
	padding:0;
	color:#666;
}

p.error {
	color:#333;
	width:440px;
	padding: 10px;
	margin: 10px 0;
	float: left;
	position: relative;
	background-color: #ffebe8;
	border:1px solid #dd3c10;
	display:none;
}
.account_panel {
	width: 485px;
	padding: 20px;
	float: left;
	margin: 0 115px 10px;
	position: relative;
	border: 1px solid #cccccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}
.account_panel:hover {
	background: #eceff6;
	cursor: pointer;
}
.account_panel.selected {
	background: #f7f7f7;
	border: 1px solid #cccccc;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}
.account_panel.selected:hover {
	cursor: default;
}

.account_panel #my_channel_content, .account_panel #any_channel_content {
	clear:both;
}

.profile_page .account_panel {width:458px; margin:0 10px 10px;}

p.back_button a.button.grey {padding:3px 7px 4px;}

.account_panel.selected .account_type_radio {
	z-index: 1;
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.account_panel.selected .account_type_radio input#my_channel_radio, .account_panel.selected .account_type_radio input#any_channel_radio {border:0;}

.account_panel .account_type_radio input {
	float: left;
	margin: 1px 10px 0 0;
	z-index:1;
}
.any_channel_label, .my_channel_label {z-index: 2;}
.account_panel .account_type_radio label {
	z-index:2;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	line-height: 13px;
}

#account_type_radio .no_account_required {
	position: absolute;
	top: 20px;
	right: 20px;
	color:#999;
	text-align:right;
}
.account_panel .logout_button {
	position: absolute;
	top: 14px;
	right: 20px;
	width: 200px;
}

.account_panel .logout_button a {
	float:right;
	width:71px;
	height:23px;
	background-image:url(//cdn.livestream.com/livestreamforfacebook/images/sprite-buttons.gif?v=2.5);
	background-repeat: no-repeat;
	background-position: left -568px;
	display:block;
	text-indent:-9999px;
}
.logout_button a:active {background-position:left -591px;}

.account_panel.selected .logout_button a {
	display: block;
}

.account_panel .login_or_signup {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 490px;
}
.login_or_signup p {
	position: absolute;
	right: 0;
	top: 0;
}
#terms_checkbox_label {z-index:2}
input#terms_checkbox {z-index:1}
label .checkbox_text {
	z-index:2;
	font-weight:normal; 
	font-size:10px; 
	color:#999;
	padding-right:0;
}

p.forgot_password {padding:5px 0 0 5px;float:left;}

.account_panel .choose_channel_name {
	float: left;
	padding: 10px 0;
	margin: 10px 0;
	border:1px solid #ddd;
	border-right: none;
	border-left: none;
}
.account_panel select {
	width: 280px;
}

.form .row {
	float: left;
	width: 490px;
	margin: 5px 0;
}
.profile_page.form .row {
	width:460px;
}
.form .row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
div.spacer {
	border: 0;
	border-top: 1px solid #dadada;
	float: left;
	width: 760px;
	height: 1px;
	margin: 15px 0;
}

.row .alert, p.error {clear:both;}

.row .alert {
	width:438px;
	padding:10px;
	float:left;
	background: #fff9d6;
	border: 1px solid #ecc900;
	margin:0 0 5px;
}
.row .alert h4 {
	font-size:12px;
	padding:0 0 5px;
	margin: 0;
	color: #333
}

.row .alert p {
	color:#333;
	padding:0;
}

.row .alert ol {
	padding:0;
	margin:0;
}

.row .alert ol li {
	list-style:decimal;
	margin-left:15px;
	color:#555;
}
.row p.caption {
	float:left; 
	padding:5px 0; 
	color:#999; 
	font-style:italic;
	font-size:10px; 
	line-height:14px;
}

.label {
	width: 120px;
	height: 15px;
	padding: 2px 10px 0;
	margin: 0;
}

.right p a.edit {
	margin-left: 10px;
}

.form input {
	color: #444;
}

.file_selector p, .current_banner p {padding:5px 0;float:left; width:280px;}

.file_selector .banner_input {float:left;width:280px;}


p.caption {font-style:italic; line-height:14px;float:left;}


#channel_name {
	padding-left: 23px;
	width: 162px;
	background-color: #fff;
	background-image:url(//cdn.livestream.com/livestreamforfacebook/images/sprite_icon.gif?v=2.5);
	background-repeat: no-repeat;
	background-position: -55px 5px;
}

.inputsubmit:active, .inputsubmit:focus {
	background: #556ea0;
}


label.label_layout {
	float: left;
	margin-right: 20px;
	z-index:2;
}

input.radio_layout {
	z-index:1;
	float: left;
	margin-right: 5px;
}

.settings_panel {
	width: 525px;
	float: left;
	margin: 0 85px 20px;
	
}
.settings_panel .settings_title {
	padding: 5px 0;
	margin: 5px 0;
	border-bottom: 1px solid #cfcfcf;
	font-size: 12px;
	font-weight: bold;
	color: #222;
	cursor: pointer;
}
.settings_panel .settings_title a {
	font-size: 11px;
	font-weight: normal;
}
.settings_panel .left {
	float: left;
}
.settings_panel .right {
	float: right;
}

.account_settings_desc {
	float: left;
	width: 525px;
}

.left_label {
	text-align: right;
	width: 125px;
	height: 15px;
	font-weight: bold;
	color: #555;
	margin: 2px 10px 0 0;
	float: left;
}
.left_label label {
	font-weight: bold;
	color: #555;
}

.right_input {
	float: left;
	width: 280px;
}
.right_input label {
	font-weight:normal;
	font-size:10px;
	color:#555;
	padding-right:20px;
}
.right_input .checkbox {
	margin-right:5px;
}

.inputtext {
	padding: 4px 5px;
	border: 1px solid #bbc9da;
	width: 270px;
	float: left;
}

.inputtext.error {
	background-color: #ffebe8;
	border:1px solid #dd3c10;
}

textarea {
	padding: 4px 5px;
	border: 1px solid #bbc9da;
	width: 270px;
	height: 60px;
	float: left;
	outline: none;
	resize: none;
}

textarea.error {
	background-color: #ffebe8;
	border:1px solid #dd3c10;
}

.right_input input.inputsubmit {
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/sprite_btns.gif?v=2.5);
	background-repeat: repeat-x;
	padding: 5px 9px;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	background-position: 0px -96px;
	border: 1px solid #3c5897;
	cursor: pointer;
	float: left;
}

.row.submit_buttons {
	border-top: 1px solid #ccc;
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
}

#change_banner_form .left_label {
	width: 120px;
}

#banner_wrap {
	float:left;
	border:1px solid #4a74ab;
	width:280px;
	max-height:56px;
	overflow:hidden;
	margin:5px 0;
}

#banner_wrap img {
	width:280px;
}


div.form_footer {
	border-top: 1px solid #c3c3c3;
	margin-top: 25px;
	padding-top: 5px;
	float: left;
}

.form .player_only {
	width: 71px;
	height: 67px;
	display: block;
	float: left;
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/sprite-layout.gif?v=2.5);
	background-repeat: no-repeat;
	background-position: left -67px;
	text-indent: -9999px;
}
.form .player_chat {
	width: 74px;
	height: 67px;
	display: block;
	float: left;
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/sprite-layout.gif?v=2.5);
	background-repeat: no-repeat;
	background-position: right -67px;
	text-indent: -9999px;
}

.form .player_only.active {background-position:left top;}
.form .player_chat.active {background-position:right top;}

/* Support
--------------------------------------------------------------*/

#content.help {
	padding:0;
	margin:10px 0;
}

#content.profile_page .questions {
	float:left;
	width:520px;
}

#content.help h3 {
	float:left;
	width:760px;
	margin: 20px 0 0;
}

#content.profile_page .questions h3 {
	float:left;
	border-bottom:1px solid #cfcfcf;
	padding:10px 0;
	width:520px;
}

#content.help .row {
	position: relative;
	border-bottom: 1px solid #dadada;
	padding: 10px 0 5px 0;
	float:left;
	width:100%;
}

#content.help .row li {
	list-style:disc;
	margin-left:15px;
}

span.caret {
	position: absolute;
	left: -14px;
	top: 15px;
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/sprite_icon.gif?v=2.5);
	background-repeat: no-repeat;
	background-position: -37px top;
	width: 7px;
	height: 9px;
	
}

h4 a.q {
	font-size: 12px;
	color: #4d6dac;
	line-height: 18px;
}

/* Watch
--------------------------------------------------------------*/

#default_player {
	float: left;
	display: block;
	background-repeat: no-repeat;
	background-position:left top;
	text-indent:-9999px;
	position:relative;
	width: 520px;
	height:318px;
}

#default_player span.mask {
	position:absolute;  
	top:0;  
	left:0; 
	z-index:3;
	display:block;
	width:520px;  
	height:318px;  
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/player-mask.png?v=2.5);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:transparent;
}
#default_player span.mask:hover {background-position: left center;}
#default_player span.mask:active {background-position: left bottom;}
#default_player img {width:520px; height:293px; position:absolute; top:0; left:0; z-index:1;}

#default_library {
	float: left;
	display: block;
	background-repeat: no-repeat;
	background-position:left top;
	text-indent:-9999px;
	position:relative;
	background-repeat:no-repeat;
	background-position:left top;
	background-color:transparent;
}

.player_chat #default_library {
	width: 215px;
	height:450px;
	background-image:url(//cdn.livestream.com/livestreamforfacebook/images/default-lib_thin.png);
}
.player_only #default_library {
	margin-top:5px;
	width: 520px;
	height:145px;
	background-image:url(//cdn.livestream.com/livestreamforfacebook/images/default-lib_wide.png);
}
#content.watch {
	border: 0;
	padding: 0;
	padding-top:0px;
	width: 760px;
}

#content.watch.profile_page {
	width:520px;
}

#content.watch.player_only #player {width:760px; height:453px;float:left;}
#content.watch.player_chat #player{
	width:480px;
	height:295px;
	float:left;
}
#content.watch.profile_page #player {width:520px; height:318px;}

#content .ui_buttons {
	width:740px;
	padding: 5px 10px;
	margin-bottom:10px;
	float:left;
	background:#f2f2f2;
	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
}

#content.profile_page .ui_buttons {
	width:510px;
	padding: 5px;
	margin-bottom:5px;
	float:left;
	background:#f2f2f2;
	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
}

.ui_buttons a {text-decoration:none;}

.share_btns {
	float: left;
	margin: 4px
}
.share_btns li {
	float: left;
	display: inline;
	margin-left:0; 
	margin-right:5px;
	padding:0;
}

.share_btns li.last {margin-right:0;}

.share_btns li a {
	float: left;
}

.promo_buttons li{
	padding:0;
}

.promo_buttons a {text-decoration:none;}

.promo_buttons a.get_started {
	width:121px;
	height:31px;
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/sprite-buttons.gif?v=2.5);
	background-repeat: no-repeat;
	background-position:0px -276px;
	display:block;
	float:left;
	text-indent:-9999px;
}
.promo_buttons a.get_started:active {
	background-position: left -307px;
}

a.add_to_profile {
	width:117px;
	height:23px;
	background-image:url(//cdn.livestream.com/livestreamforfacebook/images/btn-add_to_profile.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	text-indent:-9999px;
}
a.add_to_profile:active {background-position: left -23px;}

a.post_to_page {
	width:131px;
	height:23px;
	background-image:url(//cdn.livestream.com/livestreamforfacebook/images/sprite-buttons.gif?v=2.5);
	background-repeat: no-repeat;
	background-position: left -46px;
	display:block;
	text-indent:-9999px;
}
a.post_to_page:active {background-position: left -69px;}

a.invite_friends {
	width:62px;
	height:23px;
	background-image:url(//cdn.livestream.com/livestreamforfacebook/images/sprite-buttons.gif?v=2.5);
	background-repeat: no-repeat;
	background-position: left -92px;
	display:block;
	text-indent:-9999px;
}
a.invite_friends:active {background-position: left -115px;}
a.share {
	width:59px;
	height:23px;
	background-image:url(//cdn.livestream.com/livestreamforfacebook/images/sprite-buttons.gif?v=2.5);
	background-repeat: no-repeat;
	background-position: left -138px;
	display:block;
	text-indent:-9999px;
}
a.share:active {background-position: left -161px;}

a.broadcast_now {
	display: block;
	text-indent: -9999px;
	width:116px;
	height:23px;
	background-image:url(//cdn.livestream.com/livestreamforfacebook/images/sprite-buttons.gif?v=2.5);
	background-repeat: no-repeat;
	background-position: left 0px;
	display:block;
	text-indent:-9999px;
}
a.broadcast_now:active {background-position: left -23px;}

#watch_header .title_box {
	width:760px;
	float:left;
	margin:5px 0 12px;
}

.profile_page #watch_header .title_box {
	width:520px;
	position:relative;
}

.profile_page #player_area {
	clear:both
}

#watch_header .title_box h3 {
	font-size: 16px;
	border: 0;
	margin: 0;
	padding:0;
	word-wrap: break-word;
}

#watch_header .title_box h3 span.owner_settings {
	font-size:11px;
	font-weight:normal;
	color:#666;
}
#watch_header .title_box p {
	padding: 3px 0 0;
	margin:0;
	word-wrap: break-word;
}

#watch_header .title_box .channel_shortname {font-size:11px; color:#999; font-weight:normal;}

#watch_header .title_box a.shortname {color:#999;}

.banner {
	width: 760px;
	height: auto;
	max-height:155px;
	overflow:hidden;
	margin: 0 0 5px;
}
.banner img {
	float: left;
	border: 0;
	width:auto;
	max-width:760px;
	height:auto;
}

.profile_page .banner {
	width:520px;
	max-height:105px;
	overflow:hidden;
	clear: both
}

.profile_page .banner img {
	width: 520px;
}

#left {
	float: left;
	width: 480px;
}


#right {
	float: left;
	width: 279px;
	height: 440px;
	border-right:1px solid #cfcfcf;
}

.profile_page #left {
	width:215px;
	height:450px;
}

.profile_page #right {
	width:302px;
	height:448px;
	overflow:hidden;
	border:1px solid #cfcfcf;
}

.profile_page #chat_library_area {
	float:left;
	width:520px;
	margin-top:5px;
}
.profile_page #chat_library_area .chat_click {
	width:520px;
	height:450px;
	display:block;
	text-indent:-9999px;
	background:url(//cdn.livestream.com/livestreamforfacebook/images/default_chat_vert.jpg) no-repeat left top;
}
.profile_page #chat_library_area .chat_library_click {
	width:520px;
	height:450px;
	display:block;
	text-indent:-9999px;
	background:url(//cdn.livestream.com/livestreamforfacebook/images/default_library_vert.jpg) no-repeat left top;
}

#content.watch.player_only.profile_page #library .library_click {
	width:520px;
	height:145px;
	display:block;
	text-indent:-9999px;
	background:url(//cdn.livestream.com/livestreamforfacebook/images/default_library_hor.jpg) no-repeat left top;
}

#content.watch.player_chat #library {
	width:479px;
	height:144px;
	float:left;
	margin-top:0;
	
}
#content.watch.player_only #library {
	margin: 5px 0 0;
	width:758px; 
	height:144px;
	float:left;
}
#content.watch.player_chat.profile_page #library {
	width:215px;
	height:448px;
	border-right:0;
}
#content.watch.player_only.profile_page #library {
	width:520px;
	height:145px;
}

.procaster_promo {
	float: none;
	width:375px;
	margin: 0 35px;
}
.procaster_promo h3.procaster_title {
	width:375px;
	height:70px;
	display:block;
	text-indent:-9999px;
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/title-procaster.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
	border:none;
	margin:0;
	padding:0;
}

.procaster_promo p {
	float: none;
	font-size:12px;
	line-height: 18px;
	padding: 20px 0 5px;
}

.download_buttons {
	padding:10px 0 20px 0px;
}
.download_buttons:after {content: ".";display: block; height: 0;clear: both;visibility: hidden;}
.download_buttons li {
	float:left;
	margin:0 10px 0 0;
	padding:0;
}
.download_buttons li a {
	display:block;
	float:left;
	text-indent:-9999px;
	height:23px;
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/sprite-buttons.gif?v=2.5);
	background-repeat: no-repeat;
}

.download_buttons li a.download_mac {
	width: 135px;
	background-position:left -430px;
}
.download_buttons li a.download_mac:active {
	background-position:left -453px;
}
.download_buttons li a.download_pc {
	width: 135px;
	background-position:left -476px;
}
.download_buttons li a.download_pc:active {
	background-position:left -499px;
}

.download_thanks {
	float: none;
	width:375px;
	margin: 0 35px;
}
.download_thanks h3.download_title {
	width:375px;
	height:70px;
	display:block;
	text-indent:-9999px;
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/title-thanks.gif);
	background-repeat:no-repeat;
	background-position: left top;
	border:none;
	margin:0;
	padding:0;
}
.download_thanks p {
	font-size:12px;
	line-height:18px;
	color:#666;
	padding:20px 0 5px;
}
.download_thanks ul {
	margin:10px 0px;
}
.download_thanks li {
	padding:1px 0 4px 22px;
	margin:0 0 10px;
	background-repeat: no-repeat;
	background-position:left top;
	color:#666;
	font-size:12px;
	line-height:16px;
	list-style:none;
}
.download_thanks li.one {
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/icon-number_1.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
}
.download_thanks li.two {
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/icon-number_2.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
}
.download_thanks li.three {
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/icon-number_3.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
}

.download_thanks p.more_info {
	font-size:11px;
	padding:0 0 15px;
}

/* FOOTER
--------------------------------------------------------------*/

#footer {
	float:left;
	width:760px;
	padding-top:5px;
	margin-bottom:40px;
}

#footer.border {border-top:1px solid #eee;}

#wrapper.profile #footer {width:520px;}

#footer .footer_left {
	float:left;
	margin-top: 7px;
}

#footer .footer_left ul div {float:left;}

#footer .footer_left li {float:left; margin-right:5px;}

#footer .footer_right {
	float: right;
	padding-top: 9px;
}
#footer .footer_right ul {float: right;}
#footer .footer_right li {
	float: left;
	margin-left: 5px;
	display: inline;
}
#footer .footer_right a {
	font-size: 11px;
}
#footer .footer_right a.logo.small {
	margin: 0;
	display: block;
	text-indent: -9999px;
	width: 66px;
	height: 12px;
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/sprite_logo.gif?v=2.5);
	background-repeat: no-repeat;
	background-position: 0px -42px;
}

/* PAGE MANAGER
--------------------------------------------------------------*/
#content.manager {
	padding: 0;
	width: 760px;
}
#manager_nav {
	float: left;
	width: 740px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f1f1f1;
	height: 23px;
	padding: 10px;
	margin-bottom:10px;
}

#manager_nav .left {float: left;}
#manager_nav .right {float: right;}
#manager_nav .left li {
	margin: 0;
	padding: 0;
	float:left;
	margin-right:5px;
}
#manager_nav .right li {
	float: right;
	margin-left: 5px;
	padding: 0;
}

a.help_services {
	display: block;
	text-indent: -9999px;
	width: 106px;
	height: 23px;
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/sprite-buttons.gif?v=2.5);
	background-repeat: no-repeat;
	background-position:0px -46px;
}
a.help_services:active {
	background-position: left -69px;
}

.manager div.welcome {
	background: #edf0f5;
	border: 1px solid #bac8d9;
	margin: 0 0 10px 0;
	padding: 15px;
	width: 728px;
	position: relative;
	float: left;
}

.welcome  .alert {
	width:706px;
	padding:10px;
	background: #fff9d6;
	border: 1px solid #ecc900;
	margin:10px 0;
}
.welcome  .alert h4 {
	font-size:12px;
	padding:0;
	margin: 0;
	color: #333
}

.manager div.welcome h5 {
	padding:10px 0 5px;
	font-size:12px;
}
.manager div.welcome ul {margin:10px 0 0;}
.manager div.welcome ul:after {content: ".";display: block; height: 0;clear: both;visibility: hidden;}
.manager div.welcome ul li {float:left; height:23px;}

.manager div.welcome ul li a.create_page{
	float:left; 
	display:block;
	text-indent:-9999px;
	width:112px;
	height:23px;
	background:url(//cdn.livestream.com/livestreamforfacebook/images/sprite-buttons.gif?v=2.5) no-repeat left -614px;
}
.manager div.welcome ul li a.create_page:active {background-position:left -637px;}


#show_welcome {
	position: absolute;
	right: 11px;
	top: 66px;
}

div.welcome .toggle_welcome {
	position: absolute;
	top: 10px;
	right: 10px;
}
div.welcome h3 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	border: 0;
	padding: 0;
	margin: 0;
}

div.welcome p {font-size: 11px;padding: 5px 0 0;}

#content.manager h2 {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	float: left;
	width: 740px;
	padding: 0;
	margin: 10px 0 20px;
	line-height: 14px;
	
}
#content.manager h2 span.icon {
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/sprite-icons_manager.gif?v=2.5);
	background-repeat: no-repeat;
	background-position:0px 0px;
	width: 16px;
	display: block;
	float: left;
	margin:0px 5px 0 0;
}
#content.manager h2.me span.icon {
	background-position: 0px 0px;
	height: 17px;
}
#content.manager h2.pages_with_livestream span.icon {
	background-position: 0px -17px;
	height: 15px;
	margin-top: 1px;
}
#content.manager h2.pages_without_livestream span.icon {
	background-position: 0px -32px;
	height: 15px;
	margin-top: 1px;
}

.profile_list, .page_list {
	margin: 0 0 10px 0;
	padding:10px 10px 0 0;
	float: left;
	border: 1px solid #dedede;
	border-top-color: #bbbbbb;
	background: #f8f8f8;
}

.profile_list .list_item, .page_list .list_item {
	float: left;
	width: 363px;
	padding: 0 0 10px 10px;
}

.list_item .item_content {
	background: #fff;
	border: 1px solid #bac8d9;
	-moz-box-shadow: 0px 1px 0px #e6e6e6;
	-webkit-box-shadow: 0px 1px 0px #e6e6e6;
	box-shadow: 0px 1px 0px #e6e6e6;
	padding: 10px;
	position: relative;
	height: 48px;
}

.list_item .item_content.installed {
	border: 1px solid #006f11;
}

.list_item .item_content.not_setup {
	border: 1px solid #7d6b00;
}

.item_content:after {content: ".";display: block; height: 0;clear: both;visibility: hidden;}
.item_content a.profile_photo, .item_content a.page_photo {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	overflow: hidden;
}
.item_content a.profile_photo img, .item_content a.page_photo img{border: 0;width: 50px;}

.item_content .item_details {padding-left: 60px;}
.item_details h3 {
	font-size: 12px;
	font-weight: bold;
	border: 0;
	margin: 5px 0;
	padding: 0;
}

.item_content.not_setup span.alert{
	background: #fff9d6;
	padding: 0 5px 2px;
	color: #666;
}
.item_details a.add_page_tab {
	display: block;
	text-indent: -9999px;
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/sprite-buttons.gif?v=2.5);
	background-repeat: no-repeat;
	background-position:0px -184px;
	height: 23px;
	width: 115px;
}
.item_details a.add_page_tab:active {
	background-position: left -207px;
}

.item_details div.item {
	overflow: hidden;
	width: 262px;
}

.item_details div.item span.item {
	width:215px;
}

div.status {
	background: transparent;
	position: absolute;
	top: -1px;
	right: -1px;
	width: 30px;
	height: 70px;
}
div.status.installed {
	background: transparent url(//cdn.livestream.com/livestreamforfacebook/images/sprite-channel_status.gif?v=2.5) no-repeat left top;
}
div.status.not_setup {
	background: transparent url(//cdn.livestream.com/livestreamforfacebook/images/sprite-channel_status.gif?v=2.5) no-repeat left bottom;
}

/* App Bistro Link
--------------------------------------------------------------*/

#appbistro_footer {
	float: left;
	width: 100%;
	padding: 15px 0 0;
	margin: 15px 0;
	border-top: 1px solid #ddd;
}

#appbistro_footer a {
	float: right;
	width: 306px;
	height: 32px;
	background-image: url(//cdn.livestream.com/livestreamforfacebook/images/appbistro.gif?v=2.5);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}
/*Broadcast Now and Thank you lightbox*/
div.broadcast_now_dialog {
	width:420px;
	margin:20px 0;
	padding:0 12px 0 12px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border:7px solid rgba(0,0,0,.45);
	overflow:hidden;
	background:#fff;
}

div.broadcast_now_dialog h1 {
	margin:0 -12px;
	padding:8px;
	background:#6d84b4;
	color:#fff;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	height:11px;	
}
.download_buttons {
	overflow:hidden;
}
.procaster_promo {
	margin-left:33px;
}
.procaster_promo  p{
	font-size:12px;
}
.bottom-bar {
	margin:0 -12px 0px -12px;
	padding:8px 0;	
	border-top:1px solid #ccc;
	background:#f2f2f2;
	overflow:hidden;
}
.bottom-bar a{
	float: right;
	margin-right: 10px;
	background-color: #5d76aa;
	background-image: -moz-linear-gradient(top, #637bad 0%, #5d76aa 30%, #5872a7 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #637bad), color-stop(0.3, #5d76aa), color-stop(1, #5872a7));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#637bad', EndColorStr='#5872a7');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#637bad', EndColorStr='#5872a7')";
	-moz-box-shadow: inset 0px 1px 0px #8a9cc2;
	-webkit-box-shadow: inset 0px 1px 0px #8a9cc2;
	box-shadow: inset 0px 1px 0px #8a9cc2;
	border:1px solid #29447e;
	display:block;
	padding:6px 7px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
bottom-bar a:hover{
	text-decoration:none;
}