#social-hub {
width:100%;
height:400px;
border:solid 1px #ebebeb;
background-color:#fafafa;
font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;
}

#social-hub nav {
width:17%;
float:left;
background-color:#009C9C;
height:100%;
}

#social-hub.collapsed nav {
width:33px;
}

#social-hub.collapsed nav span.tab-text {
visibility:hidden!important;
}

#social-hub.collapsed ul.tabs li a {
text-decoration:none;
font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;
font-weight:400;
font-size:12px;
color:#fff;
line-height:35px;
padding:5px 0 5px 5px;
}

#social-hub.intop nav {
width:100%;
height:auto;
}

#social-hub.intop nav ul {
display:block;
}

#social-hub.intop nav ul li {
width:10%;
float:left;
border-left:solid 1px #fafafa;
border-bottom:0;
min-width:35px;
cursor:pointer;
}

#social-hub.intop nav ul li a {
font-size:0;
}

#social-hub nav ul {
display:inline-block;
list-style-type:none;
width:100%;
margin:0;
padding:0;
}

#social-hub nav ul li {
float:left;
text-align:left;
width:100%;
border-bottom:solid 1px #9f9f9f;
cursor:pointer;
list-style:none;
}

#social-hub nav ul li span.ico {
float:left;
text-align:left;
width:28px;
background-image:url(../img/social_hub_icons_off.png);
background-repeat:no-repeat;
background-position:5px 5px;
padding:14px 0;
}

#social-hub nav.intop ul li:hover {
border-bottom:0;
background-color:#fafafa;
}

#social-hub nav ul li a {
text-decoration:none;
font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;
font-weight:400;
font-size:12px;
color:#fff;
line-height:35px;
padding:10px 0 10px 10px;
}

#social-hub nav ul li.fb span.ico {
background-position:5px 5px !important;
}

#social-hub nav ul li.tw span.ico {
background-position:5px -35px !important;
}

#social-hub nav ul li.yt span.ico {
background-position:5px -75px !important;
}

#social-hub nav ul li.fk span.ico {
background-position:5px -115px !important;
}

#social-hub nav ul li.sh span.ico {
background-position:5px -155px !important;
}

#social-hub nav ul li.bl span.ico {
background-position:5px -195px !important;
}

#social-hub .shub-content {
width:79%;
background-color:#fafafa;
height:85%;
float:left;
padding:.2% 2%;
}

#social-hub.collapsed .shub-content {
width:93%;
background-color:#fafafa;
height:85%;
float:left;
padding:.2% 1.3%;
}

#social-hub.intop .shub-content {
width:97%;
background-color:#fafafa;
height:77%;
float:left;
padding:.2% 1.6%;
}

#social-hub #twitter-widget-0 {
width:100%;
height:100%;
}

#social-hub #twitter-widget-0 .timeline {
border-radius:0;
}

#social-hub #accountactivity.youtube-channel {
width:97%;
height:94%;
}

#social-hub .player {
width:100%;
height:153px;
border-width:0;
margin:10px;
}

#social-hub .playlist {
list-style-type:none;
width:100%;
height:100%;
overflow:auto;
margin:0;
}

#social-hub .playlist .item {
float:left;
width:225px;
background-color:#FFF;
transition:all .2s ease-out 0;
cursor:pointer;
display:inline-block;
margin:10px;
}

#social-hub .playlist .item:hover {
box-shadow:1px 3px 3px rgba(100,100,100,0.2);
}

#social-hub .playlist .item.nowPlaying {
opacity:0.4;
box-shadow:1px 3px 3px rgba(100,100,100,0.2);
}

#social-hub .playlist .item .thumbnail {
width:95px;
margin-right:10px;
float:left;
}

.playlist .item .description {
margin-top:5px;
font-size:12px;
color:#009C9C;
line-height:16px;
word-wrap:break-word;
}

#social-hub .channelLink {
display:block;
text-align:right;
padding:10px;
}

#social-hub .title-section {
font-size:14px;
color:#000;
height:15px;
font-weight:400;
position:relative;
margin:10px 0!important;
}

#social-hub .shub-inner-content {
border:solid 1px #aaa;
height:340px;
overflow:hidden;
-webkit-overflow-scrolling:touch;
margin:20px 0 0;
}

#social-hub .shub-inner-content.slideshare {
background-color:#FFF;
font-size:1rem!important;
padding-left:10px;
padding-top:6px;
}

#social-hub .shub-inner-content.slideshare .slide-button {
min-width:40%;
text-align:center;
margin:0 auto;
}

#social-hub .overflow-auto {
overflow:auto;
}

#social-hub #accountactivity .frame {
height:125px;
line-height:125px;
overflow:hidden;
}

#social-hub .scroll-pane {
overflow:auto;
width:99%;
float:left;
margin-left:1%;
}

#social-hub .scroll-content {
width:1520px;
float:left;
}

#social-hub .scroll-content-item {
width:100px;
height:100px;
float:left;
font-size:3em;
line-height:96px;
text-align:center;
margin:10px;
}

#social-hub .scroll-bar-wrap {
clear:left;
margin:0 -1px -1px;
padding:0 4px 0 2px;
}

#social-hub .scroll-bar-wrap .ui-slider {
background:none;
border:0;
height:2em;
margin:0 auto;
}

#social-hub .scroll-bar-wrap .ui-handle-helper-parent {
position:relative;
width:100%;
height:100%;
margin:0 auto;
}

#social-hub .scroll-bar-wrap .ui-slider-handle {
top:.2em;
height:1.5em;
}

#social-hub .scroll-bar-wrap .ui-slider-handle .ui-icon {
position:relative;
top:50%;
margin:-8px auto 0;
}

#social-hub .stream {
height:100%;
}

#rss {
height:305px;
overflow:auto;
}

#social-hub #rss .rss-post {
border-bottom:solid 1px #E5E5E5;
margin:15px;
}

#social-hub #rss .rss-post a {
text-decoration:none;
}

#social-hub #rss .rss-post a h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:700;
color:#000;
margin:0;
padding:0;
}

#social-hub #rss .rss-post p {
color:#666;
font-size:.7em;
margin:0;
padding:0 0 20px;
}

#social-hub #rss .rss-post p span {
color:#0d8ed1;
}

#social-hub .yt-subscriute-button {
position:absolute;
color:#0078ff;
right:0;
top:0;
font-size:.8em;
text-decoration:none;
border:solid 1px #CCC;
background-image:url(../img/yt_subscriute.png);
background-repeat:no-repeat;
background-position:5px;
border-radius:3px;
padding:3px 3px 3px 25px;
}

#social-hub .btn {
background-color:#009C9C;
border-radius:3px 3px 3px 3px;
box-shadow:1px 2px 2px 1px rgba(0,0,0,0.1);
color:#FFF;
font-size:.75rem!important;
text-decoration:none;
text-shadow:2px 2px 1px rgba(150,150,150,0.53);
text-transform:uppercase;
padding:.6em 1.2em!important;
}

#social-hub .centered {
margin:0 auto;
}

#social-hub .description-p {
font-size:1em;
padding:4%;
}

#social-hub nav ul li:hover span.ico,#social-hub nav ul li.active span.ico {
float:left;
text-align:left;
width:28px;
background-image:url(../img/social_hub_icons_on.png);
background-repeat:no-repeat;
background-position:5px 5px;
padding:14px 0;
}

#social-hub nav ul li:hover,#social-hub nav ul li.active {
border-bottom:solid 1px #fafafa;
background-color:#fafafa;
}

#social-hub nav ul li:hover a,#social-hub nav ul li:hover a.active,#social-hub nav ul li.active a {
color:#000;
}

#social-hub .bl-subscriute-button,#social-hub .fk-subscriute-button {
position:absolute;
color:#0078ff;
right:0;
top:0;
font-size:.8em;
text-decoration:none;
border:solid 1px #CCC;
background-image:url(../img/bl_subscriute.png);
background-repeat:no-repeat;
background-position:5px;
border-radius:3px;
padding:3px 3px 3px 25px;
}