/* reset default style */
body, input, textarea, select, table {font-family:µ¸¿ò; font-size:9pt; color:#333;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:9pt; font-weight:normal;}
html, body, p, dl, dd, dt, ul, ol, li, form, input, textarea, select, label, fieldset {margin:0; padding:0;}
ul, ol, li {list-style:none;}
em, strong {font-style:normal; font-weight:bold;}
table {border-collapse:collapse; border-spacing:0;}
td, th, tr {padding:0; text-align:left; font-weight:normal;}
img, fieldset {border:0;}
a {text-decoration:none; color:#333;}
a:hover {text-decoration:underline;}

/* common style */
.hidden {display:none;}
.button {cursor:pointer;}
.pageDesc {padding:25px 30px 20px; margin-bottom:30px; background:url(http://image.puppyred.com/image/common/bg_pageDesc.gif) no-repeat 0 bottom;}

/* paging */
.paging {clear:both; text-align:center; margin-top:20px; overflow:hidden;}
.paging img {vertical-align:-3px; *vertical-align:-1px;}
.paging em {display:inline-block; padding:3px 0 1px; width:20px; margin-left:-3px; border:1px solid #FFF;}
.paging a.txt {display:inline-block; padding:3px 0 1px; width:20px; margin-left:-3px; color:#666; border:1px solid #FFF;}
.paging a.txt:hover {background-color:#FFE7F3; text-decoration:none; border:1px solid #FEADD6;}
.replPaging {text-align:right; margin-top:10px;}

/* font style */
.small {font-size:8pt;}
.em1 {color:#4CA900;}
.em2 {color:#06C;}
.em3 {color:#FF56AC}
.em4 {color:#FF6900}
.sub1 {color:#666;}
.sub2 {color:#999;}

/* board */
table.board {width:100%; color:#666; table-layout:fixed; background:url(http://image.puppyred.com/image/common/board/bg_header.gif) repeat-x;}
table.board th {height:28px; padding:1px 0 2px; color:#666; font-weight:bold; text-align:center; background:url(http://image.puppyred.com/image/common/board/ln_bar_vt.gif) no-repeat right 7px;}
table.board td {height:28px; text-align:center; border-bottom:1px solid #E8E8E8; overflow:hidden;}
table.board td.left {text-align:left;}
table.board td a {color:#666;}
table.board td div{white-space:nowrap;}

/* sex icon */
.boy {height:20px; padding:4px 0 0 26px; background:url(http://image.puppyred.com/image/common/ico_boy.gif) no-repeat 5px 0px;}
.girl {height:20px; padding:4px 0 0 26px; background:url(http://image.puppyred.com/image/common/ico_girl.gif) no-repeat 5px 0px;}
 
 /* login */
.cash {padding-left:13px; background:url(http://image.puppyred.com/image/common/ico_cash.gif) no-repeat 0 2px;}
.nut {padding-left:13px; background:url(http://image.puppyred.com/image/common/ico_nut.gif) no-repeat 0 2px;}
.coupon {padding-left:13px; background:url(http://image.puppyred.com/image/common/ico_coupon.gif) no-repeat 0 2px;}
.letter {padding-left:13px; background:url(http://image.puppyred.com/image/common/ico_letter.gif) no-repeat 0 2px;}
.vt_line {margin-left:5px; padding-left:5px; background:url(http://image.puppyred.com/image/common/vt_login.gif) no-repeat left 0;}

/* userMenu */
#userMenu {width:106px; position:absolute; top:10px; left:10px;}
#userMenu .t {height:2px; overflow:hidden; background:url(http://image.puppyred.com/image/common/box_userMenu_t.gif) no-repeat;}
#userMenu .m {padding:1px 3px; background:url(http://image.puppyred.com/image/common/box_userMenu_m.gif)}
#userMenu .b {height:2px; overflow:hidden; background:url(http://image.puppyred.com/image/common/box_userMenu_b.gif) no-repeat;}
#userMenu li {line-height:16px; padding-top:2px; cursor:pointer}
#userMenu li.on {background:#FF79BD; color:#FFF;}
#userMenu .inner {padding:5px; background-color:#FAFAFA;}
#userMenu .inner h3 {height:17px; padding:3px 5px 0; font-weight:bold; border-bottom:1px solid #DBDBDB}
#userMenu .inner div.diary {line-height:16px; padding-top:2px; padding-left:18px; margin-top:1px; cursor:pointer; background:url(http://image.puppyred.com/image/common/bg_userMenuDiary.gif) no-repeat;}
#userMenu .inner div.on {color:#FFF; background:url(http://image.puppyred.com/image/common/bg_userMenuDiary_on.gif) no-repeat;}
#userMenu .inner ul {margin-top:1px; padding-top:2px; border-top:1px solid #DBDBDB;}
#userMenu .inner li {padding-left:18px;}
#userMenu .sub {display:none; position:absolute; width:106px;}
#userMenu .sub.group {top:148px; left:90px;}
#userMenu .sub.auth {top:163px; left:90px;} 
#userMenu .sub.on {display:block;}
#userMenu .sub ul {margin:5px 6px;}
#userMenu .sub li {padding-left:5px;}