#message-box{
    display:none;
}

body, html, h1 {
    font-family: sans-serif;
}
body{
    background:url(/static/img/bg.jpg) black no-repeat top center;
}

h1, h2 {
    margin: 0px;
}
.bar {
    background-color: #38f;
    height: 12px;
    width: 200px;
    margin: 3px 0px;
}
#container {
    margin: auto;
    border: 2px solid #000;
    width: 400px;
    background-color: #fff;
}

#progressbar{position:absolute; top:100px; text-align:center; display:none; text-align:center; width:100%; font-family:"Trebuchet MS"; font-weight:bold;}
#progressbar img{text-align:center;}
#progressbar .wrapper{margin-right:auto !important; margin-left:auto !important; position:relative !important;}

/*#sound{position:absolute; right:10px; top:25px; font-family:Arial; font-size:12px; color:#AFAFAF; border-bottom:1px dashed #BF0000; cursor:pointer;}*/
#online_count{font-family:Arial; font-size:14px !important; font-weight:bold; position:relative; margin-top:-10px; float:right; padding:0px 10px 0px 0px; z-index:100; font-family: Arial; font-size: 16px; color: #CFCFCF;}
#retalk, #save_log{cursor:pointer; border-bottom:1px dashed red;}
.msg_to, .msg_from{
    border-bottom: 1px dotted #EEEEEE;
}

.name{font-weight:bold; padding-right:5px;}
.msg_to .name{color:blue;}
.msg_from .name{color:red;}

button{font-family:Tahoma; font-size:11px;  padding:2px 0px 0px 0px !important;}
/*button.label{margin-top:4px;}*/

#messages{
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-radius:10px;
    padding:10px;
    font-family:"Trebuchet MS";
    position:absolute;
    top:0px;
    bottom:116px;
    left:5px;
    right:5px;
    overflow:auto;
}

#bar{position:absolute; bottom: 88px; right:5px; left:5px; font-size:14px; font-family:"Trebuchet MS", Tahoma;}
    #partner_typing{font-family:Tahoma; font-size:12px; font-weight:bold; color:red; width:160px; height:18px; border:1px solid #CCC; margin:2px 4px 0px 0px; float:left; margin-left:10px; padding:4px 0px 0px 6px;}
    #bar img{float:left !important;}
    #bar button{margin-top:1px; float:left !important; text-align:right;}
    #bar .label{float:left !important; padding-left:3px;}
    #sound_change_link{float:left; margin-left:5px; border-bottom:1px dashed #2366A1; font-weight:bold; cursor:pointer; color:#2366A1;}
#text{
    font-family:"Trebuchet MS";
    font-size:18px;
    width:400px;
    border:1px dashed #E7484E;
    height:70px;
    margin-right:5px;
    width:100%;
    overflow:hidden;
}

#msg_box{margin-top:10px; position:absolute; bottom:10px;}
#send{
    position:absolute;
    right:5px;
    bottom:5px;
    width:165px;
    height:80px;
    -moz-border-radius:0px 0px 10px 0px;
    -webkit-border-bottom-right-radius:10px;
    overflow:hidden;
    /*padding: 10px 0px 0px 10px;*/
}
#text_wrap{position:absolute; left:5px; right:180px; bottom:5px; height:80px; background:white;}

.panel{font-family:Tahoma; font-size:11px; border:1px solid #CCC; margin-left:5px;}
.panel.label{padding:3px 0px 0px 0px;}

#submit_btn{
    font-family:"Trebuchet MS", Tahoma, Arial;
    /*color:#2366A1;*/
    /*font-weight:bold;*/
    font-size:24px;
    /*width:90px;*/
    /*border-bottom: 1px dashed #2366A1;*/
    position: absolute;
    bottom: 7px;
    left:0px;
    /*background:white;*/
    /*padding:30px 0px 20px 10px;*/
    cursor:pointer;
    /*margin-left: 10px;*/
    padding: 18px !important;
}
#disconnect_btn{}
#head{width:100%; height:50px; background:white; position:absolute; top:0px; right:0px; left:0px; opacity:0.90;}

#head h1{font-family:Georgia, "Trebuchet MS" /*"Lucida Sans Unicode"*/; font-size:22px; background:white; font-weight:lighter; font-style:italic; padding:10px 0px 0px 10px;}

#notify{font-family:Verdana; font-weight:bold; color:gray; position:absolute; top:0px; right:0px; width:150px; background:#EF000A; color:white; font-size:10px;}
#notify div{padding:5px;}

#postlog{
    display:none;
    position:absolute;
    background:white;
    top:60px;
    bottom:5px;
    left:5px;
    right:5px;
    -moz-border-radius:10px 10px 10px 0px;
    opacity:0.96;
}

#prelog{position:absolute; top:60px; right:5px; left:5px;}
#prelog .bg{position: absolute; right:5px; left:5px; opacity:0.90; background:white; height:100%; z-index:10; /*border: 1px solid #CCCCCC;*/ -moz-border-radius:10px;}
#prelog .contents{background:transparent; z-index:11; height: 100%; position: relative; /*width: 100%;*/ padding:10px; font-size:20px;}

#start{padding:10px !important; margin-top:10px; font-family:"Trebuchet MS"; font-size:46px; font-weight:bold; cursor:pointer;}
.sysmsg{color:gray; font-style:italic; font-weight:bold;}

#status{
    padding-top: 4px;
}
#status_select option{
    text-indent: 16px;
    
}
#status_select{
    width:150px;
    text-indent: 16px;
    background-color:white;
}

/*** FF ***/
@-moz-document url-prefix() {
  #status_select {
    text-indent: 0px !important;
    padding-left: 16px;
  }
}

/*** IE 7 ***/
* + html #status_select, * + html #status_select option{
    /*text-indent: 16px !important;*/
    padding-left:16px !important;
}

* + html #bar button{
    width:105px !important;
}

/*** IE 8 ***/
#status_select option, #status_select { padding-left /*\**/: 16px !important;\9 }


.status_online{
    background: url('/site_media/img/status_online.png') no-repeat left;
}
.status_comeback{
    background: url('/site_media/img/status_comeback.png') no-repeat left;
}

.status_msg{
    font-size: 20px !important;
    font-family: Arial !important;
    color: #FFCFD5 !important;
}