/* General Style Info */
body, html {
	background-color: #EEEEEE;
	color: #464646;
	font-family:arial,sans-serif;
	font-size:11px;
	margin: 0;
}

#container p {
	padding-top: 0px;
	margin-top: 0px;
}

/* Layout */
#container {
	background-color: #FFF;
	width: 1000px;
	margin: auto;
}

#footer {
	height: 25px;
	padding: 0px;
	margin: 0px;
	border:#ccc solid 1px;
	
}

img {
	border: 0px none;
}

#navigation {
	padding: 20px 0 0 15px;
	font-size: 11px;
}

#navigation td.section_logo {
	width: 44px;
}

#navigation td {
	padding: 0px;
	height: 45px;
	font-weight: bold;
}

#home_navigation {
	padding: 5px 0 5px 25px;
	line-height: 240%
}

#left_content {
	vertical-align: top;
	width: 184px;
	border-left:#ccc solid 1px;
	border-right:#DDD solid 1px;
	padding-bottom:20px;
}

#main_international_navigation, #main_foundation_navigation {
	vertical-align: bottom;
	height: 100px;
	padding-bottom: 20px;
}

#main_trading_navigation {
	vertical-align: bottom;
	height: 100px;
	padding-bottom: 20px;
}

#main_maritime_navigation {
	vertical-align: bottom;
	height: 100px;
	padding-bottom: 20px;
}


#main_international_content {
	width: 593px;
	vertical-align: top;
}

#main_trading_content {
	width: 593px;
	vertical-align: top;
}

#main_maritime_content {
	width: 593px;
	vertical-align: top;
}

#main_foundation_content {
	width: 807px;
	vertical-align: top;
	border-right:#DDD solid 1px;
}


#content {
	font-size: 1.1em;
	width: auto;
	overflow: auto;
	padding: 0 10px 0 10px;
	margin: 5px 0;
	line-height: 150%
}

#foundation_content {
	font-size: 1.1em;
	width: 790px;
	overflow: auto;
	padding: 0 10px 0 0;
	margin: 5px 0;
	line-height: 150%
}

#content a, #foundation_content a{
	color: #0E3A72;
	text-decoration: underline;
}

.bordered td {
	border-bottom: 1px solid #fff;
}

#right_international_content {
	vertical-align: top;
	padding: 10px 15px 0 15px;
	border-left:#DDD solid 1px;
	border-right:#ccc solid 1px;
	width: 208px;
}

#right_trading_content {
	vertical-align: top;
	padding: 10px 15px 0 15px;
	border-left:#DDD solid 1px;
	border-right:#ccc solid 1px;
	width: 208px;
}

#right_maritime_content {
	vertical-align: top;
	padding: 10px 15px 0 15px;
	border-left:#DDD solid 1px;
	border-right:#ccc solid 1px;
	width: 208px;
}
div#logo {
	padding-top: 20px;
	padding-left: 15px;
	text-align: left;
	width: 100%;
}

#path {
	padding: 5px 5px 5px 0;
	text-align: left;
	padding-left:20px;
	color: #999;
	border-bottom : #ddd solid 1px;
}

#subnavigation {
	padding: 0;
	background: #EEE;
	height: 25px;
	line-height:25px;
	padding-left: 20px;
	font-size: 12px;
	color:#60A626;
	border-bottom : #EEE solid 3px;
}
#subnavigation a {
	color:#60A626;
}
#subnavigation a.sub_international:hover, #subnavigation a.sub_foundation:hover {
	color: #666;
}

#current_page_international, #current_page_foundation {
	color: #666;
}

#subnavigation a.sub_trading:hover {
	color: #666;
}

#current_page_trading {
	color: #666;
}

#subnavigation a.sub_maritime:hover {
	color: #666;
}

#current_page_maritime {
	color: #666;
}

#subnavigation a.sub_international:hover, #subnavigation a.sub_foundation:hover {
	color: #666;
}

#current_page_international, #current_page_foundation {
	color: #666;
}

#subnavigation a.sub_trading:hover {
	color: #666;
}

#current_page_trading {
	color: #666;
}

#subnavigation a.sub_maritime:hover {
	color: #666;
}

#current_page_maritime {
	color: #666;
}

.smaller {
	font-size: x-small;
}

.large {
	font-size: large;
}

#search {
	width: 100%;
	text-align: right;
}

#stock {
	font-size: larger;
	border-top: 1px solid #747178;
	border-right: 1px solid #747178;
}

#stock td, #stock th {
	color: #0E3A72;
	padding: 2px 2px;
	border-bottom: 1px solid #747178;
	border-left: 1px solid #747178;
}

#stock th {
	font-weight: bold;
}

#stock td.green {
	background-color: #BFDBA8;
}

#stock td.listing_date {
	text-align: center;
	font-size: smaller;
}

a {
	color: #646464;
	text-decoration: none;
}

h2 {
	font-size: 1.4em;
	margin: 3px 0 3px 0;
}

#path a {
	color: #999;
}
#path a:hover {
	color: #60A626;
}

.news {
	padding: 5px 0 2px 0;
}

.news a {
	font-size: small;
}

#news_archive {
	padding: 0px 0 5px 0;
	font-size: small;
	font-weight: bold;
}
.list-berita {
	display: block;
	float: left;
	border-bottom : #999 solid 1px;
	margin-bottom:20px;
}
.image {
	padding: 25px 20px 10px 10px;
}

.product {
	vertical-align: top;
	float:right;
	width: 420px;
}

.product ul, #content td ul {
	margin-left: 20px;
	margin-top: 7px;
	padding: 0px;
}
.product li, #content td li {
	margin:0px;
	padding:0px;
}

#content td {
	/*vertical-align: top;*/
}

.vessel {
	vertical-align: top;
	float:right;
	width: 380px;
}

#content hr {
	margin: 15px 0;
}

/* Color */
.trada_bg_green {
	background-color: #74AD06;
}

.trada_bg_blue {
	background-color: #004A9C;
}

.trada_c_white {
	color: #fff;
}

.trada_c_blue {
	color: #004A9C;
}

/* Paging */
div.paging {
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}
.pagetitle {
	font-size: 22px;
	color: #60A626;
	margin-left:10px;
	font-weight:bold;
}
.subtitle {
	font-size: 14px;
	color: #124584;
	font-weight:bold;
}
/*begin menu dong ah*/
#pad {height:130px;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#dropline {padding:0 0 0 30px; margin:0 0 0 90px; list-style:none; height:30px; background:url(img/ulback.jpg) repeat-x; position:relative;}
#dropline table {border-collapse:collapse: width:0; height:0; margin:-3px -10px;}

#dropline li {float:left;}
#dropline li a {display:block; height:30px; line-height:30px; padding:0 20px 0 0; float:left; color:#fff; text-decoration:none; font-size:12px;}
#dropline li a b {display:block; height:30px; float:left; padding:0 0 0 20px; cursor:pointer;}
#dropline li a:hover {background:url(../img/tab_a.jpg) no-repeat right top; line-height:30px; height:30px}
#dropline li a:hover b {background:url(../img/tab_b.jpg) no-repeat left top; line-height:30px;}

#dropline li:hover > a {background:url(../img/tab_a.jpg) no-repeat right top; line-height:30px; height:30px}
#dropline li:hover > a b {background:url(../img/tab_b.jpg) no-repeat left top; line-height:30px;}

#dropline ul {padding:0; margin:0 0 0 30px;; list-style:none; position:absolute; height:25px; width:auto; background:#397655; left:-9999px; top:30px; z-index:10;}
#dropline ul li {height:25px; line-height:25px;}
#dropline ul.right li {float:right;}
#dropline ul li a {color:#FFF; padding:0 10px 0 10px; height:25px; line-height:25px; border-right:1px solid #60A626; font-weight:bold; font-size:11px;}
#dropline ul li a:hover {height:25px; line-height:25px; background:transparent; color:#95E255;}
#dropline ul.right li a {border-left:1px solid #60A626; border-right:0;}
#dropline ul li a.last {border:0;}

#dropline :hover ul {left:0;}

#dropline li.current ul {left:0; z-index:1;}
#dropline li.current a {background:url(img/tab_a.jpg) no-repeat right top; line-height:30px; height:30px}
#dropline li.current a b {background:url(img/tab_b.jpg) no-repeat left top; line-height:30px;}
#dropline li.current ul li a {color:#000; padding:0 10px 0 10px; height:25px; line-height:25px; background:transparent;}
#dropline li.current ul li.current_sub a {color:#c60;}
#dropline li.current ul li a:hover {color:#c60;}

/*===== End Menu ========*/

table.garis {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #ccc;
	border-collapse: collapse;
}
table.garis th {
	border-width: 0px;
	padding: 0px;
	border-style: inset;
	border-color: #DDD;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.garis td {
	border-width: 0px;
	padding: 0px;
	border-style: inset;
	border-color: #DDD;
	-moz-border-radius: 0px 0px 0px 0px;
}

.strip {
	display: block;
	border-bottom: 1px solid #DDD;
	width: auto;
}
.management-image {
	padding: 0px 10px 0px 10px;
	display: block;
	float : left;
	width : 150px;
}
.management-desc {
	display: block;
	float: left;
}

/*==============videolightbox================*/
#videogallery {
	width:100%;
	zoom:1;
}
#videogallery span{ display:block; }
#videogallery a{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	margin:3px;
	width:208px;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	opacity:0.87;
}
#videogallery a img{
	display:block;
	border:none;
	margin:0;
}
#videogallery a:hover{
	opacity:1;
}
/* the overlayed element */
div#voverlay {
	
	/* growing background image */
	background-image:url(../img/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:480px;
	height:360px;
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:35px;
}

/* default close button positioned on upper right corner */
div#voverlay div.close {
	background-image:url(../img/close.png);
	position:absolute;
	left:5px;
	top:5px;
	cursor:pointer;
	height:30px;
	width:30px;
}

div#vcontainer{
	left:0;
	top:0;
	width:100%;
	height:100%;	
	background:url(../img/loading.gif) no-repeat 50% 50%;
}
.rakika { 
	text-align:justify;
	}
.img-border {
	  padding:10px;
    background-color:#DDDDDD;
    border: #CCCCCC solid 1px;
}