/* Default font for all elements */
.sb_shoutbox div, .sb_shoutbox span, .sb_shoutbox a, .sb_shoutbox td {
font-family: Arial;
font-size: 8pt;
}
/* Formation of The Shoutbox */
.sb_shoutbox {
border: 1px solid #000000;
margin: 0;
padding: 0;
font-size: 8pt;
background-color: #FFFFFF;
overflow-x: hidden;
}

/* Formation of Control Panel Area */
.sb_formarea {
background-color : #F6FAF9;
border: none;
color : #000000;
font-size : 8pt;
margin: 0;
padding: 0;
text-align: center;
}

/* Formation of Shouts Area */
.sb_shouts {
margin: 0;
padding: 0;
/*line-height: 100%;*/
}
/* Formation of Buttons */
.sb_buttons {
background: #65D0EF;
border: 1px solid #24534E;
color: #000000;
font-family: Arial;
font-size: 7pt;
font-weight: bold;
padding: 0;
margin-left: 1px;
margin-top: 1px;
}
/* Formation of Textboxes */
.sb_inputs {
background: #F6FAF9;
border: 1px solid #65D0EF;
color: #000000;
font-family: Tahoma, Arial, Verdana, Times, sans-serif;
font-size: 8pt;
margin-left: 1px;
margin-top: 1px;
padding: 0;
}
/* Formation of Shouter's name */
.sb_shouter {
color: #FFFFFF;
background-color: #59B7AB;
font-weight: bold;
font-size:7pt;
white-space: nowrap;
padding: 1px 4px 1px 2px;
}
.sb_shouter a{
font-weight:normal;
padding-left:3px;
font-size:7pt;
color:#ffffff;
text-decoration:none;
}
/* Formation of Delete button */
.sb_delete {
text-decoration: none;
background-color: #7DC6BD;
color: #000000 !important;
font-size: 7pt;
font-weight: bold;
padding: 0px 1px 0px 2px;
margin: 0px 2px 0px 0px;
border-style: 1px none #24534E;
line-height: 60%;
}
/* Formation of Page Navigation Panel */
#sb_pagenav {
display: none;
background-color: #65D0EF;
border-top: 1px solid #000000;
padding: 2px 1px 2px 1px;
text-align: center;
font-size: 8pt;
}
/* Formation of normal page numbers in the Page Navigation Panel */
#sb_pagenav a {
text-decoration: none;
color: #000000;
font-size: 7pt;
font-weight: bold;
}
/* Formation of current page number in the Page Navigation Panel */
#sb_pagenav span {
text-decoration: none;
color: #000000;
font-size: 7pt;
font-weight: bold;
background-color: #7DC6BD;
padding-left: 2px;
padding-right: 2px;
border: 1px outset #24534E;
}
/* Formation of Panel */
.sb_panel {
display: none;
background-color: #65D0EF;
border-top: 1px solid #000000;
text-align: center;
padding: 2px;
}
/* Formation of even shout row */
.sb_row0 {
color: #000000;
background-color: #7DC6BD;
border-top: 1px solid #000000;
padding: 3px 2px 3px 2px;
}
/* Formation of odd shout row */
.sb_row1 {
color: #000000;
background-color: #65D0EF;
border-top: 1px solid #000000;
padding: 3px 2px 3px 2px;
}
/* Formation of Current Page Number */
#sb_pageno {
color: #000000;
font-size: 7pt;
font-weight: bold;
padding-left: 3px;
padding-right: 3px;
margin-left: 1px;
margin-top: 1px;
border: 1px inset #24534E;
}
/* Formation of Error Message */
#sb_error {
text-decoration: none;
background-color: #F6FAF9;
color: #000000;
border-top: 1px solid #000000;
}
/* Formation of smiley image */
.sb_smiley {
background-position: center;
background-repeat: no-repeat;
position: relative;
float: left;
width: 24px;
height: 18px;
overflow: hidden;
}
#sb_helpcaption {
font-size: 7pt;
font-weight: bold;
color: #FFFFFF;
background-color: #59B7AB;
}
#sb_helptext {
font-size: 7pt;
color: #000000;
padding-bottom: 3px;
}