@font-face {font-family: 'Conv_HelveticaNeueLTPro-MdCn';src: url('../fonts/HelveticaNeueLTPro-MdCn.eot');	
src: local('☺'), url('fonts/HelveticaNeueLTPro-MdCn.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-MdCn.ttf') format('truetype'), 
url('../fonts/HelveticaNeueLTPro-MdCn.svg') format('svg');}

/*body { font-family:Helvetica,'Conv_HelveticaNeueLTPro-MdCn',Arial; font-size:12px; color:black; margin:0; padding:0; background:none; background-image:url('../images/headerbg.jpg'); background-repeat: repeat-x;}*/
body { font-family:Helvetica,'Conv_HelveticaNeueLTPro-MdCn',Arial; font-size:12px; color:black; margin:0; padding:0; background:none;}

#maincontainer {width:1000px;margin:0 auto;	background-color:white;}

#topmenu {float: right;width:780px;	margin: 0 0 0 0px;	padding: 0 0 0 0;display:block;	text-align:right;}
#topmenu ul {margin: 0 0 0 0;padding: 3px 0 0 0;font-size: 10px;color: white;}
#topmenu ul li {list-style-type: none;display: inline;padding: 0; margin-left: 15px;}
#topmenu ul li a {text-decoration: none;color: white;}
#topMenu ul li a:hover {text-decoration: none;color: #1492b7;}

/*------------------------------------- start header bi&bm ----------------------------------------------*/
#header {width:1000px;height:181px;	background-image:url('../images/header.jpg');background-repeat:no-repeat;}
#headerbm {width:1000px;height:181px;	background-image:url('../bm/images/header.jpg');background-repeat:no-repeat;}

#headersports {width:1000px;height:181px; background-image:url('../images/s-header.jpg');background-repeat:no-repeat;}

#headerPci {width:1000px;height:181px; background-image:url('../images/header_perspectives.jpg');background-repeat:no-repeat;}
#headerPcibm {width:1000px;height:181px; background-image:url('../bm/images/header_perspectives.jpg');background-repeat:no-repeat;}

#headerprc {width:1000px;height:181px; background-image:url('../images/header-chempaka-bi.jpg');background-repeat:no-repeat;}
#headerprcbm {width:1000px;height:181px; background-image:url('../bm/images/header-chempaka-bm.jpg');background-repeat:no-repeat;}

#headerprkrompin {width:1000px;height:181px; background-image:url('../images/header-prkpr-bi.jpg');background-repeat:no-repeat;}
#headerprkrompinbm {width:1000px;height:181px; background-image:url('../bm/images/header-prkpr.jpg');background-repeat:no-repeat;}
/*-------------------------------------- end header bi&bm -----------------------------------------------*/
	
#left_header {float:left; margin-left:110px; width:450px; margin-top:50px;}
.language {float:left; margin-top:30px; font-size:12px; font-weight:bold; color:white;}
.language a:link {color:white; text-decoration:none;}
.language a:visited {color:white; text-decoration:none;}
.language a:hover {color:white; text-decoration:none;}
.language a:active {color:white; text-decoration:none;}

#top_fb {float:right; margin-right:0px; margin-top:-23px; }

#top_twitter {float:right; margin-right:-50px; margin-top:-23px; }

#top_ig {float:right; margin-right:-100px; margin-top:-23px; }

#topBanner {float:right; width:307px; margin-right:17px; margin-top:10px;}

/*-------------------------------------- start menu bar --------------------------------------------------*/
#menuh-container { width: 1000px; padding-top:120px; left:0px; bottom:0px; }
#menuh { background-color: #BB0000; width:100%;	float:left;	font-family:Helvetica,'Conv_HelveticaNeueLTPro-MdCn',Arial; font-size:12px; font-weight:bold; }
#menuh a { text-align: center; display:block; white-space:nowrap; margin:0; padding: 0.3em 0.5em 0.3em 0.5em; }
#menuh a:link { color: white; background-color: #BB0000;	text-decoration:none; }
#menuh a:visited { color: white; background-color: #BB0000;	text-decoration:none; }
#menuh a:active { color: white; background-color: #BB0000;	text-decoration:none; }
#menuh a:hover { color: white; background-color: #000000; text-decoration:none;	}	
#menuh a.top_parent { background-image: url(navdown_white.gif); background-position: right center; background-repeat: no-repeat; padding: 0.3em 0.7em; }
#menuh a.top_parent:hover { background-image: url(navdown_white.gif); background-position: right center; background-repeat: no-repeat; padding: 0.3em 0.7em; }
#menuh a.parent { text-align: left; background-image: url(nav_white.gif); background-position: right center; background-repeat: no-repeat; font-size: 11px; }
#menuh a.parent:hover { text-align: left; background-image: url(nav_white.gif); background-position: right center; background-repeat: no-repeat; font-size: 11px; }
#menuh ul { list-style:none; margin:0px; padding:0px; float:left; min-width: 1em; }
#menuh li { position:relative; min-height: 1px; vertical-align: bottom; }
#menuh ul ul { position:absolute; z-index:500; top:auto; display:none; padding: 1em; margin:-1em 0 0 -1em; }
#menuh ul ul ul { top:0; left:100%; }
div#menuh li:hover { cursor:pointer; z-index:100; }
div#menuh li:hover ul ul, div#menuh li li:hover ul ul, div#menuh li li li:hover ul ul, div#menuh li li li li:hover ul ul { display:none; }
div#menuh li:hover ul, div#menuh li li:hover ul, div#menuh li li li:hover ul, div#menuh li li li li:hover ul { display:block; }
#menuh li a.selected { position:relative; min-height: 1px; color: white; background-color: #000000; text-decoration:none; text-align: center; }
/*------------------------------------------- end menu bar ----------------------------------------------*/

#microsite { width:700px; margin: 0 0 0 10px; padding: 0 0 0 0; display:block; text-align:left; float:left; }
#microsite  ul { margin: 0 0 0 0;padding: 0 0 0 0;font-size: 12px;color: #373737; }
#microsite  ul li { list-style-type: none;display: inline;padding: 0; margin-left:5px;color:#373737; }
#microsite  ul li a { text-decoration: none;color:#373737; }
#microsite  ul li a:hover { text-decoration: none;color: red; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
#microsite {
	margin-top: 0px; /* This works only in Safari and Google Chrome */
}
}

#search1{float:right; width:300px; margin-top:-19px;}

#breakingNews { width:1000px;}
.left_breakingNews { float:left;	width:239px; background-color:#000000; }
.right_breakingNews { float:left; width:761px; background-color:#000000;height:29px; }
.text_breakingNews { font:bold 14px Arial; color:#fff717; margin-top:5px; }

#news_wrapper{ width:1000px; }
	
/*------------------------------------start left-----------------------------------------*/  
#left {	width:490px; float:left; margin-left:0; margin-top:10px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
#left {
	margin-top: 0px; /* This works only in Safari and Google Chrome */
}
}

#Box_News {	margin-top:15px; margin-bottom:0;}
.boxMainNewsTitle { width:460px; float:left; margin-top:20px;}
.mainNewsTitle { width:460px; font-size :12px;	font-weight:bold;	margin-bottom:0;	text-align:left;}
.mainNewsTitle a:link {color:red; text-decoration:none;}      /* unvisited link */
.mainNewsTitle a:visited {color:red; text-decoration:none;}  /* visited link */
.mainNewsTitle a:hover {color:#000; text-decoration:none;}  /* mouse over link */
.mainNewsTitle a:active {color:red; text-decoration:none;}  /* selected link */

.superNewsTitle { width:460px; font-size :18px;	font-weight:bolder;	margin-bottom:0;	text-align:left; font-family:Arial, Helvetica, sans-serif;}
.superNewsTitle a:link {color:red; text-decoration:none;}      /* unvisited link */
.superNewsTitle a:visited {color:red; text-decoration:none;}  /* visited link */
.superNewsTitle a:hover {color:#000; text-decoration:none;}  /* mouse over link */
.superNewsTitle a:active {color:red; text-decoration:none;}  /* selected link */


.greydot {width:460px;border-bottom: 1px dotted #a5a5a5; }

.NewsText {	width:460px; text-align:justify; }

.archiveList { width:460px; font-size :14px; margin-bottom:10px;	text-align:left;}
.archiveList  a:link {color:#000; text-decoration:none; margin-bottom:10px;}      /* unvisited link */
.archiveList  a:visited {color:#000; text-decoration:none;}  /* visited link */
.archiveList  a:hover {color:#0196fa; text-decoration:none;}  /* mouse over link */
.archiveList  a:active {color:#000; text-decoration:none;}  /* selected link *

/*------------------------------------start right-----------------------------------------*/  
#right { width:510px; float:right; margin-right:0px; margin-top:0px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
#right {
	/*margin-top: -18px;*/ /* This works only in Safari and Google Chrome */
	margin-top: 0px; /* This works only in Safari and Google Chrome */
}
}

.search1 {	text-align:right;}

#inner_left{ width:240px; float:left; background-color:#f3f3f5; margin-left:-10px; padding:10px 10px 10px 10px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
#inner_left {
	margin-top: -2px; /* This works only in Safari and Google Chrome */
}
}

.boxList { width:240px; float:right; margin-top:0; text-align:justify;}
.titleList { width:240px; font-size:11px; margin-bottom:5px; text-align:left; }
.titleList ul{ list-style-type:none; padding:0; margin-bottom:5px; }
.titleList ul li{ background-image:url(../images/bullet_red.png); background-repeat:no-repeat; background-position:0 0; padding-left:0px; padding-bottom:5px;}
.titleList  a:link {color:#000; text-decoration:none;}      /* unvisited link */
.titleList  a:visited {color:#000; text-decoration:none;}  /* visited link */
.titleList  a:hover {color:#db0303; text-decoration:none;}  /* mouse over link */
.titleList  a:active {color:#000; text-decoration:none;}  /* selected link */

#inner_right{ width:260px; float:right; margin-right:-5px; }
/*------------------------------------end right------------------------------------------*/

/*-----------------------------start footer----------------------------------------------*/
#textAds {	text-align:center; font-size:11px;  font-weight:bold; }
#textAds  a:link {color:#1b5ba2; text-decoration:none;}  
#textAds  a:visited {color:#1b5ba2; text-decoration:none;}  
#textAds  a:hover {color:#4b85da; text-decoration:none; background:black;}  
#textAds  a:active {color:#1b5ba2; text-decoration:none;} 

#footer { width:1000px; height:153px; margin:0 auto; padding:0 0 0 0; background-color:#f6f6f6;}
.footerL { float:left; width:730px; margin-top:10px; margin-right:5px; text-align:right; }	
.footerR { float:right; }

#footerText { font-size:11px; color:#282828; }
#footerText a { color:black; text-decoration: none; }
#footerText a:hover { color:red; text-decoration: none; }

#footerTextRed { color:red; }
/*-----------------------------end footer------------------------------------------------*/	

/*-----------------------------start misc------------------------------------------------*/
.clear {
	clear:both;
    height:10px;
    font-size: 1px;
    line-height: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.clear {
	height: -10px; /* This works only in Safari and Google Chrome */
}
}

.clear2 { line-height: 65px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
.clear2 {
	line-height: 60px; /* This works only in Safari and Google Chrome */
}
}

#newsPic {
	/*background-color: #efefef;*/
	width: 300px;
	margin: 0 5px 5px 0;
	padding: 0;
	float: left;
	height:255px;
}

.m_banner_hide{
	display:none;
}
.m_banner_show{
	display:block;
}

.bannerinnews {  /*banner atas dalam news*/
	margin-left:0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.bannerinnews {  /*banner atas dalam news*/
	margin-left: -20px; /* This works only in Safari and Google Chrome */
}
}
/*-----------------------------end misc--------------------------------------------------*/

/*------------------------------start pagination-----------------------------------------*/  
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #9aafe5;
	text-decoration: none; /* no underline */
	color: #2e6ab1;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #2b66a5;
	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #2b66a5;
	font-weight: bold;
	background-color: #2e6ab1;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid gray;
	color: gray;
}
/*------------------------------end pagination-----------------------------------------*/  

/*----------------------------- start subMain ------------------------------------------*/

h1{ margin: 0 10px 10px 0; color:black; font-size: 22px; font-weight: bold; text-align:left; text-decoration:none; }

h2{ margin-top:0px; margin-bottom:0px; color:red; font-size: 16px; font-weight: bold; text-align:left; text-decoration:underline; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
h2 {
	margin-top:10px; /* This works only in Safari and Google Chrome */
}
}

h3{ margin-top:0px; color:red; font-size: 14px; font-weight: bold; text-align:left; text-decoration:underline; }

/*----------------------------- end subMain ------------------------------------------*/

#newsPic2 {
	background-color: #efefef;
	width: 300px;
	margin: 0 5px 5px 0;
	padding: 5px;
	float: left;
	font-size: 10px;
}

#newsPic3 {
	background-color: #efefef;
	width: 150px;
	margin: 0 5px 5px 0;
	padding: 5px;
	float: right;
	font-size: 10px;
}

#newsPic4 {
	background-color: #efefef;
	width: 200px;
	margin: 0 5px 5px 0;
	padding: 5px;
	float: left;
	font-size: 10px;
}

#ad002 {
	margin: 2px 0 5px 0;
	text-align: center;
}

#ad002sports {
	margin: -19px 0 5px 0;
	text-align: center;
}

#ad002sports2 {
	margin: -27px 0 5px 0;
	text-align: center;
}

#ad002sports3 {
	margin: -16px 0 5px 0;
	text-align: center;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#ad002sports {
	margin-top: -9px; /* This works only in Safari and Google Chrome */
}
#ad002sports2 {
	margin-top: -11px;
}
#ad002sports3 {
	margin-top: -4px;
}
}

#left_newsletter {	float:left; margin-top:30px; width:297px; height:409px;}

#right_newsletter{	float:right; width:610px;  margin-top:0;}
.right_newsletter1{	float:left; width:305px;}
.right_newsletter2{	float:right; width:305px;}

#archive_newsletter{	float:left; width:800px;  margin-top:0;}
.archive_newsletter1{	float:left; width:400px;}
.archive_newsletter2{	float:right; width:400px;}

#title2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	float: right;
	width: 200px;
	margin-left:10px;
	margin-top:10px;
	font-weight:bold;
	
}

#content {
	width:300px;
	height : 120px;
	
	border-bottom:dotted 1px #d1d1d1;
	margin-left: 10px;
}

#cover {
	float: left;
	width: 80px;
	padding-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}

#headArchivedVersion {
	font-size: 14px;
	float: left;
	width: 600px;
	height: 20px;
	margin-right: 0;
}

#headArchivedVersion ul{
	list-style-type: none;
	margin: 5px 0 0 5px;
	padding: 0;
}

#headArchivedVersion ul li{
	padding: 0;
	display: inline;
}

#headArchivedVersion ul li a{
	color: black;
	text-decoration: none;
	font-weight: normal;
}

#headArchivedVersion ul li a:hover {
	color: black;
	text-decoration: underline;
	font-weight: normal;
}

.feedback {float:right; margin-left:80px; margin-top:10px; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.feedback a:link {color:#2983d0; text-decoration:none;} 	/* unvisited link */
.feedback a:visited {color:#2983d0; text-decoration:none;} 	/* visited link */
.feedback a:hover {color:#2c2c2c; text-decoration:none;} 	/* mouse over link */
.feedback a:active {color:#2983d0; text-decoration:none;} 	/* selected link */

.feedback2 {float:right; margin-right:20px; margin-top:10px; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.feedback2 a:link {color:#2983d0; text-decoration:none;} 	/* unvisited link */
.feedback2 a:visited {color:#2983d0; text-decoration:none;} 	/* visited link */
.feedback2 a:hover {color:#2c2c2c; text-decoration:none;} 	/* mouse over link */
.feedback2 a:active {color:#2983d0; text-decoration:none;} 	/* selected link */

#newsCat {
	color: red;
}

.bursa { border-collapse: collapse; margin-bottom:5px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
.bursa {
	 border-collapse: collapse; margin-top:7px; /* This works only in Safari and Google Chrome */
}
}

/* start inforgraphic */
#containerI {
	width: 1100px;
	margin:0 auto;
}

#leftI {
	width: 700px;
	float:left;
	margin-top:8px;
}

#inner_leftI {
	width :350px;
	float:left;
}

#inner_rightI {
	width :350px;
	float:right;
}

#textI {margin-left:0px; }

#textI1 {	color:black; font-weight:bold; margin-left:0px; padding-top:45px; text-align:left; }
#textI1 a:link {color:c83514; text-decoration:none; }      /* unvisited link */
#textI1 a:visited {color:black; text-decoration:none;}  /* visited link */
#textI1 a:hover {color:black; text-decoration:none;}  /* mouse over link */
#textI1 a:active {color:black; text-decoration:none;}  /* selected link */

#textI2 {	color:black; font-size:20px;font-weight:bold; margin-left:0px; text-align:left; }

#text3 { font-weight:bold; font-size:14px;}

#picI {	float: left; margin: 0 15px 0 0;	border: 0;}

#rightI { width:250px; float:right; margin-right:0px; margin-top:0px; }

.clearI {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;

}
/* end infographic */

/* start related news */
#spacing2 {
	height: 2px;
	margin: 0 0 8px 0;
	border-bottom: 1px #efefef solid;
}

p#relatedNewsTitle {
	font-size: 12px;
	font-weight: bold;
	color: red;
	margin: 10px 0 0 0;
}

p#relatedNewsTitle2 {
	margin: 5px 0 5px 2px;
}

p#relatedNewsTitle2 a {
	font-size:11px;
	font-weight: normal;
	color: #336699;
	text-decoration: none;
	background: url('../images/bullet_merah_kotak.png') no-repeat top left;
	padding-left: 20px;
	display: inline;
}

p#relatedNewsTitle2 a:hover {
	font-size:11px;
	font-weight:normal;
	color: maroon;
	text-decoration:underline;
	margin: 0;
}
/* end related news */