/* 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: 11px;
	cursor: default;
	background-color: #fff;
	/*width: 850px;

	/*vertical-align: absmiddle;
	margin-right: 8%;*/
}

body table
{
	text-align: left;
}

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;
}

/* 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: 260px;
	float: left;
	border: none;
	color: #000000;
}

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

#rpanel {
	margin-left: 262px;
}

#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;
}

/* news 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;
}

#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 {
	font-size: 7pt;
}
*/

#login form {
	padding: 2px;
	border: 1px solid #fff;
}

#login a {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* 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;
}

#rssnews {
	background-color: #D7FAF6;
}
#rssnews tr {
	vertical-align: top;
}
#rssnews td {
	width: 20%;
}
#rssnewsprincipal {
	margin: 3px;
	border: 1px #fff solid;
	border-bottom: 0;
	border-right: 0;
}
#newsby {
	padding: 5px;
	border: 1px #ddd solid;
	background-color: #fff;
}
a.more_news_principal {
	padding: 2px;
	padding-bottom: 1px;
	padding-top: 1px;
	font-weight: bold;
}

a.more_news_principal:active, a.more_news_principal:visited, a.more_news_principal:link {
	border: 1px #ddd solid;
	background-color: #eee;
	color: blue;
}

a.more_news_principal:hover {
	border: 1px #ddd solid;
	background-color: #ddd;
	color: #000;
	text-decoration: none;
}