@charset "utf-8";
/* CSS Main */
html{overflow:scroll;overflow-x:auto;height:100%;}
html,body,form,img{margin:0px;padding:0px;border:none;}
body {height:100%; font-family: Arial, Helvetica, sans-serif; font-size:12px;color:#333; background-image:url(../img/bg_site.gif); background: #000;}
body *{outline:none;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-size: 97%;
	font-weight: inherit;font-family:Arial, Helvetica, sans-serif; 
	font-style: normal;
	vertical-align: baseline;
	background: transparent;
	border: 0;
	outline: 0;
}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,blockquote{font-family:Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;font-size:12px;}
a{text-decoration: underline;}
a:hover{text-decoration: none; color:#333;}

h1{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:16px; text-transform:uppercase; letter-spacing:0px; font-weight: bold; margin:0; padding:0; line-height:17px; clear: both; margin-bottom: 10px;}
.clear{clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;}
/*******************************************************/
#top{width:100%;position:relative;min-height:100%;height:auto !important;height:100%; margin:0 auto;text-align: left; min-width:990px; color:#333;}
#Content{padding:0; margin:0 auto;padding-bottom:20px;}
#Header{position:relative; border-top:4px solid #002863;}
#Logo{float:left; margin:20px 0;}
.content{width:990px; margin: auto; position:relative;}
#Wrapper{ background:#fdfdfd; padding:20px 0;border-top:1px solid #ecedf3;border-bottom:1px solid #ecedf3;  }
#MainContener{width:380px; background:#fff;padding:20px; margin: 0 auto;border:1px solid #ecedf3;}
#leftPanel{width:380px; position: relative; margin: 0 auto; }
#Presentation{width:550px;float: right; position: relative;height:425px;background:#fdfdfd url(http://infostrefa.tv/assets/img/icon_pres.gif) no-repeat center; }
#Player{ background: #fff no-repeat center;}

.chatWrapper{width:950px; background:#fff;padding:20px; margin: 0 auto; margin-top:20px;border:1px solid #ecedf3;}

#Tools{position: absolute; right:0; bottom:20px;}

.lang {position:absolute; right:10px; top:-3px;}
.lang a:link,.lang a:visited, .lang a:active{color:#fff; background:#002863;padding:5px 8px; padding-top:8px; text-decoration: none; display: block;}
.lang a:hover{color:#fff; background:#002863; padding-top:15px; }

#appStatusBar{  color: #babbbf; background:#fff; }
#appStatusBar div{height:20px; font-size:11px; line-height:20px; padding:10px 0px;width: 972px; margin:0 auto;}
#appStatusBar span{text-align:right; float:right; margin:0;}
#appStatusBar a{color:#87898d;}


button{cursor:pointer;}
input,textarea{padding:7px 5px;border:0px solid #000; background:#fff; color:#111; line-height:18px;}
#SearchForm{ background:#fff; width:150px; margin:0 auto; display:block; height:27px; line-height:27px; position:absolute; top:45px; right:10px;}
#SearchForm input{-webkit-appearance: caret;color:#fff; position:absolute; top:1px; left:1px;background:#fff; line-height:15px; margin:0; padding:5px 9px; width:168px; border:0px solid #000; height:15px;font-size:12px;}
#SearchForm button{position:absolute; top:1px; right:0px;background:#9fa0a5 url(../img/search_btn.png) no-repeat center center; line-height:17px; margin:0; padding:4px 10px; border:none; height:25px; width:35px;}


a { 
	text-decoration: none; 
	color: #2c2d31;
	font-weight: bold;
	transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-webkit-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
}

a:hover { color: #f26535;  }

a.button{
	background: url(../img/sprite.png) no-repeat -332px 0; text-align:center;  float:left;
	height: 32px;
	width: 122px;
	display: block;
	margin-left:10px;
	color: #fff;
	line-height: 29px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

a:hover.button {
	background: url(../img/sprite.png) no-repeat -332px -33px;
	color: #fff;
}

.label{ font-weight: bold;}
.errMess{border:1px solid #fff5bd; padding:60px 30px;  background:#fffade; text-align: center; font-size: 16px; font-weight: bold; color: #000;}
.input{padding:10px; background:#fff; border:0px solid #000; font-weight: normal; color:#02061e; font-size:13px; width:170px; margin-bottom:10px; margin-top:5px;}

#formSend{ margin:0; padding:0;}
#formContener p { margin-bottom:15px;}
#formContener #loginForm{ width:380px; margin:0; text-align:left; display:block; padding:0;}
#formContener #loginForm input{ width:380px; margin:0; margin-bottom:10px;padding:0; text-indent:10px; display:block; border:1px solid #ddd; background:#FFF; line-height:35px; height:35px; font-family:Arial, Helvetica, sans-serif; border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
#formContener #loginForm input:focus{-moz-box-shadow:inset rgba(0, 0, 0, 0.3) 0 0 3px 0;-webkit-box-shadow:inset rgba(0, 0, 0, 0.3) 0 0 3px 0;-o-box-shadow:inset rgba(0, 0, 0, 0.3) 0 0 3px 0;box-shadow:inset rgba(0, 0, 0, 0.3) 0 0 3px 0;border:1px solid #4d90fe;}
#formContener #loginForm input:required:invalid, 
#formContener #loginForm input:focus:invalid { -moz-box-shadow: none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none;}
#formContener .validation-advice {color: red; margin-bottom:10px; display:block;}