@charset "utf-8";
/* CSS Document - ZERATUL - starcraft - august 14th 2008*/

	#welcomepage { display:block; width: 190px; height: 48px; margin: 15px 0px 0px 18px; }
	
	#header #banner {
		width: 975px;
		height: 69px;
		background-image: url(../images/headKanal_01.jpg);
		background-repeat: repeat-x;
		position:relative;
		margin:0;padding:0;
	}

	#header #banner #kanalone {
		width: 501px;
		height: 69px;
		background-image: url(../images/headKanal_02.jpg);
		background-repeat:no-repeat;
		
	}
	#adv_top {
		width: 450px;
		height: 56px;
		float: left;
		margin: 6px 0px 6px 0px;
	}


/* BODY LEFT */
    #headkanal {
        background:#ffffff url(../images/titleKanal.jpg) no-repeat;
        height:40px;
        padding:5px 5px 0px 5px;
        overflow:hidden;
        color:white;
        font-weight:bold;
        }
    #marqueeStyle {
        float:right;
        font-size:12px;
        width: 460px;
				height: 18px;
        }
    .headDot {
        color:#ccc;
        font-size:14px;
        font-weight:bold;
        }
    marquee, marquee a{
        color:#FFFFFF;
        }
		#marginLines {
	float:left;
	width:634px;
/*	border-top:1px dotted #999999;*/
	margin:15px 0px 0px 2px
		}
		
		#imageLipsus{
		padding:5px 5px 5px 5px;
		float:left;
		margin-right:5px;
		}
		.icon {
        text-align:left;
        margin: 6px 0px 0px 0px;
        }
    

    /* BERITA UTAMA */
        #blokUtama, #blokDetailBox {
            border:3px solid #efefef;
            margin:0px auto;
            margin-top:0px;
            background:#bbb;
            padding:1px;
            }
        #blokUtamaBorder, #blokDetailBorder {
            border:2px solid #fff;
            background:#F7F4F2 /* F5F3F1 */;
            padding:4px;
            }
        #blokUtama {
            height:auto;
            }
        #blokUtamaBorder {
            height:auto;            
            }
            
            #blokUtamaWadah {
                }
            #blokUtama .blokUtamaIMG {
                border:2px solid #ddd;
                margin:0px 0px 0px 0px;
                margin-right:15px;
                padding: 2px;
                }
            #UtamaTgl {
                font-size:11px;
                color:#555;
                margin-top:0px;
                }
            #UtamaDeck {
                font-size:12px;
                color:#666666 /* 555  79aa9b*/ ;
                font-weight:bold;
                margin-top:12px;
                }
            #UtamaTitle {
                font-size:20px;
                color:#11709e ;
                font-weight:bold;
                margin:5px 0px 10px 0px;
				
                }
            #UtamaLead {
                font-size:15px;
                color:#666 ;
                margin-top:10px;
                }
        

        /* SUB UTAMA */
            #subUtama {
                border:1px solid #e0e0e0;
                margin:2px auto;
                height:auto;
                background:#EDEBE9;
                }
            #subUtamaWadah {
                float:left;
                width:304px;
                padding: 0px 4px 0px 0px;
                }
            #subUtamaWadah .subUtamaIMG {
                border:2px solid #ddd;
                margin-right:6px;
                }
            #subUtamaDeck, #subUtamaDeck_2 {
	font-size:10px;
	color:#666666;
	font-weight:bold;
	margin-top:2px;
                }
			#subUtamaDeck_2 {
				margin-top:6px;
				color:#999999;
				}
            #subUtamaTitle, #subUtamaTitle_2 {
                font-size:13px;
                color:#11709e ;
                font-weight:bold;
                margin: -2px 0px 0px 0px;
                }
			#subUtamaTitle_2{
				margin-top:4px;
				color:#666666;
				}
            #subUtamaLead, #subUtamaLead_2 {
                font-size:12px;
                color:#333 ;
                margin-top:3px;
                font-weight:normal;
                color:#666;
                height:42px;
                overflow:hidden;
                }
				#subUtamaLead_2 {
				margin-top:4px;
				padding-right:20px;
				}
        
        
    /* BERITA LIST */
        /* LIST 01 */
				#panel {
	width:211px;
				}
            #panelTitle, #panelTitle_3 {
	text-transform:uppercase;
	color:#11709e /* #127070 */;
	font-weight:bold;
	font-size:16px;
	font-family:"trebuchet ms",Arial, Verdana, Tahoma;
	padding: 0px 0px 0px 0px;
	border-bottom:1px solid #d3d3d3 /* #127070 */;
	letter-spacing:-0.02em;
	height:22px;
                }
				#panelTitle_2 {
				/*border-bottom:1px dotted #666666;*/
				width:211px;
				color:#000000;
				text-transform:uppercase;
				color:#11709e /* #127070 */;
				font-weight:bold;
				font-size:16px;
				font-family:"trebuchet ms",Arial, Verdana, Tahoma;
				padding: 0px 0px 0px 0px;
				letter-spacing:-0.02em;
				height:22px;
				}
				#panelTitle_3 {
				border-bottom:1px solid #11709e;
				}
            #panelTitle .ico {
                text-align:left;
                margin: 1px 0px 0px 0px;
                }
            #panelTitleIndex, #panelTitleIndex_2, #panelTitleIndex_3{
                margin-top:6px;
									margin-right:6px;
                color:#599b9b;
                float:right;
                font-size:10px;
                font-weight:bold;
                text-transform:lowercase;
                }
				#panelTitleIndex_2 {
				}
				#panelTitleIndex_3 {
				float:right;
				margin-right:5px;
				margin-bottom:4px;
				margin-top:4px;
				}
            #panelTitleIndex a {
				color: #11709e;
                }
				#panelTitleIndex_2 a {
				color:#000000
				}
				#panelTitleIndex_3 a {
				color:#FFFFFF
				}
            #panelList {
                clear:both;
                width:313px;
                border:1px solid #eee;
                border-top:0px;
                padding-top:14px;
                }
            #panelBerita ol li {
                font-weight:normal;
                display:block;
                margin:0px 4px 6px -32px;
                color:#333;
                
                }
            #panelBerita .jam {
                color:#599b9b;
                padding-right:8px;
                font-size:11px;
                }
            #panelBerita ul li {
                font-weight:normal;
                list-style:url(../images/bullet_arrow.gif) outside;
                margin:0px 4px 6px -13px;
                color:#333;
                
                }
            #beritaON, #beritaOFF {
                width:153px;
                float:left;
                padding:3px 1px 4px 1px;
                text-transform:uppercase;
                text-align:center;
                border:1px solid #eee;
                font-size:10px;
                font-weight:bold;
            }
            #beritaON {
                color:#333;
                border-top:3px solid #88bdbd;
                border-bottom:0px;
                }
            #beritaOFF {
                color:#bcbcbc;
                border-top:3px solid #ccc;
                background:#efefef;
               }
/* ------------------------------------------------ */
			#blockFotoVideo{
				border-bottom:1px solid #ccc;
				background:#F7F4F2;
				padding:8px;
			}
            #beritaFoto, #beritaVideo 
			{
				width:301px;
				float:left;				
				color:323333;
				
				font-weight:bold;
                }
            #beritaFotoDisplay {
                float:left;
                /* margin-left:20px; */
                padding:0px 15px 0px 15px;
                width:110px;
                }
            #beritaFotoDisplay img {
                margin-bottom:4px;
                border:1px solid #ccc;
                padding:2px;
                background:none;
                }
            #beritaVideoDisplay img {
                }
            #beritaVideoDisplay #foto {
                width:150px;
                height:113px;
                float:left;
                border:4px solid #ccc;
                margin:0px 7px 0px 0px;
            }
            #beritaVideoDisplay .btnVideo {
                padding:3px 0px 0px 20px;
                font-size:11px;
                float:right;
                color:#c00;
                }
            #panelBeritaBawah, #panelBeritaBawah_2 {
				margin-top:6px;
				color:#666666;
				
				font-weight:bold;
                }
			#panelBeritaBawah_2 {
	border-top:1px solid #999999;
	width:205px;
				}
            #panelBeritaBawah img {
                border:1px solid #888;
                padding:2px;
                float:left;
                margin:0px 8px 6px 0px;
                }
            #panelBeritaBawah ul li, #panelBeritaBawah ol li {
                margin-left:-24px;
                clear:both;
                }
                
/* BODY RIGHT */
    /* ADVERTISEMENT */
        #adv01 {
            padding:2px;
            /* padding-top:0px; */
            border:1px solid #ccc;
            margin-bottom; 4px;
            }
        

    /* PANEL KANAN */

            #panelBerita {
                margin:16px 0px 0px 2px;
                float:left;
                
                }

        .blokRight {
            width:290px;
            border:3px solid #e0e0e0;
            margin:0;
			margin-top:4px;
			padding:0;
            }
        #blokWadah {
            border:1px solid #bbb;
            padding:2px;
			padding:0;
            background:#fff;
            }
        #blokTitle {
			text-transform:uppercase;
			font-family:"trebuchet ms",Arial, Verdana, Tahoma;
			font-size:12px;
			padding:0px 0px 0px 5px;
			height:20px;
			color:#FFF;
			font-weight:bold;
			overflow:hidden;
           }
		.bola{
			background-color:#66cc33;
		}
		
		.sport{
			background-color:#3399cc;
		}
		
		.showbiz{
			background-color:#cccc33;
		}
		
		.kosmo{
			background-color:#ff6699;
		}
		.teknologi{
			background-color:#AAA;
		}
		
        #blokIsi {
            border-top:1px solid #bbb;
            padding:5px;
            margin-top:2px;
            background:none /* #e7e7e7 */;
            }
        #blokIsi li {
            list-style:url(../images/bullet_arrow.gif) outside;
            margin-left:-17px
            }
        #blokIsiProfil  {
            padding:10px;
            font-size:12px;
            color:#666;
        }
        #blokIsiProfilTitle {
            font-weight:bold;
            font-size:12px;
            color:#222;
            margin-bottom:6px;
        }
        #blokIsiProfil img {
            margin-right: 10px;
            margin-bottom:20px;
            padding:2px;
            border:1px solid #666;
            }
        #blokIsiForum {
            clear:both;
            border:1px solid #ccc;
            border-top:0px ;
            padding:4px 0px 0px 0px;
            }
        #blokIsiForum li, #blokIsiList li {
            list-style:url(../images/bullet_arrow.gif) outside;
            margin:0px 4px 6px -17px;
            color:#333;
            
            }
        #blokIsiForumOn, #blokIsiForumOff {
            width:135px;
            float:left;
            padding:4px 1px 6px 1px;
            text-transform:uppercase;
            text-align:center;
            border:1px solid #ccc;
            font-size:10px;
            font-weight:bold;
        }
        #blokIsiForumOn {
            color:#333;
            border-top:3px solid #88bdbd;
            border-bottom:0px;
            }
        #blokIsiForumOff {
            color:#bcbcbc;
            border-top:3px solid #ccc;
            background:#efefef;
           }

/* DETAIL PAGE */
    #blokDetailBox {
        height:inherit;
        }
    #blokDetailBorder {
        height:inherit;
        padding:15px 55px 15px 55px;
        background:#fff;
        }
    #blokDetailBorder .blokUtamaIMG {
        margin: 0px 15px 10px 0px;
        width:250px;
        border:1px solid #ccc;
        padding:4px;
        }
    #blokDetailText {
        text-align:justify;
        margin: 30px 0px 15px 0px;
        line-height:16px;
        color:#333;
        }
    #blokDetailWadah {
        }
    #quot_box_left, #quot_box_right {
        font-family: Georgia, "times new roman";
        font-size:15px;
        font-weight:normal;
        line-height:18px;
        color:#669cb8 /* 9b9b9b 777 */ ;
        width:250px;
        height:inherit;
    }
    #quot_box_left {
        float:left;
        padding:5px 5px 5px 0px;
        margin: 20px 10px 10px 0px;
    }
    #quot_box_right {
        float:right;
        padding:5px 0px 5px 5px;
        margin: 20px 0px 10px 10px;
    }
    #quot_left {
        background:url(../images/quot_mark.gif) left;
        margin: -15px 10px 0px 0px;
        float:left;
        width:40px;
        height:31px;
        }
    #quot_right {
        margin: -10px 0px 0px 5px;
        background:url(../images/quot_mark.gif) right;
        float:right;
        width:40px;
        height:31px;
        }
    #text_closed {
        font-size:10px;
        font-weight:bold;
        color:#127070;
        }
    .detailFooter {
        float:left;
        }
    .detailFooterComment {
        width:600px;
        float:left;
        }
    #divRight {
        float:right;
        padding:2px;
        }
    #divLeft {
        float:left;
        padding:2px;
        }
	#divClear{
		clear:both;
	}




/* end */