/* General Styles
 ------------------------------------------------- */
 
body {
	background: #9ae4e8 url(/images/background-body.gif) repeat-x left top;
	color: #444;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	}
.clear {
	clear:both;
	}
#wrap {
	margin: 0 auto;
	width: 800px;
	background: url(/images/background-main.gif) repeat-y left top;
	}
#main {
	padding: 0 10px;
	background: url(/images/background-main-top.gif) no-repeat left top;
	}
#main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
#left {
	float: left;
	position:relative;
	width: 510px;
	height: 100%;
	}	
#right {
	float: right;
	position: relative;
	width: 230px;
	padding: 20px;
	}	
#right .nub {
	position: absolute;
	left: -10px;
	top: 21px;
	width: 11px;
	height: 15px;
	background: url(/images/background-right-nub.gif) no-repeat left top;	
	}	
a {
	color: #3fa1a6;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	color: #222;
	}	
button:hover {cursor: pointer;}	

/* Thumnails */

.thumbnail {
	display: block;
	float: left;
	position: relative;
	width: 50px;
	height: 50px;
	margin: 0 10px 0 0;
	}
.thumbnail img {
	width: 50px;
	height: 50px;
	}		
.thumbnail .mask {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50px;
	height: 51px;
	background: url(/images/mask-50.png) no-repeat left top;
	}
a.thumbnail:hover .mask {
	background-position: left bottom;
	}
	
/* Header
 ------------------------------------------------- */	
#ie6 {
	background: url(/images/background-notification.gif) repeat-x left top;
	height: 35px;
	line-height: 35px;
	padding: 5px 0 0 0;
	font-size: 11px;
	color: #fff;
	text-align: center;
	} 
#ie6 a {
	text-decoration: underline;
	color: #fff;
	} 
#header {
	position: relative;
	margin: 0 auto;
	width: 780px;
	height: 80px;
	}
#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 250px;
	height: 59px;
	background: url(/images/logo.gif) no-repeat left top;
	text-indent: -9999px;
	}	
	
/* User Nav Login Form */	
#user_nav {
	position: absolute;
	right: 0px;
	top: 20px;
	height: 38px;
	background: url(/images/background-user_nav.gif) no-repeat right top;
	}		
#user_nav span.left {
	position: absolute;
	left: -6px;
	width: 6px;
	height: 38px;
	background: url(/images/background-user_nav-left.gif) no-repeat left top;
	}	
#user_nav form {
	padding: 0 5px 0 0;
	}	
#user_nav form div.error {
	position: absolute;
	right: 0px;
	top: 39px;
	height: 18px;
	line-height: 18px;	
	padding: 0 7px;
	background: #f10002 url(/images/background-error-right.gif) no-repeat top right;
	color: #fff;
	font-size: 11px;
	}	
#user_nav form div.error span {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 5px;
	height: 18px;
	background: url(/images/background-error-left.gif) no-repeat top right;
	}	
#user_nav form input.text {
	display: block;
	float: left;
	width: 122px;
	height: 20px;
	margin: 5px 5px 0 0;
	padding: 5px 0 0 5px;
	font: oblique 12px Georgia, Times, serif;
	color: #777;
	background: url(/images/background-input-user_nav.gif) no-repeat left top;
	border: none;
	}	
#user_nav form label {
	float: left;
	margin: 0 5px 0 0;
	font: oblique 12px/37px Georgia, Times, serif;
	color: #777;
	}	
#user_nav form button {
	width: 120px;
	height: 23px;
	margin: 7px 0 0 0;
	background: url(/images/button-login-header.gif) no-repeat 0px 0px;
	border: none;
	text-indent: -9999px;
	}
#user_nav form button:hover {background-position: 0px -23px;}	
#user_nav form button:active {background-position: 0px -46px;}
#user_nav form button.loading {background-position: 0px -69px;}


/* User Nav */

#user_nav ul {
	width: 307px;
	height: 38px;
	}
ul#navid{
            height:38px;
            width:336px;
        }
#user_nav ul li {
	display: block;
	float: left;
	height: 38px;
	}
#user_nav ul li a {
	display: block;
	float: left;
	height: 38px;
	text-indent: -9999px;
}	

#user_nav ul li.login_text {
	float: left;
	padding: 10px 0 0 10px;
	font-size: 14px;
	color: #777;
	font-style: italic;
}

#user_nav ul li.user a {
	display: block;
	position: relative;
	width: 25px;
	height: 27px;
	margin: 0;
	padding: 6px 5px 5px 6px;
	background: url(/images/background-user_nav-thumbnail.gif) no-repeat left top;	
	}	
#user_nav .thumbnail,#user_nav .thumbnail img {
	float: left;
	position: relative;	
	width: 25px;
	height: 25px;
	}
#user_nav .thumbnail .mask {
	left: 6px;
	top: 6px;
	width: 25px;
	height: 25px;
	background-image: url(/images/mask-25.png);
	}	
#user_nav ul li.my_profile a {
	width: 79px;
	background-image: url(/images/button-my_profile-user_nav.gif);
	}	
#user_nav ul li.logout a {
	width: 65px;
	background-image: url(/images/button-logout-user_nav.gif);	
	}

#user_nav ul li.broadcast_live {
	width: 156px;
	float: right;
}	

#user_nav ul li.broadcast_live a {
	width: 156px;
	background-image: url(/images/button-broadcast_live.gif);
	}	
#user_nav ul li.broadcast_live input {
	cursor: pointer;
	display: block;
	/*float: left;*/
	height: 38px;
	text-indent: -9999px;
	width: 156px;
	background: url(/images/button-broadcast_live.gif);
}
#user_nav ul li a:hover, #user_nav ul li input:hover {background-position: 0px -38px;}
#user_nav ul li a:active, #user_nav ul li input:active {background-position: 0px -76px;}
#user_nav ul li a.disabled {background-position: 0px -114px;}

/* Top
 ------------------------------------------------- */	
 	
#top {
	position: relative;
	width: 100%;
	padding: 1px 0 20px 0;
	background: #e4e4e4 url(/images/background-top-video.gif) no-repeat left top;
	border-bottom: 1px solid #d0d0d0;
	}	
#top .thumbnail {
	margin: 20px 10px 0 20px;
	}	
#top .thumbnail .mask {
	background-image: url(/images/mask-50-top.png);
	}	
#top h1 {
	margin: 20px 0 2px 0;
	font-size: 24px;
	text-shadow: #fff 0px 1px 1px;	
	}		
#home #top h1 {
	margin: 10px 0 -10px -8px;
	top: 0px;
	width: 360px;
	height: 73px;
	background: url(/images/slogan.png);
	text-indent: -9999px;
	}	
#profile #top h1 {
	margin-top: 30px;
	margin-left: 90px;
	}
#login #top h1,
#page_not_found #top h1 {
	line-height: 45px;
	margin: 23px 0 0 20px;
	padding: 0 0 0 50px;
	background: url(/images/icon-lock.gif) no-repeat left top;
	}
#page_not_found #top h1 {background-image: url(/images/icon-webcam.gif);}	
#top h1 em {
	font-weight: normal;
	}	
#video #top {min-height: 65px;}	
#video #top p {
	overflow: hidden;
	margin: 0 0 0 80px;
	color: #777;
	font: oblique 13px Georgia, Times, serif;
	text-shadow: #fff 0px 1px 1px;
	}		
#top input.text {
	position: absolute;
	right: 20px;
	top: 15px;
	width: 189px;
	height: 21px;
	padding: 5px 5px 0 67px;
	background: url(/images/input-embed-top.gif) no-repeat left top;
	color: #444;
	}	
#top input#video-share-link {
	top: 46px;
	background-image: url(/images/input-link-top.gif)
	}	
		
/* Home Page
 ------------------------------------------------- */		

#left #intro {
	width: 470px;
	height: 278px;
	margin: 20px 0 30px 20px;
	}
#left #title-recent_broadcasts {
	margin-bottom: 15px;
	background: url(/images/title-recent_broadcasts.gif) no-repeat left top;
	text-indent: -9999px;
	}
#left h2 {
	font-size: 18px;
	margin: 20px 0 10px 20px;
	}
#left #videos {
	margin: 0 0 20px 5px;
	} 
#left #videos:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	} 
#left #videos li.video {
	float: left;
	width: 144px;
	height: 210px;
	margin: 0 0 0 16px;
	font-size: 11px;
	overflow: hidden;
	}	
#left #videos li.video .thumbnail {
	width: 144px;
	height: 108px;
	margin: 0 0 5px 0;
	background: url(/images/background-thumbnail-video.gif) no-repeat left top;
	}	
#left #videos li.video .thumbnail .mask {
	width: 144px;
	height: 108px;
	background-image: url(/images/mask-144.png);
	}	
#left #videos li.video .description {
	margin: 0 0 2px 0;
	}	
#left #videos li.video span {
	color: #999;
	}	
#left p.what_are_you_waiting_for {
	position: relative;
	width: 470px;
	height: 52px;
	margin: 0 20px 15px 20px;
	background: url(/images/background-what_are_you_waiting_for.gif);
	text-indent: -9999px;
	}
#left p.what_are_you_waiting_for a {
	position: absolute;
	width: 167px;
	height: 34px;
	right: 10px;
	top: 9px;
	background: url(/images/button-broadcast_live-bottom.gif) no-repeat left top;
	}	
#left p.what_are_you_waiting_for a:hover {background-position: left center;}
#left p.what_are_you_waiting_for a:active {background-position: left bottom;}

#home #right h3 {
	margin: 0 0 15px 0;
	background-position: left center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
#home #right h3#title-how_does_it_work {
	background-image: url(/images/title-how_does_it_work.gif);
	}
#home #right h3#title-now_that_youre_live {
	background-image: url(/images/title-now_that_youre_live.gif);
	}
#home #right h3#title-what_else {
	background-image: url(/images/title-what_else.gif);
	}		
#right ol {
	margin: 0 0 -5px 0;
	}	
#right ol li {
	margin: 0 0 5px -3px;
	padding: 6px 0 10px 37px;
	background-position: left top;
	background-repeat: no-repeat;
	color: #466769;
	font-size: 14px;
	font-weight: bold;
	text-shadow: #fff 0px 1px 1px;
	}	
#right ol li.one {background-image: url(/images/icon-1.gif);}
#right ol li.two {background-image: url(/images/icon-2.gif);padding-bottom: 0px;}
#right ol li.three {background-image: url(/images/icon-3.gif);}	
#right ol li span {
	display: block;
	margin: 3px 0 0 0;
	line-height: 14px;	
	font-size: 11px;
	font-weight: normal;
	color: #6fa6a8;
	text-shadow: none;
	}
#right ul.icons,
#right ul.checkmarks {
	margin: 0 0 -10px 0;
	}	
#right ul.icons li {
	line-height: 18px;
	margin: 0 0 5px -3px;
	padding: 0 0 10px 37px;
	background-position: left top;
	background-repeat: no-repeat;
	color: #466769;
	font-size: 12px;
	}		
#right ul.icons li.twitter {background-image: url(/images/icon-twitter.gif);}
#right ul.icons li.chat {background-image: url(/images/icon-chat.gif);}
#right ul.icons li.video {background-image: url(/images/icon-video.gif);}	
#right ul.checkmarks li {
	line-height: 18px;
	margin: 0 0 5px -3px;
	padding: 0 0 0 20px;
	background: url(/images/icon-checkmark.gif) no-repeat 0px 3px;
	color: #466769;
	font-size: 12px;	
	}

/* Login Page
 ------------------------------------------------- */	

#left p.error {
	width: 470px;
	height: 57px;
	line-height: 57px;
	margin: 20px;
	background: url(/images/background-error-page.gif);
	font-size: 14px;
	font-weight: bold;
	text-shadow: #7f0001 0px 1px 1px;
	text-align: center;
	color: #fff;
	} 
#left #form-login {
	width: 470px;
	height: 136px;
	margin: 20px;
	padding: 56px 0 0 0;
	background: url(/images/background-login.gif) no-repeat left top;
	} 
#left #form-login input.text_field,
#left #form-login input.password_field {
	display: block;
	width: 280px;
	height: 28px;
	margin: 0 0 10px 20px;
	padding: 7px 0 0 150px;
	background: url(/images/input-twitter_username.gif) no-repeat left top;
	color: #777;
	font-size: 15px;
	border: none;
	}	
#left #form-login input.password_field {
	background-image: url(/images/input-twitter_password.gif);
	}	
#left #form-login button {
	float: left;
	display: block;
	width: 136px;
	height: 25px;
	margin: 0 0 0 20px;
	background: url(/images/button-login-page.gif) no-repeat left top;
	border: none;
	text-indent: -9999px;
	} 
#left #form-login button:hover {background-position: 0px -25px;}
#left #form-login button:active {background-position: 0px -50px;}
#left #form-login button.loading {background-position: 0px -75px;}
#left #form-login label {
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	margin: 0 0 0 10px;
	font-size: 12px;
	color: #777;
	}
#left #form-login label input {
	margin: 0 5px 0 0;
	}	
 	
/* Profile Page
 ------------------------------------------------- */
 
#profile #top {
	height: 70px;
	}
#top ul.badges {
	position: absolute;
	right: 10px;
	top: 14px;
	}	
#top ul.badges li {
	float: left;
	width: 92px;
	height: 62px;
	line-height: 42px;
	margin: 0 10px 0 0;
	text-align: center;
	font-family: Georgia, Times, serif;
	font-size: 18px;
	background: url(/images/badge-videos.gif) no-repeat left top;
	color: #444;
	}	
#top ul.badges li.last_live {
	background: url(/images/badge-last_live.gif) no-repeat left top;
	}	
#left #no_videos {
	width: 470px;
	height: 107px;
	margin: 0 0 0 20px;
	line-height: 107px;
	background: url(/images/background-no_videos.gif) no-repeat left top;
	color: #3c585a;
	text-align: center;
	font-size: 24px;
	}
#right dl {
	margin: 0 0 20px 0;
	} 
#right dl dt {
	margin: 0 0 2px 0;
	font-size: 13px;
	font-weight: bold;
	text-shadow: #fff 0px 1px 1px;
	color: #30494a;
	}	
#right dl dd,
#right p {
	margin: 0 0 15px 0;
	font: normal 13px/19px H;
	color: #51797b;
	}
#right h3 {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: bold;
	text-shadow: #fff 0px 1px 1px;	
	}
#profile #right h3 {
	margin-bottom: 20px;
	}	
#right p {
	margin-bottom: 10px;
	}	
#right .divider {
	clear: both;
	width: 270px;
	height: 1px;
	margin: 20px 0 20px -20px;
	background: #fff;
	border-top: 1px solid #cbd8d9;
	}
	
/* Video Page
 ------------------------------------------------- */	
#video #left {width: 360px;}
#video #right {width: 420px;padding: 0;}
#video #wrap {background-image: url(/images/background-main-video.gif);}
#top div.share {
	position: absolute;
	right: 20px;
	top: 20px;
	}

#top div.share {
	position: absolute;
	right: 20px;
	top: 20px;
	}

/* Player & Controls */

#player {
	position: relative;
	z-index: 1;
	width: 320px;
	height: 265px;
	margin: 20px;
	}
#broadcaster {
	position: relative;
	z-index: 1;
	margin: 10px 0 10px 10px;
	}	
	
/* Video Share */

#video-share {
	height: 150px;
	margin: 0 20px 10px 20px;
	background: url(/images/background-share_video.gif) no-repeat left top;
	}
#video-delete {
	position: absolute;
	right: 15px;
	top: 55px;
	width: 92px;
	height: 21px;
	background: url(/images/button-delete_video.gif) no-repeat left top;
	text-indent: -9999px;
	}	
#video-delete:hover {background-position: left center;}
#video-delete:active {background-position: left bottom;}	
#video-share h3 {
	height: 36px;
	margin: 0 0 10px 0;
	background: url(/images/title-share_video.gif) no-repeat left top;
	text-indent: -9999px;
	}	
#video-share input {
	display: block;
	width: 220px;
	height: 21px;
	margin: 0 0 10px 10px;
	padding: 5px 10px 0 70px;
	background: url(/images/input-embed.gif) no-repeat left top;
	border: none;
	color: #777;
	}	
#video-share input#video-share-link {
	background-image: url(/images/input-link.gif);
	}
/*#video-share-wrap-input {
    background:url("http://twitcam.livestream.com/images/input-embed.gif") no-repeat scroll left top transparent;
    border:medium none;
	color:#777777;
	display:block;
	margin:0 0 10px 10px;
	padding:2px 0 5px 70px;
	width:230px;
 }
 #video-share-wrap-input input, #video-share-wrap-share input{
	width:220px;
	height: 11px;
	padding: 5px 0 ;
	border:medium none;
	outline:medium none;}
#video-share-wrap-share { 
	background:url("/images/input-link.gif") no-repeat scroll left top transparent;
	border:medium none;
	color:#777777;
	display:block;
	margin:0 0 10px 10px;
	padding:4px 0 5px 70px;
	width:230px;
 }*/
#video-share div.digg a	{
	display: block;
	height: 20px;
	width: 20px;
	background: red;
	}
#video-share div.facebook a {
	display: block;
	width: 129px;
	height: 21px;	
	line-height: 21px;
	margin: 0 10px;
	background: url(/images/button-facebook.png) no-repeat left top;
	text-indent: -9999px;
	}
#video-share div.facebook a:hover {background-position: left center;}
#video-share div.facebook a:active {background-position: left bottom;}
	
	
/* Twitter Chat */

#right .top {
	position: relative;
	height: 89px;
	padding: 10px 15px;
	background: url(/images/background-right-top-video.gif) no-repeat left top;
	}
#right .top .nub {
	position: absolute;
	left: -11px;
	top: 20px;
	width: 11px;
	height: 15px;
	background: url(/images/background-right-top-nub-video.gif) no-repeat left top;	
	}	
#right .top h2 {
	margin: 0 0 10px 0;
	}	
#video #right .top h2 {
	height: 16px;
	background: url(/images/title-chat_live.gif) no-repeat left top;	
	text-indent: -9999px;
	}	
	
/* Chat Pane */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	}
.jScrollPaneTrack {
	display: none;
	position: absolute;
	cursor: pointer;
	right: 10px;
	top: 15px;
	width: 10px;
	height: 329px;
	}
.jScrollPaneDrag {
	position: absolute;
	background: url(/images/scrollbar.png) repeat-y left top;
	width: 10px;
	cursor: pointer;
	}
.jScrollPaneDragTop {
	position: absolute;
	top: -5px;
	left: 0;
	width: 20px;
	height: 5px;
	overflow: hidden;
	background: url(/images/scrollbar-top.png) repeat-y left top;
	}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 10px;
	height: 5px;
	overflow: hidden;
	background: url(/images/scrollbar-bottom.png) repeat-y left top;	
	}
	
/* User Chat Login */

#right .top div.error {
	position: absolute;
	right: 25px;
	top: 8px;
	height: 18px;
	line-height: 18px;	
	padding: 0 7px;
	background: #f10002 url(/images/background-error-right.gif) no-repeat top right;
	color: #fff;
	font-size: 11px;
	}	
#right .top div.error span {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 5px;
	height: 18px;
	background: url(/images/background-error-left.gif) no-repeat top right;
	}		
#right .top #form-chat-login input.text {
	display: block;
	float: left;
	width: 101px;
	height: 19px;
	margin: 0 5px 10px 0;
	padding: 6px 5px 0 82px;
	background: url(/images/background-input-username-chat.png) no-repeat left top;
	border: none;
	color: #777;
	}
#right .top #form-chat-login input#form-chat-password {
	margin-right: 0;
	background: url(/images/background-input-password-chat.png);	
	}
#right .top #form-chat-login button {
	float: left;
	width: 116px;
	height: 21px;
	margin: 0 10px 0 0;
	background: url(/images/button-login-chat.gif) no-repeat left top;
	border: none;
	text-indent: -9999px;
	}		
#right .top #form-chat-login button:hover {background-position: 0px -21px;}
#right .top #form-chat-login button:active {background-position: 0px -42px;}
#right .top #form-chat-login button.loading {background-position: 0px -63px;}
#right .top #form-chat-login p {
	font: oblique 11px/21px Georgia, Times, serif;
	color: #666;
	}
	
/* Follow */

#right .top #chat-follow {
	position: relative;
	width: 390px;
	height: 55px;
	background: url(/images/background-follow.png);
	}
#right .top #chat-follow a#follow-twitcam {
	display: block;
	float: right;
	margin: 15px 14px 0 0;
	width: 189px;
	height: 25px;
	background: url(/images/button-follow_twitcam_on_twitter.gif) no-repeat left top;
	text-indent: -9999px;
	}	
#right .top #chat-follow a#chat-follow-start_chatting {
	position: absolute;
	right: 14px;
	top: -27px;
	width: 97px;
	height: 21px;
	background: url(/images/button-start_chatting.png) no-repeat left top;
	text-indent: -9999px;
	}	
#right .top #chat-follow a#follow-twitcam:hover,
#right .top #chat-follow a#chat-follow-start_chatting:hover {background-position: left center;}
#right .top #chat-follow a#follow-twitcam:active,
#right .top #chat-follow a#chat-follow-start_chatting:active {background-position: left bottom;}	
	
/* User Chat */
	
#right .top #chat-user {
	position: absolute;
	right: 23px;
	top: 10px;
	height: 21px;
	background: url(/images/background-chat_user.png) repeat-x left top;
	}
#right .top #chat-update .thumbnail .mask {
	background-image: url(/images/mask-50-chat.png);
	}
#right .top #chat-user h3 {
	float: left;
	height: 21px;
	line-height: 21px;
	margin: 0 8px 0 -18px;
	padding: 0 0 0 25px;
	background: url(/images/background-chat_user-left.png) no-repeat left top;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	text-shadow: none;
	}	
#right .top #chat-user a {
	float: left;
	display: block;
	height: 21px;
	width: 58px;
	margin: 0 -9px 0 0;
	background: url(/images/button-chat_user-logout.png) no-repeat left top;
	text-indent: -9999px;
	}	
#right .top #chat-user a:hover {background-position: left center;}
#right .top #chat-user a:active {background-position: left bottom;}	
#right .top .text-wrap {
	float: left;
	width: 256px;
	height: 42px;
	padding: 5px 5px 5px 17px;
	background: url(/images/background-chat-update.png) no-repeat left top;	
	}
#right .top textarea {
	width: 256px;
	height: 42px;
	border: none;
	outline: none;
	background: none;
	overflow: hidden;
	font-size: 13px;
	color: #777;
	}	
#right .top #tweetTimeContainer {
	position: absolute;
	z-index: 3;
	left: 74px;
	top: 36px;
	width: 258px;
	height: 52px;
	line-height: 52px;
	padding: 0 0 0 20px;
	background: url(/images/background-tweetTimeContainer.png) no-repeat left top;
	color: #fff;
	text-align: center;
	}	
#right .top span#form-chat-char_limit {
	position: absolute;
	z-index: 2;
	right: 73px;
	top: 70px;
	width: 23px;
	height: 14px;
	padding: 0 0 0 1px;
	line-height: 14px;
	background: url(/images/background-chars.png) no-repeat left top;
	font-size: 9px;
	font-family: Verdana, sans-serif;
	text-align: center;
	color: #fff;
	overflow: hidden;
	}
#right .top span#form-chat-char_limit.negative {
	background-position: left bottom;
	}		
#right .top button#form-chat-submit {
	position: absolute;
	right: 15px;
	top: 36px;
	width: 54px;
	height: 52px;
	background: url(/images/button-say.gif) no-repeat left top;
	border: none;
	text-indent: -9999px;
	}		
#right .top button#form-chat-submit:hover {background-position: 0px -52px;}
#right .top button#form-chat-submit:active {background-position: 0px -104px;}
#right .top button#form-chat-submit.disabled {background-position: 0px -156px;}
#right .top button#form-chat-submit.loading {background-position: 0px -208px;}
#right .top button#form-chat-submit.disabled:hover {cursor: default;}
	
/* Chat Messages */
		
#chat-messages {
	position: relative;
	height: 631px;
	background: url(/images/background-right-video.gif) no-repeat left top;	
	overflow: hidden;
	}
#chat-messages ul {
	position: relative;
	height: 631px;
	overflow-y: scroll;
	overflow-x: hidden;
	}
#chat-messages li.message {
	position: relative;
	width: 375px;
	min-height: 50px;
	padding: 10px 15px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #cfdcdd;
	font-size: 11px;
	overflow: hidden;
	}
#chat-messages li.message .thumbnail {
	float: none;
	position: absolute;
	left: 15px;
	top: 10px;
	}	
#right #chat-messages li.message .thumbnail .mask {
	background-image: url(/images/mask-50-message.png);
	}	
#right #chat-messages li.message.me .thumbnail .mask {
	background-image: url(/images/mask-50-message-me.png);
	}	
#chat-messages li.message p {
	margin: 0 0 3px 60px;
	font-size: 12px;
	line-height: 16px;
	}	
#chat-messages li.message span.date {
	margin: 0 0 0 60px;
	color: #999;
	font-size: 11px;
	}	
#chat-messages li.message.me {
	background: url(/images/background-tweet-me.gif) repeat-x left top;
	}	
	
/* Footer
 ------------------------------------------------- */	
 
#footer {
	clear: both;
	margin: 0 auto 10px auto;
	width: 800px;
	height: 20px;
	padding: 20px 0 0;
	background: url(/images/background-main-bottom.gif) no-repeat left top;
	}
#video #footer {
	background-image: url(/images/background-main-bottom-video.gif);
	}	
#footer a {
	display: block;
	float: right;
	width: 135px;
	height: 16px;	
	margin: 0 10px 0 0;
	background: url(/images/background-powered_by.gif) no-repeat left top;
	text-indent: -9999px;	
	}	
#footer p.copyright {
	float: left;
	margin: 0 0 0 10px;
	background: none;
	text-align: right;
	font: oblique 12px Georgia, Times, serif;
	color: #507779;	
	}
/* no flash styles */
.no_flash{display:block;background: #222 url(/images/no_flash.gif) no-repeat center center;}
.no_flash.intro{width:470px;height:278px;}
.no_flash.twitcam-player{width:320px;height:265px;}
.no_flash.twitcam-broadcaster{width:340px;height:455px;}
/* ad container styles */
#companionDiv1{text-align: center;margin:20px 0 15px 0;}
#companionDiv1 div {
    margin:0 auto;
}

.twit_login-button {
	background: url("/images/button-login-header.gif") no-repeat scroll 0pt 0pt transparent; width: 120px; height: 23px; margin-top: 7px;
}
#user_nav .twit_login-button:hover {background-position: 0px -23px;}	
#user_nav .twit_login-button:active {background-position: 0px -46px;}
#user_nav .twit_login-button.loading {background-position: 0px -69px;}

#right #twitter-login-box {
	float: left;
	width: 366px;
	-khtml-border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
	border: 1px solid #93d0d7;
	background: #fff;
	padding: 0 12px;
}

#right h3.login_with_twitter {
	float: left;
	font-size: 14px;
	color: #777;	
	padding: 18px 15px 0;
}



.twitter_login-button {
	cursor: pointer;
	background-color: #89cdd1;
	background: -moz-linear-gradient(top, #bbe2e5 0%,#89cdd1 3%, #46b1b7 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #bbe2e5),color-stop(0.03, #89cdd1),color-stop(1, #46b1b7));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#89cdd1', EndColorStr='#46b1b7');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#89cdd1', EndColorStr='#46b1b7')";
    -khtml-border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border-radius: 35px;
	border: 1px solid #379ea4;
	display: block;
	float: right;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	text-shadow: #12656a 0px 1px;
	text-align: center;
	padding: 6px 40px 8px;
	margin: 10px 0 10px;
	-webkit-animation-name: glowPulse;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
}

.twitter_login-button:hover {
	border: 1px solid #54cdd4;
	background: -moz-linear-gradient(top, #bfecef 0%,#91dfe3 3%, #54cdd4 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #bfecef),color-stop(0.03, #91dfe3),color-stop(1, #54cdd4));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#91dfe3', EndColorStr='#54cdd4');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#91dfe3', EndColorStr='#54cdd4')";
}

.twitter_login-button:active {
	border: 1px solid #54cdd4;
	background: -moz-linear-gradient(top, #49b9bf 0%, #51cbd2 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #49b9bf),color-stop(1, #51cbd2));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#49b9bf', EndColorStr='#54cdd4');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#49b9bf', EndColorStr='#51cbd2')";
}



/* Top Advertisement */

#companionDiv2 {
	margin: 0 auto;
	width: 760px;
	padding: 5px 10px;
	margin-bottom: 15px;
	background-color: #cccccc;
	background-image: -moz-linear-gradient(top, #f0f0f0 0%, #e5e5e5 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0f0f0), color-stop(1, #e5e5e5));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', EndColorStr='#e5e5e5');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', EndColorStr='#e5e5e5')";
	text-align: center;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 1px 4px #4ab3b9; 
	 -webkit-box-shadow: 0px 1px 6px #4ab3b9; 
	 box-shadow: 0px 1px 6px #4ab3b9; 
}
#companionDiv2 div {
    margin: 0 auto;
}

/* Error states */

#wrap.error {
	background: none;
	width: 480px;
}

#error_image {
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 480px;
	height: 300px;
	text-decoration: none;
}
._400 #error_image {
	background-image: url(/images/bg-400.jpg);
}
._404 #error_image {
	background-image: url(/images/bg-404.jpg);
}
._500 #error_image {
	background-image: url(/images/bg-500.jpg);
}

#wrap.error p {
	font-size: 14px;
	text-align: center;
	line-height: 24px;
	width: 400px;
	color: #666;
	text-shadow: #dbfdff 0px 1px;
}

#error_message {
	width: 400px;
	margin: 0 auto;
}

#error_buttons {
	background: #fff;
	padding: 10px;
	-khtml-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	width: 235px;
	margin: 30px auto;
	-moz-box-shadow: 0px 2px 0px #83cbcf; /* FF3.5+ */
	-webkit-box-shadow: 0px 2px 0px #83cbcf; /* Saf3.0+, Chrome */
	box-shadow: 0px 2px 0px #83cbcf; /* Opera 10.5, IE 9.0 */	
}
._404 #error_buttons, ._500 #error_buttons {
	width: 91px;
}
#error_buttons:after {content: ".";display: block; height: 0;clear: both;visibility: hidden;}

#error_buttons a.home {
	float: left;
	width: 91px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	background: url(/images/button-error-home.gif) no-repeat left top;
}

#error_buttons a.try_again {
	float: right;
	width: 129px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	background: url(/images/button-error-try_again.gif) no-repeat left top;
}

#error_buttons a:hover {
	background-position: left center;
}
#error_buttons a:active {
	background-position: left bottom;
}

/* Glow Transition */

@-webkit-keyframes glowPulse {
	from {  
		-moz-box-shadow: 0px 1px 10px #f10002;
	    -webkit-box-shadow: 0px 1px 10px #f10002;
	    box-shadow: 0px 1px 10px #f10002; 
	}
	50% { 
		-moz-box-shadow: 0px 1px 0px #fff;
	    -webkit-box-shadow: 0px 1px 0px #fff;
	    box-shadow: 0px 1px 1px #fff; 
	}
	to {
		-moz-box-shadow: 0px 1px 10px #f10002;
	    -webkit-box-shadow: 0px 1px 10px #f10002;
	    box-shadow: 0px 1px 10px #f10002; 
	}
}