@charset "utf-8";
/* CSS Document */

/*GLOBAL*/
body {margin:0 auto; font-family:Tahoma, Arial, "Trebuchet MS"; font-size: 12px; color:#333333;}

.clearfix:before, .clearfix:after { content : "\0020"; display : block; height : 0; visibility : hidden; } .clearfix:after { clear : both; }

#wrap-skin{background-color:#FFF; /*background:url(../images/wrapper.png) top repeat-x;*/}
#wrap-page{width:1010px; margin:auto; background:url(../images/bg_loop.png) repeat;}
#wrap-content{ width:995px; margin:auto; display:block; background-color:#FFFFFF;}

/*Header*/
#header{ background-color:#FFFFFF;}
#header #wrap-logo { padding:20px 20px 0px 20px}
#header #wrap-logo #boxLogo{ float:left;}
.border{ background-color:#66CDAA; height:5px;}

#header #wrap-logo #boxLogin{ float:right; /*border-left:5px solid #FF9900;*/ padding-left:10px; width:350px;}
.logLeft{ float:left; margin-right:10px;}
.logRight{}
.log1{ margin-bottom:5px; font-weight:bold; color:#666666;}
.log1Input{ width:160px; background-color:#EFEFEF; border:none; color:#666666; font-size:12px;padding:3px 5px;}
.smallText{ font-size:11px; color:#666666;}
.headerDate{ margin-top:5px;color:#666666; text-align:right; font-size:11px;}

#wrap-menu{background:linear-gradient(45deg, #1de099, #1dc8cd); height:51px;}
#menu{ padding-top:20px; margin-left:40px;}
#menu ul{ margin-left:5px;}
#menu ul li{ float:left; font-size:14px; margin:0px 5px; color:#FFFFFF; font-weight:bold; }
#menu ul li a{ color:#fff;}
#menu ul li a:hover{ color:#FFFFAE;}

#searchBox{ background-color:#CCCCCC; height:22px; padding:10px;}
.search_field{ border:none;width:190px; color:#666666; font-size:12px; padding:2px 5px; border:1px solid #B9B9B9;}
.search_btn{ background-color:#FF9900; padding:2px 10px; }

.btn_submit {font-size:12px;font-weight:bold;border:medium none;color:rgb(255, 255, 255);padding:1px 10px;  margin:0px;cursor:pointer;background-color:#00BF9A;}

/*Content*/
#content {clear:both; width:975px; padding:0px; margin:0 auto; line-height:15px; margin-top:10px; margin-bottom:20px;}
#content #content-left {width:975px;float:left; display:inline;}
#content #content-right{width:300px; float:right;display:inline; position:relative;}

#content-right .fanpage{}

/*Footer*/
#footer{background-color:#ccd8d6; height:306px;}

#footerText{}
#footerText .boxLeft{ float:left; width:600px; padding:20px 0px 0px 40px;color:#060606;margin-top:10px}
#footerText .boxLeft h1{ margin-bottom:20px; letter-spacing:-1px;}
#footerText .boxLeft .fLeft{ float:left; margin-right:10px; font-size:14px; line-height:20px;}

#footerText .boxLeft .fRight{ line-height:20px; margin-left:310px;}
#footerText .boxLeft .fRight a{ font-weight:bold; color:#fff;}
#footerText .boxLeft .fRight a:hover{color:#FFFFAE;}
#footerText .boxLeft .copyright{ margin-top:30px;}

#footerText .boxRight{float:right; width:350px; padding:40px 0px 0px 0px;color:#fff; text-align:left;}
#footerText .boxRight h1{ margin-bottom:20px; letter-spacing:-1px;}
#footerText .boxRight .iconSocial ul li{ float:left; margin-right:10px; opacity:0.5;}
#footerText .boxRight .iconSocial ul li:hover{ opacity:1;}

/*ADV BANNER*/
.banner300x250 {margin:0 auto;background:#bbb; width:300px; height:250px; text-align:center;  clear:both; }
.banner300x100 {margin:0 auto; background:#bbb; width:300px; height:100px; text-align:center;  clear:both;}
.banner728x90 { text-align:center; width:728px; height:90px; margin:0 auto; clear:both; overflow:hidden;}
.banner975x40 { text-align:center; width:975px; height:40px; margin:0 auto; clear:both; overflow:hidden;}
.banner663x100 { text-align:center; width:663px; height:100px; clear:both;}
.banner975x90 { text-align:center; width:975px; height:90px; margin:0 auto; clear:both;}

/*Tabs 1*/
#tabs_wrapper{width:300px;}
#tabs_container{border-bottom: 1px solid #F2F2F2;}
#tabs{list-style: none;padding: 5px 0 6px 0;margin:0 0 0 0px;font-size:14px;}
#tabs li{display:inline;}
#tabs li a{border:none;padding:4px 20px;text-decoration:none;background-color:#F2F2F2;color:#666666;font-weight:bold;border-bottom:none;outline: none;
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
}
#tabs li a:hover{background-color:#66CCFF;padding:4px 20px;color:#666666;}
#tabs li.active a{border-bottom: 1px solid #fff;background-color:#FF9900;padding:4px 20px 5px 20px;border-bottom:none;color:#FFFFFF;}
#tabs li.active a:hover{border-bottom: 1px solid #F2F2F2;background-color: #FF9900;padding:4px 20px 5px 20px;border-bottom:none;color:#FFFFFF;cursor:none;}
#tabs_content_container{font-size:14px;border:1px solid #F2F2F2;border-top:none;padding:10px;width:278px;color:#666666;line-height:24px;}
#tabs_content_container ul li{list-style-type:square;margin-left:15px;color:#666;border-bottom:1px dashed #EDEDED;}
#tabs_content_container ul li a:hover{color:#FF9900;}

.tab_content{display:none;}

/*Tabs 2*/
#tabs_container2{border-bottom: 1px solid #F2F2F2;}
#tabs2{list-style: none;padding: 5px 0 6px 0;margin:0 0 0 0px;font-size:14px;}
#tabs2 li{display:inline;}
#tabs2 li a{border:none;padding:4px 20px;text-decoration:none;background-color:#F2F2F2;color:#666666;font-weight:bold;border-bottom:none;outline: none;
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
}
#tabs2 li a:hover{background-color:#66CCFF;padding:4px 20px;color:#666666;}
#tabs2 li.active a{border-bottom: 1px solid #fff;background-color:#FF9900;padding:4px 20px 5px 20px;border-bottom:none;color:#FFFFFF;}
#tabs2 li.active a:hover{border-bottom: 1px solid #F2F2F2;background-color: #FF9900;padding:4px 20px 5px 20px;border-bottom:none;color:#FFFFFF;cursor:none;}
#tabs_content_container2{font-size:14px;border:1px solid #F2F2F2;border-top:none;padding:10px;width:278px;color:#666666;line-height:24px;}
#tabs_content_container2 ul li{list-style-type:square;margin-left:15px;color:#666;border-bottom:1px dashed #EDEDED;}
#tabs_content_container2 ul li a:hover{color:#FF9900;}

.tab_content2{display:none;}

/*Tabs 3*/
#tabs_container3{border-bottom: 1px solid #F2F2F2;}
#tabs3{list-style: none;padding: 5px 0 6px 0;margin:0 0 0 0px;font-size:14px;}
#tabs3 li{display:inline;}
#tabs3 li a{border:none;padding:4px 20px;text-decoration:none;background-color:#F2F2F2;color:#666666;font-weight:bold;border-bottom:none;outline: none;
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
}
#tabs3 li a:hover{background-color:#66CCFF;padding:4px 20px;color:#666666;}
#tabs3 li.active a{border-bottom: 1px solid #fff;background-color:#FF9900;padding:4px 20px 5px 20px;border-bottom:none;color:#FFFFFF;}
#tabs3 li.active a:hover{border-bottom: 1px solid #F2F2F2;background-color: #FF9900;padding:4px 20px 5px 20px;border-bottom:none;color:#FFFFFF;cursor:none;}
#tabs_content_container3{font-size:14px;border:1px solid #F2F2F2;border-top:none;padding:10px;width:278px;color:#666666;line-height:24px;}
#tabs_content_container3 ul li{list-style-type:square;margin-left:15px;color:#666;border-bottom:1px dashed #EDEDED;}
#tabs_content_container3 ul li a:hover{color:#FF9900;}

.tab_content3{display:none;}

.noBor{ border-bottom:none!important;}

.portlet{ display:block;}

.title-content{height:27px; margin-bottom:10px;}
.title-content h4{font-family:"Trebuchet MS", Arial; color:#666666; font-size:16px; padding-top:7px; padding-left:10px;}

.title-content-small{background:url(../images/bg-title-small.png) top no-repeat; height:27px; margin-bottom:10px;}
.title-content-small h4{font-family:"Trebuchet MS", Arial; color:#666666; font-size:16px; padding-top:7px; padding-left:10px;}

.boxListImages{}
.boxListImages ul{}
.boxListImages ul li{ border:1px solid #CCCCCC; width:116px; height:76px; float:left; margin:5px;padding:2px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;}
.boxListImages ul li .imgCenter{display:block; margin-left:auto; margin-right:auto;}
.boxListImages ul li .imgCenter:hover{ opacity:0.5;}

.boxListText{}
.boxListText ul{}
.boxListText ul li{ background-color:#F2F2F2; color:#333; width:115px; height:35px; float:left; margin:1px;padding:5px 10px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;}
.boxListText ul li:hover{ background-color:#FFFFAE; color:#000;}
.boxListText ul li.act{ background-color:#CCFFCC;}

.btnContent{background:url(../images/bg-btn.png) top no-repeat; height:27px; width:100px;}
.btnContent h5{text-align:center; padding-top:2px;}
.btnContent h5 a{color:#FFF;}
.btnContent h5 a:hover{ color:#CCFFCC;}

/*Slider*/
.slider-wrap								{ width: 663px;}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 663px; height: 300px; margin-bottom:12px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 663px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin:0px; }
#movers-row div								{ width: 160px; float: left; }
#movers-row div a.cross-link 				{  }
.photo-meta-data							{ background: url(../images/slider/transpBlack.png); padding: 10px; height: 30px; 
								  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 14px; font-weight:bold;}
.photo-meta-data span a						{ color:#FFFFFF; }
.photo-meta-data span a:hover				{ color:#66CCFF; }
.cross-link									{ display: block; width: 160px; margin-top: -20px; 
								  position: relative; padding-top: 20px; z-index: 9999; }
.active-thumb 								{ background: transparent url(../images/slider/icon-uparrowsmallwhite.png) top center no-repeat; }

#movers-row .padRight{ padding-right:7px;}

.title-page{ color:#FF9900;height:24px; border-bottom:1px solid #FF9900; padding-bottom:5px; margin-top:11px; margin-bottom:20px;}
.title-page2{ color:#FF9900;height:24px; border-bottom:1px solid #FF9900; padding-bottom:5px; margin-top:11px; margin-bottom:10px;}

.content_text{ font-size:14px; line-height:20px; margin-top:10px;}
.content_text h3{ margin-bottom:10px;}
.content_text ul{ margin-left:30px; margin-top:20px;}
.content_text ul li{ list-style-type:decimal; margin-bottom:10px;}
.content_text ul li ol{ margin-top:10px;}
.content_text ul li ol li{ list-style-type:lower-latin; margin-left:20px;}

.content_text2{ font-size:14px; line-height:20px; margin-top:10px;}
.content_text2 ul{ margin-top:20px;}
.content_text2 ul li{ list-style-type:none; margin-bottom:10px; li}
.content_text2 ul li h4{ margin-bottom:10px; line-height:20px;}

/*Begin confirmation*/
.textForm{color:#333;width:190px;font-size:14px;}
.inputForm{ padding-bottom:15px;}
.inputForm .data_input_form1{ background-color:#F6F6F6;width:300px;height:20px;border:1px solid #CCC;cursor:pointer;padding:0px 10px;color:666px; font-size:12px;vertical-align:text-top;opacity:0.7;-moz-box-shadow:2px 2px 3px #ECECEC;-webkit-box-shadow:2px 2px 3px #ECECEC;box-shadow:2px 2px 3px #ECECEC;}	
.inputForm .data_input_form1:hover{ background-color:#F2F2F2;width:300px;height:20px;border:1px solid #CCC;cursor:pointer;padding:0px 10px;color:666px;font-size:12px;vertical-align:text-top;opacity:0.7;-moz-box-shadow:2px 2px 3px #ECECEC;-webkit-box-shadow:2px 2px 3px #ECECEC;box-shadow:2px 2px 3px #ECECEC;}
.inputForm .data_input_form2{background-color:#F6F6F6;width:350px;height:150px;border:1px solid #CCC;cursor:pointer;padding:0px 10px;color:666px; font-size:12px; vertical-align:text-top;opacity:0.7;-moz-box-shadow:2px 2px 3px #ECECEC;-webkit-box-shadow:2px 2px 3px #ECECEC;box-shadow:2px 2px 3px #ECECEC;}
.inputForm .data_input_form2:hover{background-color:#F2F2F2;width:350px;height:150px;border:1px solid #CCC;cursor:pointer;padding:0px 10px;color:666px;font-size:12px;vertical-align:text-top;opacity:0.7;-moz-box-shadow:2px 2px 3px #ECECEC;-webkit-box-shadow:2px 2px 3px #ECECEC;box-shadow:2px 2px 3px #ECECEC;}

.box_btn_submit{}
.note{ font-size:11px; color:#666; padding-top:5px; width:320px;}

.pad1{font-size:11px; color:#666; padding-top:10px; width:320px;}
.pad2{ font-size:12px; font-weight:bold; color:#666; padding-top:10px; }
.pad3{ margin-top:10px;}
/*End Confirmation*/


/* begin iklan hari ini */
.indeks-list{  color:#666666;}
.indeks-list .desc{padding-bottom:15px;border-bottom:1px solid #EAEAEA;}
.indeks-list .desc h3{padding:3px 0px;line-height:normal;}
.indeks-list .desc p{line-height:15px;}
.indeks-search{ width:385px;}
.indeks-search .btn_left{width:18px; float:left;background-color:#FF9900; border:1px solid #D9D9D9; cursor:pointer;}
.indeks-search .btn_center{width:340px;margin-left:5px; float:left;}
.indeks-search .btn_right{width:18px; float:right;background-color:#FF9900; border:1px solid #D9D9D9; cursor:pointer;}
.indeks-menulist{}
.indeks-menulist .title{ color:#C70607; border-bottom:none; font-family:"arial narrow", Arial, Tahoma; font-stretch:condensed; background-color:#F6F6F6;  border:1px solid #EAEAEA; font-weight:bold; font-size:16px; letter-spacing:3px; padding:5px; margin-bottom:5px;}
.indeks-menulist ul{ line-height:18px; padding-left:13px; }
.indeks-menulist ul li{list-style-type:square; color:#C0BFBF;  padding:2px 0px; margin-left:10px;}
.indeks-menulist ul li a{color:#333333;}
.indeks-menulist ul li a:hover{color:#CC0000;}
/* end iklan hari ini */

.button_blue{ font-size:11px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; background-color:#FF9900; color:#FFFFFF; border:1px solid #D9D9D9; cursor:pointer;}

.pagination {font-size:11px;margin-top:8px;padding:1px 0;}
.pagination li {margin:2px;position:relative;padding:0px;cursor:pointer;float:left;list-style:none;}
.pagination a:hover {outline:none;}
.pagination li a {padding:2px 6px;display:block; border:1px solid #EAEAEA;}
.pagination li img{ padding:2px 0px 3px 0px;}
.pagination .active {padding:3px 6px;display:block; background-color:#EAEAEA;}

.content-details{ margin-top:10px; line-height:20px; width:663px; font-size:14px; margin-bottom:20px;}
.content-details p{ color:#666;}
.content-details img{ float:left; padding-right:10px;}

.title-content-details{ margin-bottom:10px;}
.title-content-details h3{ padding-bottom:10px;}
.title-content-details .date{ margin-bottom:10px; color:#616161; text-align:right;}

.iconBack{ float:right; margin-top:10px;}