/*  
Style Name: Your Style Name
Style URI: 
Description: 
Version: 
Author: 
Author URI: 
*/

/******************************/
/* Create Your Own Guestbook Style */
/******************************/

.tpg-commentlist { /* Commentlist Container */
font-family: Verdana, helvetica, 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: #ff9900;
margin: 0;
padding: 0;
}

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

h4.leaveamessage a {
font-size: 11px;
float: right;
color: #EEFD04;
}

h4.leaveamessage a:hover {
	color: #000;
}
/* Comment List Box */
.tpg-commentlist .comment {
	background:#333333 none repeat scroll 0%;
	border:1px solid #444444;
	margin-bottom:12px;
}

.tpg-commentlist .odd {/* alternate(odd) comment style */
}

.tpg-commentlist .authorcmt {/* author comment style */
}

/* Comment Meta */
.tpg-commentlist .comment .cmt-author {/*comment author */
}

.tpg-commentlist .comment .cmt-meta {/* Comment Meta data */
}

.cmt-meta {
	color: #FF9900;
}

/*Comment Content Body */
.tpg-commentlist .comment .c-text {/* normal content style */
}

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

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

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


/* Reply Text */
.tpg-commentlist .comment .reply {
}

/* Comment Form */
.commentform { 
	background:#333333;
	border: 1px solid #444444;
	color: #888888;
}

#tpg-commentform p { 
	background:#000 none repeat scroll 0%;
	border: 1px solid #444444;
	margin-bottom: 12px;
	color: #FF9900;
}

#tpg-commentform textarea {
	width: 100%;
	background:#333333 none repeat scroll 0%;
	border: 1px solid #444444;
	margin-bottom: 12px;
	color: #888888;
}

.tpg-commentlist .nocomment {/* 'No Comment' text box style */
}

/* Collapse Button */
.tpg-commentlist img.collapseicon { 
margin-left: 4px; 
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 .tpg-pagelink{/* page list style */
}