@charset "utf-8";
/* CSS Document */

/*talk radio page design*/

.tt-radio-bx{ position: relative;  width: 100%;    z-index: 1;    height: auto;    margin-top: -210px;    margin-left: auto;    margin-right: auto;}
.tt-radio-list {
    margin: 0 auto;
    padding: 0;
    display: table;
    text-align: center;
    width: 100%;
    height: auto;
    overflow: hidden;
    table-layout: fixed;
}
.tt-radio-list li { list-style: none;  display: inline-block;  vertical-align:middle; position: relative;}
.tt-radio-current{width: 340px;    height: auto;    position: relative;  margin: 20px 35px 10px 35px;}
.tt-radio-current a{display:block;   border: 2px #eee solid;}
.tt-radio-current a img { width: 100%;   height: 100%;}
.tt-radio-title { font-size: 26pt;    text-align: center;    margin: 10px auto;    color: #fff;}
.tt_radio_header { width: 100%;  height: 250px;    overflow: hidden;}
.tt-radio_overlay_bg {  position: absolute; top: 0px;  left: 0px; width: 100%;  height: 100%; background: #000; padding: 0px;  display: block;  -ms-filter: "alpha(opacity=40)";
    filter: alpha(opacity=40);  -moz-opacity: .4; -khtml-opacity: .4;  opacity: .4;  display:block; }
.tt-radio-control { position: absolute;  width: 80px;  height: 80px;  top: 50%;  left: 50%;  background:#FFF;  border-radius: 50%;  margin-top: -40px;  margin-left: -40px; display:none;}

.tt-radio-control i {   font-size: 80px;   color: #000;}

.tt-radio-likes{position:absolute; bottom:140px; right:-30px; width:60px; height:60px; background:#fff; border-radius:50%; border:2px #e4e4e4 solid;-webkit-box-shadow: 6px 3px 5px -6px rgba(0,0,0,0.25);
    -moz-box-shadow: 6px 3px 5px -6px rgba(0,0,0,0.25);
    box-shadow: 6px 3px 5px -6px rgba(0,0,0,0.25); cursor:pointer; display:none;}
	
.tt-radio-likes i{ font-size: 40px;   line-height: 58px; color:#000; padding-left:10px;}

.tt-radio-likes:hover i{color:#d30f47;-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;}
	
.tt-radio-dislikes{position:absolute; bottom:140px; left:-30px; width:60px; height:60px; background:#fff; border-radius:50%; border:2px #e4e4e4 solid;-webkit-box-shadow: 6px 3px 5px -6px rgba(0,0,0,0.25);
    -moz-box-shadow: 6px 3px 5px -6px rgba(0,0,0,0.25);
    box-shadow: 6px 3px 5px -6px rgba(0,0,0,0.25); cursor:pointer; display:none;}
	
.tt-radio-dislikes i{ font-size: 40px;   line-height: 58px; color:#000;    padding-left: 10px;}

.tt-radio-dislikes:hover i{color:#d30f47;-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;}
.tt-radio-right{margin-top:100px; width:100%; overflow:hidden; height:auto; display:block; text-align:center;}
.tt-radio-item {  width: 200px;   height: 200px;  display: inline-block;  position: relative;  background: #000;}
.tt-radio-item a{display:block;}
.tt-radio-item a img{width:100%; height:100%; border:0; outline:none;}
.tt-radio-item-title{text-align:left; font-size:10pt; margin-top:2px; color:#000;}
.tt-radio-item-title a{text-decoration:none; display:block;width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;}
.tt-radio-item-subtitle{font-size:9pt; color:#464646; display:block; clear:both;}
.tt-radio-item-container{display:inline-block; position:relative; margin-top:150px;}
.tt-radio-item-container-active{margin-top:0px;}
.tt-radio-item-container-active .tt-radio-item{width: 340px;    height: 340px; background:#000; position: relative;  margin: 20px 35px 10px 35px;}
.tt-radio-item-container-active .tt-radio-item a{display: block;   border: 2px #eee solid;    width: 340px;
    height: 340px;}
.tt-radio-item-container-active .tt-radio-item a img { width: 100%;  height: 100%;}
.tt-radio-item-container-active .tt-radio-item-title{display:none;}
.tt-radio-item-container-active .tt-radio-item-subtitle{display:none;}
.tt-radio-item-container-active .tt-radio-dislikes{display:block;}
.tt-radio-item-container-active .tt-radio-likes{display:block;}
.tt-radio-item-container-active .tt-radio-control{display:block;}
.tt-radio-right .tt-radio-item-container{margin-right:30px;}
.tt-radio-left .tt-radio-item-container{margin-left:30px;}
.tt-radio-left {
    margin-top: 100px;
    width: 100%;
    overflow: hidden;
    height: auto;
    display: block;
    text-align: left;
	opacity:0.5;
}

.tt-radio-content{width:90%; display:block; clear:both; height:auto; margin:10px auto; overflow:hidden;}


.active-current{width:410px;background:#ff0000;}

#tt-inner-main-wrapper{
	transition: margin-left 0.3s linear;
	-webkit-transition: margin-left 0.3s linear;
	-moz-transition: margin-left 0.3s linear;
	-o-transition: margin-left 0.3s linear;
	display: margin-left 0.3s linear;
}
#tt-inner-wrap {
    float: left;
    margin-right: -99999em;
    padding-left: 20px;  
    padding: 10px;
    position: relative;
}

.tt-floatbox {
    float: left;
    width:auto;
	min-width:200px;
    height:auto;   
    color: #FFF;
    margin: 20px 20px 0 0;
}

.tt-display{opacity: 0.5;}