body {
	/*background-image: url(images/bg_main.jpg); */
	background-color: #b3dde5 !important; 
	background-attachment: fixed; 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px;
	font-family: Tahoma; 
	font-size: 12px; 
	color: #000000; 
	line-height: 16px;
}

.main_table,.main_center{ width: 100%; }
.main_table{ height:100%; }

.table_left,.table_right  { width: 0%; }
.table_center{ width: 100%;}

.td_right{ width: 15%; vertical-align: top;}
.td_center{ width: 65%; vertical-align: top;}
.td_left { width: 7%; vertical-align: top; }

#mainpage{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

/**html body #friendblog,#link,#vipfriend,#profile{
	text-align:left;
}*/

#backlink,#uplink,#headmonth{ 
float: left; 
width:10%; 
text-align:center; 
padding: 0px 4px 0px 4px; 
}
#headmonth{ width:68%; }
/**html body #backlink,#uplink{ width:15%; }*/

#header,#info_header{
	width: 100%; 
	height: 250px; 
	background:url(images/bg_top.jpg); 
	background-position: center;
	text-align:center; 
	vertical-align:bottom;
	color: #629CA3; 
	font-size: 20px; 
	line-height: 30px; 
	padding-bottom: 10px;
}

#slogan{
	text-align:center; 
	vertical-align:middle;
	color: #629CA3; 
	font-size: 20px; 
	line-height: 30px; 
	padding-bottom: 10px;
}

#footer{ width: 100%; padding-top:10px; }

.left{
	width: 100%;
	float: left;
}

.center{
	width: 100%;
	float: left;
}

.right{
	width: 100%;
	float: left;
}

#calendar_date,#calendar_date2{
	width: 14%;
	float: left;
	margin-top:10px;
	text-align:center;
}

#group,#lastdiary,#friendblog,#vipfriend,#profile,#link,.calendar,#gblog,.bgmykratoo{
	width: 250px;
	margin:10px
}

#alldiary_overflow{ /*max-height: 250px; overflow:auto;*/ margin-top:10px; margin-bottom:10px;}

*html body #alldiary_overflow { 
   height: expression( this.scrollHeight > 250 ? "251px" : "auto" ); /* sets max-height for IE */
}

#blogstyle,.comment,#comment_box{
/*	background-color: #FFFDDD;
	border:#00CC33 dashed 4px; */
	padding:10px;
	padding-top:0px;
	margin-top:10px;
	margin-bottom:10px;
}

#blogstyle,.comment{
	border:#000000 solid 1px; 
}

#title{
	color: #8A6529; 
	font-size: 14px; 
	font-weight: bold; 
	margin-bottom: 15px; 
	margin-top: 15px; 
	line-height: 20px;
}

#comment_box{ padding:10px 0px 10px 0px;  text-align:left;}
.style_commentbox{ margin:10px; }
#w_commentbox{ width: 100%; }

.textbox_style {width:150px; font-family: Tahoma; FONT-SIZE: 12px; COLOR: #000000; border: #CCCCCC solid 1px;}
.textarea_style {font-family: Tahoma; FONT-SIZE: 12px; COLOR: #000000; border: #CCCCCC solid 1px; width: 350px; height:150px;}

#clear{
	clear:both;
}

td{
font-size:smaller;
}

#head_div{
	color: #8A6529; 
	font-size: 13px; 
	font-weight: bold; 
	margin-bottom: 5px; 
	line-height: 20px; 
/*	background-color: #aba440; */
	padding: 0px 5px 0px 5px; 
}

/*ul{
list-style-image:url(images/icon_bullet.gif);
}*/

#host{
	position:absolute;left:0px;top:0px;
	font-size: 12px; 
	line-height: 16px; 
}

#post_by{ text-align:left;}

#showcomment{
	text-align:left; 
	margin: 20px 0px 20px 0px;
}

#blog_detail{ width:100%; }

#emotion{ color: #000000;   }
#emotion_border{ 
	border:1px #000000 solid; 
	padding:5px; 
}

.formtip{ margin-bottom:0px }

#w_menuforadmin{ width:100%; }
#menuforadmin{width:18%;}
#counter{width:50%; }
#sum_comment{width:30%; text-align:right;}
#comment_no{ width:30%; float:left; margin-top:10px; }
#delete_comment{ width:30%; float:right; text-align:right; margin-top:10px; }

a:link {color: #629CA3; text-decoration: none;}
a:visited {color: #629CA3; text-decoration: none;}
a:hover {color: #629CA3; text-decoration: underline;}
a:active {color: #629CA3;text-decoration: underline;}

#calendar_date {color: #000000; display: block;}
#calendar_date a {color: #396dd2; text-decoration: none; display: block; font-weight: bold;}
#calendar_date a:link {color: #396dd2; text-decoration: none;}
#calendar_date a:visited {color: #396dd2; text-decoration: none;}
#calendar_date a:hover {color: #FFFFFF; text-decoration: none; background-color: #396dd2;}
#calendar_date a:active {color: #396dd2; text-decoration: none;}

#calendar_date2 {color: #FFFFFF; text-decoration: none; background-color: #71CEF8; display: block; font-weight: bold;}
#calendar_date2 a {color: #FFFFFF; text-decoration: none; background-color: #71CEF8; display: block; font-weight: bold;}
#calendar_date2 a:link {color: #FFFFFF; text-decoration: none; background-color: #71CEF8;}
#calendar_date2 a:visited {color: #FFFFFF; text-decoration: none; background-color: #71CEF8;}
#calendar_date2 a:hover {color: #FFFFFF; text-decoration: none; background-color: #396dd2;}
#calendar_date2 a:active {color: #FFFFFF; text-decoration: none; background-color: #71CEF8;}

#link_profile {color: #005f6c; font-weight: bold; font-size: 14px; }
#link_profile a:link {color: #005f6c; text-decoration: none; font-weight: bold; font-size: 14px; }
#link_profile a:visited {color: #005f6c; text-decoration: none; font-weight: bold; font-size: 14px; }
#link_profile a:hover {color: #005f6c; text-decoration: underline; font-weight: bold; font-size: 14px; }
#link_profile a:active {color: #005f6c;text-decoration: underline; font-weight: bold; font-size: 14px; }


.text_small {font-size: 11px; color: #666666;}
.text_small a {font-size: 11px; color: #629CA3;}
.text_small a:link {font-size: 11px; color: #629CA3; text-decoration: none;}
.text_small a:visited {font-size: 11px; color: #629CA3; text-decoration: none;}
.text_small a:hover {font-size: 11px; color: #629CA3; text-decoration: underline;}
.text_small a:active {font-size: 11px; color: #629CA3; text-decoration: none;}

.divMykratoo{
		overflow: auto; 
		/*width: 250px;*/
		width: 100%;
		height: expression( this.scrollHeight > 249 ? "250px" : "auto" );/* sets max-height for IE */
		max-height:250px;/* sets max-height value for all standards-compliant browsers */
		
}
.divMykratoo2{
		overflow: auto; 
		width: 100%;
		height: expression( this.scrollHeight > 350 ? "250px" : "auto" );/* sets max-height for IE */
		max-height:250px;/* sets max-height value for all standards-compliant browsers */
		
}

/* CSS for Profile */

.info_table_left,.info_table_right{ width: 10%;  }
.info_table_center{ 
	width: 80%; 	
	background-color: #FFFDDD;
	border:#00CC33 dashed 4px;
	vertical-align: top;
}

.info_td_left,.info_td_right{ width: 15%; vertical-align: top; }
.info_td_center{ width: 65%; vertical-align: top;}

.fav_pantip1{
	float:left;
	width:40%;
	font-weight: bold; 
}

.fav_pantip2{
	float:right;
	width:57%;
}

#general_data,#contact_data{
	/*width: 100%;*/
	margin:10px 0px 10px 10px;
	/*margin-bottom:10px;*/
}

.general_data1,.contact_data1{
	float:left;
	width:20%;
	font-weight: bold; 
}

.general_data2,.contact_data2{
	float:left;
	width:75%;
}

#info_profile,#fav_pantip{
	width: 250px;
	margin-top:10px;
	margin-left:10px;
/*	margin:10px*/
}

/* CSS for viewdraft */

#viewdraft{
	width:100%;
	color: white; 
	font-size: 20px; 
	font-weight: bold; 
	line-height: 30px; 
	background-color: black; 
	padding: 10px 0px 10px 0px;
	text-align:center;

}