.LeftSideBarDiv {
    display: block;
    width: auto;
    position: relative;
    font-size: 100%;
    padding:8px 0px;
}

.panel {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 19px;
    left: 172px;
    display: none;
    background:#f0f0f0;
    border:1px solid #949494;
    width: 415px;
    height: auto;
    margin-top: -15px;
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 1;
}

.panel:after{
    background: url("../img/layout/content/toolbar/popup-arrow-left.png") repeat scroll 0 0 transparent;
    content: " ";
    display: block;
    height: 28px;
    position: absolute;
    left:-12px;
    top: 0px;
    width: 13px;
}
.panel .ui-widget-content{background-image:none;background:white;}


.LeftSideBarDiv a.trigger{
    position: relative;
    text-decoration: none;
    font-size: 12px;
    color:white;
}


.LiveClassHeader {
    height:30px;
    font-weight: bold;
    font-size: 1.2em;
    font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
    color: black;
    width:100%;
    margin-top:3px;    
}


/* CSS for rings starts*/
#ringWrapperLU {
    overflow: hidden;padding-left: 10px;
}

#ringWrapperLU .ring{
    width: 395px;
    overflow: hidden;
    margin-bottom: 10px;
}

#ringWrapperLU .ring ul{
    margin: 0;
    padding: 0px;
    list-style-type: none;
    list-style-position: outside;
    overflow: hidden;
}

#ringWrapperLU .ring ul li{
    overflow: hidden;
    text-align: left;
    margin: 0px;
    width: 100%;
}

#ringWrapperLU .ring ul li a{
    color: #CC2128;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#ringWrapperLU .ring ul li .liveclass_nameinfo{
    margin-left: 10px;
    display:block;
    float:left;
    max-width:312px;
    height:15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #CC2128;
}

#ringWrapperLU .ring ul li a:hover{
    color: #262627;
}

#ringWrapperLU .ring-row-wrapper{
    font-size: 1.07em;/*14px*/
    padding: 2px 0;
}

#ringWrapperLU .ring ul li .ring-row{
    width:100%;
    #position: relative;
    #top: -50%
}

#ringWrapperLU .ring ul li label, #ringWrapper .ring ul li span{display: block;float: left;}

#ringWrapperLU .ring .ring-header{font-size: .875em;}
#ringWrapperLU .ring .ring-header .ui-widget-header{cursor: move;}
#ringWrapperLU .ring .ui-widget-header .ring-title{font-weight: bold;font-size: 1.34em;margin-left: 10px;float: left;}
#ringWrapperLU .ring .ui-widget-header .ring-expandable{float: right;margin:1px 3px 0 0;height: 18px;width: 18px;cursor: pointer;}
#ringWrapperLU .ring .ui-widget-header .ring-expandable:hover{height: 16px;width: 16px;}
#ringWrapperLU .ring .ring-content{font-size: 0.875em;}
#ringWrapperLU .ring .ring-content a{color: #b83400;margin-left: 5px;}
#ringWrapperLU .ring .ring-content a:hover{text-decoration: underline;}
#ringWrapperLU .ring .ring-content a:first-child{color: #b83400;margin-left: 0px;}
#ringWrapperLU .ring .ui-widget-header{overflow: auto;}
#ringWrapperLU .ring .content-heading{
    color: #000000;
    font-size: .8em;/*14px*/
    font-weight: bold;
    padding-top: 2px;
    margin-bottom: 2px;
    border-bottom: 1px solid black;
}