body { 
color: #303030; 
background:url("../images/pinstripe-light.png") repeat, linear-gradient(180deg, rgba(111,120,97,1) 0%, rgba(70,77,60,1) 100%);
/*background:#F90 url(../images/bg.gif) repeat-x; */
font: .72em Arial, Verdana, sans-serif; 
text-align: center; 
/*line-height: 1.4em; */
margin: 0 auto; 
}

/* --------------All The Pretty Things------------------------------  d0b20b    0d4f79*/

a { 
color: #0f72b1;
font-weight:bold;
text-decoration:none; 
background: inherit; 
}

a:hover { 
color: #0d4f79; 
background: inherit;
text-decoration:underline;
}

h2 {
font-size: 1.1em;
margin-left: 4px;
color: #0d4f79;
text-transform:uppercase; 
}

ul { 
margin: .6em 0; 
padding: 0;
}

.highlight {
color: #493829;
font-size:14px;
font-weight: bolder;
}

.highlighttwo {
color: #493829;
font-size:16px;
font-weight: bolder;
}

.image {
float: left;
clear: left;
background: #eee;
color: #000;
margin: 0 12px 10px 0;
}

.big { 
float:left; 
color:#24486C; 
font-size:50px; 
line-height:30px; 
padding: 4px 4px; 
font-family: "Century Gothic", times, Sans-Sherif; 
background:inherit; 
} 

/* --------------The Main Content------------------------------*/

#wrapper { 
width: 850px; 
background: #fff; 
margin: 0 auto;
padding:5px 10px; 
text-align: left;
border-left: 1px solid #666;
border-right: 1px solid #666; 
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

#header { 
width: 850px;
height: 50px; 
margin: 0 0 4px 0;
background:url(../images/headerkonvo.png) no-repeat;
border-bottom: 1px dotted #DCDBD5;

}

#header h1 {
float: left;
color: #fff;
margin: 15px 0 0 55px;
padding: 0;
font-size: 1.6em;
}

#pic{
margin-bottom: 6px;
width: 850px;
height: 250px;
background:#fff url(../images/ikonvo_website.png) no-repeat;
}

#quote {
float: right;
margin: 4px 22px 8px 8px;
color: #5e5e5e;
font: 17px  Georgia, "Times New Roman", Times, serif;
}

/* -----BOTH MENUES START HERE------------------------------*/

/* --------------Top Left Vertical Menu------------------------------*/

#leftmenu {
position: relative;
width: 300px;
height: 250px;
float: left;
clear:both;
}

#nav {
width: 300px;
padding: 0;
margin-bottom: 0px;
font-size: 10px;
font-family: Verdana;
color: #4E6172;
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#nav li {
border-bottom: 1px solid #fff;
margin: 0;
width: auto;
}

#nav li a {
display: block;
padding: 3px 0px 2px 15px;
color: #fff;
text-transform:uppercase;
font-weight:bold;
text-decoration: none;
width: auto;
background:#0d4f79 url(../images/menuarrow.gif) no-repeat center left;
}

#nav li a:hover {
color: #fff;
padding: 3px 0px 2px 30px;
background: #0f72b1 url(../images/menuarrowhover.gif) no-repeat center left;;
font-weight:bold;
}

/* --------------Horizontal Menu Starts Here------------------------------*/

			
#menu { 
clear: both; 
margin: 0 0 10px 0; 
padding: 7px 0 7px 10px; 
border-top: 1px dotted #DCDBD5;
}

#menu li { 
display: inline; 
}

#menu a { 
padding: 3px 3px; 
margin: 0 3px 0 3px; 
text-decoration: none; 
color: #0d4f79;
font-weight: bold; 
border-bottom: 4px solid #4E6172; 
}

#menu a:hover { 
border-bottom: 4px solid #83929F; 
color: #0d4f79;
}

/* --------------The Meat And Potatoes------------------------------*/

.clear {	
clear: both; 
margin: 0 0 2px 0; 
}

.box {
float: left;
width: 30%;
margin: 2px 0 0 14px;
background: #fff;
color: #303030;
padding: 2px 2px 0 4px;
border: #eee 1px solid;
}
	
.box h1 {
margin: 2px 0;
padding: 0;
color: #5e5e5e;
background: inherit;
font-size: 1.1em;
text-transform:uppercase;
}
		
.contentbox {
float: left;
width: 47%;
margin: 7px 7px;
background: #fff;
color: #303030;
border: #eee 1px solid;
padding: 4px 4px;
}

.fullbox {
float: left;
width: 97%;
margin: 7px 7px;
background: #fff;
color: #303030;
border: #eee 1px solid;
padding: 4px 4px;
font-size: 10px;
}

table td.body_outer {
	padding: 2px;
	border: 1px solid #eee;
	font-size: 10px;
}

table td.body_kaler{
	padding: 2px;
	border: 1px solid #eee;
	font-size: 11px;
	background-color:#0f72b1;
	color:#FFFFFF
}

table td.body_kaler2{
	padding: 2px;
	border: 1px solid #eee;
	font-size: 11px; 
	font-weight: bold; 
	background-color:#2F5E8C;
	color:#333300
}

table td.body_kaler3{
	padding: 2px;
	border: 1px solid #eee;
	font-size: 11px; 
	font-weight: bold; 
	background-color:#0084C4;
	color:#4A5C01
}

table td.body_kaler4{
	padding: 2px;
	font-size: 11px;
	color:#2B0000
}

.link { 
border-top: 1px solid #eee; 
padding: 2px 0;
}
			
.data { 
background: #fff; 
color: #24486C; 
padding: 2px 5px; 
margin: 8px 8px;
border: #eee 1px solid;
}


#resources {
clear: both;
background: #fff;
padding: 5px 5px;
margin: 0 0 5px 0;
color: #000;
}


.resources {
float: left;
margin: 2px 0 0 12px;
width: 28%;
padding: 0 0px 0 25px;
border: #eee 1px solid;
}	

#resources2 {
clear: both;
background: #fff;
padding: 5px 5px;
margin: 0 0 5px 0;
color: #000;
}


.resources2 {
float: left;
margin: 2px 0 0 12px;
width: 45%;
padding: 0 0px 0 25px;
border: #eee 1px solid;
}	

#footer { 
margin: 20px 10px; 
text-align: center; 
}

.font11{
	style: font-size:11px;
}


/*CSS dari pkb asal*/

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.moduletable th {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 18px;
	font:"Arial Black";
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

table.content_table {
  width: 100%;
	padding: 0px;
	margin: 0px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 1px;
  color: #666;
  text-transform:uppercase;
  font-size: 11px;
  font-weight: bold;
  border-top: 1px solid #efefef;
}


/* --------------hoklain doh-----------------------------*/

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 10px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #C28787;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(../images/shadeactive.gif);
border-bottom-color: white;
color: #984E4E;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

.button {
  color: #613232;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
 /* background: url(../images/button_bg.png) repeat-x;*/
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 18px;
  height: 24px !important;
  height: 22px;
  margin: 1px;
}

@media print {
.tabcontent {
display:block !important;
}
}