﻿.ugly-nowplaying-thumb-container{width:290px;padding:5px;border:solid 1px #ccdddd;background:#FFF;}
.ugly-nowplaying-thumb-container .ugly-nowplaying-upper{margin-bottom:15px;}
.ugly-nowplaying-thumb-container .ugly-nowplaying-img-container{float:right;display:inline;margin-left:10px;position:relative;}
.ugly-nowplaying-thumb-container .ugly-nowplaying-main-img{width:118px;height:84px;}
.ugly-nowplaying-thumb-container .ugly-nowplaying-desc{width:158px;float:right;display:inline;font-size:16px;color:#444;text-decoration:none;}
.ugly-nowplaying-thumb-container .ugly-nowplaying-bottom{}
.ugly-nowplaying-thumb-container .ugly-nowplaying-online-text{color:#9f9f9f;margin-bottom:3px;padding-top:3px;border-top:solid 1px #CCC;}
.ugly-nowplaying-thumb-container .ugly-nowplaying-online-text a{color:#9f9f9f;}
.ugly-nowplaying-thumb-container .ugly-nowplaying-member-imgs{}
.ugly-nowplaying-thumb-container .ugly-now-text{margin-bottom:5px;font-weight:bold;}
.ugly-nowplaying-thumb-container .ugly-now-text img{vertical-align:-2px;}
.ugly-nowplaying-thumb-container .ugly-now-text a{color:#05aea2;}
.ugly-nowplaying-thumb-container .ugly-show-name{margin-bottom:5px;}
.ugly-nowplaying-thumb-container .ugly-show-name a{font-weight:bold;font-size: 14px;}
/*
.ugly-nowplaying-thumb-container .ugly-thumb-video-icon{width:117px;height:83px;background:transparent url(../../images/ugly/ugly-thumb-play.png) no-repeat scroll bottom left;position:absolute;left:0px;top:0px;cursor:pointer;border:solid 1px #7f7f7f;}
*/
.ugly-nowplaying-thumb-container .ugly-thumb-video-icon{width:117px;height:83px;background:transparent url(../../images/main_page/video-play-button.png) no-repeat scroll center center;position:absolute;left:0px;top:0px;cursor:pointer;border:solid 1px #7f7f7f;}


.ugly-nowplaying-thumb-wrapper .ugly-thumb-video-icon{width:117px;height:83px;background:transparent url(../../images/ugly/ugly-thumb-play.png) no-repeat scroll bottom left;position:absolute;left:0px;top:0px;cursor:pointer;border:solid 1px #7f7f7f;}
.ugly-nowplaying-thumb-container .member-item-row{margin-bottom:5px;}
.ugly-nowplaying-thumb-container .member-item{margin-left:5px;}



/* comments */

.ugly-comment-wrapper{width:278px;background:#191a15;padding:0px 0px 4px 0;}

.ugly-comment-wrapper .ugly-textbox-right{width:150px;float:right;display:inline;margin:5px;height:25px;padding-right:4px;background:transparent url(../../images/ugly/buttons/images/ugly-textbox-right.gif) no-repeat center right;}
.ugly-comment-wrapper .ugly-textbox-left{height:25px;padding-left:4px;background:transparent url(../../images/ugly/buttons/images/ugly-textbox-left.gif) no-repeat center left;}
.ugly-comment-wrapper .ugly-textbox-middle{height:25px;background:transparent url(../../images/ugly/buttons/images/ugly-textbox-middle.gif) repeat-x scroll;}

.ugly-comment-wrapper .button{background:transparent url(../../images/ugly/buttons/images/ugly-send-middle.gif) repeat-x scroll;border:none;color:#FFF;font-weight:bold;}
.ugly-comment-wrapper .ugly-btn-right{width:41px;overflow:hidden;margin-top:6px;padding-right:3px;background:transparent url(../../images/ugly/buttons/images/ugly-send-right.gif) no-repeat center right;}
.ugly-comment-wrapper .ugly-btn-left{width:38px;padding-left:3px;background:transparent url(../../images/ugly/buttons/images/ugly-send-left.gif) no-repeat center left;}

.ugly-comment-container{width:278px;height:198px !important;position:relative;overflow-y:auto;overflow-x:hidden;background:#191915;}
.ugly-comment-row{background:#EFEFEF;padding:5px 0px;margin:0 10px;margin-bottom:1px;border-bottom:solid 1px #CCC;position:relative;}
.ugly-comment-row .ugly-comment-img{width:37px;height:37px;overflow:hidden;margin-left:5px;}
.ugly-comment-row .ugly-comment-img img{width:35px;height:35px;border:solid 1px #CCC !important;}
.ugly-comment-row .ugly-comment-details{width:190px;}
.ugly-comment-row .ugly-comment-uname{margin-bottom:3px;color:#CCC;display:inline; /* hack */}
.ugly-comment-row .ugly-comment-uname a:link,
.ugly-comment-row .ugly-comment-uname a:visited,
.ugly-comment-row .ugly-comment-uname a:hover,
.ugly-comment-row .ugly-comment-uname a:active{font-size:12px;}
.ugly-comment-row .ugly-comment-text{font-size:12px;margin-bottom:3px;width:190px;overflow:hidden;max-height:32px;display:inline; /* hack*/}
.ugly-comment-row .ugly-comment-date abbr{font-size:11px;}

.ugly-comment-add-container{padding-top:5px;padding-right:5px;margin-bottom:3px;margin-top: 0px;padding-top:5px;padding-bottom:2px;border-bottom:solid 1px #777;}
.ugly-comment-img-member{float:right;display:inline;margin-left:5px;}
.ugly-comment-img-member img{width:35px;height:35px;}
