/*
    Wizetrade TV Master Stylesheet
    Author: Joel Dow
*/

@import url("reset.css");

html, body, form, #Container{height:100%;}
html{background:#000 url(../images/layout/bg.jpg) no-repeat 0 100px;font-family:Century Gothic, Arial, Sans-Serif;overflow:hidden;}
body > #Container { position:relative;height: auto; min-height: 100%; }

#Header{position:relative;height:4em;}
#Logo{position:relative;top:10px;left:75px;width:216px;height:51px;background:url(../images/layout/mbtv.png) no-repeat;cursor:pointer;}
#Container{}
#Content{margin:0;padding:0;}
#Progress{position:absolute;top:250px;left:350px;color:#fff;padding: 0px; margin: 0px;font-family:Arial, Verdana, Century Gothic;font-size:.9em;}
#Debug{color:#fff;font-size:.8em;clear: both;position: relative;display:none;z-index: 10;height: 165px;margin-top: -168px;padding:2px;}
#Debug > #Content{height:145px;width:auto;font-family:Courier New, Arial, Verdana, Sans-Serif;}
.TraceHeader{position:relative;width:50%;font-weight:bold;}
.PlaylistHeader{position:relative;width:50%;font-weight:bold;}
#ClearTrace{margin:0 20px 0 0;font-size:.7em;font-family:Arial, Verdana, Sans-Serif;}
#ClearPlaylist{margin:0 20px 0 0;font-size:.7em;font-family:Arial, Verdana, Sans-Serif;}
#Trace{background:#333;width:100%;height:145px;overflow:auto;}
#Playlist{background:#333;width:100%;height:145px;overflow:auto;}
#Trace div span{padding:0 0 0 5px;}
#Playlist div span{padding:0 0 0 5px;}
.SilverlightPlayer{position:relative;display:block;background:none;outline:none;}

#Login{position:relative;top:75px;left:100px;}
.LoginContainer{width:250px;height:125px;font-size:1em;font-family:Century Gothic, Arial, Sans-Serif;font-size:.9em;text-align:right;}
.LoginLabel{color:#dcdcdc;padding:0 3px 0 0;}
.LoginTextBox{width:135px;color:#dcdcdc;margin:0 0 3px 0;border:1px solid #555;background:transparent;padding:1px 2px;}
.LoginTextBox:focus{border:1px solid #53A7EF;}
.LoginButton{position:relative;right:0;color:#dcdcdc;border:1px solid #555;background:transparent;}
.LoginButton:focus{border:1px solid #53A7EF;}
.LoginProgress{color:#fff;text-align:left;}
#RequiresSilverlight{position:relative;top:135px;left:150px;width:200px;font-size:.8em;}
.Links{position:relative;top:-5px;width:875px;font-family:Century Gothic, Sans-Serif;font-size:1em;text-align:right;color:#444;margin:0 0 0 75px;}
.Links a{outline:none;}
#ChatLink{display:none;}
#InstallSilverlight{position:relative;top:40px;left:80px;color:#fff;}
#InstallSilverlight p{color:#fff;}

/* Links */
a:link, a:active, a:visited{color:#53a7ef;text-decoration:none;}
a:link:hover, a:active:hover, a:visited:hover{text-decoration:underline;}

a.gray:link, a.gray:active, a.gray:visited{color:#ccc;text-decoration:none;font-size:.8em;}
a.gray:link:hover, a.gray:active:hover, a.gray:visited:hover{color:#fff;text-decoration:none;font-size:.8em;}

a.chatLink:link, a.chatLink:active, a.chatLink:visited{color:#ccc;text-decoration:none;font-size:.8em;}
a.chatLink:link:hover, a.chatLink:active:hover, a.chatLink:visited:hover{color:#fff;text-decoration:none;font-size:.8em;}

/* Debugging */
.error{color:Red;}
.warning{color:Yellow;}
.ok{color:#61bb46;}
.info{color:#53a7ef;}
.debug{color:#ccc;}