html, body {
  background-color: #CCCCCC;
  /* IE */
  /*filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.4);*/

  /* Chrome, Safari */
  /*-webkit-filter: grayscale(0.4);*/

  /* Firefox */
  /*filter: grayscale(0.4);*/
}


a:link,a:active,a:visited {font-family: Tahoma; font-size: 13px; text-decoration: none; color : #006699; }
a:hover		{font-family: Tahoma; font-size: 13px;  text-decoration: none; color : #DD6900; }

a.menu:link,a.menu:active,a.menu:visited {font-family: Tahoma; font-size: 13px; text-decoration: none; color : #000000; font-weight : bold;   width: 100%; display: block;}
a.menu:hover		{font-family: Tahoma; font-size: 13px;  text-decoration: none; color : red; font-weight : bold;   width: 100%; display: block;}

a.login:link,a.login:active,a.login:visited {font-family: Tahoma; font-size: 13px; text-decoration: none; color : #FFA800; font-weight : bold;}
a.login:hover		{font-family: Tahoma; font-size: 13px;  text-decoration: none; color : red; font-weight : bold;}

a.aColor1:link,a.aColor1:active,a.aColor1:visited {font-family: Tahoma; font-size: 13px; text-decoration: none; color : #BBBBBB; font-weight : normal;}
a.aColor1:hover		{font-family: Tahoma; font-size: 13px;  text-decoration: none; color : #333333; font-weight : normal;}

a.axxx:link,a.axxx:active,a.axxx:visited {font-family: Tahoma; font-size: 13px; text-decoration: none; color : #FFFFFF; font-weight : normal;}
a.axxx:hover		{font-family: Tahoma; font-size: 13px;  text-decoration: none; color : #333333; font-weight : normal;}


input,select {border: 1px outset #999999; cursor: pointer; margin: 1px 0px 0px 4px; padding: 1px 0px 2px 0px;background-color: #EEEEEE; color:#196ABD;}
textarea {border: 1px outset #999999; cursor: pointer; margin: 1px 0px 0px 4px; padding: 1px 0px 2px 0px;background-color: #EEEEEE; color:#EC8000;}


#input.btn {border: 1px outset #999999; cursor: pointer; margin: 1px 0px 0px 4px; padding: 1px 5px 2px 5px;background-color: #D6D3CE;height:22px; color:#000000;}

input.btn {border: 1px outset #999999; cursor: pointer; margin: 1px 0px 0px 4px; padding: 1px 5px 2px 5px;background-color: #969696; height:24px; color:#FFFFFF; font-weight : normal;}
input.c {background-color: #ffffff; border: 0px; height:16px} /* CheckBox*/

input.i {background-color: #ffffff; border:0px} /* Image*/


center,font,td { font-family: Tahoma; font-size: 13px; }
font.notice  { font-family: Tahoma; font-size: 13px; color:red;}
font.topic-old, td.topic1-old, tr.topic1-old { font-family: Tahoma; font-size: 13px; font-weight:bold; background-color:#D0C5FE;}
font.topic1, td.topic1, tr.topic1 { font-family: Tahoma; font-size: 13px; font-weight : bold;}
font.counter { font-family: Tahoma; font-size: 10px; font-weight : bold; color: #FFFFFF;background-color: #000000; padding-top: 2px; padding-right: 5px; padding-bottom: 3px; padding-left: 6px;}


img {border-color:#000000;}


/* index page*/
ul.list1,li.list1 {margin-left:1px; list-style-image:url(/image/bullet/arrow-red.gif);
padding-left     : 15px;
}



td.menutab{
background-image: url(/image/menu/bg.gif); /* forward slash for the path */
width: 102px; /* use you own image size; */
height: 30px; /* use you own image size; */
background-repeat: no-repeat;
background-position: left top;
text-align: center;
/*vertical-align: top;*/
}


table.header
{ 
background-image: url(/image/dinga1.gif); 
background-repeat: repeat-x
}


/* Div Round---- NOT USE*/ 
.roundcont {
	/*width: 250px;*/
	width: 100%;
	/*background-color: #f90;*/
	background-color: #CCC;
	color: #fff;
}

.roundcont p {
	margin: 0 10px;
}

.roundcont a:link, .roundcont a:visited{
	color: #FFF;
}

.roundtop { 
	background: url(tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}
/* End of Div Round*/








#thaisub_menu {
  width:96%;
/*  min-width: 650px;*/
  max-width: 1200px;
  top:100px; /*70px;*/
  position: absolute; 
  z-index:999; 
  padding:0px; 
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #EEEEEE;
/*  right: 0px; */
  float: right; 
}

/* copy from phpbb3 root of pages*/
#wrap {
	padding: 0 20px;
	min-width: 650px;
	max-width: 1200px;
        min-height: 600px;
	margin-left: auto;
	margin-right: auto;
        margin-bottom: 10px;




background-color: #FFFFFF;
border:1px solid;
border-color: #CCCCCC;
border-radius:10px;
-moz-border-radius:10px;
padding: 20px;
/*opacity: 0.75;*/

}

#copyright{
  min-width: 650px;
  max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
/*  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #EEEEEE;*/
  margin-bottom: 30px;
  color: black;
}




.nav{
  max-width: 320px;
  background-color: #FFFFFF;
  border:1px solid;
  border-color: #CCCCCC;
  border-radius:10px;
  -moz-border-radius:5px;
  padding: 1px;
  text-align: left
}


.phplatest{
  border: 0px solid;
  border-color: #555555;
  border-radius: 5px;
  /*border-color: #EEEEEE;*/
  /*background-color:#F5F5F5; */
  padding: 15px;
}


.wiget1{
  border: 0px solid;
  border-color: #CCCCCC;
  border-radius: 5px;
  margin-right: 10px;
  /*background-color: #F5F5F5;*/
  padding-bottom: 5px;
  margin-bottom: 15px;
padding-left: 15px;
}


div.wiget1-title {
    text-align: center;
    font-family: Electrolize,'Oxygen',Arial, sans-serif;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
margin-left: -15px;

    color: #000000;
    line-height: 31px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
/*    border-top-left-radius: 5px;*/
    border-radius: 5px;
/*    display: inline-block; */
}

#wiget1-title1{
    background-color: #FFD87D;
}

#wiget1-title2{
    background-color: #FF5566;
}


.wiget1-content-del{
    margin-left:15px;
}

ul.list1{
    text-align: left;
    margin-top: 5px;
}



/*additional forum post right border between text and user info*/
.postbody{
		border-right: solid 1px;
		border-color: #CCCCCC;
}
.signature{
		width: 99%;
}

/*---------*/
.black-ribbon {
  position: relative;
  z-index: 9999;
  width: 30px;
}
@media only all and (min-width: 768px) {
  .black-ribbon {
    width: auto;
  }
}

.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }
/*---------*/

/* For ads */
#myoutercontainer { position:relative; border-style: solid; border-width:1px; margin-top:5px; margin-bottom:15px; border-color:#CCCCCC;}
#ads-link1 {width:90%; text-align: center;} 
#ads {width:100%; text-align: right; margin-bottom:0px; font-size:0.5em; color:#CCCCCC;}