/* ------------------- General rules ------------------- */

/*
body {color:#000; margin:0; padding:0; text-align:center; background:#d2fdcf url(i/bg-body.gif) repeat-x; font:75% verdana,"trebuchet MS",helvetica,sans-serif}
*/

body {
	margin:0 auto;
	padding:0;
	font:12pt Tahoma;
/*
	background:#d2fdcf url(../images/bodybg.png) repeat-x;
	color:#3a3a3a;
*/

	background:#d2fdcf url(../images/bg-body.gif) repeat-x;
	color:#303030;

}

/* ------------------- Advert ------------------- */

/*in box font color*/
#ad {text-align:center; color:#fff;}
#ad h2 {font-family:Tahoma;	font-size: 12pt; font-weight:bold; margin:0; background:0; padding:0; border:0; left:0;}


/* ------------------- Boxes & rounded corners  ------------------- */

/* Purple advert box */

.abox  {border:1px solid #000; background:#fa6d00; padding:9px;}
*+html .abox,*+html .aboxJ {background:#fa6d00}
.aboxJ  {margin:7px 0px}
.aboxJ div div {background:url(http://www.kvn.co.th/images/round/c-bl-abox.gif) no-repeat 0 100%; margin:0}
.aboxJ div div div {background:url(http://www.kvn.co.th/images/round/c-br-abox.gif) no-repeat 100% 100%}
.aboxJ div div div div {background:url(http://www.kvn.co.th/images/round/c-tl-abox.gif) no-repeat 0 0; position:relative; top:-8px; margin-right:9px}
.aboxJ div div div div div {background:url(http://www.kvn.co.th/images/round/c-tr-abox.gif) no-repeat 100% 0; top:0; right:-9px; margin-right:0; padding:10px 8px 1px 1px; height:1%}
.aboxJ div div div div div div  {background-image:none !important; right:0}



a:link, a:visited, a:active {
	font-family: "Tahoma";
	font-size: 12pt;
	font-style: normal;
	text-decoration: none;
	color: #3300CC;
}

a:hover {
	font-family: "Tahoma";
	font-size: 12pt;
	font-style: normal;
	text-decoration: none;
	color: #FF0000;
}

.header{
	font-family: "Tahoma";
	font-size: 12pt
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	padding: 10 10 10 0;
}

.header10{
	font-family: "Tahoma";
	font-size: 12pt
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	padding: 10 10 10 0;
}

.page{
	font-family: "Tahoma";
	font-size: 12pt
	font-style: normal;
	text-align:right;
}

.nB{
	text-align:right;
}

.bt_input {
	font-family: "Tahoma";
	height: 21px;
	padding-left: 10px;
	padding-right: 10px;
    border-left: buttonhighlight 1px solid;
    border-top: buttonhighlight 1px solid;
    border-right: buttonshadow 1px solid;
    border-bottom: buttonshadow 1px solid;
    background-color: buttonface;
}

.text_input{
	font-family: "Tahoma";
    border-left: buttonshadow 1px solid;
    border-top: buttonshadow 1px solid;
    border-right: buttonface 1px solid;
    border-bottom: buttonface 1px solid;
}

#erase {
        width: 30px;
		height: 17px;
        background: url(../images/22.png) transparent no-repeat;
        background-position: top center;
		border:0px;
		
		color:#FFFFFF;
}

.text_input{
	font-family:Tahoma;
	font-size: 12pt;
	border-width:1pt;
	border-color:#000000;
	border-style:solid;
	background-color:#33FFFF
}

input.btn{
   color:#666;
   font-family:'tahoma';
   font-size: 12pt;
   font-weight:bold;
   background-color:#CCC;
   border:1px solid;
   border-top-color:#666;
   border-left-color:#666;
   border-right-color:#666;
   border-bottom-color:#666;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#cccccc');
}

.topic_header{
  font-family:Tahoma;
  font-size: 12pt;
  font-weight:bold;
}

/* These hieghts and widths should be edited to your images */	
ul#pikame{
	padding-left:0;
	/*width:450px;*/
	margin:0 auto;}
.pika_main{
	/*width:500px;*/
	padding-right:20px;
	margin:0 auto;}
#pikame li{
	margin:5px;
	float: left;
	border:1px solid #222;
	position:relative;
	overflow:hidden;}

.messagebox{
	position:absolute;
	width:100px;
	margin-left:16px;
	margin-top: 30px;
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
}
.messageboxok{
	position:absolute;
	width:auto;
	margin-left:9px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	font-weight:bold;
	color:#008000;
	
}
.messageboxerror{
	position:absolute;
	width:auto;
	margin-left:0px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
}








.top-left {

margin-right: 9px; /* clip right corner */
background-image: url('http://www.kvn.co.th/images/corners1280x18.gif');
height: 9px; /* vertical: show first half of the image with the top-corners in it */
font-size: 2px; /* correct height for IE */
}

.top-right {

margin-top: -9px; /* to level of top-left corner */
margin-left: 9px; /* clip left corner */
background-image: url('http://www.kvn.co.th/images/corners1280x18.gif'); 
background-position: 100% 0; /* show bg-image starting at the right */
height: 9px; 
font-size: 2px;
}

.bottom-left {

margin-right: 9px; /* clip right corner */

background-image: url('http://www.kvn.co.th/images/corners1280x18.gif');
background-position: 0 -9px; /* show under half of the image */
height: 9px;
font-size: 2px;
}

.bottom-right {

margin-top: -9px; /* to level of bottom-left corner */
margin-left: 9px; /* clip left corner */
background-image: url('http://www.kvn.co.th/images/corners1280x18.gif'); 
background-position: 100% -9px; /* under half, right side */
height: 9px; 
font-size: 2px; 
}

.inside {

font-family:Tahoma;	
font-size: 12pt; 
font-weight:bold;
border-left: 1px solid #C00000;
border-right: 1px solid #C00000;
background: #fa6d00;
color: #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}

.notopgap {

margin-top: 0;
}

.nobottomgap {

margin-bottom: 0;
}