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

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

.table_left {
width: 10%; 
background:url(images/bg_left.gif); 
background-repeat: repeat-y; 
background-position: right top;
}
.table_right {
width: 10%; 
background:url(images/bg_right.gif); 
background-repeat: repeat-y; 
background-position: left top;
}
.table_center{
width: 80%; 
/*height: 720px; */
vertical-align: top; 
background:url(images/bg_page.gif); 
background-attachment: fixed; 
}

.td_center{ width: 79%; vertical-align: top;}
.td_right{ width: 20%; vertical-align: top;}

#mainpage{
	width: 100%;
	height:100%;
}

/**html body #friendblog,#link,#vipfriend{
	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{
color: #FFFFFF; 
font-size: 20px; 
line-height: 30px; 
margin-left:10px;
/*margin-top:10px*/
}

#footer{ width: 100%; }

.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{
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	width: 250px;
}

#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: #404040;
	border: 4px solid #FDFCFC;
	padding:10px;
	padding-top:0px;
	margin-bottom:10px;
	margin:10px
}

#title{
	color: #d7d7d7; 
	font-size: 13px; 
	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%; }

.confirmcode{ width:90%; }

.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;  background:url(images/bg_comment.jpg); background-position: bottom left;}

#clear{
	clear:both;
}

td{
font-size:smaller;
}

#head_div{
color: #FFFFFF; 
font-size: 13px; 
font-weight: bold; 
margin-bottom: 5px; 
line-height: 20px; 
background-color: #b40000; 
padding: 0px 5px 0px 5px; 
}

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

#host{
	font-size: 12px; 
	line-height: 16px; 
	padding-bottom:10px;
}

#post_by{ text-align:left;}

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

#blog_detail{ width:100%; }

#emotion{ color: #959595;  }
#emotion_border{ 
	border:1px #959595 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: #FFFFFF; text-decoration: none;}
a:visited {color: #FFFFFF; text-decoration: none;}
a:hover {color: #FFFFFF; text-decoration: underline;}
a:active {color: #FFFFFF;text-decoration: underline;}

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

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

#calendar_date2 {color: #FFFFFF; text-decoration: none; background-color: #ff4141; display: block; font-weight: bold;}
#calendar_date2 a {color: #FFFFFF; text-decoration: none; background-color: #ff4141; display: block; font-weight: bold;}
#calendar_date2 a:link {color: #FFFFFF; text-decoration: none; background-color: #ff4141;}
#calendar_date2 a:visited {color: #FFFFFF; text-decoration: none; background-color: #ff4141;}
#calendar_date2 a:hover {color: #FFFFFF; text-decoration: none; background-color: #b40000;}
#calendar_date2 a:active {color: #FFFFFF; text-decoration: none; background-color: #ff4141;}

.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_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;
	/*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: #FFFFFF; 
	font-size: 20px; 
	font-weight: bold; 
	line-height: 30px; 
	background-color: #909090; 
	padding: 10px 0px 10px 0px;
	text-align:center;
	margin-bottom:10px
}

img {
    image-orientation: from-image;
}