/*
    Document   : roulette
    Created on : Feb 2, 2012, 11:10:44 AM
    Author     : veter
    Description:
        Purpose of the stylesheet follows.
*/

body {background-color: #f2f2f2}
.rl-select, .rl-msg.system, .rl-wrap-user, .rl-user-avatar {}
.rl-top-inner-box {padding: 17px 17px 16px 17px}
.rl-top-inner-box .btn-s{margin-top: 7px; margin-left: 5px;}
.rl-select-text {margin-bottom: 5px; display: inline-block; }
.rl-select {border:solid 1px #c6c6c6; border-bottom-color: #d3d3d3; padding:2px 4px 4px; height: 26px; width: auto;
    background: #FFF; line-height: 26px; width: 218px;}
.rl-wrap-user {width: 218px; margin-bottom: 10px; vertical-align: top; text-align: center; position: relative;}
.rl-user-info {
color: #222;
position: absolute;
bottom: 49px;
width: 218px;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
}
.rl-chat {height: 371px; overflow-y: scroll;  overflow-x: hidden; margin: -10px -10px 0 0;padding:10px 0px 10px 0px}
.meety-project .rl-chat { height: 325px; }
.rl-msg
{width: 97%;
        margin-left: 10px; margin-right: 10px; margin-top: 2px; margin-bottom: 2px; display: inline-block;}
.rl-msg.me .rl-text {color: #777}
.rl-msg .rl-text {color: #555}
.rl-msg.system {background: #f2f2f2; margin-left: 10px; margin-right: 10px; margin-top: 2px; margin-bottom: 2px; padding: 10px; width: 94%; }
.rl-msg.system i{margin-right: 5px}
.rl-user-name {float: left; width: 80px; text-align: right; margin-right: 5px; color: #F15A2A; font-weight: bold; white-space: nowrap;}
.rl-msg.me .rl-user-name {color: #55A9DE}
.rl-text {padding-left: 85px;}
.rl-anwser-block {width: 680px;;background: #f2f2f2; float: left; padding: 10px; border-top:solid 1px #DDD; margin: 0px 0 -10px -10px}
.input-txt.label-text {height: 42px; margin: 5px 0 10px 0; float: left; width: 553px;
*margin: 5px 0 10px 10px
}
#sendButton {float: left; margin-left: 10px; margin-top: 5px; height: 42px;line-height: 40px; }
#searchLoader {
position: absolute;
z-index: 900;
padding-top: 100px;
margin-top: 55px;
margin-left: 66px;
}
#greetingText {
    padding: 10px;
    line-height: 30px;
    font-size: 16px;
}

#greetingText .textBox {
    padding-left: 30px;
    padding-right: 30px;
}

.rtButtonCont {
    padding-top: 7px;
    height: 45px;
}

.chatNotifyGray {
    height:18px;
    padding-left:70px;
    color: #b3b3b3;
}

.partnerViewPhotos {
    display: none;
    padding-left:95px;
}

#partnerTyping {
    padding-left: 25px;
    display: none;
    background: url('/app/roulette/img/typing.gif') no-repeat 1px 4px;
}


#nextButton {
    position : absolute;
    margin-top: 3px;
    margin-left: 5px;
    width: 166px;
    height: 34px;
    padding-top: 6px;
    padding-bottom: 2px;
    display: none;
}

#globalRtLoader {
    position : absolute;
    margin-top: 3px;
    margin-left: 5px;
    padding-top: 11px;
    padding-left: 48px;
    width: 166px;
    height: 37px;
    background: url('/img/loader-32.gif') no-repeat 4px 4px;
}

#search-loader {
    padding: 10px 0 10px 52px;
    position: absolute;
    top: 75px;
    left: 0;
    margin-left: 28px;
    text-align: left;
    background: url('/img/loader-32.gif') no-repeat 4px 4px;
}

#topAlerts {
    padding: 10px;
    margin-top: 9px;
}

#stopButton {
    margin-top: 15px;
}
#second{
margin-bottom: 25px;
}
.rl-scroll-chat{*padding-bottom: 0}


#chat .userInf{padding:10px;margin-bottom:20px;border-bottom: 1px dotted #EEE;}
#chat .userInf p{padding:0 0 5px 0;color:#58595B;padding: 0 0 5px;}
#chat .userInf span{font-weight:bold;color:#f15a2a;}
#chat .userInf .photos{margin-top:5px;height:101px;margin-bottom:10px;}
#chat .userInf .photos a{display:block;float:left;
height:97px;width:140px;padding:2px;margin-right:15px;
background:#f2f2f2;
text-align:center;
}
#chat .userInf .helloBtn{
margin-top:10px;
}
#chat .userInf .photos table img{
height:97px;width:97px;
}

.lockedChat, .lockedChat .rl-user-name, .lockedChat .rl-text, .lockedChat a, #chat.lockedChat .userInf p, #chat.lockedChat .userInf span{color:#ccc !important}

.rt-ever-alert .rt-al-text{color:#58595B !important}
.rt-ever-alert a.btn {color:#FFF !important}
.messFncs{position:rlative;display:block;clear:both}
.messFncs .btn{padding-left: 5px;padding-right: 5px;}
.messFncs .btn i{}
.messFncs #smiles{paddding:5px;width:563px;background:#fafafa;
position:absolute;bottom:33px;left:10px;
-moz-box-shadow: 0px 2px 2px #777;
-webkit-box-shadow: 0px 2px 2px #777;
box-shadow: 0px 2px 2px #777;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.messFncs #smiles div{clear:both;height:1px;}
.messFncs #smiles table:hover{background:#eee}
.messFncs #smiles table td{vertical-align:middle; text-align:center !important;height: 35px;width: 52px;}
.messFncs #smiles table{
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
cursor: pointer;
display: block;
float: left;
height: 35px;
margin: 2px;
width: 52px;
}

#picHolderLink {
    cursor: default;
}

#tr-live-wrap{overflow: hidden; height: 75px; width: 574px;  position: relative; }
#tr-live{width: 2000px;}

.rt-live-box {
    margin-bottom: 30px;
}

.rt-tochat{
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    padding: 17px 20px 18px 17px; background: url(/app/meeting/img/btn-s.png) -1px 0; color: #fff; float: left; text-decoration: underline; width: 39px; height: 40px; font-size: 15px;}
.rt-tochat:hover{text-decoration: none; color: #fff}
.rt-live  {
    float: left;
    padding: 2px 2px 2px 3px;
    cursor: pointer;
/*    width: 80px*/
}
.rt-live img {
    height: 73px;
    width: 73px;
    text-decoration: none;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

#label-user-btn .description-label {display: none;}


#full-version-notice, #full-version-notice-mail { border-top: 1px solid #DDDDDD; margin: 0 -10px; padding: 10px 10px 10px 11px; }
#full-version-notice p, #full-version-notice-mail p { display: block; line-height: 26px; }
#full-version-notice .btn { width: 63px; }
#full-version-notice-mail #full-version-btn { width:140px; position: relative; top: -5px; }


.mrcConnectButton { width: 200px; position: relative; }
.mail-popup-text i { width: 23px; height: 20px; background: url("./img/messeng-1.gif") 0 0 no-repeat; margin-right: 10px; margin-top: -2px;  cursor: hand; cursor: pointer; }
.mail-popup-text { text-align:center; padding-bottom: 10px; padding-top: 15px; font-size: 15px; }
.mail-popup-text p { display: block; padding: 0 0 20px 0; }
#popupUsers { margin-top: -8px; padding-bottom: 8px; }
#popupUsers ul li { display: inline-block; *display: inline; *zoom:1; }
#popupUsers ul li a { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow: hidden; width: 48px; height: 48px; display: block; }
#popupUsers ul li a img { display: block; }
#popupUsers span { display: block; padding-top: 3px; }

#popupWin.register-popup { overflow: visible; }
#popupWin.register-popup #popupContent { padding: 0; }
#popupWin.register-popup #popupContent .pole-btn .fs-social-btn { width: 167px; }
#disagreeMessenger { display: inline-block; *display: inline; zoom: 1; color: #828282; line-height: 1.321em; padding: 3px 20px 4px; }
#popupWin .partner-photo { position: relative; }
#popupWin .partner-photo img { border: 1px solid rgba(94, 94, 94, 0.42); border-radius: 3px 3px 3px 3px; }
#popupWin .partner-photo i { margin-right: 3px; }
#popupWin .partner-photo #partner-photo-count { background: rgba(255, 255, 255, 0.6); position: absolute; right: 1px; border-style: solid; border: 1px solid rgba(94, 94, 94, 0.42); border-width: 1px 0 0 1px; border-radius: 3px 0 2px 0; bottom: 1px; padding: 3px 2px 2px 4px; }

#popupWin #reg-tooltip { position: absolute; z-index: 10001; background: rgb(255, 255, 255); padding: 7px 20px; width: 366px; bottom: -100px; }
#popupWin #reg-tooltip i { display: block; background: url('./img/tooltip-arrow.png') top left no-repeat; width: 24px; height: 12px; position: absolute; top: -12px; left: 19px; }