/* ----------------------------------------------------- */
/* ---- 	HT ShoutBox 1.20 Beta 1 Build 518	 	---- */
/* ---- 	Powered by http://www.aspportalvn.com	---- */
/* ----------------------------------------------------- */
.ShoutBorder{
	text-align: left;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	width: 779;
}
.ShoutTitle, .ShoutTitle a{
	font-weight: bold;
	color: #333333;
	background-color: #D3DAED;
	line-height: 22px;
	background-image: url('images/title_background.gif');
}
.ShoutSubTitle{
	font-weight: bold;
	color: #333333;
	background-color: #D3DAED;
	line-height: 22px;
}
.ShoutRow{
	background-color: #FBFBFD;
}
/* HTRTE */

.HTRTE{
	border: #CCCCCC solid 1px; 
	padding:3px; 
	text-align: left;
	background-color: #FFFFFF;
}
.toolbar{
	padding: 0px;
}

.toolbar_button, .toolbar_button_over, .toolbar_button_click{
	padding: 1px;
	cursor: pointer;
	background: url('images/eventicon.gif') no-repeat -1px 1px;
}
.toolbar_button_over {
	background: url('images/eventicon.gif') no-repeat -1px -22px;
}
.toolbar_button_click{
	background: url('images/eventicon.gif') no-repeat -1px -45px;
}


.toolbar_select, .toolbar_select_over{
	cursor: pointer;
	background: url('images/eventicon.gif') no-repeat -1px 1px;
	padding: 1px
}
.toolbar_select_over{
	background: url('images/eventicon.gif') no-repeat -1px -22px;
}

.toolbar_popup{
	padding: 3px;
	background-color: #FFFFFF;
	border: #6990B3 solid 1px; 
	position:absolute; 
	overflow-y: auto;
}
.toolbar_popup_over{
	padding: 2px;
	cursor: pointer;
	background-color: #E0F0F0;
	border: #6990B3 solid 1px;
}
.toolbar_popup_out{
	padding: 2px;
	background-color: #FFFFFF;
	border: #FFFFFF solid 1px;
}
.toolbar_popup_img{
	margin: 3px;
}

.toolbar_button_fontname, .toolbar_button_fontname_over{
   background-image: url('images/fontname.gif');
   border: medium none ;
   padding: 1px;
   font-family:tahoma;
   white-space:nowrap; 
   margin-top: 2px;
   cursor: pointer
}
.toolbar_button_fontname_over{
	background-image: url('images/fontnameover.gif');
}

.toolbar_button_fontsize, .toolbar_button_fontsize_over{
   background-image: url('images/fontsize.gif');
   border: medium none ;
   padding: 1px;
   font-family:tahoma;
   white-space:nowrap; 
   margin-top: 2px;
   cursor: pointer
}
.toolbar_button_fontsize_over{
	background-image: url('images/fontsizeover.gif');
}

.toolbar_select_button {
   background-color: #FFFFFF;
   border: 0px;
   cursor: pointer;
   padding-left: 3px;
   text-align: left;
   font-family:tahoma;
   font-size:11px;
}
/* HTShoutBox */

.ScrollShout {
   height:100%;
   overflow:auto;
   width:100%;
   background-color:#ffffff;
   border: #C0C0C0 solid 1px;
   height: 300px;
}
.ScrollShout ul {
   margin: 0px;
   list-style-type: none; 
   list-style-image: url('none'); 
   list-style-position: outside;
   background-color:#ffffff;
   padding-left:0px; padding-right:0px; padding-top:1px; padding-bottom:1px

}

.ScrollShout ul li {
   text-align: left; 
   list-style-type: none;
   margin-left: 5px;
   margin-top: 5px;
}
.SUser{
   color: #666666;
   font-family: arial;
   font-size:13px;
   font-weight: bold;
   cursor: pointer;
}
.MySUser{
   color: green;
   font-family: arial;
   font-size:13px;
   font-weight: bold;
   cursor: pointer;
}

.SError{
   color: Red;
   font-family: arial;
   font-size:13px;
   font-weight: bold;
   cursor: pointer;
}

.datetime{
   color: #666666;
   font-family: arial;
   font-size:11px;
}


/* FormatShout */

.mc {
padding: 0px 0px 5px 0px;
}