﻿
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:0;}
a {color: #03a; outline: 0;}
a:hover {color: #f60;}
sup {font-size:9px;}
#bodyDiv {width:790px;display:inline-block; overflow: hidden; background: #ffffff;}
#bodyDiv,#footer {width:790px; margin:0 auto; padding:0; text-align:left;}
#container, #header, #inner, #content, #sidebar, #logo {display:inline-block; overflow: disabled;}
#container {width:800px; margin:0 auto; padding:0; text-align:left;}
#header, #inner{width:760px;}
#header {height:100px;}
#content, #content2 {width:500px; float:left; height:500px;}
#sidebar {width:260px; float:right;}


#logo {float:left; width:350px; display:inline-block; overflow:hidden;}
#logo a {float:left;}
#logo a:hover {float:left;}

#logo2 {float:left; width:410px; display:inline-block; overflow:hidden;}
#logo2 a {float:right;}
#logo2 a:hover {float:right;}

#membertools {float:right; height: 50px; background: url(../img/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(../img/top-sep.jpg) no-repeat left top; float:left; overflow:hidden;}
#membertools a:hover {background: url(../img/top-hover.jpg) repeat-x left top;}
#membertools a:focus {background: url(../img/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(../img/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(../img/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(../img/contentad-bg.gif) no-repeat 0 5px;}


#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(../img/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(../img/edit.png) no-repeat left 1px; padding-left: 15px;}
#content .phone {background: url(../img/phone.png) no-repeat left 1px; padding-left: 17px;}
#content .del {background: url(../img/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(../img/cat-bg.gif) repeat-y top left; font: 10px/1.0em Trebuchet, Verdana, Arial, sans-serif; }
#sidebar #catf {background: url(../img/cat-f.gif) repeat-y top left;height:10px;display:inline-block;overflow:hidden;}
#sidebar dl {background: url(../img/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(../img/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;}


#footer2 {float:left;text-align:left;margin-top: 2px; padding-top: 3px; color: blue; border-top: 1px solid #eee; font: 11px/1.5em tahoma, sans-serif;}
#footer2 a {color: #03c; text-decoration: none}
#footer2 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;}
.celldiv6    {  margin:1px; padding:1px; float:left; display:  table-cell;
					height:20px; width:200px;background:#ccc;text-align: center;}


.rwdiv    {  margin:1px; padding:1px; float:left; display:  table-cell;
					height:auto; width:35px; text-align: center;
					}

.rwdiv2    {  margin:1px; padding:1px; float:left; display:  table-cell;
					height:auto; width:200px; text-align: left;}

.rwdiv3    {  margin:1px; padding:1px; float:left; display:  table-cell;
					heightauto; width:200px;}

.rwdiv4    {  margin:1px; padding:1px; float:left; display:  table-cell;
					height:auto; width:250px;text-align: left;}

.rwdiv5    {  margin:1px; padding:1px; float:left; display:  table-cell;
					height:auto; width:80px;text-align: center;}
.rwdiv6    {  margin:1px; padding:1px; float:left; display:  table-cell;
					height:auto; width:200px;text-align: center;}


.rowdiv    { display:  table-row; width:746px; 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;
}

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