@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 100%;
}
.clearit {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.quotes-text {
	padding:10px;
	font:normal 1em/1.25em 'OpenSansSemibold', lucida;
}
.font12 {
	font:normal 12px 'OpenSansRegular', lucida;
	padding:10px 10px 0 10px;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

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



/* ========================================================================================================== 
	Desktop Layout: 1024px to a max of 1280px.  Inherits styles from: Mobile Layout and Tablet Layout. [1280]
   ==========================================================================================================	
*/


/* S : WELCOME PAGE ================================================================================================================= */

.appendR1 {
	display: block;
}
.appendR2 {
	display: none;
}
.adsMR1Lipsus1 {
	display: block;
}
.adsMR1Lipsus2 {
	display: none;
}
.appendBanner1 {
	display: block;
}
.appendBanner2 {
	display: none;
}
.appendR1akt1 {
	display: block;
}
.appendR1akt2 {
	display: none;
}

.appendR2Rubrik1 {
	display:block;
}
.appendR2Rubrik2{
	display: none;
}

.appendTerbaruTerkomentariRubrik1 {
	display:block;
	
} 
.appendTerbaruTerkomentariRubrik2 {
	display: none;
} 

.appendR3Rubrik1 {
	display:block;
	
	
}

.appendR3Rubrik2 {
	display: none;
	
}
 
 .appendHealthEntertainment1 {
	display:block;
	
}

.appendHealthEntertainment2 {
	display:none;
}
.appendKompasiana1 {
	display:block;
}
.appendKompasiana2 {
	display:none;
}

.appendDate2 {
	display:none;
}

.appendDate1 {
	display:block;
}

.appendSearch1 {
	display:block;
}

.appendSearch2 {
	display:none;
	float:right;
}
.appendSLogo1 {
	display:block;
}
.appendSLogo2 {
	display:none;
}
.appendSubMenuMobile1 {
	display:block;
}

.appendSubMenuMobile2 {
	display:none;
}

.appendTrending1 {
	display:block;
}

.appendTrending2 {
	display:none;
}

.hide {
	display: none;
}
.kompasContainer {
	width: 1100px;
	margin: 0 auto;
	padding: 0px 20px;
}
/* header css ------------------------- */
bannerTopMobile {
	width:320px;
	height:60px;
	margin:10px auto 0 auto;
	background:#ccc;
	display:none;
}
.bannerMiddle1Mobile {
	width:320px;
	height:60px;
	margin:10px auto 0 auto;
	background:#ccc;
	display:none;
}

.bannerMiddle2Mobile {
	width:320px;
	height:60px;
	margin:10px auto 0 auto;
	background:#ccc;
	display:none;
}

.bannerMiddle3Mobile {
	width:320px;
	height:60px;
	margin:10px auto;
	background:#ccc;
	display:none;
}

.bannerBottomMobile {
	width:320px;
	height:60px;
	margin:10px auto 0 auto;
	background:#ccc;
	display:none;
}
.headerRow1 {
	padding: 0;
	margin: 0 auto;
}
.bannerTopOut {
	width: 1100px;
	height: 90px;
	background: #f5f5f5;
	margin: 0 auto;
	padding: 10px 0;
}
.bannerTop1 {
	width: 728px;
	height: 90px;
	margin: 0 auto;
}
.harkomRow1 {
	font: normal 0.75em "Lucida Sans Unicode", "Lucida Grande", sans-serif Arial, Helvetica, sans-serif;
	color: #000;
}
.harkomRow1 a {
	text-decoration: none;
	color: #000;
}
.harkomRow1 a:hover {
	text-decoration: underline;
}
.hariankompas_kompastv {
	width: 250px;
	float: left;
	padding-top: 20px;
}
.p10wp {
	padding-top: 15px;
}
.hariankompas_kompastvB {
	display: none;
}
.hariankompas_kompastv h6 {
	font: normal 0.75em "Lucida Sans Unicode", "Lucida Grande", sans-serif Arial, Helvetica, sans-serif;
	color: #999;
	margin: 0;
	padding: 5px 0;
}
.logoKompascom {
	width: 550px;
	height: 80px;
	text-align: center;
	margin: 0 auto;
	float: left;
	padding-top: 5px;
}
.logoKompascom a {
	text-decoration: none;
	border: none;
	text-align: center;
	width: 428px;
	margin: 0 auto;
	display: block;
	background:url(http://assets.kompas.com/data/2013/kompascom/images/logokompascom.png) center no-repeat;
	height:73px;
}
.reg_search {
	width: 300px;
	float: left;
	padding-top: 15px;
}
.reg_searchRow1 {
	font: normal 0.75em "Lucida Sans Unicode", "Lucida Grande", sans-serif Arial, Helvetica, sans-serif;
	color: #000;
	padding-bottom: 5px;
}
.reg_searchRow1 a {
	text-decoration: none;
	color: #000;
}
.reg_searchRow1 a:hover {
	text-decoration: underline;
}
.reg_searchRow2 {
	width: 265px;
	height: 32px;
	border: solid 1px #c7c7c7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: url(../images/search.jpg) left no-repeat;
	padding-left: 30px;
	position: relative;
}
.reg_searchRow2_Close {
 display:none;
}
.reg_searchRow2 div.boxSearch {
	width: 170px;
}
.reg_searchRow2 div input {
	border: none;
	background: none;
	height: 30px;
	padding: 0 10px;
	width: 150px;
	font: normal 0.94em 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #a0a0a0;
	outline: none;
}
.reg_searchRow2 div.goSearch {
	padding: 3px 5px 0 0;
}
.reg_searchRow2 div a {
	background: #e74f1d;
	display: inline-block;
	text-decoration: none;
	border-radius: 4px;
	padding: 4px 10px;
	color: #fff;
	font: bold 1em Arial, Helvetica, sans-serif;
}
#km2menu {
	display: none;
}

#km2menu2 {
	display: none;
}
.kompasMenu {
	border-top: solid 1px #eaeaea;
	width: 1100px;
	margin: 0 auto;
}
.kompasMenu ul#mainMenu {
	margin: 0 auto;
	padding: 0px 0;
	overflow: hidden;
	text-align: center;
}
.headerRow3 {
	border-bottom: solid 3px #e54210;
	width: 1100px;
	margin: 10px auto 0 auto;
}
.kompasMenu ul#mainMenu li {
	list-style-type: none;
	display: inline-block;
	cursor:pointer;
	*float:left;
	*margin-left:3px;
}


.kompasMenu ul#mainMenu li a {
	text-decoration: none;
	text-transform: uppercase;
	font: normal 0.875em 'OpenSansExtrabold', Arial, Helvetica, sans-serif;
	color: #000000;
	cursor:pointer;
}
.kompasMenu ul#mainMenu li a:hover {
	background: #f33e07;
	color: #fff;
}
.kompasMenu ul#mainMenu li a.selected {
	background: #f33e07;
	color: #fff;
}
.kompasMenu ul#mainMenu li a#menuLeft {
	padding: 5px 5.6px;
	display: inline-block;
}
@-moz-document url-prefix() { 
.kompasMenu ul#mainMenu li a#menuLeft {
	padding: 5px 5.6px;
	display: inline-block;
}
}
.kompasMenu2 {
	display: none;
}
.kompasMenu {
	display: block;
}
.mainContent {
}
.breakingNews {
	border-top: solid 1px #dadada;
	border-bottom: solid 1px #dadada;
	margin-top: 5px;
}
.breakingNews h5 {
	margin: 12px 0 0 0;
	padding: 2px 0 4px 5px;
	font: normal 0.625em 'OpenSansbold', Arial, Helvetica, sans-serif;
	color: #fff;
	display: inline-block;
	float: left;
	background: url(../images/bgBreak.jpg) no-repeat top center;
	width: 100px;
	text-transform: uppercase;
}
.breakingNews h1 , .breakingNews h1 a {
	margin: 0;
	padding: 2px 0 0 10px;
	font: normal 28px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
	display: inline-block;
	float: left;
	overflow: hidden;
	width: 85%;
	height: 40px;
	text-decoration:none;
}
.breakingNews h1 a:hover {
	text-decoration:underline;
}

.mainContentIn {
	padding-top: 10px;
}
.contentLeftKompascom {
	float: left;
	width: 780px;
	padding-right: 20px;
}
.contentRightKompascom {
	float: left;
}
.contentRightKompascom-alt2 {
	float: left;
}

.headline {
	width: 780px;
	height: 525px;
	margin: 0px 0 0 0;
	background: #f5f5f5;
	float: left;
	position: relative;
	border: solid 1px #dedede;
}
.boxBannerR1akt {
	float: right;
	width: 300px;
}
.boxBannerR23 {
	width: 300px;
	float: right;
}
.bannerR {
	width: 300px;
	height: 250px;
	float: right;
}
.bannerR2 {
	width: 300px;
	height: 250px;
	float: right;
	margin-top: 20px;
}
.bannerR3 {
	width: 300px;
	height: 250px;
	float: right;
	margin-top: 20px;
}
.aktivitas {
	width: 300px;
	height: 250px;
	background: #ccc;
	float: right;
	margin-top: 20px;
	overflow: hidden;
}
.aktivitas img {
	width: 100%;
	height: auto;
}

.moreHL {
	width: 522px;
	height: 518px;
	background: #fff;
	float: left;
	margin-top: 20px;
	border: solid 1px #dedede;
	position: relative;
}
.topikPilihan {
	width: 235px;
	height: 502px;
	background: #f4f4f4;
	float: left;
	margin-top: 20px;
	border: solid 1px #dedede;
	border-left: none;
	padding: 15px 0 0 20px;
	overflow: hidden;
}
.zone1 {
	width: 350px;
	height: 100px;
	background: orange;
	margin-top: 20px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
}
.zone2 {
	width: 350px;
	height: 100px;
	background: #ccc;
	margin-top: 20px;
	margin-left: 25px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
}
.zone3 {
	width: 350px;
	height: 100px;
	background: #f0f0f0;
	margin-top: 20px;
	float: left;
	margin-left: 25px;
	font-family:Arial, Helvetica, sans-serif;
}

.zoneLeft {
	width:auto;
	height:auto;
	float:left;
}
.zoneLeft img {
	width:100%;
	height:auto;
}

.zoneRight {
	width:150px;
	height:70px;
	overflow:hidden;
	float:left;
	padding:10px;
}
.ZoneFont1 a {
	text-decoration:none;
	font:bold 14px Arial, Helvetica, sans-serif;
}
.ZoneFont2 a {
	text-decoration:none;
	font:normal 12px Arial, Helvetica, sans-serif;
	
	
}

.ZoneFont2 {
	padding:8px 0 0 0;
}
.ZoneFont1 a:hover {
	text-decoration:underline;
}
.ZoneFont2 a:hover {
	text-decoration:underline;
}
.mr1Lipsus {
	float: left;
}
.mr1 {
	width: 300px;
	height: 250px;
	background: #ccc;
	margin-top: 20px;
}
.secondaryR23 {
	float: left;
	display: none;
}
.lipsusArea {
	width: 298px;
	height: 248px;
	background: #ccc;
	margin-top: 20px;
	border: solid 1px #dadada;
}
.terbaruTerkomentari {
	width: 400px;
	height: 520px;
	background: #fff;
	margin: 20px 0 0 25px;
	float: left;
	overflow: hidden;
}
.terpopuler {
	width: 350px;
	height: 520px;
	background: #fff;
	margin: 20px 0 0 25px;
	float: left;
}
.border2 {
	width: 100%;
	height: 28px;
	border-bottom:solid 1px #e2e2e2;
	margin-top: 20px;
}
.subKanal {
	float: left;
	width: 610px;
}
.subKanal2 {
	float: left;
	width: 490px;
}
.teknoBox {
	width: 295px;
	height: 390px;
	background: #fff;
	float: left;
	margin-top: 20px;
}
.bolaBox {
	width: 295px;
	height: 390px;
	background: #fff;
	float: left;
	margin: 20px 0 0 20px;
}
.otomotifBox {
	width: 295px;
	height: 390px;
	background: #fff;
	float: left;
	margin-top: 32px;
}
.femaleBox {
	width: 295px;
	height: 390px;
	background: #fff;
	float: left;
	margin: 32px 0 0 20px;
}
.todayPhoto {
	width: 470px;
	height: 390px;
	background: #fff;
	float: left;
	margin: 20px 0 0 20px;
	border-top:solid 3px #000;
	padding-top:5px;
}
.kompasVideo {
	width: 470px;
	height: 390px;
	background: #fff;
	float: left;
	margin: 25px 0 0 20px;
	border-top:solid 3px #000;
	padding-top:5px;
}
.bannerCenter {
	width: 970px;
	margin: 0 auto;
	padding: 20px 0;
}
.bannerCenter1 {
	width: 468px;
	height: 60px;
	background: grey;
	float: left;
}
.bannerCenterRubrik {
	width: 780px;
	margin: 0 auto;
	padding: 10px 0 30px 0;
}
.bannerCenter1Rubrik {
	width: 468px;
	height: 60px;
	background: grey;
	margin: 0 auto;
}
.bannerCenter2Rubrik {
	width: 468px;
	height: 60px;
	background: grey;
	margin: 0 auto;
}

.secondarybannerCenter {
	display: none;
}
.bannerCenter2 {
	width: 468px;
	height: 60px;
	background: grey;
	margin-left: 33px;
	float: left;
}
.ekonomiBox {
	width: 428px;
	height: 348px;
	background: #fff;
	margin-top: 20px;
	float: left;
	border: solid 1px #ccc;
	padding: 20px;
}
.healthBox {
	width: 295px;
	height: 390px;
	background: #fff;
	float: left;
	margin: 20px 0 0 20px;
}
.entertainmentBox {
	width: 295px;
	height: 390px;
	background: #fff;
	float: left;
	margin: 20px 0 0 20px;
}
.boxKomTraPro {
	padding-top: 20px;
}
.kompasianaBox {
	width: 295px;
	height: 390px;
	background: #fff;
	float: left;
	margin: 20px 0 0 0px;
	overflow: hidden;
}
.travelBox {
	width: 468px;
	height: 388px;
	background: #f4f4f4;
	float: left;
	margin: 20px 0 0 20px;
	border: solid 1px #e0e0e0;
}
.propertiBox {
	width: 295px;
	height: 390px;
	background: #fff;
	float: left;
	margin: 20px 0 0 20px;
}
.bannerAdB {
	width: 1100px;
	height: 90px;
	background: #ccc;
	margin-top: 20px;
}
.kanalBottom {
	width: 1100px;
	height: auto;
	background: #f4f4f4;
	margin: 20px auto 0 auto;
	padding: 20px 0;
}
.footer {
	width: 1080px;
	margin: 20px auto 0 auto;
}
.footerMenu {
	float: left;
	width: 95%;
	float: left;
	padding: 20px 0 0 0px;
}
.LogoKG {
	float: left;
	width: auto;
	height: 50px;
	float: right;
	padding: 10px 100px 0 0px;
}
.hAds {
	width: 1100px;
	height: auto;
	background: #ccc;
	margin: 20px auto 0 auto;
}
/* cutting in ============================================================= */


/* headline ============================================ */

.bigImgHL {
	width: 780px;
	height: 390px;
	overflow: hidden;
	position: relative;
}
.bigImgHL img {
	width: 780px;
	height: 390px;
}
.titleBigHL {
	position: absolute;
	bottom: 0px;
	padding-bottom:30px;
	padding-top:30px;
	/*-webkit-box-shadow: inset 0px -70px 40px 0px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px -70px 40px 0px rgba(0, 0, 0, 0.5);*/
	height: auto;
	width: 100%;
	z-index:1;
}

.timeView {
	font:normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color:#fff;
	position:relative;
	z-index:2;
	padding-left:38px;
	padding-top:10px;
}
.timeView h6{
	margin:0 ;
	padding:2px 0px;
	font:normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color:#fff;
	display:inline-block;
	position:relative;
	top:0px;
	z-index:20;
}
.timeView img {
	width:17px;
	height:12px;
	z-index:20;
	position:relative;
	padding:0 3px 2px 0;
}
.titleBigHL h1 {
	margin:0 0 10px 40px;
	padding:2px 10px;
	font:normal 14px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color:#fff;
	background:red;
	display:inline-block;
	position:relative;
	top:0px;
	z-index: 20;
}
.titleBigHL:after {
	content: "\0020";
  	display: block;
  	position: absolute;
  	width: 100%;
  	height: 1px; /* when 0 no shadow is displayed*/
	-webkit-box-shadow: 0 0 80px 100px rgba(0, 0, 0, 0.7);
  	box-shadow: 0 0 80px 100px rgba(0, 0, 0, 0.7);
	bottom:0;
}
.titleBigHL a {
	text-decoration: none;
	font: normal 1.75em 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0px 0 0px 40px;
	display: block;
	text-shadow: 0px 0px 5px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=0);
	position: relative;
	overflow: hidden;
	max-height: 75px;
	z-index:2;
}
.thumbHL {
	width: 781px;
	height: 130px;
	position: absolute;
	z-index: 9;
	background: #f5f5f5;
	border-right: none;
}
.listThumbHL {
	width: 19.874%;
	height: 100%;
	border-right: solid 1px #dedede;
	float: left;
	text-align: center;
	padding-top: 5px;
	position: relative;
	font: normal 0.6875em/15px "OpenSansSemibold", Arial, Helvetica, sans-serif;
	color: #666666;
}
.listThumbHL:hover > a img {
	border: solid 4px #72d6ff;
}
.listThumbHL:hover > a#titleThumb {
	color:#000;
}


.listThumbHL a.selected img {
	border: solid 4px #72d6ff;
}
.listThumbHL a img {
	width: 130px;
	height: 65px;
	border: solid 4px #fff;
	margin: 0 auto 2px auto;
}
.listThumbHL a {
	display: block;
	text-decoration: none;
	overflow: hidden;
	color: #000;
}
.listThumbHL a#titleThumb {
	display: block;
	text-decoration: none;
	overflow: hidden;
	color: #666666;
	padding: 0 12px;
	height: 45px;
}
.listThumbHL a:hover {
	text-decoration: underline;
}
a#arrowThumb {
	display: block;
	position: absolute;
	width: 100%;
	height: 10px;
	top: -10px;
	z-index: 99999999;
}
.listThumbHL:hover > a#arrowThumb {
	background: url(../images/hlHover.png) no-repeat top center;
}
a#arrowThumb.selected {
	display: block;
	background: url(../images/hlHover.png) no-repeat top center;
	position: absolute;
	width: 100%;
	height: 10px;
	top: -10px;
	z-index: 99999999;
}

/* more headline ====================================== */
.boxListMoreHL {
	width:100%;
	height:500px;
	overflow:hidden;
}
.submit a {
	display:inline-block;
	font: normal 12px "lucida_sans_unicoderegular", Arial, Helvetica, sans-serif;
	color: #fff;
	background:#333;
	padding:2px 10px;
	text-decoration:none;
	border-radius:3px;
	margin:5px 0 0 0;
}
.klikPersonalisasi h1 {
	font: normal 9px "lucida_sans_unicoderegular", Arial, Helvetica, sans-serif;
	color: #999;
	margin:0;
	display:inline-block;
	text-align:right;
	float:right;
	border-radius:3px;
	cursor:pointer;
	margin-top: -8px;
	padding:0px 12px;
	background:url(../images/bgPersonalisasi.jpg) no-repeat left #fff;
	position:relative;
	z-index:9;
	
	text-transform: uppercase;
}
.personalisasi {
	padding:0 30px 0 20px;
	float:right;
	
	
}



.subPersonalisasi {
	height:auto;
	width: 92%;
	padding: 30px 20px;
	display:none;
	font: normal 12px "OpenSansSemibold", Arial, Helvetica, sans-serif;
	color: #000;
	border:solid 1px #ccc;
	border-top:none;
	border-radius:5px;
	border-left: none;
	border-right: none;
	background: #fff;
	top:0px;
	right:0;
	z-index:8;
	position: absolute;
}

.subPersonalisasi ul {
	margin:0;
	padding:0 0 20px 0;
	width: 500px;
	float:left;
}

.subPersonalisasi ul li {
	list-style-type:none;
	padding: 3px 15px;
	display:inline-block;
	float:left;
}
.topHL {
	height: 22px;
	width: 100%;
	text-align: center;
	padding-left:20px;
}
.topHL h1#tophl {
	font: bold 1em "OpenSansReguler", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	display: inline-block;
	background: #fff;
	padding: 2px 5px;
	margin-top: -10px;
	float:left;
	position:absolute;
	z-index:999;
	left: 20px;
}
.listMoreHL {
	width: 124px;
	height: 140px;
	text-align: center;
	float: left;
	padding: 10px 0 10px 38px;
}
.listMoreHL a {
	font: normal 0.625em "OpenSansregular", Arial, Helvetica, sans-serif;
	color: #ff6600;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	display: block;
	height: 30px;
}
.listMoreHL a:hover {
	text-decoration: underline;
}
.listMoreHL img {
	width: 124px;
	height: 62px;
	overflow: hidden;
	padding: 5px 0 0 0;
}
.listMoreHL p {
	font: normal 0.75em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 5px 0 0 0;
	overflow: hidden;
	height: 38px;
}
.listMoreHL p.listMoreHLP {
	font: normal 0.75em "OpenSansBold", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #330000;
	margin: 0;
	padding: 5px 0 0 0;
	text-transform: uppercase;
	overflow: hidden;
	height: 100px;
}
/* topik pilihan ====================================== */
.topikPilihan h1 {
	font: normal 12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
}
span.noTopil {
	font: normal 1.25em 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #fec287;
	display: table-cell;
	vertical-align:middle;
	float:left;
}

span.titleTopil {
	display: table-cell;
	vertical-align: middle;
	height: 32px;
	overflow: hidden;
	float:left;
}
span.titleTopil a {
	font: normal 0.6875em/16px 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	display: table-cell;
	padding: 0px 0 4px 20px;
	vertical-align: middle;
	width: 180px;
	height: 32px;
	overflow: hidden;
}
span.titleTopil a:hover {
	text-decoration: underline;
}
.listTopikPilihan {
	border-bottom: dashed 1px #dadada;
	width: 220px;
	padding: 10px 0;
}

.listTopikPilihan:last-child {
	border-bottom:none;
}
/* terbaru terkomentari ==================== */
.tabingTop1 {
	width: 100%;
	height: 36px;
	padding-bottom: 0px;
	position: relative;
}
.listTerbarkom {
	border-bottom: dotted 1px #dadada;
	padding: 9px 0;
	height: 30px;
}
span.titleTerbakom a {
	font: normal 0.75em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: inline-block;
	max-width: 320px;
	height: 16px;
	overflow: hidden;
}
span.titleTerbakom a:hover {
	text-decoration: underline;
}
span.timeTitle1 {
	font: normal 0.625em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #ff9900;
	padding-left: 10px;
}
ul.tabs {
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 2;
}
.borderBottomTabs {
	width: 100%;
	height: 26px;
	border-bottom: solid 1px #c1c1c1;
	position: absolute;
	z-index: 1;
}
ul.tabs li {
	list-style-type: none;
	display: inline-block;
}
ul.tabs li a {
	text-decoration: none;
	display: inline-block;
	background: url(../images/bgTab2.jpg) repeat-x ;
	font: normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 4px 10px 3px 10px;
	height: 27px;
}
ul.tabs li a:active {
	background: url(../images/tabing2.jpg) no-repeat bottom center, url(../images/bgHoverTab2.jpg) repeat-x;
}
ul.tabs li a.current {
	background: url(../images/tabing2.jpg) no-repeat bottom center, url(../images/bgHoverTab2.jpg) repeat-x;
}
/* terpopuler ================================== */

.listTerpopuler {
	border-bottom: solid 1px #ebebeb;
	padding: 10px 0;
}

.listTerpopuler:last-child {
	border:none;
}
.imgTerpopuler {
	float: left;
	width: 62px;
	height: 62px;
	overflow: hidden;
}
.imgTerpopuler img {
	width: 62px;
	height: 62px;
	overflow: hidden;
}
.titleBoxTerpopuler {
	width: 268px;
	height: 62px;
	float: right;
}
.terpopuler h1 {
	font: bold 1.125em Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0px 0 0px 0;
}
.titleBoxTerpopuler h6 {
	margin: 0;
	padding: 0;
	font: normal 0.625em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #f09003;
}
span.titleTerpopuler a {
	text-decoration: none;
	font: normal 0.8125em/18px "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	display: inline-block;
	min-width: 260px;
	max-width: 265px;
	max-height: 35px;
	overflow: hidden;
}
span.titleTerpopuler a:hover {
	text-decoration: underline;
}
.viewTerpopuler {
	font: normal 0.625em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #f09003;
}
/* tekno ============================================== */
.bigBoxTekno {
	width: 292px;
	height: 292px;
	position: relative;
}
.imgBoxTekno img {
	width: 292px;
	height: 292px;
	overflow: hidden;
	position: absolute;
	z-index: 0;
}
.tagTekno {
	font: bold 1.125em Arial, Helvetica, sans-serif;
	color: #fff;
	background: #ff6600;
	position: absolute;
	z-index: 1;
	padding: 5px 10px;
}
.titleTekno {
	font: normal 0.9375em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 3;
	width: 260px;
	margin: 0 auto;
	padding: 10px 0;
}
.titleTekno a {
	font: normal 0.9375em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
		display:block;
	max-height:45px;
	overflow:hidden;

}
.titleTekno a:hover {
	text-decoration: underline;
}
.boxOutTekno {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 100%;
	bottom: 0;
	padding: 0px 0;
}
.boxTitleTekno {
	position: absolute;
	z-index: 2;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
.listTekno ul {
	margin: 0;
	padding: 10px 0 0px 0px;
}
.listTekno ul li {
	background: url(../images/bulletKanal.jpg) left no-repeat;
	list-style-type:none;
	margin: 0;
	padding: 5px 0 5px 15px;
}
.listTekno ul li a {
	font: normal 0.8125em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	
	max-height: 40px;
	overflow: hidden;
	display: inline-block;
}
.listTekno ul li a:hover {
	text-decoration: underline;
}
/* Bola ============================================== */
.bigBoxBola {
	width: 292px;
	height: 292px;
	position: relative;
}
.imgBoxBola img {
	width: 292px;
	height: 292px;
	overflow: hidden;
	position: absolute;
	z-index: 0;
}
.tagBola {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #009933;
	position: absolute;
	z-index: 1;
	padding: 5px 10px;
}
.titleBola {
	font: normal 0.9375em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 3;
	width: 260px;
	margin: 0 auto;
	padding: 10px 0;
}
.titleBola a {
	font: normal 0.9375em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	display:block;
	max-height:45px;
	overflow:hidden;
}
.titleBola a:hover {
	text-decoration: underline;
}
.boxOutBola {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 100%;
	bottom: 0;
	padding: 0px 0;
}
.boxTitleBola {
	position: absolute;
	z-index: 2;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
.listBola ul {
	margin: 0;
	padding: 10px 0 0px 0px;
}
.listBola ul li {
	background: url(../images/bulletKanal.jpg) left no-repeat;
	list-style-type:none;
	margin: 0;
	padding: 5px 0 5px 15px;
}
.listBola ul li a {
	font: normal 0.8125em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	
	max-height: 40px;
	overflow: hidden;
	display: inline-block;

}
.listBola ul li a:hover {
	text-decoration: underline;
}
/* Otomotif ============================================== */
.bigBoxOtomotif {
	width: 292px;
	height: 292px;
	position: relative;
}
.imgBoxOtomotif img {
	width: 292px;
	height: 292px;
	overflow: hidden;
	position: absolute;
	z-index: 0;
}
.tagOtomotif {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #ff0000;
	position: absolute;
	z-index: 1;
	padding: 5px 10px;
}
.titleOtomotif {
	font: normal 0.9375em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 3;
	width: 260px;
	margin: 0 auto;
	padding: 10px 0;
}
.titleOtomotif a {
	font: normal 0.9375em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
		display:block;
	max-height:45px;
	overflow:hidden;

}
.titleOtomotif a:hover {
	text-decoration: underline;
}
.boxOutOtomotif {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 100%;
	bottom: 0;
	padding: 0px 0;
}
.boxTitleOtomotif {
	position: absolute;
	z-index: 2;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
.listOtomotif ul {
	margin: 0;
	padding: 10px 0 0px 0px;
}
.listOtomotif ul li {
background: url(../images/bulletKanal.jpg) left no-repeat;
	list-style-type:none;
	margin: 0;
	padding: 5px 0 5px 15px;
}
.listOtomotif ul li a {
	font: normal 0.8125em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	
	max-height: 40px;
	overflow: hidden;
	display: inline-block;
}
.listOtomotif ul li a:hover {
	text-decoration: underline;
}
/* Female ============================================== */
.bigBoxFemale {
	width: 292px;
	height: 292px;
	position: relative;
}
.imgBoxFemale img {
	width: 292px;
	height: 292px;
	overflow: hidden;
	position: absolute;
	z-index: 0;
}
.tagFemale {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #ff0066;
	position: absolute;
	z-index: 1;
	padding: 5px 10px;
}
.titleFemale {
	font: normal 0.9375em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 3;
	width: 260px;
	margin: 0 auto;
	padding: 10px 0;
}
.titleFemale a {
	font: normal 0.9375em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
		display:block;
	max-height:45px;
	overflow:hidden;

}
.titleFemale a:hover {
	text-decoration: underline;
}
.boxOutFemale {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 100%;
	bottom: 0;
	padding: 0px 0;
}
.boxTitleFemale {
	position: absolute;
	z-index: 2;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
.listFemale ul {
	margin: 0;
	padding: 10px 0 0px 0px;
}
.listFemale ul li {
	background: url(../images/bulletKanal.jpg) left no-repeat;
	list-style-type:none;
	margin: 0;
	padding: 5px 0 5px 15px;

}
.listFemale ul li a {
	font: normal 0.8125em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	
	max-height: 40px;
	overflow: hidden;
	display: inline-block;

}
.listFemale ul li a:hover {
	text-decoration: underline;
}
/* today =========================================== */
.tagTopPhotoL {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #000;
	float: left;
	padding-bottom: 5px;
}
.readTopPhotoR {
	float: right;
	font: normal 0.6875em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #cc0000;
}
.readTopPhotoR a {
	text-decoration: none;
	color: #cc0000;
}
.readTopPhotoR a:HOVER {
	text-decoration: underline;
}
.bigImgToday {
	position:relative;
	width: 470px;
	height: 235px;
	overflow: hidden;
	padding-bottom: 2px;
	background:#fff;
}
.bigImgToday img {
	width: 100%;
	height: auto;
	overflow: hidden;
	position:absolute;
}
.smallImgToday .sLeft {
	position:relative;
	width: 234px;
	height: 117px;
	float: left;
}
.smallImgToday .sLeft img {
	width: 234px;
	height: 117px;
	position:absolute;
	overflow:hidden;
	}
.smallImgToday .sRight {
	position:relative;
	width: 234px;
	height: 117px;
	float: right;
}
.smallImgToday .sRight img {
	width: 234px;
	height: 117px;
	position:absolute;
	overflow:hidden;
	}

.titleTodayPhoto {
	font: normal 0.9375em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 3;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
}
.titleTodayPhoto a {
	font: normal 0.9375em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.titleTodayPhoto a:hover {
	text-decoration: underline;
}
.boxOutTodayPhoto {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 100%;
	bottom: 0;
	padding: 0px 0;
	bottom:2px;

}
.boxTitleTodayPhoto {
	position: absolute;
	z-index: 2;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
.titleTodayPhoto2 {
	font: normal 0.9375em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 3;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
}
.titleTodayPhoto2 a {
	font: normal 12px/16px "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	max-height:34px;
	overflow:hidden;
	display:block;
}
.titleTodayPhoto2 a:hover {
	text-decoration: underline;
}
.boxOutTodayPhoto2 {
	position: absolute;
	z-index: 99999;
	height: auto;
	width: 100%;
	bottom: 0;
	padding: 0px 0;

}
.boxTitleTodayPhoto2 {
	position: absolute;
	z-index: 2;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
/* video =========================================== */
.tagTopVideoL {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #000;
	float: left;
	padding-bottom: 5px;
}
.readTopVideoR {
	float: right;
	font: normal 0.6875em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #cc0000;
}
.readTopVideoR a {
	text-decoration: none;
	color: #cc0000;
}
.readTopVideoR a:HOVER {
	text-decoration: underline;
}
.bigImgToday2 img {
	width: 478px;
	height: 239px;
	overflow: hidden;
	padding-bottom: 2px;
}
.smallImgToday2 .sLeft {
	position:relative;
	width: 234px;
	height: 117px;
	float: left;
}
.smallImgToday2 .sLeft img {
	width: 234px;
	height: 117px;
	position:absolute;
	overflow:hidden;
	}
.smallImgToday2 .sRight {
	position:relative;
	width: 234px;
	height: 117px;
	float: right;
}
.smallImgToday2 .sRight img {
	width: 234px;
	height: 117px;
	position:absolute;
	overflow:hidden;
	}
/* ekonomi ================================================= */
.imgEkonomi img {
	width: 210px;
	height: 210px;
	overflow: hidden;
	float: left;
}
.titleEkonomi {
	width: 185px;
	height: 210px;
	overflow: hidden;
	float: left;
	padding-left: 20px;
}
.tagEkonomi {
	font: bold 1.125em Arial, Helvetica, sans-serif;
	color: #fff;
	background: #006600;
	position: absolute;
	z-index: 1;
	padding: 5px 10px;
}
.titleEkonomi a {
	text-decoration: none;
	font: bold 1em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	display: block;
	padding-top: 40px;
}
.titleEkonomi a:hover {
	text-decoration: underline;
}
.titleEkonomi p {
	text-decoration: none;
	font: normal 0.8125em/20px "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
}
.graphEkonomi {
	padding-top: 10px;
}
/* Health ============================================== */
.bigBoxHealth {
	width: 292px;
	height: 292px;
	position: relative;
}
.imgBoxHealth img {
	width: 292px;
	height: 292px;
	overflow: hidden;
	position: absolute;
	z-index: 0;
}
.tagHealth {
	font: bold 1.125em Arial, Helvetica, sans-serif;
	color: #fff;
	background: #01df20;
	position: absolute;
	z-index: 1;
	padding: 5px 10px;
}
.titleHealth {
	font: normal 0.9375em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 3;
	width: 260px;
	margin: 0 auto;
	padding: 10px 0;
}
.titleHealth a {
	font: normal 0.9375em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
		display:block;
	max-height:45px;
	overflow:hidden;

}
.titleHealth a:hover {
	text-decoration: underline;
}
.boxOutHealth {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 100%;
	bottom: 0;
	padding: 0px 0;
}
.boxTitleHealth {
	position: absolute;
	z-index: 2;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
.listHealth ul {
	margin: 0;
	padding: 10px 0 0px 0px;
}
.listHealth ul li {
	background: url(../images/bulletKanal.jpg) left no-repeat;
	list-style-type:none;
	margin: 0;
	padding: 5px 0 5px 15px;
}
.listHealth ul li a {
	font: normal 0.8125em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	
	max-height: 40px;
	overflow: hidden;
	display: inline-block;

}
.listHealth ul li a:hover {
	text-decoration: underline;
}
/* Entertainment ============================================== */
.bigBoxEntertainment {
	width: 292px;
	height: 292px;
	position: relative;
}
.imgBoxEntertainment img {
	width: 292px;
	height: 292px;
	overflow: hidden;
	position: absolute;
	z-index: 0;
}
.tagEntertainment {
	font: bold 1.125em Arial, Helvetica, sans-serif;
	color: #fff;
	background: #3399ff;
	position: absolute;
	z-index: 1;
	padding: 5px 10px;
}
.titleEntertainment {
	font: normal 0.9375em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 3;
	width: 260px;
	margin: 0 auto;
	padding: 10px 0;
}
.titleEntertainment a {
	font: normal 0.9375em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
		display:block;
	max-height:45px;
	overflow:hidden;

}
.titleEntertainment a:hover {
	text-decoration: underline;
}
.boxOutEntertainment {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 100%;
	bottom: 0;
	padding: 0px 0;
}
.boxTitleEntertainment {
	position: absolute;
	z-index: 2;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
.listEntertainment ul {
	margin: 0;
	padding: 10px 0 0px 5px;
}
.listEntertainment ul li {
	background: url(../images/bulletKanal.jpg) left no-repeat;
	list-style-type:none;
	margin: 0;
	padding: 5px 0 5px 15px;
}
.listEntertainment ul li a {
	font: normal 0.8125em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	
	max-height: 40px;
	overflow: hidden;
	display: inline-block;
}
.listEntertainment ul li a:hover {
	text-decoration: underline;
}
/* kompasiana ================================================ */
.topKompasianaLeft {
	float: left;
}
.topKompasianaRight {
	float: right;
	font: normal 0.75em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #b1b1b1;
}
.listKompasiana {
	padding-top: 5px;
}

.listKompasiana ul{
	margin:0;
	padding:0;

}

.listKompasiana ul li {
	list-style-type:none;
			border-bottom: dotted 1px #ccc;
			

}
.listKompasiana ul li a {
	font: normal 0.75em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	padding: 5px 0 4px 0;
	height:40px;
	overflow:hidden;
	display:table-cell;
	vertical-align:middle;
}
.listKompasiana ul li a:hover {
	text-decoration: underline;
}
/* travel ================================= */
ul.thumbTravel {
	margin: 0;
	padding: 0;
}
ul.thumbTravel li {
	list-style-type: none;
	display: inline-block;
	width: 150px;
	overflow: hidden;
}
.listThumbTravel {
	width: 150px;
	height: 100%;
	text-align: center;
	padding-top: 15px;
	float: left;
}
.bigThumbTravel {
	width: 100%;
	height: 242px;
	overflow: hidden;
	position: relative;
}
.imgBigThumbTravel img {
	width: 484px;
	height: 242px;
	overflow: hidden;
	position: absolute;
}
.tagTravel {
	font: bold 1.125em Arial, Helvetica, sans-serif;
	color: #fff;
	background: #00a8a2;
	position: absolute;
	z-index: 1;
	padding: 5px 10px;
}
.titleTravel {
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 9;
	bottom: 0;
}
.titleTravel a {
	color: #fff;
	text-decoration: none;
		display:block;
	max-height:45px;
	overflow:hidden;

}
.titleTravel a:hover {
	text-decoration: underline;
}
.bgTitleTravel {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
	z-index: 9;
}
.textTitleTravel {
	position: relative;
	font: normal 0.9375em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	z-index: 10;
	padding: 20px;
}
.listThumbTravel img {
	width: 138px;
	height: 69px;
	overflow: hidden;
	margin-bottom: 5px;
}
.listThumbTravel {
	font: normal 0.6875em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
		max-height:145px;
	overflow:hidden;

}


.listThumbTravel a:hover {
	text-decoration: underline;
}
.listThumbTravel:hover > img {
	border: solid 5px #01837e;
	width: 128px;
	height: 59px;
}
.listThumbTravel:hover > img {
	border: solid 5px #01837e;
	width: 128px;
	height: 59px;
}
.listThumbTravel a:active > img {
	border: solid 5px #01837e;
	width: 128px;
	height: 59px;
}
.listThumbTravel a.current > img {
	border: solid 5px #01837e;
	width: 128px;
	height: 59px;
}
/* Properti ============================================== */
.bigBoxProperti {
	width: 292px;
	height: 292px;
	position: relative;
}
.imgBoxProperti img {
	width: 292px;
	height: 292px;
	overflow: hidden;
	position: absolute;
	z-index: 0;
}
.tagProperti {
	font: bold 1.125em Arial, Helvetica, sans-serif;
	color: #fff;
	background: #745b24;
	position: absolute;
	z-index: 1;
	padding: 5px 10px;
}
.titleProperti {
	font: normal 0.9375em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 3;
	width: 260px;
	margin: 0 auto;
	padding: 10px 0;
}
.titleProperti a {
	font: normal 0.9375em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
		display:block;
	max-height:45px;
	overflow:hidden;

}
.titleProperti a:hover {
	text-decoration: underline;
}
.boxOutProperti {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 100%;
	bottom: 0;
	padding: 0px 0;
}
.boxTitleProperti {
	position: absolute;
	z-index: 2;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
.listProperti ul {
	margin: 0;
	padding: 10px 0 0px 0px;
}
.listProperti ul li {
	background: url(../images/bulletKanal.jpg) left no-repeat;
	list-style-type:none;
	margin: 0;
	padding: 5px 0 5px 15px;
}
.listProperti ul li a {
	font: normal 0.8125em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	
	max-height: 40px;
	overflow: hidden;
	display: inline-block;
}
.listProperti ul li a:hover {
	text-decoration: underline;
}
/* kanal buttom ============================ */

.kanalBottomIn {
	width: 980px;
	margin: 0 auto;
	padding: 0 40px;
}
.buttomMenuKanal {
	float: left;
	padding-right: 75px;
}
.buttomMenuKanal h1 {
	font: bold 16px "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0 0 15px 0;
}
.buttomMenuKanal ul {
	margin: 0;
	padding: 0;
	width: 400px;
}
.buttomMenuKanal ul li {
	list-style-type: none;
	float: left;
	display: list-item;
	width: 100px;
	padding: 2px 0;
}
.buttomMenuKanal ul li a {
	font: normal 12px "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
}
.buttomMenuKanal ul li a:hover {
	text-decoration: underline;
}

/* Networks buttom ============================ */

.buttomMenuNetworks {
	float: left;
	padding: 0 0px 0 100px;
}
.buttomMenuNetworks h1 {
	font: bold 16px "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0 0 15px 0;
}
.buttomMenuNetworks ul {
	margin: 0;
	padding: 0;
	width: 400px;
	
}
.buttomMenuNetworks ul li {
	list-style-type: none;
	float: left;
	width: 120px;
	padding: 2px 0;
}
.buttomMenuNetworks ul li a {
	font: normal 12px "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
}
.buttomMenuNetworks ul li a:hover {
	text-decoration: underline;
}

/* border bottom ======================================== */
.borderBottom {
	float: left;
	height: 130px;
	border-left: solid 1px #e0e0e0;
}
/* footer menu ========================================= */
h1#footerMenu2 a {
	color:#000;
}
.footerMenu ul {
	margin: 0;
	padding: 5px 0;
}
.footerMenu ul li {
	list-style-type: none;
	display: inline-block;
	border-right: solid 1px #000;
	padding: 0 10px;
}

.footerMenu ul li:last-child {
	border-right: none;
}
.footerMenu ul li:first-child {
	padding-left:0;
}
.footerMenu ul li a {
	font: normal 0.75em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}

.footerMenu ul li a:hover {
	text-decoration:underline;
}
.footerMenu h6 {
	font: normal 0.75em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
}
.socialMedia {
	padding: 20px 0;
	float: left;
}

.socialMedia ul {
	margin:0;
	padding:0;
}

.socialMedia ul li {
	list-style-type:none;
	display:inline;
}

.socialMedia ul li a#facebookSoc {
	height:30px;
	width:30px;
	display:inline-block;
	background:url(../images/socialShared2.jpg) no-repeat 0px 0px;
}
.socialMedia ul li a#instagramSoc {
	height:30px;
	width:30px;
	display:inline-block;
	background:url(../images/socialShared2.jpg) no-repeat -30px 0px;
}
.socialMedia ul li a#linkedinSoc {
	height:30px;
	width:30px;
	display:inline-block;
	background:url(../images/socialShared2.jpg) no-repeat -60px 0px;
}
.socialMedia ul li a#twitterSoc {
	height:30px;
	width:30px;
	display:inline-block;
	background:url(../images/socialShared2.jpg) no-repeat -90px 0px;
}
.socialMedia ul li a#youtubeSoc {
	height:30px;
	width:30px;
	display:inline-block;
	background:url(../images/socialShared2.jpg) no-repeat -120px 0px;
}

.socialMedia ul li a#facebookSoc:hover  {
	height:30px;
	width:30px;
	display:inline-block;
	background:url(../images/socialShared.jpg) no-repeat 0px 0px;
}
.socialMedia ul li a#instagramSoc:hover  {
	height:30px;
	width:30px;
	display:inline-block;
	background:url(../images/socialShared.jpg) no-repeat -30px 0px;
}
.socialMedia ul li a#linkedinSoc:hover  {
	height:30px;
	width:30px;
	display:inline-block;
	background:url(../images/socialShared.jpg) no-repeat -60px 0px;
}
.socialMedia ul li a#twitterSoc:hover  {
	height:30px;
	width:30px;
	display:inline-block;
	background:url(../images/socialShared.jpg) no-repeat -90px 0px;
}
.socialMedia ul li a#youtubeSoc:hover {
	height:30px;
	width:30px;
	display:inline-block;
	background:url(../images/socialShared.jpg) no-repeat -120px 0px;
}
/* E : WELCOME PAGE ================================================================================================================= */

/* S : RUBRIK ================================================================================================================= */



/* TOP RUBRIK =============== */

.titleRubrik {
	width: 550px;
	height: 80px;
	text-align: center;
	margin: 0 auto;
	float: left;
}
.titleRubrik h1 {
	margin: 0;
	padding: 0;
	font: normal 50px/58px 'OpenSansExtrabold', Arial, Helvetica, sans-serif;
	color: #000;
	letter-spacing: -3px;
}
.titleRubrik h6 {
	margin: 0;
	padding: 0;
	font: normal 0.75em "Lucida Sans Unicode", "Lucida Grande", sans-serif Arial, Helvetica, sans-serif;
	color: #999;
	margin: 0;
	padding: 0px 0;
}
.smallLogoKompas {
	width: 230px;
	height: auto;
}
.smallLogoKompas a img {
	margin: 0 0 0 -12px;
}
ul#submenuKompascom {
	margin: 0;
	padding: 5px 0;
}
ul#submenuKompascom li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline-block;
}
ul#submenuKompascom li a {
	font: normal 12px 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #00528a;
	text-decoration: none;
	display: inline-block;
	padding: 0px 10px;
}
ul#submenuKompascom li a:hover {
	font: normal 12px 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #e74f1d;
	text-decoration: none;
	display: inline-block;
	padding: 0px 10px;
}
ul#submenuKompascom li a.selected {
	font: normal 12px 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #e74f1d;
	text-decoration: none;
	display: inline-block;
	padding: 0px 10px;
}
.outSubMenu {
	border-bottom: solid 1px #eaeaea;
	width: 1100px;
	margin: 0 auto;
}
/* HEADLINE RUBRIK ================ */
.boxHLTrending {
	float: left;
	width: 780px;
}
.HLrubrik {
	width: 480px;
	height: 240px;
	float: left;
	position: relative;
	overflow: hidden;
}

.HLrubrik:after {
	content: "\0020";
  	display: block;
  	position: absolute;
  	width: 100%;
  	height: 1px; /* when 0 no shadow is displayed*/
	-webkit-box-shadow: 0 0 70px 80px rgba(0, 0, 0, 0.7);
  	box-shadow: 0 0 70px 80px rgba(0, 0, 0, 0.7);
	bottom:0;
}
.HLrubrik img {
	width: 480px;
	height: 240px;
	overflow: hidden;
}
.TrendingRubrik {
	width: 280px;
	height: 240px;
	float: left;
	overflow: hidden;
	padding-left: 20px;
}
.HLTitleRubrik {
	position: absolute;
	bottom: 0;
	padding: 10px 20px;
	z-index:1;
	
}


.HLTitleRubrik h1 {
	margin: 0;
	padding: 0 5px;
	font: normal 0.875em 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color: #fff;
	background: #f00;
	display: inline-block;
	bottom: 0;
}
a.titleRubrikIn {
	font: normal 18px/24px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: left;
	width: 440px;
	display: block;
	max-height: 50px;
	overflow: hidden;
	padding-top: 5px;
}
a.titleRubrikIn:hover {
	text-decoration: underline;
}
a.readMoreRubrik {
	font: normal 14px/24px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: left;
	width: 460px;
	padding: 5px 0;
	display:none;
}
a.readMoreRubrik:hover {
	text-decoration:underline;
}
/* TRENDING RUBRIK =================== */
.TrendingRubrik h1 {
	margin: 0;
	padding: 0;
	font: normal 16px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
}
.TrendingRubrik ul {
	margin: 0;
	padding: 0;
}
.TrendingRubrik ul li {
	list-style-type: none;
	border-bottom: dotted 1px #e5e5e5;
	padding: 6px 0;
	position: relative;
}
.TrendingRubrik ul li span.noTrendingRubrik {
	font: normal 30px 'OpenSansExtraboldItalic', Arial, Helvetica, sans-serif;
	color: #fec287;
	display: inline-block;
	width: 30px;
	float: left;
}
.TrendingRubrik ul li span.anchorTrending a {
	text-decoration: none;
	font: normal 14px/20px 'lucida_sans_unicoderegular', Arial, Helvetica, sans-serif;
	color: #000;
	display: inline-block;
	width: 250px;
	overflow: hidden;
	position: absolute;
	max-height: 40px;
}
.TrendingRubrik ul li span.anchorTrending a:hover {
	text-decoration: underline;
}
/* LIST ALL RUBRIK ================ */
.listAllRubrik {
	padding-top: 20px;
}
.colTopLeftAllRubrik {
	float: left;
	padding: 20px 0;
}
.colTopLeftAllRubrik h1 {
	float: left;
	margin: 0;
	padding: 0;
	font: normal 18px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
}
.colTopLeftAllRubrik h6 {
	float: left;
	margin: 0;
	padding: 5px 0 0 10px;
	font: normal 11px 'lucida_sans_unicoderegular', Arial, Helvetica, sans-serif;
	color: #ccc;
}
ul.tabsRubrik {
	margin: 0;
	padding: 0;
	background: #f5f5f5;
	border: solid 1px #ccc;
	border-radius: 3px;
}
ul.tabsRubrik li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}
.tabAllRubrik {
	float: right;
	margin-top: 20px;
}
ul.tabsRubrik li a.tabList {
	float: left;
	border-right: solid 1px #ccc;
	background: url(../images/tabList.png) no-repeat right;
}
.tabList, .tabGrid {
	cursor: pointer;
}
ul.tabsRubrik li a.tabList, ul.tabsRubrik li a.tabGrid {
	font: normal 10px 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #000;
	display: inline-block;
	text-decoration: none;
	padding: 2px 10px;
	text-align: left;
	width: 40px;
}
.tabList:hover, .tabGrid:hover {
	background: #ddd;
	opacity: 0.6;
	-webkit-box-shadow: inset 0px 00px 10px 0px;
	box-shadow: inset 0px 00px 10px 0px;
}
ul.tabsRubrik li#tabsL a:active {
	background: #ddd;
	opacity: 0.6;
	-webkit-box-shadow: inset 0px 00px 10px 0px;
	box-shadow: inset 0px 00px 10px 0px;
	background: url(../images/tabList.png) no-repeat right;
}
ul.tabsRubrik li#tabsRL a.current {
	background: #ddd;
	opacity: 0.6;
	-webkit-box-shadow: inset 0px 00px 10px 0px;
	box-shadow: inset 0px 00px 10px 0px;
	background: url(../images/tabList.png) no-repeat right;
}
ul.tabsRubrik li#tabsRG a:active {
	background: #ddd;
	opacity: 0.6;
	-webkit-box-shadow: inset 0px 00px 10px 0px;
	box-shadow: inset 0px 00px 10px 0px;
	background: url(../images/tabGrid.png) no-repeat right;
}
ul.tabsRubrik li#tabsRG a.current {
	background: #ddd;
	opacity: 0.6;
	-webkit-box-shadow: inset 0px 00px 10px 0px;
	box-shadow: inset 0px 00px 10px 0px;
	background: url(../images/tabGrid.png) no-repeat right;
}
ul.tabsRubrik li a.tabGrid {
	float: left;
	background: url(../images/tabGrid.png) no-repeat right;
}
.boxThumbRubrik {
	width: 236px;
	height: 236px;
	border: solid 1px #ccc;
	position: relative;
	float: left;
	margin-bottom: 20px;
}
.pLRThumb {
	margin: 0 32px;
}
.boxThumbRubrik img {
	border: solid 5px #fff;
	width: 226px;
	height: 226px;
}
h1.tagAllRubrik {
	position: absolute;
	color: #fff;
	font: normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	padding: 2px 5px;
	top: 5px;
	left: 5px;
	margin: 0;
}
h1.tagRubrik {
	background: #bf0000;
}
.boxTitleAllRubrik {
	bottom: 0;
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
	width: 226px;
	margin: 0 0 5px 5px;
	padding-bottom: 10px;
}
.boxTitleAllRubrik a {
	font: normal 14px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	width: 196px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 10px 15px 20px 15px;
	max-height: 22px;
	overflow: hidden;
}
.boxTitleAllRubrik a:hover {
	text-decoration: underline;
}
.boxTitleAllRubrik2 a {
	font: normal 22px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	max-height: 90px;
	overflow: hidden;
	width: 200px;
	margin: 0 auto;
	padding-top: 40px;
}
.boxTitleAllRubrik2 a:hover {
	text-decoration: underline;
}
.boxTitleAllRubrik2 p {
	font: normal 14px 'lucida_sans_unicoderegular', Arial, Helvetica, sans-serif;
	color: #000;
	width: 200px;
	margin: 0 auto;
	padding-top: 10px;
	overflow: hidden;
	max-height: 70px;
}
/* TERPOPULER & TERKOMENTARI RUBRIK ====================== */
.terbaruTerkomentari-artikel {
	width: 300px;
	height: 400px;
	background: #fff;
	margin: 20px 0 0 0px;
	float: right;
	overflow: hidden;
}
.imgterbaruTerkomentari {
	float: left;
	width: 55px;
	height: 55px;
	overflow: hidden;
}
.imgterbaruTerkomentari img {
	width: 55px;
	height: 55px;
	overflow: hidden;
}
.listTerbarkom-artikel {
	border-bottom: dotted 0px #dadada;
	padding: 9px 0;
}
.titleTerbakom-artikel {
	float: left;
	padding-left: 10px;
	height: 36px;
	overflow: hidden;
	width: 210px;
}
.titleTerbakom-artikel a {
	font: normal 0.75em/16px "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: inline-block;
	overflow: hidden;
}
.titleTerbakom-artikel a:hover {
	text-decoration: underline;
}
.KatTitle-artikel {
	font: normal 0.625em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #ff9900;
	padding-left: 10px;
	float: left;
	max-width: 220px;
}
.tabTerbaru {
	padding: 0 10px;
}
.tabTerkomentari {
	padding: 0 10px;
}
/**** Color Kategori ************/
.ent-col {
	color: #3399ff;
}
.ent-col a, h6.ent-col {
	color: #3399ff;
	text-decoration: none;
}
.ent-col a:hover {
	color: #3399ff;
	text-decoration: none;
}
.tek-col {
	color: #ff6600;
}
.tek-col a, h6.tek-col {
	color: #ff6600;
	text-decoration: none;
}
.tek-col a:hover {
	color: #ff6600;
	text-decoration: none;
}
.oto-col {
	color: #e60000;
}
.oto-col a, h6.oto-col {
	color: #e60000;
	text-decoration: none;
}
.oto-col a:hover {
	color: #e60000;
	text-decoration: none;
}
.bol-col {
	color: #69c002;
}
.bol-col a, h6.bol-col {
	color: #69c002;
	text-decoration: none;
}
.bol-col a:hover {
	color: #69c002;
	text-decoration: none;
}
.fem-col {
	color: #ff0066;
}
.fem-col a, h6.fem-col {
	color: #ff0066;
	text-decoration: none;
}
.fem-col a:hover {
	color: #ff0066;
	text-decoration: none;
}
.eko-col {
	color: #006600;
}
.eko-col a, h6.eko-col {
	color: #006600;
	text-decoration: none;
}
.eko-col a:hover {
	color: #006600;
	text-decoration: none;
}
.hea-col {
	color: #01df20;
}
.hea-col a, h6.hea-col {
	color: #01df20;
	text-decoration: none;
}
.hea-col a:hover {
	color: #01df20;
	text-decoration: none;
}
.tra-col {
	color: #00a8a2;
}
.tra-col a, h6.tra-col {
	color: #00a8a2;
	text-decoration: none;
}
.tra-col a:hover {
	color: #00a8a2;
	text-decoration: none;
}
.pro-col {
	color: #745b24;
}
.pro-col a, h6.pro-col {
	color: #745b24;
	text-decoration: none;
}
.pro-col a:hover {
	color: #745b24;
	text-decoration: none;
}
/**** end Color Kategori ************/

/* MORE RUBRIK ================= */
.moreRubrik {
	width: 776px;
	height: 29px;
	background: url(../images/bgMoreRubrik.jpg) bottom repeat-x;
	border: solid 1px #e5e5e5;
	border-radius: 3px;
	text-align: center;
}
.moreRubrik span {
	float: left;
}
.moreRubrikIn {
	width: 120px;
	background: red;
	margin: 0 auto;
}
span.klikMore a {
	padding-top: 5px;
	font: normal 14px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	display: inline-block;
	text-decoration: none;
	color:#000;
}
span.arrowMoreRubrik {
	background: url(../images/arrowMoreRubrik.jpg) no-repeat center;
	width: 12px;
	height: 29px;
	padding-left: 20px;
	cursor: pointer;
}
/* LIST RUBRIK ========================================= */
.listRubrik {
	border-bottom: dotted 1px #d8d8d8;
	padding: 20px 0;
}
.imgListRubrik {
	width: 100px;
	height: 100px;
	overflow: hidden;
	float: left;
}
.imgListRubrik img {
	width: 100px;
	height: 100px;
}
.rightListRubrik {
	padding-left: 20px;
	width: 660px;
	float: left;
}
.rightListRubrik2 {
	width: 770px;
	float: left;
}
.rightListRubrik h6 {
	margin: 0;
	padding: 0;
	font: normal 12px 'lucida_sans_unicoderegular', Arial, Helvetica, sans-serif;
	color: #cc0000;
}
.rightListRubrik2 h6 {
	margin: 0;
	padding: 0;
	font: normal 12px 'lucida_sans_unicoderegular', Arial, Helvetica, sans-serif;
	color: #cc0000;
}
.rightListRubrik a {
	margin: 0;
	padding: 5px 0;
	font: normal 18px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	height: 20px;
	overflow: hidden;
}
.rightListRubrik2 a {
	margin: 0;
	padding: 5px 0;
	font: normal 18px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	height: 20px;
	overflow: hidden;
}
.rightListRubrik p {
	margin: 0;
	padding: 5px 0 0 0;
	font: normal 14px 'lucida_sans_unicoderegular', Arial, Helvetica, sans-serif;
	color: #000;
	overflow: hidden;
	max-height: 44px;
}
.rightListRubrik2 p {
	margin: 0;
	padding: 5px 0 0 0;
	font: normal 14px 'lucida_sans_unicoderegular', Arial, Helvetica, sans-serif;
	color: #000;
	overflow: hidden;
	max-height: 44px;
}
.rightListRubrik a:hover {
	text-decoration: underline;
}
.nasList {
	color: #bf0000;
}
.olgList {
	color: #006600;
}
.saiList {
	color: #9933ff;
}
.tekList {
	color: #ff6600;
}
.femList {
	color: #ff0066;
}
.helList {
	color: #00cc33;
}
/* E : RUBRIK ================================================================================================================= */

/* S : SUBRUBRIK ================================================================================================================= */
.bannerCenter1SubRubrik {
	width: 468px;
	height: 60px;
	background: grey;
	margin: 20px auto 0 auto;

}
.bannerCenter2SubRubrik {
	width: 468px;
	height: 60px;
	background: grey;
	margin: 20px auto 0 auto;
}
.listIndexBerita {
	background: #e7e7e7;
	width: 770px;
	height: 35px;
	display: block;
	margin-top: 10px;
}
.textListIndexBerita {
	padding-left: 10px;
	display: block;
	font-weight: 600;
}
.textIndexSelect {
	font: normal 12px 'lucida_sans_unicoderegular', Arial, Helvetica, sans-serif;
}
.tombolTampilkan {
	font: normal 12px 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	margin-top: 8px;
	background: #666;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.listSubRubrik ul {
	padding: 0px;
	list-style: none;
}
.listSubRubrik li {
	padding: 25px 0px 40px 0px;
	border-bottom: solid 1px #d1d1d1;
	width: 730px;
}

.listSubRubrik ul li .imgSubRubrik img {
	float:left;
	width:100px;
	height:100px;
	padding-right:20px;
}
.listSubRubrik ul li .imgSubRubrik2 img {
	float:left;
	width:300px;
	height:150px;
	padding-right:20px;
}

.boxSubRubrik {
	width:610px;
	float:left;
}
.boxSubRubrik2 {
	width:400px;
	float:left;
}
.listBreak {
	border: none;
}
.judulListSubRubrik a {
	font: normal 18px/20px 'lucida_sans_unicoderegular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #000;
	text-decoration: none;
}
.judulListSubRubrik a:hover {
	text-decoration: underline;
}
.tanggalListSubRubrik {
	font: normal 11px/20px 'lucida_sans_unicoderegular', Arial, Helvetica, sans-serif;
	color: #999;
	margin: 3px 0px;
}
.editorSubRubrik {
	font: normal 11px/20px 'lucida_sans_unicoderegular', Arial, Helvetica, sans-serif;
	color: #999;
	float:left;
	padding-right:20px;
	
}

.totalKomentarRubrik {
	float:left;
}
.totalKomentarRubrik img {
	width:12px;
	height:12px;
	overflow:hidden;
}
.tambahKomentarRubrik {
	float:left;
	padding-left:20px;
}
.tambahKomentarRubrik a {
	text-decoration:none;
	color: #999;
}

.tambahKomentarRubrik a span {
	color:#ff9900;
	padding-right:4px;
}
.isiListSubRubrik {
	font: normal 14px/20px 'lucida_sans_unicoderegular', Arial, Helvetica, sans-serif;
}

.paginationSubRubrik {
	margin:0 auto;
	width:400px;
}
.paginationSubRubrik ul {
	margin:0;
	padding:0;
}

.paginationSubRubrik ul li {
	list-style-type:none;
	display:inline-block;
	height:70px;
	padding-top:25px;
	padding-right:5px;
}
.paginationSubRubrik ul li.pageHover a {
	color:#000;
}
.paginationSubRubrik ul li.pageHover a:hover  {
	background:	#e74f1d;
	color:#fff;
	border-radius:3px;
	

}
.paginationSubRubrik ul li.pageHover a.active  {
	background:	#e74f1d;
	color:#fff;
	border-radius:3px;
	

}
.paginationSubRubrik ul li a {
	text-decoration:none;
	font:normal 14px 'OpenSansSemibold', arial;
	display:inline-block;
	padding:2px 10px;
}
.paginationSubRubrik ul li#prevBG{
	background:url(../images/prevPage.jpg) top center no-repeat;
	display:inline-block;
	height:70px;
	width:100px;
}
.paginationSubRubrik ul li#nextBG{
	background:url(../images/nextPage.jpg) top center no-repeat;
	display:inline-block;
	height:70px;
	width:100px;
}

.paginationSubRubrik ul li a.prevText {
	color:#999;
	padding-left:40px;
	display:block;
	

}
.paginationSubRubrik ul li a.prevText:hover {
	color:#e1541c;
}
.paginationSubRubrik ul li a.nextText:hover {
	color:#e1541c;
}
.paginationSubRubrik ul li a.nextText {
	color:#999;
}
/* E : SUBRUBRIK ================================================================================================================= */

/* S : ARTIKEL DETAIL ========================================================================================================== */
/* artikel */
.artikel-atas {
		
}
.artikel-detail {
	width:760px;
	float:left;
	padding:20px 20px 0 0px;
	position:relative;
}
.artikel-detail-alt2 {
	width:760px;
	float:left;
	padding:20px 20px 0 0px;
	position:relative;
}
.artikel-detail p {
	font:normal 14px/24px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#333;
	padding:0px 0 30px;
	margin:0;
}
.artikel-detail-alt2 p {
	font:normal 14px/24px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#333;
	padding:15px 0;
	margin:0;
}
.ml-p-right {
	border:1px solid #e3e3e3;
	position:relative;
	padding:0.8%;
	margin:15px 0px 15px 15px;
	float:right;
}
.ml-p-left {
	border:1px solid #e3e3e3;
	position:relative;
	padding:0.8%;
	margin:15px 15px 15px 0;
	float:left;
}

.artikel-detail h1 {
	font:normal 2em/1.2em 'OpenSansBold', arial;
	color:#000;
	letter-spacing:-1px;
	margin:0 0 10px 0px;
}
.artikel-detail-alt2 h1 {
	font:normal 2em/1.2em 'OpenSansBold', arial;
	color:#000;
	letter-spacing:-1px;
	margin:0 0 10px 0px;
}

.artikel-detail-penulis {
	
}
.artikel-detail-penulis p {
	float:left;
	color:#999;
	margin:0;
	padding:0;
	font-size:12px;
	padding:0 0px 0 0;
	line-height:12px;
}
.artikel-detail-penulis ul {
	list-style:none;
	color:#999;
	margin:10px 0;
	padding:0;
	font-size:12px;
}
.artikel-detail-penulis li {
	float:left;
	color:#999;
	padding:0 10px;
	border-right:1px solid #e7e7e7;
}
.artikel-detail-penulis li:first-child {
	float:left;
	color:#30a3dc;
	padding:0 5px;
	border-right:1px solid #e7e7e7;
}
/****** Quotes ********/
.quotes {
	width:40%;
	padding:20px;	
	font:bold 1.5em/1.25em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#ff7800; 
}
/****** Editor dan sumber ******/
.editor-artikel {
	float:left;
	font:normal 0.750em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#999999;
	margin-top:30px;
}
.sumber-artikel {
	float:right;
	font:normal 0.750em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#999999;
	margin-top:30px;
}
/****** Next artikel ********/
.next-artikel ul {
	list-style:none;
	margin:0px 0;
	padding:0;
}
.next-artikel li {
	float:left;
	font:normal 0.750em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#000;
	margin:40px 0;
}
.next-artikel a {
	color:#000;
	text-decoration:none;
}
.next-artikel a:hover {
	color:#ccc;
	text-decoration:none;
}
a#next-artikel.next-active.a.active {
	color:#ccc;
	text-decoration:none;
}
.next-artikel li:first-child {
	float:left;
	list-style:none;
	width:45%;
	background:url(../images/artikel/prev-arrow.gif) left no-repeat;
	padding-left:20px;
	padding-top:0px;
}
.next-artikel li:last-child {
	float:right;
	list-style:none;
	width:42%;
	text-align:right;
	background:url(../images/artikel/next-arrow.gif) right no-repeat;
	padding-right:20px;
	padding-top:0px;
}
/************************** Breadcrum *******************************/
#breadcrumb {
	height:15px;
	margin-bottom:5px;
}
#breadcrumb ul {
	list-style:none;
	color:#999999;
	padding:0;
	margin:0;	
	font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing:0.06em;
}
#breadcrumb li {
	float:left;
	background:url(../images/artikel/arrow-bread.gif) right center no-repeat;
	padding-right:10px;
}
#breadcrumb li:last-child {
	float:left;
	background:none;
	padding-right:15px;
}
#breadcrumb a {
	display:block;
	padding:0px 5px;
	font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#999999;
	text-decoration:none;
}
#breadcrumb a:hover {
	color:#ff9600;
}
a#breadcrumb.bread.active {
	color:#ff9900;
}

.terbaruTerkomentari-artikel {
	width: 300px;
	height: 400px;
	background: #fff;
	margin: 20px 0 0 0px;
	float: right;
	overflow:hidden;
}
.imgterbaruTerkomentari {
	float: left;
	width: 55px;
	height: 55px;
	overflow: hidden;
}
.imgterbaruTerkomentari img {
	width: 55px;
	height: 55px;
	overflow: hidden;
}
.listTerbarkom-artikel {
	border-bottom: dotted 0px #dadada;
	padding: 9px 0;
}
.titleTerbakom-artikel {
	float:left;
	padding-left:10px;
	height:36px;
	overflow:hidden;
	width: 210px;
}
.titleTerbakom-artikel a {
	font: normal 0.75em/16px "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: inline-block;
	overflow: hidden;
}
.titleTerbakom-artikel a:hover {
	text-decoration: underline;
}
.KatTitle-artikel {
	font: normal 0.625em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #ff9900;
	padding-left: 10px;
	float:left;
	max-width: 220px;
}
.tabTerbaru {
	padding:0 10px;	
}
.tabTerkomentari {
	padding:0 10px;	
}



/* You May Like */
.YouMayLike {
	width: 47%;
	height: 260px;
	background: #fff;
	margin: 20px 0 0 35px;
	float: right;
	overflow:hidden;
}
.ml-40 {
	margin-left:40px;
}
	
.listYouMayLike {
	border-bottom: dotted 1px #cbcbcb;
	padding: 10px 0;
}
.imgYouMayLike {
	float: left;
	width: 55px;
	height: 55px;
	overflow: hidden;
}
.imgYouMayLike img {
	width: 55px;
	height: 55px;
	overflow: hidden;
}
.titleBoxYouMayLike {
	width: 290px;
	height: 45px;
	float: right;
}
.YouMayLike h1 {
	font: normal 1em 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 0 10px 0;
	padding: 0px 0 3px 0;
	border-bottom:2px solid #000;
}
.titleBoxYouMayLike h6 {
	margin: 0;
	padding: 0;
	font: normal 0.625em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #f09003;
}
span.titleYouMayLike a {
	text-decoration: none;
	font: normal 0.928em/22px "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	display: inline-block;
	min-width: 260px;
	max-width: 265px;
	max-height: 45px;
	overflow: hidden;
}
span.titleYouMayLike a:hover {
	text-decoration: underline;
}
.viewYouMayLike {
	font: normal 0.625em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #f09003;
}
.terkait {
	width: 47%;
	height: 260px;
	background: #fff;
	margin: 20px 0 0 0px;
	float: left;
	overflow:hidden;
}
.terkait ul {
	list-style:none;
	margin:0;
	padding:0;
}
.terkait li {
	border-bottom:dotted 1px #cbcbcb;
	padding:10px 0 5px 0;
	font: normal 0.800em/24px "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	background:url(../images/artikel/arrow-ter.gif) top left no-repeat;
	padding-left:15px;
	height:21px;
	overflow:hidden;
}
.terkait li a {
	font: normal 0.900em/24px "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration:none;	
}
.terkait li a:hover {
	text-decoration:underline;	
}
.terkait li:last-child {
	border-bottom:0px solid #ccc;
}
.terkait h1 {
	font: normal 1em 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 0 10px 0;
	padding: 0px 0 3px 0;
	border-bottom:2px solid #000;
}


/* trending */
.trending-artikel {
	width:300px;
	height:390px;
	overflow:hidden;
	float:right;
	margin-top:20px;
}
.trending-artikel h1 {
	font: normal 1em 'OpenSansBold', Arial, Helvetica, sans-serif;	
	color:#000;
	margin:5px 0;
}
.trending-artikel ul {
	list-style:none;
	padding:0;
	margin:0;
}
.trending-artikel li {
	padding:10px 0;
	font: normal 0.700em/16px "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	border-bottom:dotted 1px #cbcbcb;
}
.trending-artikel li:last-child {
	padding:10px 0;
	font: normal 0.700em/16px "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	border-bottom:dotted 0px #cbcbcb;
}
.trending-number {
	width:40px;
	height:40px;
	font: normal 3em 'OpenSansBoldItalic', "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#fec287;
	float:left;
}
.trending-kat {
	width:255px;	
	float:left;
}
.trending-title {
	width:255px;
	height:33px;
	overflow:hidden;	
	float:left;	
}
.trending-title a {
	width:255px;	
	float:left;
	text-decoration:none;
	color:#000;
}
.trending-title a:hover {
	text-decoration:underline;
}
.komentar-lay {
	width:100%;
	float:left;
	padding-right:20px;
}
.w_760 {
	width:100%;
}

.social-newsletter-images {
	width:350px;margin:0px 20px 20px 0;float:left;height:auto;	
}
.social-newsletter-images-alt2 {
	width:100%;margin:0px 20px 20px 0;float:left;height:auto;	
}
/*********************** Social Shared ***************************/
.social-media {
	width:245px;
	height:45px;
	float:right;
	margin-top:-20px;
	margin-bottom:10px;
}
.social-fb {
	width:60px;
	height:60px;
	background:url(../images/artikel/fb-shared.gif) no-repeat;
	overflow:hidden;
	float:left;
	margin-right:13px;
}
.social-fb-alt2 {
	width:57px;
	height:60px;
	background:url(../images/artikel/fb-shared.gif) no-repeat;
	overflow:hidden;
	float:left;
	margin-right:13px;
}
.social-fb-count {
	font:bold 14px/14px Arial, Helvetica, sans-serif;
	color:#000;
	width:45px;
	height:18px;
	margin:10px auto;
	text-align:center;	
}
.social-twitter {
	width:60px;
	height:60px;
	background:url(../images/artikel/tweet-shared.gif) no-repeat;
	overflow:hidden;
	float:left;
	margin-right:13px;
}
.social-twitter-alt2 {
	width:60px;
	height:60px;
	background:url(../images/artikel/tweet-shared.gif) no-repeat;
	overflow:hidden;
	float:left;
	margin-right:13px;
}

.social-twitter-count {
	font:bold 14px/14px Arial, Helvetica, sans-serif;
	color:#000;
	width:45px;
	height:18px;
	margin:10px auto;
	text-align:center;	
}
.social-google {
	width:50px;
	height:60px;
	background:url(../images/artikel/gplus.gif) no-repeat;
	overflow:hidden;
	float:left;
	margin-right:13px;
}
.social-google-alt2 {
	width:50px;
	height:60px;
	background:url(../images/artikel/gplus.gif) no-repeat;
	overflow:hidden;
	float:left;
	margin-right:13px;
}

.social-google-count {
	font:bold 14px/14px Arial, Helvetica, sans-serif;
	color:#000;
	width:38px;
	height:18px;
	margin:10px auto;
	text-align:center;	
}
.social-email {
	width:57px;
	height:62px;
	background:url(../images/artikel/email-shared.gif) no-repeat;
	overflow:hidden;
	float:left;
	margin-right:13px;
}
.social-email-alt2 {
	width:57px;
	height:62px;
	background:url(../images/artikel/email-shared.gif) no-repeat;
	overflow:hidden;
	float:left;
	margin-right:13px;
}

.social-email-count {
	font:bold 14px/14px Arial, Helvetica, sans-serif;
	color:#000;
	width:45px;
	height:18px;
	margin:10px auto;
	text-align:center;	
}
.social-komentar {
	width:70px;
	height:60px;
	background:url(../images/artikel/komentar.gif) no-repeat;
	overflow:hidden;
	float:left;
	margin-right:0px;
}
.social-komentar-count {
	font:bold 14px/14px Arial, Helvetica, sans-serif;
	color:#000;
	width:58px;
	height:18px;
	margin:10px auto;
	text-align:center;	
}


.social-link {
	display:block;
	width:57px;
	height:21px;
	overflow:hidden;
}
/*********************** Social Shared ***************************/

/************************ Newsletter ************************/
.newsletter-submit {
	padding:8px 12px;
	width:324px;
	height:50px;
	font:normal 17px/20px 'OpenSansRegular', lucida sans;
	color:#000;
	-webkit-border-radius: 3px;
    border-radius: 3px;
	border:1px solid #d1d1d1;
	margin-top:20px;
	background:#ececec;
	font-weight:500;
}
.newsletter-submit-alt2 {
	padding:4px 12px;
	width:324px;
	height:auto;
	font:normal 17px/20px 'OpenSansRegular', lucida sans;
	color:#000;
	-webkit-border-radius: 3px;
    border-radius: 3px;
	border:1px solid #d1d1d1;
	margin-top:0px;
	background:#ececec;
	font-weight:500;
	float:right;
}

.newsletter-submit input[type="file"]  {
	width:100%;
}
	#submit-newsletter{
    	width:235px;
    	padding:3px 10px;
    	height:17px;
    	outline:none;
		background:#ffffff;
		font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color:#333;
		float:left;
		border:1px solid #ccc;
		margin-top:5px;
    }
	
	.button-newsletter {
		width:62px;
		height:25px;
		background:url(../images/artikel/submit-newsletter.gif) no-repeat;
		border:none;
		margin-left:5px;
		margin-top:5px;
	}
/************************ Newsletter ************************/

/******************** images artikel ***********************/
.images-area {
	width:350px;
	height:auto;
	position:absolute;
	margin-bottom:10px;
}
.images-area-alt2 {
	width:100%;
	height:auto;
	margin-bottom:10px;
}
.images-area-img {
	width:340px;
	height:auto;
	overflow:hidden;
	position:relative;
	background:#fff;
	border:1px solid #e3e3e3;
	padding:5px;
}
.images-area-img-alt2 {
	width:750px;
	height:auto;
	overflow:hidden;
	position:relative;
	background:#fff;
	border:1px solid #e3e3e3;
	padding:5px;
}
.images-area-img img {
	width:340px;
	height:auto;
	overflow:hidden;	
}
.images-area-img-alt2 img {
	width:760px;
	height:auto;
	overflow:hidden;	
}

.images-area-desc {
	font:normal 0.650em/21px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#666;
	padding:5px 5px;
	background:#fff;
	z-index:1;
	max-height:21px;
	overflow:hidden;
	position:absolute;
	width:340px;
}
.append-images-desc {
	font:normal 0.650em/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	padding:5px 30px 5px 10px;
	background:#000;
	z-index:1;
	max-height:51px;
	overflow:hidden;
	position:absolute;
	display:none;
	bottom:0;
	margin:10px;
	opacity:0.7;
	width:89.8%;
}
.images-area-desc-alt2 {
	font:normal 0.650em/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#666;
	padding:5px 5px;
	background:#fff;
	z-index:1;
	height:auto;
	overflow:hidden;
	position:relative;
}

.perbesar-images {
	position:absolute;
	bottom:5px;
	right:5px;
	padding:2px 10px;
	font:normal 0.550em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background:#fff;
	color:#2ea2db;
	cursor:pointer;
}
.perbesar-images a {
	color:#2ea2db;
	text-decoration:none;
}
.perkecil-images {
	position:absolute;
	bottom:5px;
	right:5px;
	padding:2px 10px;
	font:normal 0.550em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background:#fff;
	color:#2ea2db;
	cursor:pointer;
	display:none;
	z-index:3;
}
.perkecil-images a {
	color:#2ea2db;
	text-decoration:none;
}
.social-shared {
	margin-top:220px;
}
.social-shared-alt2 {
	margin-top:0px;
	float:left;
}
/* ============================================ s : komentar =========================================== */
.button {
	cursor: pointer;
	display: inline;
	background-color: #e6e6e6;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999999), color-stop(25%, #999999), to(#cccccc));
	background-image: -webkit-linear-gradient(#999999, #999999 25%, #cccccc);
	background-image: -moz-linear-gradient(top, #999999, #999999 25%, #cccccc);
	background-image: -ms-linear-gradient(#999999, #999999 25%, #cccccc);
	background-image: -o-linear-gradient(#999999, #999999 25%, #cccccc);
	background-image: linear-gradient(#999999, #999999 25%, #cccccc);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#cccccc', GradientType=0);
	padding: 3px 14px;
	margin: 0;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	color: #333;
	font-size: 13px;
	line-height: normal;
	border-left: 1px dotted #a1a1a1;
	border-bottom: none;
	border-right: none;
	border-top: none;
	height: 25px;
	float: right;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear background-image;
	-moz-transition: 0.1s linear background-image;
	-ms-transition: 0.1s linear background-image;
	-o-transition: 0.1s linear background-image;
	transition: 0.1s linear background-image;
	overflow: visible;
}
.button:hover {
	background: #fefefe;
	background: -moz-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(40%, #f8f8f8), color-stop(100%, #e9e9e9));
	background: -webkit-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
	background: -o-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
	background: -ms-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
	background: linear-gradient(to bottom, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e9e9e9', GradientType=0 );
	outline: none;
}
.button:active {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3),  inset 0px 0px 0px #412410;
}
.button-syarat {
	cursor: pointer;
	display: inline;
	background: url(../images/artikel/syarat.gif) center center no-repeat;
	padding: 3px 14px;
	margin: 0;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	color: #333;
	font-size: 13px;
	line-height: normal;
	border-right: 1px dotted #a1a1a1;
	border-bottom: none;
	border-left: none;
	border-top: none;
	height: 25px;
	float: left;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear background-image;
	-moz-transition: 0.1s linear background-image;
	-ms-transition: 0.1s linear background-image;
	-o-transition: 0.1s linear background-image;
	transition: 0.1s linear background-image;
	overflow: visible;
}
.button-syarat:hover {
	background: url(../images/artikel/syarat.gif) center center no-repeat;
	box-shadow: inset 0px 0px 25px rgba(0,0,0,0.3);
	outline: none;
}
.button-syarat:active {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3),  inset 0px 0px 0px #412410;
}
.button-syarat-sub {
	cursor: pointer;
	display: inline;
	background: url(../images/syarat.gif) center center no-repeat;
	padding: 3px 14px;
	margin: 0;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	color: #333;
	font-size: 13px;
	line-height: normal;
	border-right: 1px dotted #a1a1a1;
	border-bottom: none;
	border-left: none;
	border-top: none;
	height: 25px;
	float: left;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear background-image;
	-moz-transition: 0.1s linear background-image;
	-ms-transition: 0.1s linear background-image;
	-o-transition: 0.1s linear background-image;
	transition: 0.1s linear background-image;
	overflow: visible;
}
.button-syarat-sub:hover {
	background: url(../images/syarat.gif) center center no-repeat;
	box-shadow: inset 0px 0px 25px rgba(0,0,0,0.3);
	outline: none;
}
.button-syarat-sub:active {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3),  inset 0px 0px 0px #412410;
}
.button-end {
	cursor: pointer;
	display: inline-block;
	background-color: #e6e6e6;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999999), color-stop(25%, #999999), to(#e6e6e6));
	background-image: -webkit-linear-gradient(#999999, #999999 25%, #e6e6e6);
	background-image: -moz-linear-gradient(top, #999999, #999999 25%, #e6e6e6);
	background-image: -ms-linear-gradient(#999999, #999999 25%, #e6e6e6);
	background-image: -o-linear-gradient(#999999, #999999 25%, #e6e6e6);
	background-image: linear-gradient(#999999, #999999 25%, #e6e6e6);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#e6e6e6', GradientType=0);
	padding: 5px 14px 6px;
	margin: 0;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	color: #333;
	font-size: 13px;
	line-height: normal;
	border: 1px dotted #ccc;
	border-bottom-color: #bbb;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear background-image;
	-moz-transition: 0.1s linear background-image;
	-ms-transition: 0.1s linear background-image;
	-o-transition: 0.1s linear background-image;
	transition: 0.1s linear background-image;
	overflow: visible;
	margin-left: 5px;
	border-radius: 3px;
}
.button-end:hover {
	background: #fefefe;
	background: -moz-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(40%, #f8f8f8), color-stop(100%, #e9e9e9));
	background: -webkit-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
	background: -o-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
	background: -ms-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
	background: linear-gradient(to bottom, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e9e9e9', GradientType=0 );
	box-shadow: 0 1px 3px #ddd;
	border: 1px dotted #aaa;
}
.button-end:active {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3),  inset 0px 0px 0px #412410;
}
.button-submit {
	cursor: pointer;
	display: inline;
	background-color: #cccccc;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), color-stop(25%, #cccccc), to(#999));
	background-image: -webkit-linear-gradient(#cccccc, #cccccc 25%, #999);
	background-image: -moz-linear-gradient(top, #cccccc, #cccccc 25%, #999);
	background-image: -ms-linear-gradient(#cccccc, #cccccc 25%, #999);
	background-image: -o-linear-gradient(#cccccc, #cccccc 25%, #999);
	background-image: linear-gradient(#cccccc, #cccccc 25%, #999);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#999999', GradientType=0);
	padding: 3px 14px;
	margin: 0;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	color: #000;
	font-size: 13px;
	line-height: normal;
	border-left: 1px dotted #a1a1a1;
	border-bottom: none;
	border-right: none;
	border-top: none;
	height: 25px;
	float: right;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear background-image;
	-moz-transition: 0.1s linear background-image;
	-ms-transition: 0.1s linear background-image;
	-o-transition: 0.1s linear background-image;
	transition: 0.1s linear background-image;
	overflow: visible;
}
.button-submit:hover {
	box-shadow: inset 0px 0px 25px rgba(0,0,0,0.3);
}
.button-submit:active {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3),  inset 0px 0px 0px #412410;
}
.button-overlay {
	cursor: pointer;
	display: inline;
	background-color: #cccccc;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), color-stop(25%, #cccccc), to(#999));
	background-image: -webkit-linear-gradient(#cccccc, #cccccc 25%, #999);
	background-image: -moz-linear-gradient(top, #cccccc, #cccccc 25%, #999);
	background-image: -ms-linear-gradient(#cccccc, #cccccc 25%, #999);
	background-image: -o-linear-gradient(#cccccc, #cccccc 25%, #999);
	background-image: linear-gradient(#cccccc, #cccccc 25%, #999);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#999999', GradientType=0);
	padding: 3px 14px;
	margin: 0;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	color: #333;
	font-size: 13px;
	line-height: normal;
	border-left: 1px solid #a1a1a1;
	border-bottom: none;
	border-right: none;
	border-top: none;
	height: 25px;
	float: right;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear background-image;
	-moz-transition: 0.1s linear background-image;
	-ms-transition: 0.1s linear background-image;
	-o-transition: 0.1s linear background-image;
	transition: 0.1s linear background-image;
	overflow: visible;
}
.button-overlay:hover {
	box-shadow: inset 0px 0px 25px rgba(0,0,0,0.3);
}
.button-overlay:active {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3),  inset 0px 0px 0px #412410;
}
.button-login {
	color: #fff;
	background-color: #0064cd;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
	background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
	background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
	background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
	background-image: -o-linear-gradient(top, #049cdb, #0064cd);
	background-image: linear-gradient(top, #049cdb, #0064cd);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #0064cd #0064cd #003f81;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	cursor: pointer;
	border-radius: 5px;
	padding: 5px 15px;
	_padding: 5px 5px;
	font: normal 14px 'MyriadPro-Regular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
	margin: 0;
}
.button-login:hover {
	background: #0064cd;
}
.button-login:active {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3),  inset 0px 0px 0px #ccc;
}
.button-register {
	color: #fff;
	background-color: #57a957;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
	background-image: -moz-linear-gradient(top, #62c462, #57a957);
	background-image: -ms-linear-gradient(top, #62c462, #57a957);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
	background-image: -webkit-linear-gradient(top, #62c462, #57a957);
	background-image: -o-linear-gradient(top, #62c462, #57a957);
	background-image: linear-gradient(top, #62c462, #57a957);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #57a957 #57a957 #3d773d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	cursor: pointer;
	border-radius: 5px;
	padding: 5px 15px;
	font: normal 14px 'MyriadPro-Regular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
}
.button-register:hover {
	background: #57a957;
}
.button-register:active {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3),  inset 0px 0px 0px #000;
}
.ligthbox-container {
	display: none;
	content: " ";
	height: 100%;
	width: 100%;
	position: fixed;
	_position: relative;
	left: 0;
	top: 0;
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.9)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
	background: radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000', GradientType=1 );
 z-index:999;
}
.slide-container {
	display: none;
	content: " ";
	height: 190px;
	width: 100%;
	position: relative;
	left: 0;
}
.slide-container-sub {
	display: none;
	content: " ";
	height: auto;
	width: 100%;
	position: relative;
	left: 0;
}
.slide-container-syarat-sub {
	display: none;
	content: " ";
	height: auto;
	width: 100%;
	position: relative;
	left: 0;
}
.bottom-container {
	display: none;
	content: " ";
	height: 100%;
	width: 100%;
	position: relative;
}
.window-container {
	display: block;
	background: #fcfcfc;
	margin: 8em auto;
	width: 500px;
	padding: 0px;
	text-align: left;
	z-index: 3;
	border-radius: 5px;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
	-webkit-transition: 0.4s ease-out;
	-moz-transition: 0.4s ease-out;
	-ms-transition: 0.4s ease-out;
	-o-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
	opacity: 0;
	position: relative;
	overflow: hidden;
}
.zoomin {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.zoomout {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
}
.window-container-visible {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.window-container h3 {
	margin: 1em 0 0.5em;
	font-family: "Oleo Script";
	font-weight: normal;
	font-size: 25px;
	text-align: center;
}
.close {
	display: block;
	position: absolute;
	top: 5px;
	right: 10px;
	background: #000 url(../images/bg-pagination.gif) repeat-x;
	border: 1px dotted #aaa;
	padding: 5px 14px;
	color: #fff;
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	border-radius: 3px;
	box-shadow: 0 1px 3px #999;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
	cursor: pointer;
}
.close:hover {
	background-color: #c43c35;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #c43c35 #c43c35 #882a25;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.close:active {
	background: #f4f4f4;
	background: -moz-linear-gradient(top, #f4f4f4 0%, #efefef 40%, #dcdcdc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(40%, #efefef), color-stop(100%, #dcdcdc));
	background: -webkit-linear-gradient(top, #f4f4f4 0%, #efefef 40%, #dcdcdc 100%);
	background: -o-linear-gradient(top, #f4f4f4 0%, #efefef 40%, #dcdcdc 100%);
	background: -ms-linear-gradient(top, #f4f4f4 0%, #efefef 40%, #dcdcdc 100%);
	background: linear-gradient(to bottom, #f4f4f4 0%, #efefef 40%, #dcdcdc 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dcdcdc', GradientType=0 );
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.close-submit {
	display: block;
	color: #ff9600;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	border-radius: 3px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
	cursor: pointer;
	margin-left: 5px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: none;
	border: none;
	padding: 0 0 0 15px;
}
.close-submit:hover {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #c43c35 #c43c35 #882a25;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.close-submit:active {
}
.close-submit-sub {
	display: block;
	color: #ff9600;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	border-radius: 3px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
	cursor: pointer;
	margin-left: 5px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: none;
	border: none;
	padding: 0 0 0 15px;
}
.close-submit-sub:hover {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #c43c35 #c43c35 #882a25;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.header-lightbox {
	background: #fafafa;
	background: -moz-linear-gradient(top, #f1f1f1 0%, #f4f4f4 40%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(40%, #f4f4f4), color-stop(100%, #dddddd));
	background: -webkit-linear-gradient(top, #f1f1f1 0%, #f4f4f4 40%, #dddddd 100%);
	background: -o-linear-gradient(top, #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5', GradientType=0 );
	height: 20px;
	padding: 10px;
	font: normal 16px 'MyriadPro-Bold', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666;
	text-transform: uppercase;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
}
.login-box {
	width: 40%;
	margin: 0px 0;
	background: #fafafa;
	background: -moz-linear-gradient(top, #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(40%, #f4f4f4), color-stop(100%, #e5e5e5));
	background: -webkit-linear-gradient(top, #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
	background: -o-linear-gradient(top, #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5', GradientType=0 );
	boder: 1px dotted #ccc;
	box-shadow: 0 1px 1px #333;
	float: left;
	color: #666;
	font: normal 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 10px;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
	height: 230px;
	position: relative;
}
.login-box-submit {
	width: 95%;
	margin: 0px 0;
	background: #464646;
	boder: 1px dotted #ccc;
	float: left;
	color: #000;
	font: normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 20px;
	height: 190px;
	position: relative;
	background: #eee;
}
.login-box-submit h1 {
	font: normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.login-box-submit-sub {
	width: 595px;
	margin: 0px 0;
	background: #464646;
	boder: 1px dotted #ccc;
	float: left;
	color: #fff;
	font: normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 20px;
	height: auto;
	position: relative;
	background: #333;
}
.login-box-submit-sub h1 {
	font: normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.login-box-right {
	width: 300px;
	margin: 0px 0;
	background: #f5f5f5;
	boder: 1px dotted #ccc;
	box-shadow: 0 1px 1px #333;
	float: left;
	color: #666;
	font: normal 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 10px;
	height: 230px;
	position: relative;
}
.login-box-right-submit {
	width: 300px;
	margin: 0px 0;
	background: #727272;
	boder: 1px dotted #ccc;
	float: left;
	color: #fff;
	font: normal 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 10px;
	height: 190px;
	position: relative;
}
.has-js .label_check, .has-js .label_check {
	background: url(../images/artikel/check-off.png) left center no-repeat;
	cursor: pointer;
	color: #666;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
}
.has-js label.c_on {
	background: url(../images/artikel/check-on.png) left center no-repeat;
	cursor: pointer;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
	color: #333
}
.has-js .label_check input, .has-js .label_radio input {
	position: relative;
	left: -9999px;
	height: 25px;
	margin: 0;
	padding: 0;
	float: right;
}
/* sub comentar */
.has-js-sub .label_check-sub, .has-js-sub .label_check-sub {
	background: url(../images/check-off.png) left center no-repeat;
	cursor: pointer;
	color: #666;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
}
.has-js-sub label.c_on-sub {
	background: url(../images/check-on.png) left center no-repeat;
	cursor: pointer;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
	color: #333
}
.has-js-sub .label_check-sub input {
	position: relative;
	left: -9999px;
	height: 25px;
	margin: 0;
	padding: 0;
	float: right;
}
.login-box a {
	color: #ff9600;
}
.login-box a:hover {
	color: #ff9600;
}
.login-box h1 {
	font: normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #444;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.login-box-input {
	width: 40%;
	padding: 20px;
	float: left;
}
.input-login {
	border: 0px dotted #A5C2C8;
	padding: 5px 10px;
	margin: 0 0 15px 0;
	width: 220px;
	height: 30px;
	font: normal 16px/14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	float: left;
	resize: none;
	color: #666;
	background: #eee;
	border-radius: 5px;
	border: 0;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
	box-shadow: inset rgba(0,0,0,.4) 0 1px 1px;
	outline: none;
}
/******************* Form komentar **************************/
.label {
	padding: 5px;
	font: normal 10px Arial, sans-serif;
	position: absolute;
	top: 0;
	left: 0;
}
.form-komentar {
	padding: 10px 0px 20px;
	width: 100%;
	overflow: hidden;
	background: #fff;
	margin: 50px 0 0px;
	position: relative;
	border-top:2px solid #000;
}
.form-komentar-br {
	border-bottom: 1px dotted #cbcbcb;
	height: 1;
	width: 100%
}
.form-komentar p {
	margin: 0 0 10px 0;
	float: left;
	clear: both;
	display: block;
}
.form-komentar-count {
	width: 140px;
	margin: 0 8px;
	font: normal 13px/22px "Lucida Sans Unicode", "Lucida Grande";
	text-align: left;
	color: #ccc;
	float: left;
}
.form-komentar-count a {
	font: normal 13px/22px "Lucida Sans Unicode", "Lucida Grande";
	color: #000;
	text-decoration:none;
}
.form-komentar label {
	font: normal 12px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #ccc;
	padding: 0 0 0 5px;
}
.form-komentar .w {
	float: left;
	clear: both;
	font: bold 0.8em Helvetica, Arial, sans-serif;
	overflow: hidden;
	margin-top: 3px;
	width:100%;
}
.form-komentar .w span {
	padding: 0 0 5px;
	float: left;
}
.form-komentar .input {
	border: 1px solid #999;
	border-bottom:none;
	margin: 0 0 0px 0;
	width: 95.7%;
	height: 10px;
	font: normal 14px/22px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	resize: none;
	color: #666;
	background: #fbf4e9;
	border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
	box-shadow: inset rgba(0,0,0,.4) 0 1px 1px;
	outline: none;
}
.form-komentar .input-after {
	border: 1px solid #999;
	border-bottom:none;
	margin: 0 0 0px 0;
	width: 95.7%;
	height: 10px;
	font: normal 14px/22px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	resize: none;
	color: #666;
	background: #fbf4e9;
	border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
	box-shadow: inset rgba(0,0,0,.4) 0 1px 1px;
	outline: none;
}
.form-komentar .w label {
	padding: 0;
}
.form-komentar-photo {
	width: 25px;
	height: 25px;
	overflow: hidden;
	float: left;
	margin-bottom: 5px;
}
.form-komentar-photo img {
	width: 25px;
	height: auto;
	overflow: hidden;
}
.form-komentar-arrow {
	width: 15px;
	height: 40px;
	background: url(../images/arrow-comment.png) right top no-repeat;
	float: left;
}
.submit-komentar {
	height: 30px;
	float: left;
	border: none;
	font: normal 13px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #000;
	margin: 0 5px;
	padding: 0px 15px;
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #d6d6d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #d6d6d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fefefe 0%, #d6d6d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fefefe 0%, #d6d6d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fefefe 0%, #d6d6d6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fefefe 0%, #d6d6d6 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d6d6d6', GradientType=0 ); /* IE6-9 */
}
.submit-area {
	width: 99.7%;
	height: 25px;
	overflow: hidden;
	background-color: #cccccc;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), color-stop(25%, #f0f0f0), to(#c5c5c5));
	background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: -moz-linear-gradient(top, #f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: -ms-linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: -o-linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#c5c5c5', GradientType=0);
	border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border: 1px solid #999;
}
.syarat-komentar {
	font: normal 12px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #000;
	padding: 5px;
	background: #fff;
	text-align: center;
	width: 120px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.defaultText {
	padding:2%;
}
.defaultTextActive {
	color: #ccc;
	font-style: italic;
	padding:2%;
}
.found-search {
	font: normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #fff;
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #464646;
	width: 780px;
}
/******************* Form komentar sub **************************/
.label {
	padding: 5px;
	font: normal 10px Arial, sans-serif;
	position: absolute;
	top: 0;
	left: 0;
}
.form-komentar-sub {
	padding: 10px 0px;
	width: 635px;
	overflow: hidden;
	background: #464646;
	margin: 0px 0 0 75px;
	position: relative;
}
.form-komentar-br {
	border-bottom: 1px dotted #cbcbcb;
	height: 1;
	width: 100%
}
.form-komentar-sub p {
	margin: 0 0 10px 0;
	float: left;
	clear: both;
	display: block;
}
.form-komentar-count {
	width: 140px;
	margin: 0 8px;
	font: normal 13px/22px "Lucida Sans Unicode", "Lucida Grande";
	text-align: left;
	color: #ccc;
	float: left;
}
.form-komentar-sub label {
	font: normal 12px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #ccc;
	padding: 0 0 0 5px;
}
.form-komentar-sub .w {
	float: left;
	clear: both;
	font: bold 0.8em Helvetica, Arial, sans-serif;
	color: #333;
	overflow: hidden;
	margin-top: 3px;
}
.form-komentar-sub .w span {
	padding: 0 0 5px;
	float: left;
}
.form-komentar-sub .input {
	border: 0px dotted #A5C2C8;
	padding: 8px 10px;
	margin: 0 0 0px 0;
	width: 710px;
	height: 10px;
	font: normal 14px/22px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	resize: none;
	color: #666;
	background: #e5e5e5;
	border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border: 0;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
	box-shadow: inset rgba(0,0,0,.4) 0 1px 1px;
	outline: none;
}
.form-komentar-comcou {
	border-bottom: 0px dotted #7e7e7e;
	float: right;
	font: normal 16px/24px 'OpenSansRegular', arial;
	margin-bottom:10px;
}
.form-komentar-link {
	font: normal 1em/1em 'OpenSansRegular', arial;
	margin-bottom:10px;
	border-bottom:1px solid #e2e2e2;
	padding:0px 0 10px;
	text-align:center;
	width:100%;
	display:none;
}
.form-komentar-sub .input-after-sub {
	border: 0px dotted #A5C2C8;
	padding: 8px 10px;
	margin: 0 0 0px 0;
	width: 635px;
	height: 10px;
	font: normal 14px/22px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	resize: none;
	color: #666;
	background: #e5e5e5;
	border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border: 0;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
	box-shadow: inset rgba(0,0,0,.4) 0 1px 1px;
	outline: none;
	position:relative;
	clear:both;
}
.form-komentar-sub .w label {
	padding: 0;
}
.form-komentar-photo {
	width: 25px;
	height: 25px;
	overflow: hidden;
	float: left;
	margin-bottom: 5px;
}
.form-komentar-photo img {
	width: 25px;
	height: auto;
	overflow: hidden;
}
.form-komentar-arrow {
	width: 15px;
	height: 40px;
	background: url(../images/arrow-comment.png) right top no-repeat;
	float: left;
}
.submit-komentar-sub {
	height: 30px;
	float: left;
	border: none;
	font: normal 13px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #000;
	margin: 0 5px;
	padding: 0px 15px;
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #d6d6d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #d6d6d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fefefe 0%, #d6d6d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fefefe 0%, #d6d6d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fefefe 0%, #d6d6d6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fefefe 0%, #d6d6d6 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d6d6d6', GradientType=0 ); /* IE6-9 */
}
.submit-area-sub {
	width: 635px;
	height: 25px;
	overflow: hidden;
	background-color: #cccccc;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), color-stop(25%, #f0f0f0), to(#c5c5c5));
	background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: -moz-linear-gradient(top, #f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: -ms-linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: -o-linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#c5c5c5', GradientType=0);
	border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-top: 1px dotted #a1a1a1;
}
.syarat-komentar {
	font: normal 12px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #000;
	padding: 5px;
	background: #fff;
	text-align: center;
	width: 120px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.m_tool_01 {
	padding: 5px 0 5px 0;
	border-bottom: dotted 1px #cbcbcb;
	cursor: pointer;
}
.m_tool_01 a {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #ccc;
	text-decoration: none;
}
.m_tool_01 a:hover {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: underline;
}
.m_tool_01 a:active {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: underline;
}
/***************** old comment **********************************/
.cangkang_master2011 {
	width: 996px;
	background: #999999;
	border: dotted 2px #dcd9d9
}
.cangkang_konten002 {
	background-color: #999999;
	padding: 10px 10px 10px 10px;
}
.content_kiri_detail {
	width: 655px;
	float: left;
	padding-left: 0px;
	padding-top: 5px;
}
.content_kanan {
	width: 300px;
	float: right;
}
/* CSS komentar for all */
.c_left {
	float: left;
}
.c_right {
	float: right;
}
.c_clearit {
	clear: both;
}
.n_clearit {
	clear: both;
}
.c_font10 {
	font-size: 10px;
}
.c_font11 {
	font-size: 11px;
}
.c_font12 {
	font-size: 12px;
}
.c_font14 {
	font-size: 14px;
}
.c_font16 {
	font-size: 16px;
}
.c_pd_5 {
	padding: 5px 5px 5px 0;
}
.c_pr_3 {
	padding-right: 3px;
}
.c_pr_15 {
	padding-right: 15px;
}
.c_pb_5 {
	padding-bottom: 5px;
}
.c_pb_10 {
	padding-bottom: 10px;
}
.c_pb_15 {
	padding-bottom: 15px;
}
.c_pb_20 {
	padding-bottom: 20px;
}
.c_pr_5 {
	padding-right: 5px;
}
.c_pr_10 {
	padding-right: 10px;
}
.c_pt_3 {
	padding-top: 3px;
}
.c_pt_5 {
	padding-top: 5px;
}
.c_pt_10 {
	padding-top: 10px;
}
.c_pt_20 {
	padding-top: 20px;
}
.c_pt_30 {
	padding-top: 30px;
}
.c_pl_80 {
	padding-left: 80px;
}
.c_lh18 {
	line-height: 18px;
}
.c_lh22 {
	line-height: 22px;
}
.c_w150 {
	width: 150px;
}
.c_w250 {
	width: 250px;
}
.c_w300 {
	width: 300px;
}
.c_w350 {
	width: 350px;
}
.c_w425 {
	width: 425px;
}
.c_w395 {
	width: 395px;
}
.c_w515 {
	width: 515px;
}
.c_h100 {
	height: 100px;
}
.c_h300 {
	min-height: 300px;
}
.border_kanan {
	border-right: 1px dotted #cbcbcb;
}
.bl_kom {
	border-bottom: 1px dotted #cbcbcb;
}
.bt_kom {
	border-top: 1px dotted #cbcbcb;
}
.c_mb_10 {
	margin-bottom: 10px;
}
.c_mb_15 {
	margin-bottom: 15px;
}
.c_mr_15 {
	margin-right: 15px;
}
.c_abu01_komen {
	color: #fff;
}
.c_abu01_komen a {
	text-decoration: none;
	color: #666;
}
.c_abu01_komen a:hover {
	text-decoration: underline;
}
.c_abu02_komen {
	color: #666;
	float:left;
}
.c_abu02_komen a {
	text-decoration: none;
	color: #808080;
}
.c_abu02_komen a:hover {
	text-decoration: underline;
}
.c_abu03_komen {
	color: #000;
}
.c_abu03_komen a {
	text-decoration: none;
	color: #fff;
}
.c_abu03_komen a:hover {
	text-decoration: underline;
}
.c_abu03_komen {
	color: #000;
}
.c_abu03_komen a {
	text-decoration: none;
	color: #fff;
}
.c_abu03_komen a:hover {
	text-decoration: underline;
}
.c_biru01_komen {
	color: #ccc;
	float:left;
	padding-right:10px;
}
.c_biru01_komen a {
	text-decoration: none;
	color: #006699;
	font-weight:bold;
}
.c_biru01_komen a:hover {
	text-decoration: underline;
}
.c_oranye01_komen {
	color: #fff;
}
.c_oranye01_komen a {
	text-decoration: none;
	color: #f57b1f;
}
.c_oranye01_komen a:hover {
	text-decoration: underline;
}
.c_merah01_komen {
	color: #fff;
}
.c_merah01_komen a {
	text-decoration: none;
	color: #666;
}
.c_merah01_komen a:hover {
	text-decoration: underline;
}
.page_komen a {
	font: bold 12px arial;
	color: #999;
	text-decoration: none;
	padding: 3px;
	display: inline;
}
.page_komen a:hover {
	color: #999;
	text-decoration: underline;
}
.page_komen a.aktif {
	color: #f66000;
	text-decoration: none;
}
.btn_tanggapi_komen a {
	background: url(../images/btn_tanggapi_komen.gif) 0px -42px;
	height: 20px;
	width: 70px;
	display: block;
}
.btn_tanggapi_komen a:hover {
	background: url(../images/btn_tanggapi_komen.gif) 0px 20px;
}
.btn_lapor_komen a {
	background: url(../images/btn_laporkan_komen.gif) 0px 0px;
	height: 20px;
	width: 71px;
	display: block;
}
.btn_lapor_komen a:hover {
	background: url(../images/btn_laporkan_komen.gif) 0px -21px;
}
.list_komen_nw ul {
	list-style: none;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}
.list_komen_nw li.main {
	padding: 12px 0px;
	border-bottom: dotted 1px #cbcbcb;
}
.list_komen_nw li.sub {
	padding: 12px 0px 13px 0px;
	margin-left: 70px;
	border-top: dotted 1px #cbcbcb;
}
.user_komen img {
	width: 45px;
	height: 45px;
	border: 0px;
}
.komen_list_1 {
	padding: 5px 10px 5px 20px;
}
.w_isikomen_main {
	width: 65%;
	overflow: auto;
}
.w_isikomen_sub {
	width: 58%;
}
.w_tool_komen {
	width: auto;
	margin-right: 0px;
}
.w_tool_komen-sub {
	width: auto;
	margin-right: 0px;
}
.m_tool_02 {
	padding: 5px 0 5px 0;
}
.m_tool_02 a {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #808080;
	text-decoration: none;
}
.m_tool_02 a:hover {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #ccc;
	text-decoration: underline;
}
.see_all_komen {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ccc;
	text-decoration: none;
}
.see_all_komen a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
}
.see_all_komen a:hover {
	text-decoration: underline;
}
.btn_komenlanjut a {
	background-color: #f2f7fa;
	padding: 1px;
	border: dotted 1px #a1bacc;
	width: 300px;
	height: 60px;
	padding: 10px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #ccc;
	text-align: center;
	text-decoration: none;
}
.btn_komenlanjut a:hover {
	text-decoration: underline;
}
.btn_jempol_up a {
	background: url(../images/btn_jempol_up.gif) 0px -39px;
	height: 19px;
	width: 18px;
	display: block;
}
.btn_jempol_up a:hover {
	background: url(../images/btn_jempol_up.gif) 0px 19px;
}
.btn_jempol_down a {
	background: url(../images/btn_jempol_down.gif) 0px -39px;
	height: 19px;
	width: 18px;
	display: block;
}
.btn_jempol_down a:hover {
	background: url(../images/btn_jempol_down.gif) 0px 19px;
}
.form_komen {
	margin: 0px;
	padding: 0px;
}
.contentLeftKompascom-alt2 {
	float: left;
	width: 780px;
	padding-right: 20px;
}

/* ============================================ e : komentar =========================================== */

/* secondary banner artikel */
.bannerRA {
	width: 300px;
	height: 250px;
	float: right;
}
.bannerR2A {
	width: 300px;
	height: 250px;
	float: right;
	margin-top: 20px;
}
.bannerR3A {
	width: 300px;
	height: 250px;
	float: right;
	margin-top: 20px;
}
.aktivitasA {
	width: 300px;
	height: 250px;
	background: #ccc;
	float: right;
	margin-top: 20px;
	overflow: hidden;
}
.aktivitasA img {
	width: 100%;
	height: auto;
}
.terbaruTerkomentari-artikelA {
	width: 300px;
	height: 400px;
	background: #fff;
	margin: 20px 0 0 0px;
	float: right;
	overflow: hidden;
}
.imgterbaruTerkomentariA {
	float: left;
	width: 55px;
	height: 55px;
	overflow: hidden;
}
.imgterbaruTerkomentariA img {
	width: 55px;
	height: 55px;
	overflow: hidden;
}
.listTerbarkom-artikelA {
	border-bottom: dotted 0px #dadada;
	padding: 9px 0;
}
.titleTerbakom-artikelA {
	float: left;
	padding-left: 10px;
	height: 36px;
	overflow: hidden;
	width: 210px;
}
.titleTerbakom-artikelA a {
	font: normal 0.75em/16px "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: inline-block;
	overflow: hidden;
}
.titleTerbakom-artikelA a:hover {
	text-decoration: underline;
}
.KatTitle-artikelA {
	font: normal 0.625em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #ff9900;
	padding-left: 10px;
	float: left;
	max-width: 220px;
}
.tabTerbaruA {
	padding: 0 10px;
}
.tabTerkomentari A{
	padding: 0 10px;
}
/* secondary banner artikel */