/* Frame */
#mainFrame {
    display: block;
    display: inline-block;
    width: 1000px;
    height: 430px;
    padding: 0px;
    margin: 0px ;
    border: 0px;
}


#mainCenterPanel {
    width: 670px;
    height: 430px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    float: left;
    background: #000000;
}

#mainCenterPanel #adView {
    width: 500px;
    height: 430px;
    padding: 0px;
    margin: 0px;
    background: #111111;
}

span#playMakingFilmFile a {
    background: url(//static.ad.co.kr/images/ad/button/playMakingAd.gif);
}
span#playMakingFilmFile a.selected,
span#playMakingFilmFile a:hover {
    background: url(//static.ad.co.kr/images/ad/button/playMakingAd_over.gif);
}

span#playContent15File a {
    background: url(//static.ad.co.kr/images/ad/button/playAd15.gif);
}
span#playContent15File a.selected,
span#playContent15File a:hover {
    background: url(//static.ad.co.kr/images/ad/button/playAd15_over.gif);
}

span#playContent20File a {
    background: url(//static.ad.co.kr/images/ad/button/playAd20.gif);
}
span#playContent20File a.selected,
span#playContent20File a:hover {
    background: url(//static.ad.co.kr/images/ad/button/playAd20_over.gif);
}

span#playContent30File a {
    background: url(//static.ad.co.kr/images/ad/button/playAd30.gif);
}
span#playContent30File a.selected,
span#playContent30File a:hover {
    background: url(//static.ad.co.kr/images/ad/button/playAd30_over.gif);
}

span#playContent0File a {
    background: url(//static.ad.co.kr/images/ad/button/playAd45.gif);
}
span#playContent0File a.selected,
span#playContent0File a:hover {
    background: url(//static.ad.co.kr/images/ad/button/playAd45_over.gif);
}

/** bottomFrame  **/

#bottomFrame{
    display: block;
    display: inline-block;
    width: 1000px;
    height: auto;
    margin-top: 10px;
    padding: 0px;
    border: 0px;
}

#bottomCenterFrame {
    display: block;
    width: 670px;
    height: auto;
    padding: 0px;
    margin: 0px;
    float: left;
}
#bottomRightFrame {
    float: right;
    display: block;
    width: 300px;
    height: auto;
    padding: 0px;
}

#bottomCenterFrame .header{
    padding: 0px;
    margin: 0px;
    font-family: Dotum;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    letter-spacing: 0px;
    line-height: 33px;
    width: 670px;
    border-bottom: 1px dashed #e2e2e2;
    margin: 0px;
}
#bottomCenterFramePanel2 {
    display: block;
    margin: 0px;
    width: 670px;
}

#bottomCenterFramePanel2 .info{
    float: left;
    width: 670px;
    margin: 0px;
    line-height: 30px;
}

#bottomCenterFramePanel2 .info .writer {
    width:150px;
    float : left;
}


#bottomCenterFramePanel2 .info .writer a{
    font-family: Gulim;
    font-size: 12px;
    color: #999999;
}
#bottomCenterFramePanel2 .info .writer a span{
    font-family: YDIWebDotum;
    font-size: 11px;
    color: #ff3300;
    display: inline-block;
    width: 40px;
    _width: 45px;
    padding-left: 5px;
    background: url(//static.ad.co.kr/images/forum/video/morebg.gif)
        no-repeat 37px 11px;
}
#bottomCenterFramePanel2 .info .count{
    float: right;
    font-family: Dotum;
    font-size: 11px;
    color: #999999;
}
#bottomCenterFramePanel2 .info .count span{
    font-family: Dotum;
    font-size: 11px;
    color: #333333;
    font-weight: bold;
}
#bottomCenterFramePanel2 .info .content{
    font-family: Gulim;
    color: #666666;
    line-height: 20px; 
    font-size: 12px;
    width: 670px;
    padding: 5px 0px;
    margin : 15px 0px;
}
#header #infoBar #bestTag{
    width : 266px !important;	
}
#header #infoBar .left{
    width : 670px !important;   
}
#tagPanel {
    width: 670px;
    padding: 0px;
    border: 0px;
    border-bottom: 1px dashed #e2e2e2;
    padding-bottom: 10px;
}
#tagFlag {
    float: left;
    width: 45px;
    height: 20px;
    background: url(//static.ad.co.kr/images/common/icon/tag02.gif)
        no-repeat left center;
}
#tagList {
    float: left;
    width: 610px;
    height: auto;
    padding-left: 5px;
    margin: 0px;
    border: 0px;
    line-height: 21px;
    text-align: justify;
}
#tagList a{
    font-family: Gulim;
    color: #999999;
    
}

#bottomCenterFrame .toolbar {
    padding: 15px 0;
    border: 0px solid #e5e5e5;
    color: #999999;
    float: left;
    width: 670px;
    
}

#bottomCenterFrame .toolbar .buttonleft{
    float: left;
}

#bottomCenterFrame .toolbar .buttonright{
    float: right;
}
#bottomCenterFrame .toolbar .button {
    height: 21px;
    margin: 0px 0px 0px 0px;
}

#bottomCenterFrame .toolbar .button a {
    float: left;
    padding: 2px 0px 0px 18px;
    margin: 0px 20px 0px 0px;
    background: url(//static.ad.co.kr/images/journal/icon/li_source.gif)
        no-repeat left 0px;
    font-weight: bold;
    color: #999999;
    letter-spacing: -1px;
}
/********  commentForm  ********/
#bottomCenterFramePanel1 {
    display: block;
    margin: 0px;
    width: 670px;
    background: url(//static.ad.co.kr/images/forum/video/writebg.gif)
        no-repeat left 0px;
}

#commentForm .content {
    width: 430px;
}
#commentForm .content textarea {
    width: 430px;
}

#commentListTableContainer td {
    width: 670px;
}

#bottomRightFrame .banner {
    width: 300px ;
    height: 200px;
    margin-bottom: 10px;
    border: 0px solid #999999;
    text-align: center;
}

#mainRightPanel,
#mainRightPanel2{
    float: right;
    width: 298px !important;
    _width : 300px !important;
    height: 395px !important;
    padding: 0px;
    border:1px solid #c8c8c8;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-bottom: 5px;
}
#mainRightPanel2{
    height : 300px !important;
}
#mainFrame .mainRightbutton{
    float: right;
    width : 281px;
    padding : 0 10px;
}
#bottomRightPanel{
    
    width: 300px !important;
    height: 310px !important;
    padding: 0px;
    border:1px solid #c8c8c8;
}

#rightPanel .header,
#rightPanel2 .header{
    display: block;
    height: 35px !important;
    padding-left: 104px;
    margin: 0px;
    text-align: right;
    background: url(//static.ad.co.kr/images/forum/video/right_bg.gif)
    no-repeat -3px 0px;
}

#rightPanel2 .header{
  padding-left : 104px;
}

#rightPanel .content,
#rightPanel2 .content{
    
    width : 280px !important;
    padding: 0px;
    margin: 13px 10px;
    border: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#rightPanel .content{
    height : 340px !important;
}
#rightPanel2 .content{
    height : 240px !important;
}
/********  weeklyBestArticle  ********/
#rightPanel ul li,
#rightPanel2 ul li{
    width:97px;
    float : left;	
}

#rightPanel #weeklyBestArticle,
#rightPanel #lastestArticle,
#rightPanel2 #writerArticleList,
#rightPanel2 #recommandArticleList
{
    display: block;
    width: 300px;
    height: auto;
    padding: 0px;
    margin: 0px;
    float: left;
}

#rightPanel #weeklyBestArticle dl,
#rightPanel #lastestArticle dl,
#rightPanel2 #writerArticleList dl,
#rightPanel2 #recommandArticleList dl{
    display: block;
    height: 125px;
    width: 110px;
    margin: 0px 13px 0px 7px;
    padding: 0px;
    overflow: hidden;
    float: left;
    border: 0px;
}

#rightPanel #weeklyBestArticle dl:first-child,
#rightPanel #lastestArticle dl:first-child ,
#rightPanel2 #writerArticleList dl:first-child,
#rightPanel2 #recommandArticleList dl:first-child {
    border: 0px;
}

#rightPanel #weeklyBestArticle dl .blub,
#rightPanel #lastestArticle dl .blub ,
#rightPanel2 #writerArticleList dl .blub,
#rightPanel2 #recommandArticleList dl .blub {
    width: 110px;
    height: 14px;
    overflow: hidden;
    text-overflow : ellipsis;
    line-height : 14px;
    
}

#rightPanel #weeklyBestArticle dt.thumbnail, 
#rightPanel #lastestArticle dt.thumbnail,
#rightPanel2 #writerArticleList dt.thumbnail,
#rightPanel2 #recommandArticleList dt.thumbnail{
    width: 104px;
    _width: 110px;
    height: 74px;
    _height: 80px;
    padding: 0px;
    margin: 0px;
    border: 3px solid #333333;
    overflow: hidden;
}
#rightPanel #weeklyBestArticle dt.thumbnail img,
#rightPanel #lastestArticle dt.thumbnail img,
#rightPanel2 #writerArticleList dt.thumbnail img,
#rightPanel2 #recommandArticleList dt.thumbnail img{
    width: 104px;
    height: 74px;
}

#rightPanel #weeklyBestArticle dd a,
#rightPanel #lastestArticle dd a,
#rightPanel2 #writerArticleList dd a,
#rightPanel2 #recommandArticleList dd a{
    display: block;
    width: 110px;
    height: 14px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    font-size: 11px;
    font-family: Dotum;
    font-weight: normal;
    color: #666666;
}
#rightPanel #weeklyBestArticle dd.headline a,
#rightPanel #lastestArticle dd.headline a,
#rightPanel2 #writerArticleList dd.headline a,
#rightPanel2 #recommandArticleList dd.headline a{
    display: block;
    width: 110px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space : nowrap;
    font-family: Dotum;
    font-weight: bold;
    height: 15px;
    color: #333333;
}

#rightPanel #weeklyBestArticle dd.headline ,
#rightPanel #lastestArticle dd.headline ,
#rightPanel2 #writerArticleList dd.headline,
#rightPanel2 #recommandArticleList dd.headline {
    margin : 2px 0px;
}
li.ui-tabs-selected{
}
.ui-tabs-nav li, ui-tabs {
    width : 95px;
    height : 34px;
    padding : 0px !important;
}

#bottomCenterFramePanel1 #commentFormContainer{
 background : url(//static.ad.co.kr/images/forum/video/writebg.gif) left top no-repeat;
 padding : 10px 0px 10px 166px;
 border : 0px;
 background-color : #FFFFFF !important;
  
}
span.spanBlubDate{
    font-size:11px;
    display:inline-block;
    float:left;
    width:55px;
    font-family:dotum;
}

span.spanBlubCount{
    font-size:11px;
    display:inline-block;
    float:left;
    font-family:dotum;
}
span.spanBlubBlank{
	display : inline-block;
	float : left;
	margin : 0px 2px;
}

#contentView {
    height: 430px;
}

#contentView video {
    width: 100%;
    height: 100%;
}