#wrapper {
	width: 964px;
	border: 1px solid #8C8C8C;
}
/* general theme styiling */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #1d22ab; /* ungu #666666; abu2*/
	margin-top: 0px;
	background-image:url(../img_tes/bg-texture2.jpg);
}
#body_bg {
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ABABAB;
	
}


a:link, a:visited {
	color:   #FF0000;/* hijau  #2563ae; biru */
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}
a:hover {
	text-decoration: underline;
	background-color:#000066;
}
ul {
	float: left;
	margin: 0px;
	padding: 0px;
}

li {
	list-style: circle;
}
#search {
	padding-right: 20px;
}
.searchform {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #999999;
	width: 150px;
	border: 1px solid #CCCCCC;
}
.sectiontableentry1 {
	background-color : #F9F9F9;
}
	
.sectiontableentry2 {
	background-color : #FFFFFF;
}
/* layout styling */
#head {
	background-image: url(../images/bg_head.gif);
	background-repeat: repeat-x;
	height: 72px;
}
#header {
	background-image: url(../images/bgheader.gif);
	background-repeat: repeat-x;
	height: 109px;
}
#navigation {
	background-image: url(../images/bg_navigation.gif);
	background-repeat: repeat-x;
	height: 27px;
}
#content {
	background-image: url(../images/bg_content.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 250px;
	background-color: #ffffff;
}
#footer {
	/*
	background-color: #ffffff;
	*/
	height: 33px;
}
#logo {
	background-image: url(../images/logo3.gif);
	background-repeat: no-repeat;
	height: 72px;
	width: 338px;
}

#page_divider {
	background-image: url(../images/page_divider.png);
	background-repeat: no-repeat;
	background-position:center;
	height: 7px;
	width: 544px;
}

#comments {
	background-image: url(../images/comments.png);
	background-repeat: no-repeat;
	background-position:left;
	height: 48px;
	width: 48px;
	vertical-align:bottom;
}

/*HEADER PIC*/
#icon_header_home{
	background-image: url(../img_cpanel/home.png);
	background-position:center;
	background-repeat: no-repeat;
	height: 48px;
	width: 48px;
}
#icon_header_blog{
	background-image: url(../img_cpanel/blog.png);
	background-position:center;
	background-repeat: no-repeat;
	height: 48px;
	width: 48px;
	
}
#icon_header_portfolio{
	background-image: url(../img_cpanel/archive.png);
	background-position:center;
	background-repeat: no-repeat;
	height: 48px;
	width: 48px;
	
}
#icon_header_biography{
	background-image: url(../img_cpanel/portfolio.png);
	background-position:center;
	background-repeat: no-repeat;
	height: 48px;
	width: 48px;
	
}

#icon_header_gallery{
	background-image: url(../img_cpanel/gallery.png);
	background-position:center;
	background-repeat: no-repeat;
	height: 48px;
	width: 48px;
	
}

#icon_header_solution{
	background-image: url(../img_cpanel/solution.png);
	background-position:center;
	background-repeat: no-repeat;
	height: 48px;
	width: 48px;
	
}

#main {
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;	
}
#main2 {
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;	
}
.leftm {
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;	
}
.rightm {
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;	
}
/* content style */
.small {
	font-size: 10px;
	color: #999999;
}
.createdate {
	font-size: 10px;
	color: #acacac;
}
.contentheading {
	font-size: 16px;
	font-weight: bold;
	color: #940084;
}
.modifydate {
	font-size: 10px;
	color: #999999;
	padding-top: 10px;
}
.pagenavcounter {
	font-size: 10px;
	color: #999999;
	padding-bottom: 10px;
}
#pathway {
	padding-left: 20px;
}
.pathway {
	font-family: Tahoma, Verdana;
	font-size: 10px;
}
a.pathway:link, a.pathway:visited {
	font-family: Tahoma, Verdana;
	font-size: 10px; 
	color: #2563ae;
	text-decoration: none;
}
a.pathway:hover {
	color: #2563ae;	text-decoration: underline;
}
#date {
	text-align: right;
	padding-right: 20px;
	font-family: Tahoma, Verdana;
	font-size: 10px;
}
.date {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	padding-right: 30px;
}
#copyright {
	font-family: Tahoma, Verdana;
	font-size: 10px;
	text-align: center;
}
/* newsflash modules, user1, user2, user3 */
.user1block {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	text-align: left;
}
#user1block {
	/*width: 300px;  change this value to modify the block width */
	height: 85px;
	overflow: hidden;
}
#user1block table.moduletable {
	width: 300px; /* change this value to modify the block width */
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#user1block table.moduletable th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: none;
	height: 0px !important;
}
#user1block table.contentpaneopen td {
	color: #FFFFFF;
	font-size: 11px;
}
#user1block a:link, #user1block a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #ffc000;
	text-decoration: none;
}
#user1block a:hover {
	color: #ffc000;
	text-decoration: underline;
}
.user2block {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	text-align: left;
}
#user2block {
	width: 300px; /* change this value to modify the block width */
	height: 85px;
	overflow: hidden;
}
#user2block table.moduletable {
	width: 300px; /* change this value to modify the block width */
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#user2block table.moduletable th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: none;
	height: 0px !important;
}
#user2block table.contentpaneopen td {
	color: #FFFFFF;
	font-size: 11px;
}
#user2block a:link, #user2block a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #ffc000;
	text-decoration: none;
}
#user2block a:hover {
	color: #ffc000;
	text-decoration: underline;
}
.user3block {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	text-align: left;
}
#user3block {
	width: 300px; /* change this value to modify the block width */
	height: 85px;
	overflow: hidden;
}
#user3block table.moduletable {
	width: 300px; /* change this value to modify the block width */
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#user3block table.moduletable th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: none;
	height: 0px !important;
}
#user3block table.contentpaneopen td {
	color: #FFFFFF;
	font-size: 11px;
}
#user3block a:link, #user3block a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #ffc000;
	text-decoration: none;
}
#user3block a:hover {
	color: #ffc000;
	text-decoration: underline;
}
/* menu and modules styling */
table.moduletable {
	width: 149px;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;	
}
table.moduletable th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #2563ae;
	text-align: left;
	background-image: url(../images/menu_bg_orange.gif);
	background-repeat: no-repeat;
	height: 38px;
}
table.moduletable td {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	color: #666666;
}
.moduletable a:link, .moduletable a:visited {
	font-family: Tahoma, Verdana;
	color: #2563ae;
	text-decoration: none;
}
.moduletable a:hover {
	color: #2563ae;
	text-decoration: underline;
}	
a.mainlevel:link, a.mainlevel:visited {
	display: block;
	height: 15px;
	width: 149px;
	font-family: Tahoma, Verdana;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 1px;
	text-decoration:none;
	color: #acacac;
	text-align: left;
}
a.mainlevel:hover {
	display: block;
	height: 15px;
	width: 149px;
	color: #2563ae;	
}	
a.sublevel:link, a.sublevel:visited {
	font-size: 11px;
	display: block;
	height: 15px;
	width: 139px;
	font-family: Tahoma, Verdana;
	font-weight: bold;
	text-decoration:none;
	color: #acacac;
	text-align: left;
	text-indent: 8px;
}
a.sublevel:hover {
	display: block;
	height: 15px;
	width: 139px;
	color: #2563ae;
}
#active_menu {
	display: block;
	color: #2563ae;
	height: 15px;
	width: 149px;
}
#active_menu.sublevel {
	color: #2563ae;
	display: block;
	height: 15px;
	width: 139px;
}
/*******************************************************/
/* individual menu styling */
/* read the help file for more information */

/* ORANGE */
table.moduletable_orange {
	width: 149px;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;	
}
table.moduletable_orange th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	background-image: url(../images/menu_bg_orange.gif);
	background-repeat: no-repeat;
	height: 38px;
}
table.moduletable_orange td {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	color: #666666;
}
/* BLUE */
table.moduletable_blue {
	width: 149px;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;	
}
table.moduletable_blue th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	background-image: url(../images/menu_bg_blue.gif);
	background-repeat: no-repeat;
	height: 38px;
}
table.moduletable_blue td {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	color: #666666;
}
/* GRAY */
table.moduletable_gray {
	width: 149px;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;	
}
table.moduletable_gray th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	background-image: url(../images/menu_bg_gray.gif);
	background-repeat: no-repeat;
	height: 38px;
}
table.moduletable_gray td {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	color: #666666;
}
/* GREEN */
table.moduletable_green {
	width: 149px;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;	
}
table.moduletable_green th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	background-image: url(../images/menu_bg_green.gif);
	background-repeat: no-repeat;
	height: 38px;
}
table.moduletable_green td {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	color: #666666;
}
/* PURPLE */
table.moduletable_purple {
	width: 149px;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;	
}
table.moduletable_purple th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	background-image: url(../images/menu_bg_purple.gif);
	background-repeat: no-repeat;
	height: 38px;
}
table.moduletable_purple td {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	color: #666666;
}

	

.login {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	padding: 15px;
	border: 1px solid #cccccc;
	width: 429px;
	background: #F1F3F5;
}

.inputlabel {
	font-weight: bold;
	text-align: left;
	}

.inputbox {
	width: 150px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	background-image: url(../images/button-bg.gif);
	}
	
.inputboxcari {
	width: 150px;
	margin: 0 0 0 0;
	border: 1px solid #cccccc;
	background-image: url(../images/button-bg.gif);
	}

.textareabox {
	width: 150px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	background-image: url(../images/button-bg2.gif);
	background-repeat:repeat-x;
	background-position:top;
	}

.textareabox2 {
	width: 300px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	background-image: url(../images/button-bg2.gif);
	background-repeat:repeat-x;
	background-position:top;
	}
	
.inputboxerr {
	background-color:#FFFFCC; border:1px solid #cccccc;
}
	
.inputbox2 {
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	background-color:#FCF6C2;
	}
	
.inputbox3 {
	margin: 0 0 1em 0;
	border: 0px solid #cccccc;
	}

.inputbox4 {
	margin: 0 0 1em 0;
	border: 1px solid #ccecfc;
	background-color:#f9f9f9;
	}
.inputbox5 {
	margin: 0 0 1em 0;
	border: 1px solid #ccecfc;
	background-color:#ffffff;
	}

html, body, input, textarea, select {
/*	font-family: Georgia, "Bitstream Vera Serif", "Times New Roman", Times, serif; */
	font-family: "Lucida Grande", "Luxi Sans", Verdana, sans-serif;
	font-size: 11px;
}



/* Tambahan */

#cpanel {  text-align: center;  vertical-align: middle; }

#cpanel div.icon   { margin: 3px; vertical-align:bottom; }
#cpanel div.icon a { 
	display: block; float: left;
	height: 95px !important;
	height: 98px; 
	width: 100px !important;
	width: 102px; 
	vertical-align: bottom; 
	text-decoration : none;
	border: 1px solid #DDD;
	padding: 2px 5px 1px 5px;
}

#cpanel div.icon a:link    {  color : #808080;  }
#cpanel div.icon a:hover   { 
	color : #333; 
	background-color: #d8e0f5; /*#f1e8e6;  */
	border: 1px solid #2e47c2; /* #c24733; */
	padding: 3px 4px 0px 6px; 
}
#cpanel div.icon a:active  {  color : #808080;  }
#cpanel div.icon a:visited {  color : #808080;  }

#cpanel div.icon img { margin-top: 13px; }
#cpanel div.icon span { display: block; padding-top: 3px;}

#error{
	color: #F00;
	margin-top: 5px;
	padding: 3px;
	padding: 2px 20px 3px;
}

.kotak_kr_ats {
	background-image: url(../images/kotak_kr_ats.png);
	background-repeat: no-repeat;
	background-position: top;
}
.kotak_kr_bwh {
	background-image: url(../images/kotak_kr_bwh.png);
	background-repeat: no-repeat;
	background-position: top;
}
.kotak_kn_ats {
	background-image: url(../images/kotak_kn_ats.png);
	background-repeat: no-repeat;
	background-position: top;
}
.kotak_kn_bwh {
	background-image: url(../images/kotak_kn_bwh.png);
	background-repeat: no-repeat;
	background-position: top;
}

.kotak_line_ats {
	background-image: url(../images/kotak_line_ats.png);
	background-repeat: repeat-x;
	background-position: top;
}

.kotak_line_bwh {
	background-image: url(../images/kotak_line_bwh.png);
	background-repeat: repeat-x;
	background-position: top;
}

.kotak_line_kn {
	background-image: url(../images/kotak_line_kn.png);
	background-repeat: repeat-y;
	background-position: top;
}

.kotak_line_kr  {
	background-image: url(../images/kotak_line_kr.png);
	background-repeat: repeat-y;
	background-position: top;
}