﻿
html,body {margin:0;padding:0; font: 11px/1.0em Trebuchet, Verdana, Arial, sans-serif;  repeat-x top left; text-align: center;}
img {border:0;}
h1,h2,h3,h4 {margin:0;padding-top:0px; font-size:13px}
a {color: #03a; outline: 0;}
a:hover {color: #f60;}
sup {font-size:9px;}
#bodyDiv,#footer {display:inline-block; overflow: hidden; background: #ffffff;}
#bodyDiv,#footer {width:800px; margin:0 auto; padding:2; text-align:left;}
#container, #header, #inner, #content, #sidebar, #logo {display:inline-block; overflow: disabled;}
#container {width:780px; margin:0 auto; padding:2; text-align:center; vertical-align:middle;}
#header, #inner, #footer {width:780px;}
#header {height:150px; background-color:#FF6600}
#content, #content2 {width:500px; float:left;}
#sidebar {width:260px; float:right;}
#logo {float:left; width:780px; display:inline-block; overflow:hidden;}
#logo a {background: url("koperindo.jpg") no-repeat top left;}
#logo a:hover {background: url("koperindo.jpg") no-repeat top left;}

#membertools {float:right; height: 50px; background: url(../images/top-sep.jpg) no-repeat right 5px;}
#membertools a {color: #yellow; font-weight:bold; text-decoration: none; outline: none; vertical-align: middle;  margin: 0; padding: 19px 15px; line-height:12px; display:inline-block; background: url(../images/top-sep.jpg) no-repeat left top; float:left; overflow:hidden;}
#membertools a:hover {background: url(../images/top-hover.jpg) repeat-x left top;}
#membertools a:focus {background: url(../images/top-click.jpg) repeat-x left top;}
#membertools a.yellow {color:#ffff00}

#search {clear:right; float:right; vertical-align: middle;  margin: 0; padding: 1px 1px; line-height:1px; }
#search input {font: normal 11px/1.5em Trebuchet, Verdana, Arial, sans-serif; vertical-align:top; height:14px;}
#search input.btn {margin:0;padding:0; height: 21px; font-weight:bold;}

#topbanner {padding: 0px 0px 10px 28px; text-align: center; margin:0 auto; background: transparent url(../images/topad-bg2.gif) no-repeat top left;}
#topbanner a {text-decoration:none;}

#content h2 {font: bold 16px/1.5em Arial, sans-serif; padding-top: 10px; color: #f60;}
#content .post {border: 1px solid #ddd; margin-top: 5px; float:left; display:inline-block; background-color: #fff; text-decoration:none; outline:0; width: 458px;}
#content a.post:hover {background-color:#fafafa; cursor: pointer; border: 1px solid #ddd;}
#content .post a {text-decoration:none; }
#content .post h3 {padding: 5px 10px 0 7px; font: bold 11px/1.4em Trebuchet, Verdana, Arial, sans-serif; ; text-transform: uppercase;}
#content .entry {padding: 3px 7px 3px 7px; color: #333;font: 11px/1.3em Trebuchet, Verdana, Arial, sans-serif; letter-spacing:0px; display:inline-block; overflow: hidden;}
#content .entry img {float:left; margin: 4px 7px 0 0; vertical-align: top; border: none; padding: 1px; border: 1px solid #ccc;}
#content .by {margin-top: 5px; padding: 5px 7px; background-color: #f7f7f7; color: #000;}
#content .detail {font:11px/1.5em Verdana, Arial, Tahoma; padding: 5px 10px; width: 468px;}
#content .nav {border-top: 1px solid #eee;border-bottom: 1px solid #eee; padding: 1px 0;width: 480px;}
#content .nav a {text-decoration:none;width: 480px;}
#content .nav2 {border-top: 1px solid #eee;border-bottom: 1px solid #eee; padding: 1px 0;width: 550px;}
#content .nav2 a {text-decoration:none;width: 550px;}

#content .naver {text-align: right; margin: 2px 0; color: #333; font: 11px Tahoma, Arial, sans-serif;}
#content .naver a {text-decoration:none;}
#content .banner {clear:both; padding: 5px 0 5px 20px; width: 470px; text-align: center; border:0;  background: transparent url(../images/contentad-bg.gif) no-repeat 0 5px;}

#content2 .naver {text-align: right; margin: 2px 0; color: #333; font: 11px Tahoma, Arial, sans-serif;}

#content2 .naver a {text-decoration:none;}

#content2 .banner {clear:both; padding: 5px 0 5px 20px; width: 470px; text-align: center; border:0;  background: transparent url(../images/contentad-bg.gif) no-repeat 0 5px;}





#content form {margin:0;padding:0;}

#content form input,#content form textarea,#content form select {font: 11px/1.0em Trebuchet,Verdana, Arial, sans-serif; margin-bottom: 3px; padding: 2px; vertical-align:middle;}

#formDiv form {margin:0;padding:0;}

#formDiv form input,#content form textarea,#content form select {font: 11px/1.0em Trebuchet,Verdana, Arial, sans-serif; margin-bottom: 3px; padding: 2px; vertical-align:middle;}

#formDiv2 form {margin:0;padding:0;}

#formDiv2 form input,#content form textarea,#content form select {font: 11px/1.0em Trebuchet,Verdana, Arial, sans-serif; margin-bottom: 3px; padding: 2px; vertical-align:middle;}





#content label {width: 110px; text-align: right; vertical-align: top;padding: 0 7px 0 0;display: table-cell; float:left; line-height:1.5em;}

#formDiv label {width: 110px; text-align: right; vertical-align: top;padding: 0 7px 0 0;display: table-cell; float:left; line-height:1.5em;}

#formDiv2 label {width: 110px; text-align: right; vertical-align: top;padding: 0 7px 0 0;display: table-cell; float:left; line-height:1.5em;}



#content2 form optgroup {text-decoration: none; font-weight: bold; letter-spacing: 1px; font-style: normal; padding-left:10px; color: #039}

#content2 form option {padding-left: 10px; letter-spacing: 1px; color: #333;}

#content2 fieldset {border: 1px solid #eee; width: 470px; margin: 1px 0 0 0; padding:1px; clear:both; display:inline-block; overflow: hidden;}

#content2 fieldset legend {color:#09f; font: bold 12px Verdana; letter-spacing: 1px; text-transform: uppercase;}





#content form optgroup {text-decoration: none; font-weight: bold; letter-spacing: 1px; font-style: normal; padding-left:10px; color: #039}

#content form option {padding-left: 10px; letter-spacing: 1px; color: #333;}

#content fieldset {border: 1px solid #eee; width: 465px; margin: 10px 0 0 0; padding:10px; clear:both; display:inline-block; overflow: hidden;}

#formDiv fieldset {border: 1px solid #eee; width: 465px; margin: 10px 0 0 0; padding:10px; clear:both; display:inline-block; overflow: hidden;}

#formDiv2 fieldset {border: 1px solid #eee; width: 465px; margin: 10px 0 0 0; padding:10px; clear:both; display:inline-block; overflow: hidden;}

#content fieldset ul {margin:0;padding:0; list-style: none;}

#content fieldset ul li {line-height:1.2em; padding: 4px 0 1px 20px; background:url(../images/arrow.png) no-repeat left 0;}

#content fieldset ul2 {line-height:1.2em; padding: 15px 0 1px 20px;) no-repeat left 0;}

#content fieldset a {color:#0000cd; text-decoration:none;}

#content fieldset a:hover {color: #f60;}

#content fieldset legend {color:#09f; font: bold 12px Verdana; letter-spacing: 1px; text-transform: uppercase;}

#formDiv fieldset legend {color:#09f; font: bold 12px Verdana; letter-spacing: 1px; text-transform: uppercase;}

#formDiv2 fieldset legend {color:#09f; font: bold 12px Verdana; letter-spacing: 1px; text-transform: uppercase;}

#content a.edit {background: url(../images/edit.png) no-repeat left 1px; padding-left: 15px;}

#content .phone {background: url(../images/phone.png) no-repeat left 1px; padding-left: 17px;}

#content .del {background: url(../images/stop.png) no-repeat left 1px; padding-left: 15px;}

#content .adText {font:11px/1.2em Verdana,sans-serif;width: 200px; float: left;}

#content .adText a {color: #09c;}

#content .adText a:hover {color: #f60;}



#sidebar #cat {background: url(../images/cat-bg.gif) repeat-y top left; font: 10px/1.0em Trebuchet, Verdana, Arial, sans-serif; }

#sidebar #catf {background: url(../images/cat-f.gif) repeat-y top left;height:10px;display:inline-block;overflow:hidden;}

#sidebar dl {background: url(../images/cat-t.gif) no-repeat top left; padding-top: 12px; margin:0;}

#sidebar dl dt {margin: 0 10px; padding: 5px 5px; border-top: 1px solid #eee; line-height:1.0em; cursor: pointer;}

#sidebar small {color: #666;}

#sidebar dl dd {margin: 0 10px; padding: 0px 5px 7px 12px; line-height: 1.5em;}

#sidebar dt a {color: #03b; text-transform: uppercase; outline: none; font-weight:bold;}

#sidebar dt a:hover {color:#f90;text-decoration:none;}

#sidebar dd a {color: #03a; text-decoration:none;}

#sidebar dd a:hover {color:#006; text-decoration: underline;}

#sidebar h2#category {background: url(../images/folder.png) no-repeat 0 0; font-size: 11px; padding-left: 18px; line-height:1.5em; text-transform: uppercase; color: #f90;}

#sidebar #partner {margin:0 auto; padding: 3px; text-align: center; border: 1px solid #eee;}

#sidebar #partner img {margin: 3px;}

#sidebar #sidebanner{padding: 5px; font: 11px Tahoma, sans-serif; border: 1px solid #eee; margin: 0 0 5px 0; text-align: center;}

#sidebar #sidebanner a {color: #666; text-decoration: none;}

#sidebar #sidebanner a:hover {color: #f60;}

#sidebar h3 {color: #999; padding: 10px 0 0 10px; font:11px Arial, sans-serif; letter-spacing:1px; text-transform: uppercase;}

#sidebar #stat {padding: 9px; border: 1px solid #eee; margin: 0 0 5px 0; text-align: center; text-align:left; line-height: 1.5em;}



#sponsorl {width:118px;padding: 1px; font: 11px Tahoma, sans-serif; border: 1px solid #eee; margin: 0 0 5px 0; text-align: center;float:left;}

#sponsorr {width:118px;padding: 1px; font: 11px Tahoma, sans-serif; border: 1px solid #eee; margin: 0 0 5px 0; text-align: center;float:right;}





#footer {margin-top: 2px; padding-top: 3px; color: blue; border-top: 1px solid #eee; font: 11px/1.5em tahoma, sans-serif;text-align:right;}

#footer a {color: #03c; text-decoration: none}

#footer a:hover {color: #f60;}



#pgbottom {padding: 9px; border: 1px solid #eee; margin: 0 0 5px 0; text-align: center; text-align:right; line-height: 1.5em;}



/* Designed by Prima Web Indonesia */

#prima {float:right; margin-right: 18px;}



tablediv    {margin:1px; padding:1px; float:center; display:  table; width:746px;

             border:1px solid #eee; border-spacing:1px; border-collapse:collapse;}



.celldiv    {  margin:1px; padding:1px;  float:left; display:  table-cell;

					height:20px; width:35px; background:#ccc;text-align: center;}



.celldiv2    {  margin:1px; padding:1px; float:left; display:  table-cell;

					height:20px; width:230px; background:#ccc;text-align: center;}



.celldiv3    {  margin:1px; padding:1px; float:left; display:  table-cell;

					height:20px; width:250px;background:#ccc;text-align: center;}

					

.celldiv4    {  margin:1px; padding:1px; float:left; display:  table-cell;

					height:20px; width:120px;background:#ccc;text-align: center;}



.celldiv5    {  margin:1px; padding:1px; float:left; display:  table-cell;

					height:20px; width:90px;background:#ccc;text-align: center;}





.rwdiv    {  margin:1px; padding:1px; float:left; display:  table-cell;

					height:auto; width:35px; background:#fff;text-align: center;

					}



.rwdiv2    {  margin:1px; padding:1px; float:left; display:  table-cell;

					height:auto; width:230px; background:#fff;text-align: left;}



.rwdiv3    {  margin:1px; padding:1px; float:left; display:  table-cell;

					heightauto; width:250px;background:#fff;}



.rwdiv4    {  margin:1px; padding:1px; float:left; display:  table-cell;

					height:auto; width:120px;background:#fff;text-align: center;}



.rwdiv5    {  margin:1px; padding:1px; float:left; display:  table-cell;

					height:auto; width:90px;background:#fff;text-align: center;}





.rowdiv    { display:  table-row; width:680px; height:auto; position:relative; }







iframe {

	border-width: 0px;

	height: 30px;

	width: 450px;

}

iframe.hidden {

	visibility: hidden;

	width:0px;

	height:0px;

}



#main {

	overflow: hidden;

	margin: 2;

	width: 410px;

	height: 150px;

	border-style: none;

	border-width: 1px;

	background-color: white;

	float: left;

}



#footer2 {

	margin: auto;

	width: 410px;

	height: 20px;

	border-style: solid;

	border-width: 1px;

	border-top-width: 0px;

	background-color: white;

	text-align: center;

	font-family: verdana;

	font-size: 80%;

}



#images {

	width: 390px;

	margin: 2;

}



#images div {

	margin: 2;

	width: 100px;

	height: 100px;

	border-style: solid;

	border-width: 2px;

	border-color: #DEDFDE;

	float: left;

	overflow: hidden;

}



#images div:hover {

	border-color: #529EBD;

}



#images img.load {

	margin: 2px;

}







.formstyle{background-color:#E5F1F7;border:solid 1px #999999;padding:2px;color:black;font:normal 10px verdana}

.tdbutton{background-color:#fff;border-bottom:solid 1px #336699;padding:1px;text-align:center;}

