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

@import url("stylesheet.css");

.questbook{
position:relative;
border:#f59799 solid 2px;
background:#FFCCCC;
padding:10px;
}

#questbook{
float:left;
display:inline;
width:770px;
}

#questbook h2{
font-family:tahoma, verdana, sans-serif ;
font-size:large;
font-weight:bold;
padding:9px;
background:#FFCCCC;
margin:0 0 7px 0;
}

#menulover{
list-style-type:none;
margin:0 0 7px 0;
border:#f59799 solid 2px;
background:#FFCCCC;
height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
height:10px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
min-height:10px;
}

#menulover li{
float:left;
width:100px;
padding:5px 10px;
}

#menulover li a{
display:block
}

.questbook legend{
position:absolute;
font:18px bold;
top:-13px;
color:#f59799;;
background:transparent;
}

.textbox1,.textarea1{
border:#FFF solid 1px;;
padding:5px;
width:400px;
margin:5px 0;
}

.textarea1{
height:150px;
overflow:auto;
}

.button1{
border:#ddd solid 2px;
background:#f59799;
width:100px;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
	position:relative;
	top:-5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

#gallery {
		background-color: #444;
		padding: 10px;
		width: 520px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	#gallery ul a {
	text-decoration:none;}
.linkalbum{
float:right; 
margin:20px; 0 5px 0;
text-decoration:none;
color:#FF6666;
font:x-small verdana;
font-weight:bold;
}

.manage_album{
width:500px;
}

.manage_album td{
padding:5px;
text-align:left;
margin:1px;
background:#FCF6F7;
}

.manage_album thead td{
text-align:center;
background:#EF999B;
}

.img_edit{
width:74px;
height:74px;
}