/* MAIN STYLES */

/*ul,ol,li,*/
h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}

h6 {
	font-size: 16px;
	color: #FF6600;
}

body {
	font-family: "Verdana","Arial","Helvetica","sans-serif";
	font-size: 12px;
  
}

body table {
	text-align: left;
}

#linespacer {
  border: #595958 1px solid;
}


/* HOMEPAGE */

#homepage {
  width: 1024px;
}

#homepage a {
  color: white;
}

#homepage #title {
  font-weight: bold;
  font-size: 28px;
  color: #0099CC;
  vertical-align: top;
  padding-right: 15px;
  width: 1px;
}

#homepage #title2 {
  font-weight: bold;
  font-size: 28px;
  color: #0099CC;
  vertical-align: top;
  padding-right: 15px;
  width: 1px;
}

#homepage #content {
  font-size: 14px;
}

/* TOPMENU HEADER */

#topmenu {
  height: 30px;

}

#topmenu input {
  font-size: 11px;
}

#topmenu ul {
	list-style: none;
}

#topmenu ul li {
	float: left;
	position:relative;
  padding-left: 1px;
  padding-right: 1px;
}

#topmenu ul li a {
	font-weight: normal;
	display: block;
	line-height: 22px;
	padding-left: 5px;
	font-size: 11px;
	color: white;
	text-shadow: #eee 0px 1px 0px;
}

#topmenu ul li a.current {
	color: #555;
	background: #f7f7f7;
	border: 1px solid #c6c6c6;
	border-bottom:none;
	margin-top:-1px;
	-moz-border-radius-topleft: 10px;
	-khtml-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	/*border-top-left-radius: 10px;*/
	-moz-border-radius-topright: 10px;
	-khtml-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	/*border-top-right-radius: 10px;*/
	text-shadow: #c6d9e9 1px 1px 1px;
}

#topmenu .nav-submenu {
	display:none;
	min-width: 0;
	-moz-border-radius-bottomright: 10px;
	-khtml-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #d6d6d6;
	margin-top: -1px;
	border: #c6c6c6 solid 1px;
	border-top:0;
}

#topmenu ul li:hover .nav-submenu, #topmenu ul li .nav-submenu:hover  {
	display:block;
	position:absolute;
	top:22px;
	left:0;
	z-index:1;
}


#home-default {
  width: 1024px;
  text-align: center;
}


table.normal li {
	margin-left: 20px;
	list-style-type: disc;
}


a img, :link img, :visited img {
	border: none;
}

a, a:link, a:visited, a:active {
	color: none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* multi_language */
a.indonesian {
  background: url('/images/navigator/indonesia.png') right center no-repeat;
  padding-right: 20px;
}

a.english {
  background: url('/images/navigator/english.png') right center no-repeat;
  padding-right: 20px;
}
a.english:link, a.english:visited, a.english:active,a.indonesian:link, a.indonesian:visited, a.indonesian:active {
	color: #fff;
}
a.english:hover ,a.indonesian:hover {
	color: #fff;
}
#multi_language {
	background: url('/css/mainmenu/chrometheme/chromebg2.gif') center center repeat-x;
	padding: 5px;
	text-align: right;
}
/* end multi_language */

div.clear {
	clear: both;
}

/* MAIN LAYOUT */

#header {
	color: #fff;
	height: 102px;
	/*background: url('/images/header/header_04.gif') top right no-repeat;*/
	background: url('/images/header/header_02.gif') top repeat;
}

.header-right
{
	background: url('/images/header/header_04.gif') no-repeat;
	/*vertical-align: bottom;*/
}

#footer {
	
	border: 1px solid #BBB;
	width: 100%;
	background: url('/css/mainmenu/chrometheme/chromebg2.gif') center center repeat-x;
	/*THEME CHANGE HERE*/
	padding: 4px 0;
	margin: 0;
	text-align: left;
	color: #fff;
	
}

.pane {
	color: #fff;
	font-weight: bold;
	font-size: 11pt;
	padding: 5px;
	margin-top: 2px;
}

.pane-item {
  padding: 5px;
  text-align: left;
}

/* content */
#title1 {
	color: #000066;
	font-weight: bold;
	font-size: 10pt;
	padding: 5px;
	margin-top: 5px;
}

#content1 {
	padding: 5px;
	margin-top: 5px;
}

/* --------------------------------*/

/* awards */

#awards-content {
	padding: 0px;
	background-color: #0d1724;
}

/* ---------------------------------*/

/* search */
#search-list {
	background-color: #FF6600;
}


/* ---------------------------*/
#lpanel {
	width: 360px;
	float: left;
	border: none;
	color: #000000;
}

#lpanel_promo {
	width: 360px;
	float: left;
	border: none;
	/*background-image:url(images/bintang.gif);*/
}

#rpanel {
	margin-left: 362px;
}

#rpanel tr {
	vertical-align: top;
}

#rpanel1 {
	margin-right: 252px;
}

#rpanel2 {
	float: right;
	width: 250px;
}
#rpanel-content{
	float: right;
	width: 100%;
}

#logo-cti{
	height: 270px;
	vertical-align:middle
}

#product-ours {
	background-color: #336699;
}

#promo-ours {
	background-image:url(images/bintang2.gif);
}

/*a.linkspromo, a.linkspromo:link, a.linkspromo:visited {
	color:#FFFFFF;
}

a.links, a.links:link, a.links:visited {
	color:#0000FF;
}*/


/*
a.linkspromo:link {
	
	color: #FFFFFF;
}

a.linkspromo:visited {
	color: #FFFFFF;
}

a.linkspromo:hover {
	color: #999999;
}

a.linkspromo:active {
	color: #999999;
}

a.links:link {
	
	color: #0000FF;
}

a.links:visited {
	color: #0000FF;
}

a.links:hover {
	color: #999999;
}

a.links:active {
	color: #999999;
}
*/

#pnluser {
	color:#000000;
}

#product-overview {
	background-color: #3163ce;
}

#statis-content {
	background-color: #336699;
}


#solution{
	background-color: #333333;
}

#product-update {
	background-color: #000000;
}


/* MEWS COMPONENT */

#news-panel {
	margin-left: 240px;
	float: left;
}
#news-panel2 {
	margin-left: 5px;
	float: left;
}
#news-panel3 {
	float: left;
	margin-left: none;
}
#news-break {
	background-color: #9c9cce;
}

#event-panel {
	margin-left: 165px;
	float: left;
}
#event-latest {
	background-color: #009cff;
}

#awards {
	background-color: #9bceff;
}

#whos-online {
	background-color: #999999;
}
/*
#login, #logged {
	background-color: #FF6600;
}

#login tr {
	vertical-align: top;
}

#login td {
	padding: 4px;
}
*/

#logged table {
	width: 100%;
}

#logged td {
	/*text-align: center;*/
	vertical-align: absmiddle;
	height: 60px;
}

#logged_in_panel li {
  list-style: none;
}


#product-update {
	background-color: #a10088;
}

#promo-all {
	background-color: #a10000;
}

#now {
	text-align: right;
}


/* UCP */

#user-login table, #user-register table, #user-profile table, #request-password table {
	border: 2px solid #ccc;
	text-align: left;
}

#user-login td, #user-register td, #user-profile td, #request-password td {
	padding: 2px;
	vertical-align: top;
}

#user-login .hd td {
	padding-top: 5px;
	padding-bottom: 5px;
}

#user-login table {
	width: 60%;
}
	
#user-login form {
	margin-top: 50px;
}

#user-login .remember {
	font-size: 7pt;
}

#user-login #username, #user-login #password {
	width: 150px;
}

#user-register table, #user-profile table, #request-password table {
	width: 100%;
}

#login #table_login tr {
	font-weight: normal;
	font-size: 10px;
  color: white;
}

#login #form_login {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  background-color: gray;
	-moz-border-radius-topleft: 10px;
	-khtml-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-khtml-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-khtml-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

#login #form_login input {
  font-size: 10px;
}

#login #form_login a {
  color: white;
}

#login #form_login li {
  list-style: none;
}

#login #menu_login {
  text-align: right;
}

#login #menu_login a {
  color: #00a0c6;
}

#login #logged_in_panel {
  padding: 5px;
  background-color: gray;
	-moz-border-radius-topleft: 10px;
	-khtml-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-khtml-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-khtml-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}


/* COMMON TABLE STYLES */

.c1 {
	width: 30%;
}

.c2 {
	width: 70%;
}

.r1 {
	background-color: #f9f9f9;
}

.r2 {
	background-color: #f9f9f9;
}

.nav {
	background-color: #ccc;
}

.hd {
	background-color: #eee;
}

.hd td {
	font-size: 11pt;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

.msg {
	background-color: #ccc;
	color: #99f;
}

.msg td {
	padding-top: 5px;
	padding-bottom: 5px;
}

.hint {
	font-size: 7pt;
}

.notice {
	border: 2px solid #ccc;
	width: auto;
	margin-top: 20px;
}

.notice th {
	background-color: #ccc;
	padding: 4px;
	font-size: 8pt;
}

.notice td {
	font-size: 8pt;
	padding: 2px;
}


/* for image slide */
/*
JavaScript Vertical Image Slider 1.0
(C)1999-2006 Usingit.com, All rights reserved!
http://www.usingit.com/products/webtoolkit
http://www.usingit.com/support
*/
.slidercontainer{
BORDER:#FFFFFF 0px none;
}
.sliderimages{
BORDER:#FFFFFF 4px dashed;
}


/*
   Styling for CSS-based drop-down menus.

   (C) Copyright 2006 Just Software Solutions Ltd. 
   Distributed under the Boost Software License, Version 1.0. 
   (See http://www.boost.org/LICENSE_1_0.txt)
*/
@media all{
.navmenu, .navmenu ul,.navmenu li {
  padding: 0px;
  margin: 0px;
}
.navmenu > li {
  float: left;
}
.navmenu li {
  list-style-type: none;
  color: #000000;
  background-color: #6acefd;
  padding: 7px;
  border: double;
  border: hidden;
  border-color: #6acefd;
}
.navmenu ul {
  display: none;
  position: absolute;
  margin-left: -3px;
  margin-top: 7px;
}
.navmenu li:hover > ul {
  display: block;
}
.navmenu ul.parent_hover {
  display: block;
}
.navmenu a {
  color: #FFFFFF;
  background: none;
  display: block;
  width: 100%;
  text-decoration: none;
}
.navmenu li:hover {
  color: black;
  background-color: #396d9d;
}
.navmenu li.hover, .navmenu a:hover {
  color: #FFFFFF;
  background-color: #396d9d;
}
.navmenu ul ul {
  margin-top: -1.2em;
  left: 99%;
}
.navmenu span {
  display: block;
}
.navmenu {
	border-top: inset;
	border-top-color:#FFFFFF;
  float: left;
  width: 100%;
  color: #FFFFFF;
  background-color: #6acefd;
}
.endmenu {
  clear: left;
}
}


/* CSS untuk search field */


.fieldHolder {
	/*width: 182px;*/
	height: 22px;
	background: url('/images/tematic/search.gif') no-repeat;
	float: right;
	margin-bottom: 3px;
	margin-right: 10px;
	/*margin-left: 80px;*/
}

.textInput2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 170px;
	height: 20px;
	background: none;
	border: none;
	color: #FFFF;
	margin-top: 5px;
	margin-left: 5px;
	font-size: x-small;
	vertical-align: bottom;
	
}

.search-button {
	background: url('/images/tematic/search-button.gif') no-repeat;
	height: 20px;
	background-color: none;
	vertical-align: bottom;
}
.search-content:hover {
	background-color: #E6E9FF;
}

.litle-font {
	text-align:right;
	font-size: 10px;
}

#logo {
	width: 200px;
	height: 45px;
}

.error-validate {
	background-color: red;
}

.error-validate-frontend ul li {
	color: #fff;
	background-color: red;
	padding: 3px;
}

.input_coment {
	padding: 5px;
}

.input_coment input, .input_coment textarea {
	border: 1px #ddd solid;
	padding: 3px;
}

.input_coment tr {
	vertical-align: top;
}


.comment {
	color: #595958;
}
.comment-head {
	background: url('/images/comment/header.png') no-repeat;
	padding: 8px;
	font-size: 15px;
}
.comment-content {
	background: url('/images/comment/content.png') repeat-y;
	padding: 0 8px 5px 8px;
}
.comment-footer {
	background: url('/images/comment/footer.png') no-repeat;
	padding: 0 20px 6px 0;
	text-align: right;
	font-size: 10px;
}
.label_list {
	color: #aaa;
}