@import "../css/common.css";

#main-contents {
}
    h2 {
        font-size: 2.0em;
        font-weight: bold;
        background: url(../images/bg_h2.png) top left no-repeat;
        width: 860px;
        height: 46px;
        line-height: 46px;
        padding: 0 0 0 10px;
        margin: 0 0 30px 0;
        color: #FFF;
        font-weight: bold;
    }
        p#page-info-top {
            width: 240px;
            font-size: 1.2em;
            margin: -30px 0 0;
            padding:2px 5px;
            position: relative;
            top: -35px;
            left: 600px;
            border:2px solid #CCCCCC;
            background:#FFFFFF;
            text-align: center;
        }
    #main-movie {
        width: 640px;
    }
        p.no-available-program {
            height: 500px;
            font-size: 1.2em;
        }
        h3 {
            margin: 10px 0;
            color: #ea87a0;
            font-size: 1.6em;
            font-weight: bold;
        }
        #main-movie p#flvplayer {
            width: 640px;
            height: 384px;
            font-size: 1.4em;
        }
        #main-movie p.description {
            margin: 20px 0;
            font-size: 1.2em;
            line-height: 1.5;
        }
            a#description-more{
                color: #ff8a00;
            }
        ul#movie-meta {
            margin: 20px 0 0;
            list-style-type: none;
            overflow: hidden;
        }
            div#movie-meta div {
                margin: 0 2px 10px 0;
                padding: 0 0 0 20px;
                line-height: 20px;
                float: left;
                display: inline;
                font-size: 1.2em;
            }
            div#meta-posted-date {
                background: url(../images/channel/icon_pen.png) center left no-repeat;
            }
            div#meta-wedding-date {
                background: url(../images/channel/icon_crown.png) center left no-repeat;
            }
            div#meta-play-num {
                background: url(../images/channel/icon_play.png) center left no-repeat;
            }
            div#meta-eval {
                width: 120px;
                background: url(../images/channel/icon_val.png) center left no-repeat;
                overflow: hidden;
                height: 20px;
                line-height: 20px;
            }
            div#meta-eval div {
                position: relative;
                left: 15px;
                margin: -10px 0 0;
                padding: 0;
            }
            div#meta-recommend {
                background: url(../images/channel/icon_recommend.png) center left no-repeat;
            }
            div#meta-recommend a {
                color: #333;
            }
    #list-movie {
        margin: 40px 0 0;
        padding: 20px 30px;
        width: 810px;
        background: #ffeef2;
        position: relative;
        overflow: hidden;
        clear: left;
    }
        div#list-movie-header {
        }
            h4 {
                font-size: 1.4em;
                display: inline;
		    font-weight:bold;
		    color:#666666;
            }
            p#page-info {
                position: absolute;
                top: 15px;
                right: 35px;
                font-size: 1.2em;
		    padding:3px;
		    border:2px solid #CCCCCC;
		    background:#FFFFFF;
            }
		p#page-info-top a,
		p#page-info a{
			text-decoration:none;
			color:#0000FF;

		}
		p#page-info-top a:hover,
		p#page-info a:hover {
			text-decoration:underline;
            }
            div#list-movie-header a {
                margin: 0 0 0 10px;
            }
        ol#other-programs {
            width: 900px;
            margin: 20px 5px 0 0;
            list-style-type: none;
        }
            ol#other-programs li {
                margin: 0 0 0 17px;
                float: left;
                display: inline;
                width: 145px;
                height: 160px;
            }
            *html ol#other-programs li {
                margin: 0 4px 0 16px;
                width: 145px;
            }
            ol#other-programs li a img {
                padding: 1px;
                border: solid 1px #CCC;
            }
            ol#other-programs li strong {
                display: block;
                color: #ea87a0;
                font-weight: bold;
            }
            ol#other-programs li span {
                padding: 0 0 0 14px;
                background: url(../images/channel/icon_pen_mini.gif) top left no-repeat;
            }
        #other-programs-back {
            position: absolute;
            top: 100px;
            left: 10px;
        }
        #other-programs-forward {
            position: absolute;
            top: 100px;
            right: 10px;
        }
        div.program {
            margin: 20px 5px 0 15px;
            width: 140px;
            float: left;
            display: inline;
        }
            div.program dl dt img {
                padding: 1px;
                border: solid 1px #CCC;
            }
            div.program dl dd strong {
                color: #ea87a0;
                font-weight: bold;
            }
            div.program dl dd span {
                padding: 0 0 0 14px;
                background: url(../images/channel/icon_pen_mini.gif) top left no-repeat;
            }
        #navi-back {
            position: absolute;
            top: 100px;
            left: 10px;
        }
        #navi-forward {
            position: absolute;
            top: 100px;
            right: 10px;
        }
        #list-movie-top-left {
            position: absolute;
            top: 0;
            left: 0;
            width: 14px;
            height: 14px;
            background: url(../images/channel/bg_round_corner.png) 0 0 no-repeat;
        }
        #list-movie-top-right {
            position: absolute;
            top: 0;
            right: 0;
            width: 14px;
            height: 14px;
            background: url(../images/channel/bg_round_corner.png) -14px 0 no-repeat;
        }
        #list-movie-bottom-left {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 14px;
            height: 14px;
            background: url(../images/channel/bg_round_corner.png) 0 -14px no-repeat;
        }
        #list-movie-bottom-right {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 14px;
            height: 14px;
            background: url(../images/channel/bg_round_corner.png) -14px -14px no-repeat;
        }
        *html #list-movie-top-left,
        *html #list-movie-top-right,
        *html #list-movie-bottom-right,
        *html #list-movie-bottom-left {
            background: none;
        }

div#sidebar {
    width: 200px;
    position: absolute;
    top: 210px;
    right: 55px;
}
*html div#sidebar {
    top: 200px;
}