/* CSS Document */
/* .=class , #=id */
/*
<div style="height:100%; width:100%; background-color:#009966; border:1px solid blue; position:absolute; margin-top:0px;"> B </div>
<div style="width:100%; height:100%; background-color:#CCCCCC; opacity:0.4;filter:alpha(opacity=40); border:1px solid red; position:absolute; margin-top:0px;"> A </div>*/
div.topicBox
{
width:510px;
height:180px;
border:0px solid #CCCCCC;
}
#sendBtn{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#666666;
padding:5px 47px;
float:right;
margin-top:2px;
margin-right:0;
margin-left:10px;
border:1px solid #999999;
background-color:#EEEEEE;
height:auto;
width:auto;
}
#msgText{
color:#FF3300;
width:204px;
height:44px;
text-align:center;
vertical-align:middle;
line-height:44px;
float:left;
background-image:url(http://www.whofindwho.com/t_board/theme/images/shoutTextArea.gif);
background-repeat:no-repeat;
}
#cloud{
width:300px;
height:50px;
float:left;
position:absolute;
}
#shoutImg{
float:left;
}
#sendMsg{
margin:0 auto;
height:auto;
width:510px;
}

div.msgLogCon
{
width:550px;
border:0px green solid;
height:inherit;
}
div.txtAreaTopic
{
width:510px;
height:auto;
}
div.btnTopic
{
width:50px;
height:auto;
float:left;
}

div.msgLog
{
width:510px;
height:auto;
border:0px red solid;
}
div.replyBox
{
text-heigh:auto;
min-height:60px;
width:510px;
min-height:30px;
border: 0px solid black;
background-image:url(http://www.whofindwho.com/t_board/theme/images/shoutTabBg.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#FFFFFF;
}
div.topicLog
{
width:500px;
min-height:30px;
border: 1px solid #CCCCCC;
background-image:url(http://www.whofindwho.com/t_board/theme/images/shoutTabBg.gif);
background-repeat:repeat-x;
background-position:5px 5px;
background-color:#FFFFFF;
padding:5px;
margin-bottom:3px;
}
#shoutWrapper{
max-width:500px;
height:auto;
margin-left:10px;
}
#itemAddedImg{
max-height:50px;
max-width:50px;
position:relative;
}
#shoutHeader{
color:#006600;
font-weight:bold;
width:430px;
left:60px;
height:auto;
top:-50px;
position:relative;
bottom:-50px;
}
#shoutContent{
left:60px;
color:#999999;
height:auto;
width:430px;
top:-50px;
bottom:-50px;
position:relative;
}
div.replyTBoard
{
width:510px;
min-height:30px;
border: 0px solid green;
}
.msgTopic{
min-height:30px;
padding:5px;
width:500px;
border: 1px solid #CCCCCC;
background-image:url(http://www.whofindwho.com/t_board/theme/images/shoutTabBg.gif);
background-repeat:repeat-x;
background-position:top;
margin-bottom:3px;
}
.lReply{
border: 1px solid #999999;
background-color:#FFFFFF;
color:#999999;
}
#replyLink{
border:1px solid #CCCCCC;
width:500px;
margin:0 auto;
background-image:url(http://www.whofindwho.com/t_board/theme/images/shoutTabBg.gif);
background-repeat:repeat-x;
background-position:top;
padding:5px;
}
#replyLink input {
float:right;
}
#tradeBTitle {
width:504px;
height:18px;
border:1px solid #006699;
color: #006699;
background-image:url(http://www.whofindwho.com/store_template/theme/images/tabTitle.gif);
background-repeat:repeat-x;
background-position:top;
padding:3px;
margin-bottom:3px;
}
.msg{
min-height:30px;
padding:5px;
width:495px;
margin-left:5px;
border-bottom: 1px solid #CCCCCC;
background-color:#FFFFFF;
margin-bottom:3px;
}