/*  
Style Name: Alvin
Style URI: http://082net.com/tag/tp-guestbook/
Description: tp-guestbook default css style
Version: 1
Author: Cheon, Youngmin
Author URI: http://082net.com/
*/

.tpg-wrapper { /*only for alvin*/
padding: 9px 0 0 205px;
_padding-left: 185px;/*IE FIX*/
width: 510px;/*IE - FIX*/
text-align: left;
}

.tpg-wrapper a, .tpg-wrapper a:visited {/*alvin*/
color: #0080C0;
text-decoration: none;
}
.tpg-wrapper a:hover {/*alvin*/
color: #C65B05;
text-decoration: none;
}
.tpg-commentlist { /* Commentlist Container */
font-family: 'Trebuchet MS', Verdana, Tahoma, 'Lucida Grande', Sans-serif;
font-size: 11px;
}

.tpg-commentlist img { 
margin: 0;
padding: 0;
border: none;
}

h4.tpg-head, h4.leaveamessage { 
font-weight: normal;
letter-spacing: -1px;
color: #444;
margin: 0;
padding: 8px 4px;/*alvin*/
}

h4.tpg-head { 
font-size: 19px;
margin-left: 15px;
text-align: justify;
}

h4.leaveamessage a {
font-size: 14px;
float: right;
margin-right: 8px;
color: #d36;
}

/* Comment List Box */
.tpg-commentlist .comment {/* general comment style */
position: static;/*alvin - IE FIX*/
margin: 3px;
margin-top: 6px;
border: 1px solid #ddd;
padding: 4px 4px 4px 8px;
background-color: #fff;
}

.tpg-commentlist .odd {/* alternate(odd) comment style */
background-color: #f8f8f8;
}

.tpg-commentlist .authorcmt {/* author comment style */
background-image: url('author_bg.jpg');
background-position: 0 0;
background-repeat: repeat-x;
color: #0080c0;
}

/* Comment Meta */
.tpg-commentlist .comment .cmt-author {/*comment author */
font-size: 14px;
}

.tpg-commentlist .comment .cmt-author a {
color: #2f2f2f;
}

.tpg-commentlist .comment .cmt-meta {/* Comment Meta data */
font-size: 10px;
}
.tpg-commentlist .comment .c-edit-link a {
color: #999;
}

/*Comment Content Body */
.tpg-commentlist .comment .c-text {/* normal content style */
font-size: 12px;
padding: 6px 3px 0px 3px;/*alvin*/
width: 100%;
overflow: auto;
_padding-top: 0px;
}

.tpg-commentlist .c-text{ /* normal comment text box */
}

.tpg-commentlist .c-text.odd-t{ /* alternate comment text box */
}

.c-text.authorcmt-t  { /* author comment text box */
}


/* Reply Text */
.tpg-commentlist .comment .reply {
text-align: right;
font-family: Verdana, 'Lucida Grande', Tahoma;
font-size: 10px;
padding: 0px;
margin: 0 2px 2px 0;
}

/* Comment Form */
#tpg-commentform { /*alvin*/
clear: left;
margin-left: 16px;
margin-top: 4px;
}
#tpg-commentform label {
float: none;/*alvin*/
}
#tpg-commentform p input, #tpg-commentform textarea { /*alvin*/
border: 1px solid #c9c9c9;
background: transparent;
width: 167px;
margin: 4px 10px 1px 4px;
}

#tpg-commentform textarea { /* comment textarea */
width: 95%;
}

.tpg-commentlist .nocomment {/* 'No Comment' text box style */
}
#tpg-commentform input#addcommentbutton {/*submit button*/
width: auto;
}
#addcomment img {
border: none;
padding: 2px;
}

/* Collapse Button */
.tpg-commentlist img.collapseicon { 
margin-left: 2px; 
margin-top: 2px; 
}

.tpg-commentlist .comment .collapseicon {
width: 14px !important;
height: 13px !important;
overflow:hidden;
background: url('i/collapseicon.gif') left top no-repeat;
}

.tpg-commentlist .collapsed .collapseicon {
background-position: left bottom;
}

.tpg-commentlist .collapsed .cbody { 
display: none; /* Do Not Change This!! */
}

.tpg-commentlist a img.gravatar {/*alvin*/
float: right;
padding: 2px;
border: 1px solid #ccd;
/*background-color: #eaeaea;*/
}
.tpg-commentlist a:hover img.gravatar {/*alvin*/
/*background-color: #787878;*/
}