#mMain{
    background: #333333;
    background: -o-linear-gradient(top, #666666 50%, #333333 100%);
    background: -ms-linear-gradient(top, #666666 50%, #333333 100%);
    background: -moz-linear-gradient(top, #666666 50%, #333333 100%);
    background: -webkit-linear-gradient(top, #666666 50%, #333333 100%);
    background: linear-gradient(top, #666666 50%, #333333 100%);
    
    color:#F5F5F5;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#mMain ul{
    margin:0;
    padding:0;
}
#mSpace{
    margin:20px auto;
    width:800px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*border:1px solid #999;*/
}
.flyingdiv{
    margin:0;
}
#mMedia{
    width:500px;
    margin-right:5px;
    float:left;
}
.mDescription{
    width:273px;
    height:100px;
    padding:10px;
    float:left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:0px solid #666;
    background:#F5F5F5;
    color:#666;
    margin-bottom:5px;
    position:relative;
}
.mDescription img, #mListText img, #mPlayLeft img{
    vertical-align:middle;
}
.mDescription h3{
    line-height:18px;
    color:#189dcf;
    height:60px;
    overflow:hidden;
}
#mDetailText a,.mDescription a, #mListText a, #mPlayLeft a{
    color:#3bbded;
}
#mDetailText a:hover, .mDescription a:hover, #mListText a:hover, #mPlayLeft a:hover, #mDetailText a:visited, .mDescription a:visited, #mListText a:visited, #mPlayLeft a:visited{
    color:#3bbded;
}
.mAuthor{
    padding:2px 0 0;
    font-size:10px;
}
.mAction{
    width:273px;
    position:absolute;
    bottom:5px;
}
.mRating{
    padding:5px 0 0;
    color:#999;
    font-size:10px;
    width:60%;
    float:left;
}
#mView{
    padding:10px 0 0;
    color:#999;
    font-size:10px;
    width:40%;
    float:left;
    text-align:right;
}
#mDetailText{
    width:273px;
    height:160px;
    padding:10px;
    float:left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:0px solid #666;
    background:#F5F5F5;
    color:#666;
    position:relative;
}
#mDetailText-head{
    border-bottom:1px solid #ccc;
    padding-bottom:5px;
    position:relative;
}
#mDetailText-title{
    width:100px;
}
.mDetailText-single{
    height:90px;
    overflow:hidden;
}
#mDetailText h3{
    line-height:18px;
    color:#666;
}
#mPagenav{
    width:50px;
    right:0px;
    top:0px;
    position:absolute;
}
#mDetailText img{
    padding-right:5px;
    vertical-align:middle;
}
.mPlayLink{
    display:block;
    position:absolute;
    height:25px;
    width:273px;
    bottom:0;
    border-top:1px solid #ccc;
    padding-top:5px;
}
#mThumb2{
    text-align:center;
    margin:0 auto 20px;
    width:840px;
    
}
.flyingdiv{position:relative;}
.flyingdiv .mToRightToLeft,.flyingdiv .mToRightToRight{position:absolute;top:-3px;width:28px;height:57px;cursor:pointer;}
.flyingdiv .mToRightToLeft{left:0;background:url("../images/icons/features/sol.png") no-repeat right center;}
.flyingdiv .mToRightToRight{right:0;background:url("../images/icons/features/sag.png") no-repeat right center;}
#mThumb2 li{
    background:#999;
    list-style:none;
    display:inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:3px solid #999;
    line-height:0;
}
#mThumb2 li:hover{
    border:3px solid #fff;
}
#mContent{
    float:right;
    display:block;
    position:relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:1px solid #ccc;
    padding:0 10px;
    width:680px;
    overflow:hidden;
}
#mContentBook{
    float:right;
    display:block;
    position:relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:0 10px;
    width:704px;
    overflow:hidden;
}
#mContentTop{
    border-bottom:1px solid #ccc;
    padding-bottom:10px;
    padding-top: 10px;
    height: 40px;
    margin: 0 -10px 10px;
    background: #EEE;
    position:absolute;
    top:0;
    left:10px;
    background: -o-linear-gradient(top, #F1F1F1 50%, #EEE 100%);
    background: -ms-linear-gradient(top, #F1F1F1 50%, #EEE 100%);
    background: -moz-linear-gradient(top, #F1F1F1 50%, #EEE 100%);
    background: -webkit-linear-gradient(top, #F1F1F1 50%, #EEE 100%);
    background: linear-gradient(top, #F1F1F1 50%, #EEE 100%);
}
#mContentBottom{
    border-top:1px solid #ccc;
    padding-bottom:10px;
    padding-top: 10px;
    height: 40px;
    margin: 10px -10px 0;
    background: #EEE;
    bottom:0px;
    left:10px;
    position:absolute;
    background: -o-linear-gradient(top, #F1F1F1 50%, #EEE 100%);
    background: -ms-linear-gradient(top, #F1F1F1 50%, #EEE 100%);
    background: -moz-linear-gradient(top, #F1F1F1 50%, #EEE 100%);
    background: -webkit-linear-gradient(top, #F1F1F1 50%, #EEE 100%);
    background: linear-gradient(top, #F1F1F1 50%, #EEE 100%);
    width:700px;
}
#mMoreHead{
    width:180px;
    float:left;
    margin:0 10px;
}
#mMoreMenu{
    width:500px;
    float:left;
}
#mMoreMenu .pills a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color:#666;
}
#mMoreMenu .pills .active a {
    background-color: #666;
    color:#FFF;
}
#mMoreMenu .pills  a:hover {
    background-color: #666;
    color:#FFF;
}
#mList2{
    padding: 0 0 10px;
    display:block;
    margin: 60px -10px 60px;
    width:695px;
    overflow:hidden;
}
#mList2 ul{ /*Change*/ 
    margin:0 auto;
    list-style:none;
}
#mList2 li{ /*Change*/ 
    list-style:none;
    width:677px;
    float:left;
    border:1px solid #CCC;
    margin:10px 0 0 10px;
    padding:0px;
}
#mListBook li{ /*Change*/ 
    list-style:none;
    width:677px;
    height:180px;
    float:left;
    border:1px solid #CCC;
    margin:10px 0 0 10px;
    padding:0px;
}
#mList2 li:hover{ /*Change*/ 
    
}
/*Change => Add*/
/*AUDIO*/
.audioListImg{
    width:100px;
    height:80px;
    float:left;
    overflow: hidden;
    background-image: url(http://static.eba.gov.tr/assets/themes/base/images/newList/audio_icon.png);
    background-repeat: no-repeat;
}
.audioListContent{
    width:480px;
    height:80px;
    float:left;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    padding:0px 10px;
    background:url("../images/newList/av_content_bg.png")repeat-x;
}
.audioListContentTitle{
    color:#666;
    display:table-cell;
    vertical-align:middle;
    height:45px;
    margin-top:5px;
    overflow: hidden;
}
.audioListContentTitle:hover{
    color:#666;
}
.audioListContent h5{
    color:#666 !important;
    font-weight:normal;
    line-height:16px;
}
.audioListUserCat{
    border-top:1px dashed #CCC;
}
.audioListUser{
    float:left;
    width:285px;
    height:34px;
    overflow: hidden;
}
.audioListUser span{
    width:20px;
    height:30px;
    display:block;
    float:left;
    background:url("../images/newList/user_icon.png") no-repeat 0 8px;
}
.audioListUser a{
    display:block;
    height:34px;
    line-height:16px;
    color:#888;
    display:table-cell;
    vertical-align:middle;
}
.audioListUser a:hover{
    color:#888;
}
.audioListCat{
    float:left;
    width:195px;
    height:34px;
    overflow: hidden;
}
.audioListCat span{
    width:20px;
    height:30px;
    display:block;
    float:left;
    background:url("../images/newList/cat_icon.png") no-repeat 0 9px;
}
.audioListCat a{
    display:block;
    height:34px;
    line-height:16px;
    color:#888;
    display:table-cell;
    vertical-align:middle;
}
.audioListCat a:hover{
    color:#888;
}
.audioListMore{
    width:75px;
    height:80px;
    float:left;
    background:url("../images/newList/more_bg.png") repeat-x;
}
.audioListMore a{
    width:75px;
    padding:30px 0;
    height:20px;
    display:block;
    float:left;
    text-align:center;
    color:#FFF;
    background-image: url(http://static.eba.gov.tr/assets/themes/base/images/play.png);
    background-repeat: no-repeat;
    background-position: 20px 20px;
}
.audioListMore a:hover{
    color:#FFF;
}
/*AUDIO END*/

/*VIDEO*/
.videoListImg{
    width:100px;
    height:80px;
    float:left;
    overflow: hidden;
}
.videoListContent{
    width:480px;
    height:80px;
    float:left;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    padding:0px 10px;
    background:url("../images/newList/av_content_bg.png")repeat-x;
}
.videoListContentTitle{
    color:#666;
    display:table-cell;
    vertical-align:middle;
    height:45px;
    margin-top:5px;
}
.videoListContentTitle:hover{
    color:#666;
}
.videoListContent h5{
    color:#666 !important;
    font-weight:normal;
    line-height:16px;
}
.videoListUserCat{
    border-top:1px dashed #CCC;
}
.videoListUser{
    float:left;
    width:285px;
    height:34px;
    overflow: hidden;
}
.videoListUser span{
    width:20px;
    height:30px;
    display:block;
    float:left;
    background:url("../images/newList/user_icon.png") no-repeat 0 8px;
}
.videoListUser a{
    display:block;
    height:34px;
    line-height:16px;
    color:#888;
    display:table-cell;
    vertical-align:middle;
}
.videoListUser a:hover{
    color:#888;
}
.videoListCat{
    float:left;
    width:195px;
    height:34px;
    overflow: hidden;
}
.videoListCat span{
    width:20px;
    height:30px;
    display:block;
    float:left;
    background:url("../images/newList/cat_icon.png") no-repeat 0 9px;
}
.videoListCat a{
    display:block;
    height:34px;
    line-height:16px;
    color:#888;
    display:table-cell;
    vertical-align:middle;
}
.videoListCat a:hover{
    color:#888;
}
.videoListMore{
    width:75px;
    height:80px;
    float:left;
    background:url("../images/newList/more_bg.png") repeat-x;
}
.videoListMore a{
    width:75px;
    padding:30px 0;
    height:20px;
    display:block;
    float:left;
    text-align:center;
    color:#FFF;
}
.videoListMore a:hover{
    color:#FFF;
}
/*VIDEO END*/

/*EBOOK*/
.ebookListImg{
    width:150px;
    height:180px;
    float:left;
    overflow: hidden;
}
.ebookListContent{
    width:430px;
    height:180px;
    float:left;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    padding:0px 10px;
    background:url("../images/newList/ebook_content_bg.png")repeat-x;
}
.ebookListContentTitle{
    color:#666;
    display:table-cell;
    vertical-align:middle;
    height:45px;
    margin-top:5px;
}
.ebookListContentTitle:hover{
    color:#666;
}
.ebookListContent h5{
    color:#666 !important;
    font-weight:normal;
    line-height:16px;
}
.ebookListDetailDiv{
    border-top:1px dashed #CCC;
}
.ebookListDetail{
    float:left;
    width:430px;
    height:134px;
    padding-top:5px;
}
.ebookListDetailLabel{
    display:block;
    float:left;
    padding:3px 0;
    margin-right:5px;
    font-weight:bold;
}
.ebookListDetailValue{
    display:block;
    padding:3px 0;
}
.ebookListMore{
    width:75px;
    height:180px;
    float:left;
    background:url("../images/newList/ebook_more_bg.png") repeat-x;
}
.ebookListMore a{
    width:75px;
    padding:65px 0;
    height:20px;
    display:block;
    float:left;
    text-align:center;
    color:#FFF;
}
.ebookListMore a:hover{
    color:#FFF;
}
/*EBOOK END*/
    
/*Change => Add => END*/
#mContentBottom #mBottomToLeft {
    display:block;
    position:absolute;
    top:12px;
    left:295px;
    width:50px;
    height:35px;
    background:url("../images/icons/features/sol_alt.png") no-repeat;
}
#mContentBottom #mBottomToRight {
    display:block;
    position:absolute;
    top:12px;
    right:295px;
    width:50px;
    height:35px;
    background:url("../images/icons/features/sag_alt.png") no-repeat;
}
#mContentBottom #mBottomToLeft a, #mContentBottom #mBottomToRight a{
    display:block;
    width:50px;
    height:35px;
    text-indent:-999px;
}
#mContentBottomPage{
    width:180px;
    float:left;
    margin:0 10px;
    padding:10px;
    color:#666;
}    
#mContentBottomAll{
    width:180px;
    float:right;
    margin:0 10px;
    padding:10px;
    text-align:right;
}    

#mListThumb{
    float:left;
    display:block;
    overflow:hidden;
    width:100px;
    height:80px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 1px rgba(125, 125, 125, 0.5);
    -webkit-box-shadow: 0 1px 1px rgba(125, 125, 125, 0.5);
    box-shadow: 0 1px 1px rgba(125, 125, 125, 0.5);
}
#mListText{
    float:right;
    width:205px;
    height:90px;
    position:relative;
}
#mListText h4{
    line-height:15px;
    color:#189dcf;
    font-weight:normal;
    font-size:14px;
    height:35px;
    overflow:hidden;
}
#mListAction{
    width:200px;
    position:absolute;
    bottom:10px;
}
#mListRating{
    padding:5px 0 0;
    color:#999;
    font-size:10px;
    width:50%;
    float:left;
}
#mListView{
    padding:5px 0 0;
    color:#999;
    font-size:10px;
    width:50%;
    float:left;
    text-align:right;
}
/*Video Single*/
#mPlayLeft{
    float:left;
    width: 640px;
}
#mPlayMedia{
    width:640px;
    height:390px;
    margin-bottom:15px;
}
#mPlayLeft .mRating{
    font-size: 16px;
    width: 45%;
    padding: 0;
}
#mPlayLeft #mPlayView{
    float:right;
    text-align: right;
    font-size:14px;
    color:#999;
    padding: 5px 0 0;
}
#mPlayLeft .profileName a, #mPlayLeft .profileStats a{
    color:#666;
}
#mPlayLeft .profileLikeAction a{
    color:#0069D6;
}
#mPlayLeft .profileName a:hover, #mPlayLeft .profileStats a:hover, #mPlayLeft .profileLikeAction a:hover{
    color:#00438A;
}
#mPlayRight{
    float:right;
    position:relative;
    padding-bottom: 20px;
}
#mPlayRight li{
    display: inline-block;
    float: left;
    height: 80px;
    margin: 10px 0 0 10px;
    padding: 5px;
    width: 270px;
}
#mPlayRight li:hover{
    background:#F1F1F1;
    border:0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow:: 0 0px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-property: box-shadow;
    -webkit-transition-property: box-shadow;
    -o-transition-property: box-shadow;
    transition-property: box-shadow;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
#mPlayRight #mListView{
    text-align: left;
    padding:0;
}
#mPlayRight #mListText{
    width:155px;
    height:80px;
}
#mPlayLeft h3{
    color:#666;
    line-height:22px;
    margin-top:5px;
    font-size:20px;
}
#mPlayRight h3{
    margin-left:10px;
    border-bottom:1px solid #ccc;
    color:#666;
}
#mPlayRight h4{
    color: #189DCF;
    font-size: 12px;
    font-weight: normal;
    height: 44px;
    line-height: 14px;
    overflow: hidden;
}
#mPlayLeft .profile {
    width:333px;
    float:right;
    margin-left:6px;

}
#mPlayDetailText{
    margin-bottom:20px;
    text-align: justify;
}
#mPlayTools{
    float:left;
    padding: 10px 0 5px;
    width:640px;
}
.lamp{
    float:left;
}
.report{
    float:right;
}
#mPlayTools img{
    float:left;
    width:16px;
    height:16px;
}
#mPlayAction{
    display:block;
    width:640px;
    overflow:hidden;
    margin-bottom:20px;
    padding-bottom:15px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
#mPlayRight-topbg{
    background: -moz-radial-gradient(left bottom , circle , rgba(0, 0, 0, 0.08), transparent 30px, transparent 100%) repeat scroll 0 0 transparent;
    height: 30px;
    width: 30px;
    left:0;
    top:0;
    border: 0 none;
    z-index: -1;
    position: absolute;
 }
#mPlayRight-middlebg{
    background: -moz-linear-gradient(left center , rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.08) 1px, rgba(0, 0, 0, 0.08) 1px, transparent 30px, transparent 100%) repeat scroll 0 0 transparent;
    height: auto;
    width: 30px;
    left:0;
    bottom: 30px;
    top: 30px;
    border: 0 none;
    z-index: -1;
    position: absolute;
}
#mPlayRight-bottombg{
    background: -moz-radial-gradient(left top , circle , rgba(0, 0, 0, 0.08), transparent 30px, transparent 100%) repeat scroll 0 0 transparent;
    height: 30px;
    width: 30px;
    left:0;
    bottom:0;
    border: 0 none;
    z-index: -1;
    position: absolute;
}
#mCat{
    float:left;
    display:block;
}