body {
	background: url(../images/front/bg.jpg?23092021) no-repeat scroll center #1F1F1F; color:#FFF;
}

.hasilbox {
    background: rgba(37, 37, 37, 0.8) none repeat scroll 0 0;
    color: #fff;
    padding: 10px;
    position: relative;
}

.divider {
    border-bottom: 1px solid #666666;
    margin: 4px 0;
}

#midcontent {
	background: #C0C0C0; border-top: #899600 5px solid; border-bottom: 1px #ADADAD solid; color: #1E1E1E;
}

#bottomcontent {
	background: #DCDCDC; color: #1E1E1E;
}

.well {
    background-color: #042D3D;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    min-height: 20px;
    padding: 4px;
}

h4 {
    font-size: 1.425rem;
}

body .video {
    height: 0;
    padding-bottom: 43.25%;
    position: relative;
    width: 100%;
}
body .video.twitch, body .video.youtube.show_controls {
    padding-top: 30px;
}
.video > video, .video > iframe, .video > object, .video > embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}



.ui-widget-content a {
    color: #00F;
}







#tabhome a {    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e5e5e5;
    border-image: none;
    border-radius: 4px 4px 0 0;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #e9fe01;
    cursor: pointer;
    display: block;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    height: 35px;
    line-height: 33px;
    margin: 0;
    padding: 0 3px;
    text-shadow: 0 1px 1px #e9fe01;
    width: auto;
    background: none;
}

#tabhome a:hover {
    color: #FFF;
    text-shadow: 0 1px 1px #FFF;
}

#defaultCountdown {
	position: absolute;right: 19px;top: -27px; background: #000;padding: 1px;
}
#defaultCountdown span { display: block; float: left; width: 10px; height: 21px;
    background: url(../images/front/countdownLED.png) no-repeat 0px 0px; }
#defaultCountdown span.image0 { background-position: -0px 0px; }
#defaultCountdown span.image1 { background-position: -10px 0px; }
#defaultCountdown span.image2 { background-position: -20px 0px; }
#defaultCountdown span.image3 { background-position: -30px 0px; }
#defaultCountdown span.image4 { background-position: -40px 0px; }
#defaultCountdown span.image5 { background-position: -50px 0px; }
#defaultCountdown span.image6 { background-position: -60px 0px; }
#defaultCountdown span.image7 { background-position: -70px 0px; }
#defaultCountdown span.image8 { background-position: -80px 0px; }
#defaultCountdown span.image9 { background-position: -90px 0px; }
#defaultCountdown span.imageDay { background-position: -100px 0px; }
#defaultCountdown span.imageSep { background-position: -110px 0px; }
#defaultCountdown span.imageSpace { background-position: -120px 0px; }
.is-countdown {
    background-color: #eee;
    border: none;
}


.button5.b-close, .button5.bClose {
    border-radius: 7px;
    box-shadow: none;
    font: bold 131% sans-serif;
    padding: 0 6px 2px;
    position: absolute;
    right: -7px;
    top: -7px;
}

.button5 {
    background-color: #242424;
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
}

.button5:hover {
    background-color: #333;
}


#element_to_pop_up {
	display:none; color:#000; width:588px;
    border-radius: 10px; padding: 15px;
}

#body_popup {
    background: #242424; padding: 10px;
}

#body_popup marquee {
    background: #000; margin-bottom:6px; color:#F00; font-weight:bold; line-height:28px;
}

#body_popup > ul  {
    margin-left:15px;
}

#body_popup > ul > li > a {
    color:#333; font-style:underline;
}


.fragment {
    box-sizing: border-box;
    display: block;
    position: fixed;
    right: 10px;
    text-decoration: none;
    top: 190px;
}



.fragment img {
    border-radius: 7px;
    box-shadow: 0 0 3px 0 #000000;
}


#closeButton {
    position: absolute;
    right: -8px;
    top: -11px;
}

.fl_menu{position:absolute; top:136px; right:0px; z-index:9999; width:216px; height:50px; }
.fl_menu .label{padding-left:20px; line-height:50px; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#fff;}
.fl_menu .menu{display:none;}
.fl_menu .menu .menu_item{display:block; background:#000; color:#bbb; border-top:1px solid #333; padding:10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
.fl_menu .menu a.menu_item:hover{background:#333; color:#fff;}
/*Add line css*/
.line {
    border-radius: 5px;
    height: 45px;
    position: absolute;
    right: 10px;
    top: 191px;
    width: 194px;
}

/*End line css*/
