/* Body and redefine reserved name tags */
BODY { padding: 0px; margin: 0px; font-family: Arial; font-size: 11px; color: #666666; }
.bgcommon {background-color: #BED271; background-image: url(fairy/bg_main_top.jpg); background-repeat: no-repeat; }
A* {border: 0px}
form* {font-size: 11px; color: #666666;}


/* Declare the container of full page */
#div_container {width: 680px; float: left; margin-left: 20px; }

/* Top Menu Section */
#div_hometitle {width: 100%; height: 70px; }
#div_menu {width: 100%; height: 45px; background-image: url(fairy/bg_content_top.gif); }

/* Declare the container of middle page (For blog body and Menu Column) */
#div_content {width: 680px; float: left;background-image: url(fairy/bg_content_mid.gif); }
#div_menucolumn { width: 180px; float: left; margin-left: 5px; overflow: visible;}
/* #div_mainbody { width: 470px; float: left; margin-left: 10px; } */
.showmin{ width: 470px; float: left; margin-left: 10px; }
.showmax{ width: 660px; margin-left: 10px; }

/* DIV object inside div_menucolumn */
#div_about { width: 180px; margin-bottom: 10px; }
#div_calendar { width: 180px; margin-bottom: 10px; }
#div_category { width: 180px; margin-bottom: 10px; }
#div_counter { width: 180px; font-size: 10px; color: #5F6D0B; }

/* Bottom and copyright section */
#div_bottom { height: 45px; width: 100%; float: left; background-image: url(fairy/bg_content_bottom.gif); background-repeat: no-repeat; margin-bottom: 10px; }

#PageNav { height: 30px; width: 100%; text-align: center; vertical-align: middle; letter-spacing: 1px; }
#PageNav B { font-weight: bold; color: #FF6600; }


/* ========================= Common class declaration ============================*/
A:link     { color: #666666; text-decoration: none; }
A:visited  { color: #666666; text-decoration: none; }
A:hover    { color: #666666; text-decoration: underline; }

/* Menu Table Frame Border TYPE-1 */
.brd_t1_top {width: 180px; height: 10px; background-image: url(fairy/brd_t1_01.gif); background-repeat: no-repeat; }
.brd_t1_mid {background-image: url(fairy/brd_t1_02.gif); background-repeat: repeat-y; }
.brd_t1_btm {width: 180px; height: 10px; background-image: url(fairy/brd_t1_03.gif); background-repeat: no-repeat; }

/* ========================= Style for menu.asp and hometitle.asp ============================*/
#div_hometitle .hometitle {padding-left: 15px; font-size: 18px; color: #FFFFFF; font-weight: bold; }
#div_hometitle .homedesc {padding-left: 15px; font-size: 11px; color: #FFFFFF; }
#div_hometitle .btnlogin {padding-right: 15px; cursor: hand; }

#div_menu .pageurl {padding-left: 15px; font-size: 11px; color: #5F6D0B; }
#div_menu .guest {padding-right: 15px; }
#div_menu .btnbig5gb {cursor: hand; }
#div_menu .btnexpend {cursor: hand; }
#div_menu .rightpadding {padding-right: 15px; }
#div_menu .leftpadding {padding-left: 15px; }

#div_about .tblabout {width: 170px; padding-left: 5px; padding-right: 5px; }
#div_about .tblphotobox {border: 1px solid #D9D9D9; }
#div_about .tblname { padding-top: 5px; }

#div_category .title {padding-left: 10px; padding-bottom: 5px; font-weight: bold; color: #5F6D0B; }
#div_category .item {padding-left: 10px; padding-bottom: 3px; letter-spacing: 1px; }
#div_category .search {padding-left: 10px; padding-right: 10px; }

#div_counter .title {font-size: 11px; font-weight: bold; }

/* ========================= Style for intro.asp =========================*/
.recent { height: 26; background-image: url(fairy/bg_recent.gif); }
.bg_album_top { background-image: url(fairy/bg_filmroll_top.gif); }
.intro_album { width: 100%; background-color: #B0B0B0; }
.intro_photo { background-image: url(fairy/bg_introphoto.gif); border: 5px solid #FFFFFF; }
.intro_listframe { border: 1px solid #D9D9D9; background-color: #FFFFFF; padding: 5px; padding-top: 10px; }

/* ========================= Style for _blog.asp =========================*/
#blogspacer {height: 15px; }
.blogframe { width: 100%; border: 1px solid #D9D9D9; background-color: #F0F0F0; margin-bottom: 10px; }
.blogtitlebox { background-color: #F7F7F7; height: 30px; padding-left: 5px; padding-right: 5px; }
.blogcontentbox { padding: 5px; }
.blogtitle { font-size: 14px;  color: #84A757; font-weight: bold; letter-spacing: 1px; }
.blogtitle_sub { font-size: 11px; color: #999999; text-align: right; }
.blogcontentframe { border: 1px solid #D9D9D9; background-color: #FFFFFF; padding: 5px; padding-top: 10px; }
.blogcontentframe A:link { text-decoration: underline; font-weight: bold; }
.blogcontentframe A:visited { text-decoration: underline; font-weight: bold; }
.blogcomment { cursor: hand; text-decoration: underline; }
.commentlist {padding: 5px; margin-bottom: 5px; background-color: #F7F7F7; border: 1px dashed #999999; }
.commentbox {padding-left: 10px; padding-right:10px; padding-bottom: 5px; }
.commentdate { font-size: 9px;  color: #BBBBBB; }

/* ========================= Style for photo.asp =========================*/
.bg_photo { width: 100%; background-color: #F0F0F0; }
.photocontentbox { padding: 5px; border: 1px solid #D9D9D9; border-right: none; }
.photoframe {	border: 1px solid #CCCCCC; margin: 5px; margin-bottom: 10px; }
.photoimg {	border: 1px solid #CCCCCC; background-color: #F4F4F4; text-align: center; cursor: hand; }
.photoborder { background-color: #FFFFFF;	color: #666666; }
.thumbbox {border: 3px solid #FFFFFF; margin: 3px; }
.tuumbtd { background-color: #999999; padding-top: 10px; border: 1px dotted #999999; }
.albname {font-size: 11px; color: #666666; font-weight: bold; }
.pdesc {font-size: 10px; color: #666666; }
.exiftbl { background-color: #FBFBFB; font-family: Verdana; font-size: 9px; color: #999999; text-align: left; border: 5px double #EAEAEA; padding-left: 5px;}
.bg_filmroll_left { width: 10px; background-image: url(fairy/bg_filmroll_left.gif); }
.bg_filmroll_right { width: 10px; background-image: url(fairy/bg_filmroll_right.gif); }

#tblPagenum {font-size: 10px; color: #FFFFFF; text-align: center;}
/* filter: alpha(opacity=50); -moz-opacity: 0; opacity: 0;"  */


.tbl_album { width: 100%; background-color: #F7F7F7; border: 1px solid #DDDDDD; margin-bottom: 10px;}
.tbl_albumlist { background-color: #E0E0E0; border: 5px double #DDDDDD;}
.thumbbox2 {border: 5px solid #FFFFFF; margin: 0px; }
.thumbdesc {padding: 5px; }
.album_title {font-weight: bold; margin-bottom: 2px; }
.balloon_desc { font-size: 10px; background-color: #FFFFFF; color: #333333; padding: 2px;  }

.guest_inputbox { background-color: #FFFFFF; margin-bottom: 10px; padding: 5px; border: 1px solid #CCCCCC; }
.guest_msglist {padding: 5px; margin-bottom: 5px; background-color: #FCFCFC; border: 1px dashed #999999; }

/* ========================= Style for FORM objects =========================*/
.btn_60x55  {width: 60px; height: 39px; background-color: #FFFFFF; border: 1px solid #999999; }
.btn_50  {width: 50px; height: 18px; background-color: #FFFFFF; border: 1px solid #999999; }
.txtbox_80 {width: 80px; height: 14px; background-color: #FFFFFF; border: 1px solid #999999; }
.txtbox_100 {width: 100px; height: 14px; background-color: #FFFFFF; border: 1px solid #999999; }
.txtbox_120 {width: 120px; height: 14px; background-color: #FFFFFF; border: 1px solid #999999; }
.txtbox_150 {width: 150px; height: 18px; background-color: #FFFFFF; border: 1px solid #999999; }
.txtbox_165 {width: 163px; height: 16px; background-color: #FFFFFF; border: 1px solid #999999; }
.txtbox_200 {width: 200px; height: 16px; background-color: #FFFFFF; border: 1px solid #999999; }
.mtxtbox_350 {width: 350px; height: 32px; background-color: #FFFFFF; border: 1px solid #999999; font-family: Arial;  }
.txtbox_dash_170 {width: 170px; height: 16px; background-color: #FFFFFF; border: 1px dashed #999999; }



.calendarbody { padding: 0px; margin: 0px; background-color: #FFFFFF; }
.tblcalendar {font-family: Arial; font-size: 11px; text-align: center; color: #666666; }
.tblcalendar .lblyear { color: #666666; padding-bottom: 5px; font-size: 12px; font-weight: bold; letter-spacing: 1px; }
.tblcalendar .lblweek { height: 16px; font-weight: bold;}
.tblcalendar .lbldays { height: 14px;}
.tblcalendar A:link { font-weight: bold; color: #666666; text-decoration: underline; }
.tblcalendar A:hover { font-weight: bold; color: #666666; }
.tblcalendar A:visited { font-weight: bold; color: #666666; text-decoration: underline; }
.wsunday { color: #FF6600; height: 11px; }
.wsunday A:link { font-weight: bold; color: RED; text-decoration: underline; }
.wsunday A:hover { font-weight: bold; color: RED; }
.wsunday A:visited { font-weight: bold; color: RED; text-decoration: underline; }