/* Skeleton Cascading Stylesheet */
fieldset {margin:1em 0;
padding: 1em;
border: 1px solid #ccc;}

fieldset { border:1px solid #CCC;clear:both;}
legend { font-size:14px;font-weight:bold; color:#BC0000;}

label {float: left;
width: 150px;}
/* Skeleton Cascading Stylesheet */

/* added: HRY@Lui */
.red { color: rgb(255,0,0) }
.ass_dropdown { width: *; min-width: 85%; font: normal 12px "Trebuchet MS";}


body { margin: 0 auto; padding: 0 auto; font: normal 14px "Trebuchet MS"; color: #666; }
#wrapper { width: 80%; height: auto; margin: 0 auto; padding: 0; }

/* Skeleton MISC */
.kill { clear: both; }
.right { float: right; }
.left { float: left; }
.cleaer{ clear:both;}
.border{border: solid 1px #CCC; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.padding_content{ padding:10px;}
a{text-decoration:none; color:#000;}
a:hover{ text-decoration:underline;}
h2 {font: 2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FF931E; }
h3 { font-size:12px; line-height:14px; font-weight: normal; }
h3 a{ text-decoration: none; }
.style3 {color:#000000; padding:5px;}

/* Skeleton Header Section */
#header { width: 100%; height: 150px; margin: 0 auto; padding: 10px 0 10px 0; background: #F5F5F5; } /*lebar header*/
#logo { width: 450px; height: 80px; margin: 0; padding: 0; float: left; }
#userpanel { width: 400px; height: 80px; margin: 0; padding: 0; float: right;  }

/* Skeleton Bar Section */
#bar { width: 100%; /*height: 20px;*/ margin: 0 0 10px 0; padding: 5px 0 5px 0;  }
#date { width: 200px; height: 20px; margin: 0; padding: 0; float: left; }
#lang { width: 200px; height: 20px; margin: 0; padding: 0; float: right; text-align: right; }

/* Skeleton Content */
#left_column { width: 40%; height: auto; margin: 0; padding: 0; float: left; }
#right_column { width: 56%; height: auto; margin: 0; padding: 0px; float: right; }
#left_box {  height: auto; margin: 0 0 10px 0; }


/* coloumn */
.coloumn1 { width:100%; height: auto; margin:0 0 10px 0; padding: 0px; }
.coloumn2 { width:49%; height: auto; margin:10px 0; padding: 0px; }
.coloumnIndent{ margin:10 0 10px 0; padding: 10px;}

/* box content */
#box_content { height: auto; margin: 0; /*padding: 10px;*/ border: solid 1px #CCC; }
#box_header { height: auto; margin: 0; padding: 10px; background: #CCC; border: solid 1px #CCC; color:#000; font-weight:bold; font-size:14px; }
#box_link { height: auto; margin: 0 0 10px 0; padding: 5px 10px 5px 10px; border: solid 1px #CCC; text-align: right; }
#box_blank{height: auto; margin: 0; padding: 0px 0px 10px 0;}
#box_footer{border-bottom: solid 1px #CCC; margin-bottom:5px;}

/* Skeleton Footer */
#footer { width: 100%; height: 20px; margin: 20px 0 10px 0; padding: 5px 0 5px 0; border-top: solid 3px #FF931E;  }



#listitem ul { list-style: none; padding: 5px 0 5px 0; }
#listitem ul li {
    padding: 0 0 0 22px;
    line-height: 1.5em;
    color: #959ED6;
    background: url(../images/bullet-normal.gif) no-repeat 0 6px;
}
#listitem ul li:hover { background: url(../images/bullet-hover.gif) no-repeat 0 6px; }
#listitem ul li a { padding: 0; font-size:12px; font-family:"Trebuchet MS", Verdana, sans-serif; }
#listitem ul li a:hover { padding: 0; font-size:12px; font-family:"Trebuchet MS", Verdana, sans-serif; }

.top_search{width:270px;height:32px;margin:9px 0px;_margin:0px 10px 0 0;float:right;background:url(../images/search.gif) no-repeat center;}
input.search_input{width:160px;height:18px;float:left;margin:5px 0 0 0;border:1px solid #dbdbdb;border-bottom-color:#ffffff;border-right-color:#ffffff;}
.search_text{float:left;width:60px;padding:8px 0 0 15px;color:#000;}
.search_text a{text-decoration:none;color:#000;}
.search_bt{float:left;padding:2px 0 0 5px;}

#top-navigation { float:right; white-space:nowrap; color:#fff; padding-top:15px; margin-right:10px;color:#000; }
#top-navigation a{ color:#000; }
#top-navigation span{ color:#000; }

table .on_top_menu{
width:194px;
}

/***** Menu Formatting *****/
#memu { 
	display: block;
    text-align: center;
    font-size: 120%;
    text-decoration: none;
}

#menu ul { 
	/*width: 900px; If your links text is bigger you will have to adjust this value*/
	_width: 700px;
    height: 34px;
	margin: 0 auto;
	padding: 0;
	line-height: 34px; /*same as height. This will center your text verticaly*/
	text-decoration: none;
    background: url(../images/menu_bg.jpg) repeat-x left top;
}

/*Left Corner*/
#menu ul li.left {
	display: block;
	float: left;
	clear: left;
	width: 60px;
	height: 34px;
    background: url(../images/menu_l.jpg) no-repeat left top;
}

/*Right Corner*/
#menu ul li.right {
	display: block;
	float: right;
	clear: right;
	width: 60px;
	height: 34px;
    background: url(../images/menu_r.jpg) no-repeat right top;
}

#menu ul li { 
	width: auto;
	display: inline;
	float: left;
	list-style: none;
	text-align: center;
	text-decoration: none;
}
			
#menu ul li a { 
	display: block;
	text-decoration: none;
	text-transform: inherit;
	padding: 0 25px;
	color: #CCCCCC;
}

#menu ul li em {
	display: block;
	float: left;
	width: 2px;
	height: 34px;
    background: url(../images/menu_sep.jpg) no-repeat left top;
}

/*last separator*/
/*This will add a separator after your last link*/
#menu ul li.sep {
	width: 2px;
    background: url(../images/menu_sep.jpg) no-repeat left top;
}
		  
#menu ul li a:hover, #menu ul li a.active { 
	background: transparent url(../images/menu_over.jpg) repeat-x center top;
	text-decoration: none;
	Color: white;
}

#menu ul li a.active {
	font-weight: bold;
	cursor: default;
}

/***************landing page child menu***************/

.suckerdiv ul{
margin:0px;
padding: 0;
list-style-type: none;
border-bottom: 1px solid #ccc;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 200px; /*sub menu width*/
top: 0;
visibility: hidden;
margin-left:-1px;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7*/ 

text-decoration: none;
padding: 0.5em 0.5em 0.8em 1.2em;
border: 1px solid #C0C0C0;
background:url(../images/left_menu_hover.jpg);
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover, .suckerdiv ul li a.active{
background-image:url(../images/left_menu.jpg);
}

.suckerdiv .subfolderstyle{
background:url(../images/arrow-list.gif) no-repeat center right;
background-image:url(../images/left_menu_hover.jpg);
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */



.margin_content{ margin:10px;}

#rounded-corner
{
width:100%;
margin:2px;
text-align: left;
border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
background: #60c8f2 url('../images/design/left.jpg') left top no-repeat;
}
#rounded-corner thead th.rounded-q4
{
background: #60c8f2 url('../images/design/right.jpg') right top no-repeat;
}
#rounded-corner th
{
padding: 8px;
font-weight: normal;
font-size: 13px;
color: #039;
background: #60c8f2;
}
#rounded-corner td
{
padding: 8px;
background: #ecf8fd;
border-top: 1px solid #fff;
color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
background: #ecf8fd url('../images/design/botleft.jpg') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
background: #ecf8fd url('../images/design/botright.jpg') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
background: #d2e7f0;
}



a.bt_green{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #8fa42b;}
a.bt_green strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(../images/design/bt_green_center.gif) repeat-x center;}
a.bt_green span.bt_green_lft{width:10px;height:31px;display:block; float:left;background:url(../images/design/bt_green_left.gif) no-repeat center right;}
a.bt_green span.bt_green_r{width:10px;height:31px;display:block; float:left;background:url(../images/design/bt_green_r.gif) no-repeat center right;}
a:hover.bt_green{ text-decoration:underline;}

a.bt_blue{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #3597bf;}
a.bt_blue strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(../images/design/bt_blue_center.gif) repeat-x center;}
a.bt_blue span.bt_blue_lft{width:10px;height:31px;display:block; float:left;background:url(../images/design/bt_blue_left.gif) no-repeat center right;}
a.bt_blue span.bt_blue_r{width:10px;height:31px;display:block; float:left;background:url(../images/design/bt_blue_r.gif) no-repeat center right;}
a:hover.bt_blue{ text-decoration:underline;}

a.bt_red{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #c24739;}
a.bt_red strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(../images/design/bt_red_center.gif) repeat-x center;}
a.bt_red span.bt_red_lft{width:10px;height:31px;display:block; float:left;background:url(../images/design/bt_red_left.gif) no-repeat center right;}
a.bt_red span.bt_red_r{width:10px;height:31px;display:block; float:left;background:url(../images/design/bt_red_r.gif) no-repeat center right;}
a:hover.bt_red{ text-decoration:underline;}

.sidebar_box{
width:195px;
padding:15px 0 5px 0;
}
.sidebar_box_top{width:195px;height:8px;background:url(../images/design/sidebar_box_top.gif) no-repeat center bottom;}
.sidebar_box_bottom{width:195px;height:8px;background:url(../images/design/sidebar_box_bottom.gif) no-repeat center bottom;}
.sidebar_box_content{width:175px;height:auto;background-color:#ecf8fd; padding:0 10px 0 10px;}

.sidebar_box_content h3{ color:#49bae8; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content h4{ color:#f75744; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content h5{ color:#a4bf40; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content p{padding:5px 0 5px 0; margin:0px; clear:both; font-size:11px; text-align:left; line-height:17px;}
img.sidebar_icon_right{
float:right; padding:0 0 0 0;
}
.sidebar_box_content ul{
list-style:none;
padding:10px 0 10px 0;
margin:0px;
clear:both;
}
.sidebar_box_content ul li{
padding:5px 0 5px 10px;
background:url(../images/design/list_bullet.gif) no-repeat left top;
background-position:0px 10px;
}
/*--------------*/
div.pagination {
width:100%;
clear:both;
padding:10px 0 10px 0;
margin:0px auto;
text-align:center;
float:left;
clear:both;
font-size:11px;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #52bfea;
text-decoration: none; 
color: #52bfea;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #52bfea;
color: #fff;
background-color: #52bfea;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #52bfea;
font-weight: bold;
background-color: #52bfea;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #f3f3f3;
color: #ccc;
}


/* form */
div#container_form fieldset{ margin:0 0 10px ;padding: 1em; border: 3px solid #CCC;}
div#container_form fieldset legend {font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-weight:bold;background:#fff url(../images/fieldset.jpg) repeat-x center left;height:20px;padding:0 16px 3px 16px; margin-left:5px;
}
h1 { font-size: 16px; font-weight: bold; margin-bottom: 18px; }
ol.forms { float: left; list-style: none; width: 100%; margin-left:10px; margin-top:10px; }
ol.forms li { clear: both; float: left; margin: 0 0 10px; width: 100%; }
ol.forms label { cursor: pointer; display: block; float: left; /*font-weight: bold;*/ margin: 0px 10px 0 0; width: 160px; font-weight:bold; text-align: right; }
ol.forms label.coloum2 { cursor: pointer; display: block; float: left; /*font-weight: bold;*/ margin: 0 0 0 10px; width: 400px;font-weight:normal;text-align: left; }
ol.forms .help { color: #444; display: block; font-size: 0.923em; margin: 5px 0 0 170px; }
ol.forms span.required { color: #f00; font-size: 1.154em; }
ol.forms .error { color: #f00; display: block; margin: 5px 0 0 170px; font-style:italic; font-size:12px; }
ol.forms input.textfield, ol.forms textarea { font: inherit; padding: 2px; width: 300px; height:18px; }
ol.forms .checkbox, .radio { height:18px; float:left; margin:8px 4px 0 0;}
ol.forms textarea { height: 250px; }
ol.forms .extraSmall { width: 50px; }
ol.forms .small { width: 100px; }
ol.forms .medium { width: 150px; }
ol.forms li.grouping label { margin: 0; width: auto; }
ol.forms li.grouping { margin-bottom: 0; }
ol.forms li.grouping ul { list-style: none; margin-left: 170px;}
ol.forms li.grouping ul li { float: none; }
ol.forms li.grouping ul label { display: inline; float: none; font-weight: normal; margin: 0 0 0 10px; width: auto; }
ol.forms li.grouping ul input { width: auto; }
ol.forms li.buttons { float: none; margin-left: 170px; width: auto;}

#msg-success{ color:#093; font-size:14px;}


/**************************************/
/*              MESSAGES              */
/**************************************/
.message, .content form .message {
	margin:10px 0;
	position:relative;
	color:#3d3333;
	font-size:1.2em;
	padding:5px 10px 0px 50px;
}
.fieldsetBlock .message {
	margin:0 10px;
}
.message h6 {
	margin:0;
	font-size:12px;
	font-weight:bold;
}
.message p {
	margin-bottom:5px;
}
.message .inner {
	background-position:-10px -10px;
	background-repeat: no-repeat;
	margin-bottom:-9px;
	padding-bottom:10px;
}
.message-error {
	border:#d99d9d 1px solid;
	background:#FFE5E5 url(../images/error.png) no-repeat left center;
}
.message-success {
	border:#9bdea8 1px solid;
	background:#E9FFE5 url(../images/success.png) no-repeat left center;
}
.message-notice {
	border:#e8e657 1px solid;
	background:#FFFEE5 url(../images/notice.png) no-repeat left center;
}
.message .close {
	position:absolute;
	top:5px;
	right:5px;
}
.message .close  {
	background: url(../images/sprite.png) repeat scroll 100% -2880px;
}
.message .close:hover {
	background: url(../images/sprite.png) repeat scroll 100% -2910px;
}


.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

#table-2 {
	border: 1px solid #737373;
	background-color: #f2f2f2;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table-2 td{
	
	padding: 5px;
	color: #333;

}
#table-2 thead {
	font-family:"Lucida Sans Unicode", "Lucida Grande";
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #4B4B4B;
	font-weight:bold;
	background-color: #C8C8C8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
	background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
	border-bottom: solid 1px #999;
}
#table-2 th {
	font-family:"Lucida Sans Unicode", "Lucida Grande";
	line-height: 20px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-shadow: white 1px 1px 1px;
}
#table-2 td {
	line-height: 20px;
	font-size: 14px;
	/*border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;*/
}
/*#table-2 tr:hover td{
	background-color: #fff;
} */


/* baru tambah 13072012 */
 #table-3 {
	border: 1px solid #737373;
	background-color: #f2f2f2;
	border-radius: 6px;
	width: 100%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table-3 td{
	
	padding: 5px;
	color: #333;

}
#table-3 thead {
	font-family:"Lucida Sans Unicode", "Lucida Grande";
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #4B4B4B;
	font-weight:bold;
	background-color: #C8C8C8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
	background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
	border-bottom: solid 1px #999;
}
#table-3 th {
	font-family:"Lucida Sans Unicode", "Lucida Grande";
	line-height: 20px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-shadow: white 1px 1px 1px;
}
#table-3 td {
	line-height: 20px;
	font-size: 14px;
	/*border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;*/
}
/*#table-3 tr:hover td{
	background-color: #fff;
} 
 
/* end*/


 
 * */


.error {
	position:relative;
	color:#FF0000;
	font-size:12px;
}