@charset "utf-8";
.block_filter{margin-bottom:12px; height:25px; background:url(../images/filter_bg.jpg) repeat-x; padding:13px 0 13px 12px}
.block_filter p{float:left; margin:0; padding:0; font-size:12px; color:#a8a8a8}
.block_filter ul{float:left; margin:0; padding:0; list-style:none}
.block_filter li{float:left; display:block; height:14px; margin:0; padding:0 4px; border-left:1px solid #fff; border-right:1px solid #dedede; margin-top:1px}
.block_filter li.first{border-left:none}
.block_filter li:last-child{border-right:none}
.block_filter li a{display:block; font-size:12px; color:#707070}
.block_filter li a:hover,
.block_filter li a.active{color:#d42d17}
.block_filter li a em{font-style:normal}

.toggler{display:block; /* margin:0 0 3px 0; background:#fcfcfc; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcfcfc), to(#f8f8f8)); background: -webkit-linear-gradient(#fcfcfc, #f8f8f8); background: -moz-linear-gradient(#fcfcfc, #f8f8f8); background: -ms-linear-gradient(#fcfcfc, #f8f8f8); background: -o-linear-gradient(#fcfcfc, #f8f8f8); background: linear-gradient(#fcfcfc, #f8f8f8); border:1px solid #f5f5f5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; */ cursor:pointer}
.toggler span.tspan{display:block; padding:8px 0 8px 30px; background-image:url(../images/toggler_mark2.png); background-repeat:no-repeat; background-position:5px 6px; font-size:12px; font-weight:bold; color:#6c6c6c}
.toggler:hover span.tspan{color:#333}
.topen span.tspan{background-position:5px -48px; color:#333}

.vdbox{float:left}
.vdbox .vdboxFrame{margin:0; padding:5px 5px 10px 5px; background:#fcfcfc; border:1px solid #f5f5f5; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.vdbox .play-guide{}
.vdbox .play-guide p{margin:0; padding:0; line-height:1.5; font-size:12px; color:#333}
.vdbox .play-btn{padding:8px 0 0 5px}
.vdbox .readCount{float:left; text-align:left; font-size:11px; font-style:italic; color:#6c6c6c}

.vdbox .play-caption{margin:0; padding:0}
.vdbox .play-caption h2{margin:0; padding:15px 5px 0 5px; line-height:2; font-size:14px; color:#333}
.vdbox .play-caption h3{margin:0; padding:0 5px 20px 5px; line-height:2; font-size:12px; color:#333}
.vdbox .play-caption .summary{}
.vdbox .play-caption .summary>.xe_content{display:none; padding:10px 0 10px 30px}

.vdbox .btnArea{margin:10px}

.vdbox .tag_relation{}
.vdbox .tag_relation ul.relList{display:none; margin:0; padding:5px 0 10px 30px; list-style:none}
.vdbox .tag_relation li{margin:0; padding:5px 0; font-size:12px}
.vdbox .tag_relation li a{text-decoration:none; color:#333}
.vdbox .tag_relation li a:hover{text-decoration:underline}
.vdbox .tag_relation li .regdate{font-size:11px; font-style:italic; color:#919191}

.other_items{width:300px; float:right; position:relative; overflow:hidden}
.other_items h3.category_title{display:block; margin:0; padding:8px 0; background:#fcfcfc; border:1px solid #f5f5f5; border-bottom:0; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; font-size:13px; color:#333; text-align:center}
#items_wrapper{width:100000px; position:relative; overflow:visible}
#items_wrapper ul.items{float:left; width:298px; margin:0; padding:0; overflow:visible; border:1px solid #f5f5f5; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; list-style:none}
#items_wrapper ul.items li.item{display:none; height:67px; margin:0; padding:0; list-style:none; border-bottom:1px solid #f5f5f5; display:block}
#items_wrapper ul.items li.item:last-child{border-bottom:0}
#items_wrapper ul.items li.item:hover,#items_wrapper ul.items li.item.active {background:#fcfcfc}
#items_wrapper ul.items li.item .thumb{float:left; margin:8px; padding:0; border:1px solid #f5f5f5}
#items_wrapper ul.items li.item .thumb_audio{background:url(../images/thumb_audio.png) no-repeat center}
#items_wrapper ul.items li.item .description {overflow:hidden; padding:5px 5px 0 0}
#items_wrapper ul.items li.item .description h3{position:relative; display:block; margin:4px 0; padding:0; font-size:12px}
#items_wrapper ul.items li.item .description h3 a{color:#333}
#items_wrapper ul.items li.item .description h3 img{position:relative; top:1px}
#items_wrapper ul.items li.item .description p a{color:#888}
#items_wrapper ul.items li.item .description p{display:block; margin:4px 0; padding:0; font-size:11px; font-weight:normal; color:#888}
#all_rages{float:right; margin-top:10px}
#all_rages a{display:block; float:left; width:11px; height:11px; margin-right:3px; background-image:url(../images/p_items_mark.png); background-position:right top; background-repeat:no-repeat; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#6c6c6c; text-indent:-9999px}
#all_rages a.active{background-position:left top}

.mediaBtn{display:block; float:right; margin:0; padding:0; line-height:1.2 !important; text-align:right}
.mediaBtn a{position:relative; display:inline-block; padding:4px 4px 4px 24px; background-color:#fcfcfc; border:1px solid #dedede; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; white-space:nowrap; text-shadow: 1px 1px 0 #fff; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#333; cursor:pointer}
.mediaBtn a:hover{border-color:#aaa; box-shadow:0 1px 4px #ccc}
.mediaBtn .vimeoBtn{background-image:url(../images/vimeo.png); background-repeat:no-repeat; background-position:4px center}
.mediaBtn .youtubeBtn{background-image:url(../images/youtube.png); background-repeat:no-repeat; background-position:4px center}
.mediaBtn .audioBtn{background-image:url(../images/soundcloud.png); background-repeat:no-repeat; background-position:4px center}

.dropdown{position:relative; float:left; width:120px; height:24px; background: #F1FBFF; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F1FBFF), to(#f0f8ff)); background: -webkit-linear-gradient(#F1FBFF, #f0f8ff); background: -moz-linear-gradient(#F1FBFF, #f0f8ff); background: -ms-linear-gradient(#F1FBFF, #f0f8ff); background: -o-linear-gradient(#F1FBFF, #f0f8ff); background: linear-gradient(#F1FBFF, #f0f8ff); border:1px solid #D7E7F7; overflow:hidden}
.dropdown .value{display:block; height:24px; padding:0 18px 0 5px; line-height:24px; background: #F1FBFF; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F1FBFF), to(#f0f8ff)); background: -webkit-linear-gradient(#F1FBFF, #f0f8ff); background: -moz-linear-gradient(#F1FBFF, #f0f8ff); background: -ms-linear-gradient(#F1FBFF, #f0f8ff); background: -o-linear-gradient(#F1FBFF, #f0f8ff); background: linear-gradient(#F1FBFF, #f0f8ff); color:#737373}
.dropdown .arrow{position:absolute; top:0; right:2px; display:block; width:18px; height:22px; background:url('../images/select_arrow.gif') center no-repeat}
.dropdown select{position:absolute; top:0; left:-1px; height:24px; border:1px solid #ededed; letter-spacing:1px; opacity:0; filter:alpha(opacity = 0); font-size:12px; cursor:pointer}
.dropdown select option{padding:4px 3px; font-size:12px; color:#737373}