@import url(ticker-style.css);
@import url(tab.css);
@import url(breadcrumb.css);
@import url(3slider.css);
@import url(carrousel.css);
@import url(slider.css);
body{
background-color:#FFFFFF;
/*background-image:url(../images/bg-center.jpg);*/
background-repeat:repeat-x;
background-position:top;
margin:0px auto;
padding:0px;
font-family:Arial;
font-size:12px;
color:#333333;
}

.cleaner_h0 { clear: both; width:100%; height: 0px; }
.cleaner_h5 { clear: both; width:100%; height: 5px; }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }
.line_h1 { clear: both; width:100%; border-top:1px dotted #4D9116; }

#w2b-searchbox{background:url(../images/search.png) no-repeat scroll center center transparent;width:310px;height:50px;disaply:block; float:right;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:12px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}

#line-top{
background-color:#014686;
margin:0px auto;
width:100%;
height:40px;
position:fixed;
/*background-image:url(../images/bg-diagonal.png);*/
background-image:url(../images/logo_small_long.png);
border-bottom:1px solid #333333;
color:#FFFFFF;
z-index:2;
 -moz-box-shadow: 0 0 8px #999; 
 -webkit-box-shadow: 0 0 8px #999; 
 box-shadow: 0 0 20px #999;
}

#center-line-top{
width:84%;
/*width:980px;*/
margin:0px auto;
}

#hot-news{
/*width:800px;*/
width:100%;
float:left;
}

#line-header{
background-image:url(../images/line-pat3.png);
width:100%;
margin:0px auto;
height:80px;
}

#center-header{
/*width:980px;*/
width:97%;
margin:0px auto;
height:80px;
}

#left-center-header{
width:500px;
float:left;
}

#right-center-header{
width:480px;
float:right;
text-align:right;
}

#menu-right-center-header{
width:460px;
padding:10px;
color:#FFFFFF;
}

#menu-right-center-header a{
text-decoration:none;
color:#FFFFFF;
}

#menu-right-center-header a:hover{
text-decoration:underline;
color:#FFFFFF;
}

#date-right-center-header{
width:460px;
padding:5px;
color:#FFFFFF;
}

#line-menu{
background-image:url(../images/bg-menu.png);
width:100%;
margin:0px auto;
height:25px;
 -moz-box-shadow: 0 0 8px #999; 
 -webkit-box-shadow: 0 0 8px #999; 
 box-shadow: 0 0 20px #999;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #ccc;
}

#center-menu{
width:980px;
margin:0px auto;
border-right:1px dotted #ccc;
}

#center-menu ul{
list-style:none;
margin:0px;
padding:0px;
}

#center-menu li{
float:left;
padding:11px 9px 10px 9px;
font-size:11px;
border-left:1px dotted #ccc;
font-weight:bold;
}

#center-menu li:hover{
background-image:url(../images/bg-diagonal.png);
cursor:pointer;
}

#center-menu li a{
text-decoration:none;
color:#333333;
}

#center-menu li a:hover{
text-decoration:underline;
color:#0066FF;
}

/* KONTEN */

#content{
width:100%;
margin:0px auto;
}

#center-content{
 -moz-box-shadow: 0 0 8px #ccc; 
 -webkit-box-shadow: 0 0 8px #ccc; 
 box-shadow: 0 0 20px #ccc;
width:100%;
/*width:960px;*/
margin:0px auto;
background-color:#FFFFFF;
padding:0px 10px 0px 10px;
clear:both;
}


/* LEFT CONTENT */

#left-center-content{
/*width:410px;*/
width:25%;
background-color:#FFFFFF;
float:left;
}

#sub-left-center-content{
/*width:400px;*/
width:99.5%;
float:left;
padding:1px;
border:0px dotted #CCCCCC;
}

#sub-left-center-content a{
text-decoration:none;
color:#0183B8;
}

#sub-left-center-content a:hover{
text-decoration:underline;
color:#000000;
}

#sub-left-center-content h1{
font-size:16px;
color:#333333;
}

#sub-left-center-content h2{
font-size:14px;
color:#333333;
}

#title-sub-left-center-content{
width:320px;
float:none;
margin:2px 10px 5px 0px;
padding:3px;
border-bottom:1px dotted #ccc;
font-weight:bold;
}

#single-sub-left-center-content img{
float:left;
margin:0px 8px 8px 0px;
}

/* RIGHT CONTENT */


#right-center-content{
/*width:610px;*/
width:75%;
float:right;
padding-left:5px;
border-left:1px solid #CCCCCC;
background-image:url(../images/bg-shadow-content.jpg);
background-repeat:repeat-y;
background-position:left;
}

#sub-right-center-content{
width:298px;
float:left;
border:1px dotted #ccc;
margin-right:5px;
}

#sub-right-center-content a{
text-decoration:none;
color:#0183B8;
}

#sub-right-center-content a:hover{
text-decoration:underline;
color:#000000;
}

#sub-right-center-content h1{
font-size:16px;
color:#333333;
}

#sub-right-center-content h2{
font-size:14px;
color:#333333;
}

#single-sub-right-center-content{
width:275px;
float:left;
padding:10px;
}

#image-title-sub-right-center-content{
width:265px;
float:none;
margin:10px;
padding:5px;
height:100px;
border-bottom:1px dotted #666666;
}

#image-title-sub-right-center-content a{
text-decoration:none;
color:#333333;
}

#image-title-sub-right-center-content a:hover{
text-decoration:underline;
color:#000000;
}

#image-title-sub-right-center-content h1{
font-size:14px;
font-weight:bold;
padding:0px;
margin:0px;
}

#image-title-sub-right-center-content img{
float:left;
margin:5px;
}

#title-sub-right-center-content{
width:275px;
float:none;
margin:2px 10px 5px 10px;
padding:3px;
border-bottom:1px dotted #ccc;
font-weight:bold;
}

#title-sub{
padding:5px;
font-size:15px;
font-weight:bold;
background-image:url(../images/line-pat4.png);
background-repeat:repeat;
color:#fff;
}

#title-sub-small{
padding:5px;
font-size:13px;
font-weight:bold;
background-image:url(../images/line-pat4.png);
background-repeat:repeat;
color:#fff;
}

.index-button{
padding:2px;
border:1px dotted #999999;
background-image:url(../images/line-pat.png);
background-position:bottom;
color:#FFFFFF;
font-size:10px;
width:80px;
text-align:center;
float:right;
cursor:pointer;
}

/* FOOTER */

#footer{
width:100%;
margin:0px auto;
background-image:url(../images/line-pat.png);
height:30px;
background-position:bottom;
border-top:1px solid #ccc;
}

#center-footer{
text-align:center;
width:100%;
padding:15px;
margin:0px auto;
color:#FFFFFF;
}

#footer-menu{
width:100%;
margin:0px auto;
background-image:url(../images/bg-menu.png);
height:35px;
border-top:1px solid #ccc;
}

#center-footer-menu{
text-align:center;
width:960px;
padding:8px;
margin:0px auto;
}


/* DETAIL KATEGORI */

#select-category{
width:608px;
border:1px solid #CCCCCC;
background-image:url(../images/bg-diagonal.png);
background-color:#EFF0E8;
}

#sub-select-category{
width:289px;
margin:5px;
float:left;
}

#select-category h2{
font-size:14px;
color:#333333;
}

#select-category a{
text-decoration:none;
}

#select-category a:hover{
text-decoration:underline;
}

#detail-category{
width:580px;
padding:10px;
float:none;
border-bottom:1px dashed #CCCCCC;
}

#detail-category a{
text-decoration:none;
color:#0183B8;
}

#detail-category a:hover{
text-decoration:underline;
color:#333333;
}

#detail-category-time{
width:580px;
padding:5px;
font-size:11px;
}

#detail-category img{
width:150px;
height:80px;
float:left;
margin:0px 10px 10px 0px;
}

#detail-category h1{
font-size:16px;
margin:0px;
padding:0px;
}

.pagingpage-nomor{
	background-color: #fff;
	text-align:center;
	width:20px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	float:left;
	margin:1px;
}
.pagingpage{
	background-color: #fff;
	padding: 3px;
	border: 1px solid #CCCCCC;
	float:left;
	margin:1px;
}

/* detail berita */
#center-content h3{
font-size:24px;
font-weight:bold;
margin:0px 0px 10px 0px;
padding:0px;
}

#content-attribute{
padding:10px 0px 10px 0px;
width:590px;
border-top:1px dashed #CCCCCC;
border-bottom:1px dashed #CCCCCC;
}

#detail-img-with-article{
width:300px;
float:right;
margin:0px 10px 20px 0px;
padding:5px;
}

#detail-img-with-article ul{
margin:0px 0px 0px 20px;
padding:10px;
list-style:square;
}

#detail-img-with-article li{
margin:0px;
padding:10px;
border-bottom:1px dotted #CCCCCC;
font-size:12px;
}

#detail-img-with-article li a{
text-decoration:none;
color:#0099FF;
}

#detail-img-with-article li a:hover{
text-decoration:underline;
color:#333;
}

#comment-box{
border:1px solid #CCCCCC;
padding:10px;
width:580px;
}

#footnote-comment-box{
border-top:1px dashed #CCCCCC;
padding-top:10px;
font-size:11px;
}

.input-textfield-comment{
border:1px solid #CCCCCC;
padding:4px;
width:350px;
font-family:Arial;
}

.input-comment{
border:1px solid #CCCCCC;
padding:5px;
width:400px;
height:100px;
font-family:Arial;

FV/* Table 1 Style hexa */
table.table1{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;
}
.table1 thead th{
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    border:1px solid #93CE37;
    border-bottom:3px solid #9ED929;
    background-color:#9DD929;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, rgb(123,192,67)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(158,217,41))
        );
    background: -moz-linear-gradient(
        center bottom,
        rgb(123,192,67) 2%,
        rgb(139,198,66) 51%,
        rgb(158,217,41) 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.table1 thead th:empty{
    background:transparent;
    border:none;
}
.table1 tbody th{
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    background-color:#9DD929;
    border:1px solid #93CE37;
    border-right:3px solid #9ED929;
    padding:0px 10px;
    background:-webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.02, rgb(158,217,41)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(123,192,67))
        );
    background: -moz-linear-gradient(
        left bottom,
        rgb(158,217,41) 2%,
        rgb(139,198,66) 51%,
        rgb(123,192,67) 87%
        );
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.table1 tfoot td{
    color: #9CD009;
    font-size:32px;
    text-align:center;
    padding:10px 0px;
    text-shadow:1px 1px 1px #444;
}
.table1 tfoot th{
    color:#666;
}
.table1 tbody td{
    padding:10px;
    text-align:center;
    background-color:#DEF3CA;
    border: 2px solid #E7EFE0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}
.table1 tbody span.check::before{
    content : url(../images/check0.png)
}

.upload-icon {
	background: url('resources/icons/image_add.png') no-repeat 0 0 !important;
}

#sub-content-center-privat{
border-left:1px solid #00BFFF;
border-right:1px solid #00BFFF;
width:400px;
padding:8px;
line-height:18px;
}

#produklaris{
height:90px;
overflow:hidden;
margin:0px auto;
padding:0px;
}

#list-produk{
border:1px solid #CCCCCC; 
margin-bottom:10px; 
padding:5px;
background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
height:178px;
}