/* MAIN STYLES */
body, div {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#5D5E59;
 margin:0px;
}

p {
 margin-top:5px;
}

hr {
color:#999999;
margin:0px;
}

p.news {
 margin-top:2px;
}


.reset { clear:both; }
.spasi { width:100%; height:5px; }
.spasi2 { width:100%; height:10px; }

a:link,a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }

.master {
 width:1000px;
}

.inside {
 width:100%;
 text-align:left;
}

.imgNews {
/*background-image:url(../images/chart1.jpg);*/
background-repeat:no-repeat;
/*background-position:top;*/
float:left;
margin:5px 5px 0 5px;
width:123px;
height:110px;
}

/* LAYOUT HEADER */
.backLogo {
 background-image:url(../images/header-research.jpg);
 height:85px;
}

.logo {
 padding: 10px;
}

.rightLogin {
text-align:right;
}

.partner {
 background-color: #EBDAC0;
 width: 743px;
 padding: 10px;
 float: left;
 color: #6e5d43;
 vertical-align: middle;
 border-right:2px solid #FFFFFF;
}

.search {
 background-color: #46341E;
 width:224px;
 height: 30px;
 float: left;
 color: #FFFFFF;
 font-weight: bold;
 padding:5px 5px 0px 5px;
}

.searchButton {
 border:0px;
 background-image:url(../images/go.jpg);
 width:29px;
 height:20px;
}

a.partnerLink:link, a.partnerLink:visited {
 color: #6e5d43;
 text-decoration: none;
}

a.partnerLink:hover, a.partnerLink:active {
 color: #6e5d43;
 text-decoration: underline;
}

a.logout:link, a.logout:visited {
 color: #CC3300;
 text-decoration: none;
}

a.logout:hover, a.logout:active {
 color: #CC3300;
 text-decoration: underline;
}

.partnership {
 background-color: #957544;
 width:225px;
 float: left;
 color: #FFFFFF;
 font-weight: bold;
 padding:10px;
 margin-left:18px;
 vertical-align: middle;
}


/* LAYOUT BODY */
.body {
 background-image:url(../images/backgHome.jpg);
 float:left;
}

.bodysecond {
 background-image:url(../images/backgSecond.jpg);
 float:left;
 width:100%;
}

.leftHome {
 width:250px;
 float:left;
 text-align:center;
}

a.judulYellow:link, a.judulYellow:visited {
 color:#F29300;
 font-size:14px;
 font-weight:bold;
 text-decoration:none;
}

a.judulYellow:hover, a.judulYellow:active {
 color:#FFC368;
 font-size:14px;
 font-weight:bold;
 text-decoration:none;
}

a.more:link, a.more:visited {
 color:#737373;
 /*font-size:14px;*/
 float:right;
 font-weight:bold;
 text-decoration:none;
}

a.more:hover, a.more:active {
 color:#4153AD;
 /*font-size:14px;*/
 float:right;
 font-weight:bold;
 text-decoration:none;
}

.centerHome {
 width:250px;
 float:left;
 text-align:center; 
}

.centerHome2 {
 width:250px;
 float:left;
 text-align:center; 
}

a.judulCoklat:link, a.judulCoklat:visited{
 color:#84000B;
 font-size:14px;
 font-weight:bold;
 text-decoration:none;
}

a.judulCoklat:hover, a.judulCoklat:active{
 color:#B42B34;
 font-size:14px;
 font-weight:bold;
 text-decoration:none;
}


.rightHome {
 width:250px; /*old 330px */
 float:left;
 text-align:center;
}

.contentHome {
 width:235px;
 text-align:left;
}

.rightMenu {
 background: #f6eee3 repeat-x;
 width:275px;
 height:150px;
 float:left;
 text-align:left;
 padding:5px 10px 10px 5px;
}

.rightPartner {
 background: #f6eee3 repeat-x;
 /*
 float:left;
 width:290px;
 text-align:left;
 margin:0 5px 0 0;
 padding:5px 5px 5px 14px;
 */
 width:225px;
 float: left;
 padding:10px;
 margin-left:18px;
 margin-top:0px;
 vertical-align: middle;
}

.topNews {
 margin:0 5px 0 0;
 padding:5px 5px 5px 14px;
float:left;
 text-align:left;
 
}

.innovationRight {
 margin-top:5px;
 background: #f6eee3 repeat-x;
 width:300px;
 height:163px;
 float:left;
 text-align:left;
 padding:5px 10px 10px 5px;
}

.menuContent {
 background-image:url(../images/menu_bar.jpg);
 background-repeat:repeat-y;
 float:left;
 text-align:left;
 padding-left:17px;
 height:120px;
}

.recommend {
 background-color: #EBDAC0;
 width: 300px; /* 640 */
 padding: 10px;
 float: left;
 color:#737373;
 vertical-align: middle;
 border-right:2px solid #FFFFFF;
}

.bullet {
 background-image:url(../images/bullet.jpg);
 background-repeat:no-repeat;
 padding-left:15px;
 margin-bottom:5px;
 float:left;
 vertical-align:top;
}

.textRight {
 color:#696969;
 padding: 0 15px 5px 15px;
 margin:0 0 0 0;
 vertical-align:top;
 text-align:left;
}

.imgR {
 float:left;
 vertical-align:top;
 padding: 0 15px 5px 15px;
}

.kategori {
color:#cc0000;
font-size:14px;
font-weight:bold;
padding:5px 0px 5px 0px;
}

/* LAYOUT INNOVATION */
.memberLogin {
 background:#EBDAC0 url(../images/member.gif) no-repeat;
/*background-color: #EBDAC0;*/
 width: 985px;
 padding: 7px;
 float: left;
 color: #62615D;
 vertical-align: middle;
 border-right:2px solid #FFFFFF;
}

.home {
 width:30px;
 height:36px;
 background-color:#715D42;
 float:left;
 text-align:center;
 vertical-align:middle;
}

.home2 {
 width:30px;
 height:36px;
 background-color:#977545;
 float:left;
 text-align:center;
 vertical-align:middle;
}

.home3 {
 width:30px;
 height:36px;
 background-color:#CEB185;
 float:left;
 text-align:center;
 vertical-align:middle;
}

.innovation {
 border-left:1px solid #FFFFFF;
 float:left;
 width:638px;
 background-color:#715D42;
}

.clientservices {
 border-left:1px solid #FFFFFF;
 float:left;
 width:811px; /* 655px old */
 background-color:#977545;
}

.about {
 border-left:1px solid #FFFFFF;
 float:left;
 width:794px; /* 638px old*/
 background-color:#CEB185;
}

.innovation2 {
 float:left;
}


.clientServices2 {
 float:left;
}

.about2 {
 float:left;
}


.content {
 padding:0px 10px;
 width:658px;
 float:left;
}

.tanggal {
 color:#8C4251;
}

.archivesBox {
 width:310px;
 float:left;
}

.archives {
 width:304px;
 padding:5px;
 background-color:#EFD7B5;
}

a.judulArchives:link, a.judulArchives:visited {
 /*color:#84000B;*/
 color: #666666;
 text-decoration:none;
 font-weight:bold;
}

a.judulArchives:hover, a.judulArchives:active {
 /*color:#B42B34;*/
 color: #666666;
 text-decoration:none;
 font-weight:bold;
}

a.selectArchives:link, a.selectArchives:visited {
 /*color: #666666;*/
 color: #B42B34;
 text-decoration:none;
 font-weight:bold;
}

a.selectArchives:hover, a.selectArchives:active {
 /*color: #66666;*/
 color: #B42B34;
 text-decoration:none;
 font-weight:bold;
}


a.archivesBulan:link, a.archivesBulan:visited {
 color:#976743;
 text-decoration:none;
 font-weight:bold;
}

a.archivesBulan:hover, a.archivesBulan:active {
 color:#947E6E;
 text-decoration:none;
 font-weight:bold;
}

a.archivesJudul:link, a.archivesJudul:visited {
 color:#976743;
 text-decoration:none;
}

a.archivesJudul:hover, a.archivesJudul:active {
 color:#947E6E;
 text-decoration:none; 
}


.bulletCoklat {
 float:left;
 width:15px;
 padding-top:5px;
 padding-left:5px;
}

.list {
 float:left;
}

.sortNews {
 color:#737373;
}

.newsDate {
 color:#dc7a15;
 font-size:smaller;
}

/* LAYOUT FOOTER */
.footer {
 background-color:#766354;
 text-align:center;
 padding:10px 0px;
 color:#FFFFFF;
}

a.footerLink:link, a.footerLink:visited {
 color: #FFFFFF;
 font-weight:bold;
 text-decoration: none;
}

a.footerLink:hover, a.footerLink:active {
 color: #FFFFFF;
 font-weight:bold;
 text-decoration: underline;
}

.recBottom {
border:#CCCCCC solid 1px;
padding:5px 5px 5px 5px;
text-align:center;
}

/* profil */
.slidemenu{
font: bold 11px verdana;
margin-bottom:10px;
/*float:right;
text-align:right;*/
}

.slidemenu ul{
margin: 0;
padding: 0;
float: left;

}

.slidemenu ul li{
display: inline;
}

.slidemenu ul li a{
float: left;
color: black; /*text color*/
padding: 4px 6px;
text-decoration: none;
border: 1px solid #CCC;
margin-right:2px;
background: #F0F0F0;
}

.slidemenu ul li a:visited {
color: #000;
}

.slidemenu ul li a:hover {
background: #CCC;
}


.slidemenu ul li a.selected {
color: white !important;
padding-top: 6px; 
padding: 4px 6px;
background: #003366 center center repeat-x;
border: 1px solid #003366;

}

.tabcontentstyle{ 
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

.judulheadline {font:bold 18pt arial; color: #336699; margin-bottom:4px; letter-spacing:-1px; line-height:21pt; width:275px;}
.judulheadline a {color:#336699; text-decoration:none;}
.judulheadline a:hover {color:#003366; text-decoration:underline;}
.imgheadline {margin-bottom:10px; width:298px; height:225px; border:1px solid #CCC;}

.boximgheadline { width:250px; margin-top:0px; font:normal 9px arial; color:#666;}
.boximgheadline img {width:250px; height:225px;}
.boximgheadline span { float:right; font:normal 9px arial; color:#000; padding-top:0; }
.boximgheadline a { font:normal 9px arial; color:#666; text-decoration:none; padding:0;}
.boximgheadline a:hover {color:#999; }

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #333;
padding:0px;
background: #FFF url(../data/images/grad_tooltip01.gif) repeat-x;
visibility: hidden;
z-index: 100;

}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#tooltip { padding:10px; font: normal 12px arial; color:#333;   }
#tooltip b {font:bold 1.2em arial; color: #336699; *letter-spacing:-0.03em; }
#tooltip span { margin:0; padding:0; background:#FFF;}
#tooltipx { background-color:#FFFFFF; height:31px; float:right; font: normal 9px arial; color:#999999; padding:3px;}
#tooltipx img { vertical-align:middle;}

.tooltipicon {clear:left; padding:10px; font:normal 11px arial; color:#333; border-top:1px solid #666;}
.tooltipicon img {margin-right:5px}

.leftBottom {
 background: #f6eee3 repeat-x;
 /*
 float:left;
 width:290px;
 text-align:left;
 margin:0 5px 0 0;
 padding:5px 5px 5px 14px;
 */
 width:285px;
 float: left;
 padding:10px;
 margin-left:15px;
 margin-top:0px;
 vertical-align: middle;
}

.centerBottom {
 width:340px;
 padding-left:15px;
 text-align:center; 
}