/*
Plugin: Message Media Hub
*/

/* MEDIA HUB */
#sidebar{
margin:5px 0 0 0;
}
div#mediahub_top{
border-top:3px solid #eee;
}
div#mediaPlayer{
float:left;
width:484px;
}
div.featuredhubList{
float:left;
width:306px;
height:242px;
padding:0;
text-align:right;
background-color:#eee;
overflow:hidden;
}

div.featuredWrap{
float:left;
margin:0 2px 0 0;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
}
div.featuredWrap:first-child{
margin:0 2px 0 0;
border-top:1px solid #fff;
}
div.featuredWrap:last-child{
margin:0 2px 0 0;
}
div.featuredhubList a{
display:block;
}
div.featured a{
color:#888;
}
div.featured h3{
margin:0;
padding:0;
color:#888888;
font-size:11px;
}
div.featured{
float:left;
width:292px;
min-height:52px;
font-size:10px;
padding:4px;
}
div.featured a{
padding:0 0 0 75px;
display:block;
height:52px;
}
div.featured:hover{
background-color:#d03f3f;
color:#fff;
}
div.featured:hover h3{
color:#fff;
}
div.featured:hover a{
color:#fff;
}
div.featuredIconAudio, div.featuredIconVideo{
background-repeat:no-repeat;
}
div.featuredIconAudio{
background-position:0px -3px;
background-image: url('/wp-content/themes/message/images/mediahub_iconAudio.jpg');
}
div.featuredIconVideo{
background-position:0px -3px;
background-image: url('/wp-content/themes/message/images/mediahub_iconVideo.jpg');
}
div.featured:hover, div.featured:hover{
background-position:0px -69px;
}
div.featuredText{
float:left;
width:200px;
}
div#mediahub_top_title, div#mediahub_top_podcastlink{
float:left;
width:306px;
height:28px;
background-color:#7161a1;
line-height:26px;
font-weight:bold;
text-align:center;
border-top:1px solid #fff;
}
div#mediahub_top_title{
width:296px;
padding:0 0 0 10px;
text-align:left;
color:#fff;
}
div#mediahub_top_podcastlink a, div#mediahub_top_podcastlink a[href*="phobos"], div#mediahub_mid a[href*="phobos"]{
background: none;
padding:0;
color:#e3dfec;
font-size:11px;

}


div#mediahub_mid{
float:left;
width:619px;
height:200px;
margin:5px 0 0 0;
overflow:hidden;
}
div#mediahub_midTop{
float:left;
width:619px;
height:40px;
background-color:#7161a1;
}
div#mediahub_midTop h2{
float:left;
padding:0 0 0 15px;
margin:0;
border-bottom:1px solid #fff;
font-size:13px;
line-height:40px;
font-weight:bold;
color:#fff;
}
div#podcastControl{
float:right;
margin:0 15px 0 0;
line-height:40px;
color:#e3dfec;
font-weight:bold;
}
div#podcastControl a{
color:#e3dfec;
}
div#podcastControl img{
position:relative;
top:-5px;
}
div#mediahub_midLeft{
float:left;
width:313px;
height:160px;
background-color:#eee;
}
div#mediahub_midLeft_Text{
float:left;
width:100%;
height:110px;
}
div#mediahub_midLeft_Text p{
padding:5px 5px 0 5px;
margin:0;
}
div#mediahub_midLeft_Text h4{
margin:10px 0 0 5px;
}
div#mediahub_midLeft_Links{
clear:both;
float:left;
height:50px;
}
div#mediahub_midLeft_Links img{
float:left;
}
div#mediahub_midLeft_Links img:first-child{
border-right:1px solid #ffffff;
}
div#mediahub_midRight{
float:right;
width:300px;
height:155px;
overflow:hidden;
border-left:5px solid #eee;
border-bottom:5px solid #eee;
}
div.mediahubList{
float:left;
width:300px;
height:153px;
padding:1px 0 1px 0;
padding:0;
text-align:right;
}
div.mediahubList a{
display:block;
}


div#mediahub_feature_fex{
float:left;
width:275px;
margin:5px 0;
padding:0;
list-style:none;
}
div#mediahub_feature_fa, div#mediahub_feature_fb{
float:left;
width:170px;
margin:5px 0 5px 2px;
padding:0;
list-style:none;
}
div.mediahub_feature h2{
display:block;
padding:12px;
margin:6px 0 0 0;
border-bottom:1px solid #fff;
font-size:13px;
font-weight:bold;
color:#444;
}
div.mediahub_feature:hover, div.mediahub_feature:hover h2{
background-color:#7161a1;
color:#fff;
}
div.mediahub_feature_content{
float:left;
width:100%;
height:110px;
overflow:hidden;
}
div.mediahub_feature_content span{
display:block;
font-size:10px;
font-weight:bold;
color:#fff;
padding:8px 0 8px 10px;
background-position:right;
position:relative;
top:-30px;
}


/* ADMIN STYLES */
div.mediahub-library{
width:700px;
}
div.mediahub-library table tr:hover{
background-color:#eaf2fa;
}
div.mediahub-library th#hide{
text-align:center;
align:center;
}
div.mediahub-library th#hide, div.mediahub-library th#thumbnail{
width:120px;
}
.mediahub-center{
text-align:center;
}
span.label{
float:left;
width:100px;
line-height:30px;
}