/* Style the tab */
    .tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #FFFFFF;
    }

    /* Style the buttons that are used to open the tab content */
    .tab .tablinks {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
	/*
    cursor: pointer;
	*/
    padding: 6px 16px;
    transition: 0.3s;
    font-size: 13px;
    color:#000000;
	text-align:center;
    }

    /* Change background color of buttons on hover */
    /*
    .tab .tablinks:hover {
    background-color: #ddd;
    }
    */

    /* Create an active/current tablink class */
    .tab .tablinks.active {
        background: #FFFFFF;
        color:#003366;
        border-bottom:3px solid #003366;
        font-weight: bold;
    }

    .tab .tablinks a {
        color:#003366;
	}
    
    .tab .tab_right { padding: 16px 16px 12px 30px; width:100px; color:#888; font-weight:bold; background:url(/img/uchat/group.png) no-repeat 10px 15px; }
    .side { background:#1f1f1f; overflow:hidden; }
    .side .chat_iframe {/*margin-top:-40px;*/ margin-top:-38px;margin-left: 0px;}
  
  
  .top.black {
    color: #fff;
}
.top {
    position: relative;
    z-index: 11;
    padding: 7px 10px;
    border-bottom: 3px solid #e49c12 !important;
}
.top .menu {
    padding: 4px;
    margin: 6px;
}
.top button {
    cursor: pointer;
    background: none;
    border: 0;
}
.right {
    float: right;
}
.top .login {
    padding: 4px;
    margin: 6px;
}
.top .logo {
    height: 100%;
    cursor: pointer;
    float: left;
    margin-left: -6px;
    margin-right: 6px;
}
.top .title {
    font-size: 10pt;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
}
.clear {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    overflow: hidden;
    height: 0;
    line-height: 0;
}
.top.black .countIcon {
    background: url(//client.uchat.io/skin/basic/img/white/group.png);
	display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 3px;
    vertical-align: middle;
}
.top .count {
    overflow: hidden;
    margin-left: 2px;
    color: #fff;
    font-size: 12px;
}
.top .countWrap {
    height: 16px;
    cursor: pointer;
    font-size: 10pt;
}
.top .countWrap .count_num {
    margin-left: 2px;
    color: #fff;
    font-size: 13px;
}
.top .countWrap {
    margin-left: 2px;
    color: #fff;
    font-size: 13px;
}
.top .chatname {
    margin-right: 6px;
    overflow: hidden;
    max-width: 100%;
}
.top .title > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nick {
    margin-right: 15px !important;
    color: #fff !important;
}