/**
 * specific styles for the module box 'Streaminfo'
 */



#livestreamInfo, #livestreamChat {
    width: 221px;
    height: 351px;
    padding: 11px 6px 0 14px;
    overflow-y: auto;
}

#Streaminfo {
    float: right;
    width: 250px;
    height: 400px;
    overflow: hidden;
}

#Streaminfo h1 {
    font-size: 1.4em;
    line-height: 110%;
    margin: 0 0 15px;
}

#Streaminfo .uoTab-Share.selected {
    background-position: left -1150px;
}

/* fix for opera 9.27, since it doesn't understand overflow-y */
@media all and (-webkit-min-device-pixel-ratio:10000) {
    #videoshare, #videoinfo {
        overflow: scroll;
    }
}

#Streaminfo h3 {
	margin:0px;
    margin-bottom: 2px;
}

#Streaminfo h3 {
    font-size: 1.1em;
}

#Streaminfo p {
	font-size: 1.1em;
	margin:2px 0 12px;
}








/**
 * module 'Twitterfeed'
 */

#livestreamChat {
    float: left;
    width: 220px;
    height: 341px;
    margin-left: 0px;
}

#livestreamChat .selected a {
    width: 104px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

#livestreamChat a:hover, #livestreamChat a:active, #livestreamChat a:focus {
	text-decoration: none;
}

#livestreamChat a:hover span, #livestreamChat a:active span, #livestreamChat a:focus span {
	text-decoration: underline;
}

#livestreamChat  a img {
    vertical-align: middle;
}

#livestreamChat  li {
    padding: 5px 0;
    list-style: none;
    font-size: 1.2em;
    line-height: 130%;
	min-height:48px;
    border-bottom: 1px dotted #eaeaea;
}

#livestreamChat #twitterChat li img {
	float:left;
	margin-right:5px;
	width:48px;
	height:48px;
}

#livestreamChat #twitterChat li .username {
	font-size:14px;
	color:#003366;
	font-weight:bold;
}

#livestreamChat #twitterChat li .text {
	font-size:12px;
}

#livestreamChat #twitterChat li .time {
	font-size:10px;
	color:#CDCDCD;
}

#livestreamChat .twitterMsgSuccess{
	color:green;
	font-weight:bold;
}

#livestreamChat .twitterMsgFailed{
	color:red;
	font-weight:bold;
}

/**
* twitter input box
*/
#liveChatBox {
	height:225px;
	overflow-y:scroll;
	overflow-x:hidden;
}

#liveChatInputBox {
	margin-top:1px;
}

#liveChatInputBox textarea{
	height:52px;
	width:217px;
	float:left;
	margin-bottom: 2px;
}

#liveChatInputBox input{
    margin: 0;
/*  height:42px;
    width:60px;
    background-color:#b0c8ea;
    float:right;
*/}

#twitterLoginBoxOuter {
	width:550px;
	height:290px;
	background-color:#FFFFFF;
	overflow:hidden;
}

#twitterLoginBox {
	width:540px;
	height:280px;
	margin:8px;
	background-color:#FFFFFF;
	clear:both;
}



#twitterLoginBox h2 {
    font-size: 1.4em;
    line-height: 110%;
    margin: 0 0 15px;
}

#twitterLoginBox h3 {
	margin: 0 0 2px 0;
    font-size: 1.1em;
}

.ajaxloader {
	background-image:url(images/ajaxloader.gif);
	background-repeat:no-repeat;
	background-position:12px 12px;
	z-index:1000;
}


#twitterLoginFrm {
  width: 400px;
  margin: 10px auto 0 !important;
}

#twitterLoginFrm label {
	width: 100px;
}

#twitterLoginFrm input {
	width: 280px;
}

#twitterLoginFrm #loginAndSubmit {
    float: none;
    display: block;
    margin: 0;
}

#twitterLoginFrm .buttons {
    width: 282px;
}

#twitterLoginFrm #overlayCancelButton, #writeTwitterStatus {
    float: right;
    width: auto;
    height: 20px;
    padding: 1px 6px 3px;
    text-transform: uppercase;
    color: #fff;
    background: #376696;
    border: 1px solid #fff;
    cursor: pointer;
}

#twitterAccessData {
	float:left;
    font-size: 1.1em;
    margin: 1px;
}
