@charset "utf-8";
/* CSS Document */

/* Layout */
body  {
	margin:  0;
	padding: 0;
	border: none;
	color: black;
	background-color: #D4D9DD;
	text-align: center;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.twoColAbs #container {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background-position: 0 0;
	background-color: white;
}

.twoColAbs #header {
	height: 70px;
} 

.twoColAbs #wrapper {
	_height: 700px;	/* IE6 Hack*/
	min-height: 700px;
	float: left;
}

.twoColAbs #side {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.twoColAbs #main {
	float: left;
	width: 820px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: white;
}

.twoColAbs #footer {
	clear: both;
	margin: 0;
	padding: 10px 20px;
}

a {
	color: #3366CC;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	position: relative;
	left: 2px;
}

/* Language */
.lang_box {
	position: absolute;
	top: 0;
	left: 880px;
	width: 116px;
	height: 20px;
	margin: 0;
	padding: 0px 2px;
}

.lang_all{
	position: relative;
    width: 25px;
    height: 15px;
	margin: 0;
	padding: 0;
    background-image: url(http://icons.soidb.com/sprites_clone_00.png);
    background-repeat: no-repeat;
	float: left;
	overflow: hidden;
}

.lang_en {
	background-position: 0 -00px;
}

.lang_th {
	background-position: 0 -15px;
}

.lang_jp {
	background-position: 0 -30px;
}

/* Header */
.horizon {
	position: absolute;
	top: 20px;
	left: 0;
	width: 1000px;
	height: 50px;
	background-color: black;
}

.title {
	margin: 0;
	padding: 0 10px;
	line-height: 50px;
	font-size: 20px;
	color: white;
	float: left;
}

.soidb {
	margin: 30px 0 0 0;
	padding: 0 10px;
	line-height: 20px;
	color: white;
	float: right;
}

.sd_inner {
	height: 100%;
	padding: 0 10px;
}

.menu {
	background-color: #D6CB9E;
	padding: 5px;
}

.pic_tn {
	width: 100px;
	height: 75px;
	background-color: #DDDDDD;
	border: none;
	vertical-align: text-bottom; /* for eliminating white space of IE */
}

.soimap_box {
	width: 800px;
	height: 905px;	/* adjust for firefox */
	margin: 10px 0 5px 0;	/* smaller bottom margin for note */
	padding: 0;
}

/* AdSense */
.adsense_bb {
	width: 800px;
	height: 90px;
	margin: 10px 0;
	padding: 0;
	text-align: center;
}

.adsense_scraper {
	width: 160px;
	height: 600px;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	clear: both;
}

/* Original Ad */
.ad_side_top {
	width: 160px;
	height: 90px;
	margin: 10px 0 15px 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
	border-collapse: collapse;
	clear: both;

}

.ad_side_top a[target="_blank"]{
   background: none; /* overwrite general policy for this div */
}

.ad_side_top a:hover {
	position: static; /* overwrite general policy for this div about a:hover */
}

.para_box {
	width: 160px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: center;
	float: left;
	overflow: hidden;
}

.para_box .name {
	width: 150px; /* 160 - (5*2) */
	height: 26px;
	margin: 0 5px 0 5px;
	line-height: 13px;
}

.para_box .row {
	width: 150px; /* 160 - (5*2) */
	height: 18px;
	margin: 0 5px 0 5px;
	line-height: 18px;
}

.para_box_height1 {
	height: 119px; /* (26 + 75) + 18 */
}

.dev_list {
	clear: both;
	margin: 10px 0 5px 0;	/* smaller bottom margin for note */
	padding: 0;
	border: solid 2px #BB0000;
	border-collapse: collapse;
	line-height: 14px;
	font-size: 12px;
	text-align: left;
	overflow: visible;
}

.dev_list td {
	padding: 0 5px;
	border: solid 1px #BB0000; 
}

/* General */
.brnone {
	clear: both;
	line-height: 0;
}

.brlow {
	clear: both;
	line-height: 5px;
}

.brmid {
	clear: both;
	line-height: 10px;
}

.sd_d2 {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 16px;
	font-size: 12px;
	font-weight: normal;
}

.sd_dark {
	color: #555555;
}

.sd_bold {
	font-weight: bold;
}

.sd_left {
	clear: none;
	float: left;
}