@charset "utf-8";
/*************************************************************************************************
/Body
/Btn
/Main
/Input
/Smilies
*************************************************************************************************/
/*Body*******************************************************************************************/
body {
	font-family: Verdana, Arial, "新細明體", "標楷體";
	font-size: 11px;
	margin: 0px;
}

#MiniMsg {
	/*border: 1px solid #878787;*/
	height: 348px;
	width: 183px;
	position:relative;
	left:1px;
	top:1px;
}

#MiniMsgLine {
	background-color:#878787;
	height: 350px;
	width: 185px;
}

#MiniMsgTopBtn {
	background-image: url(../Images/BlogTool_Msg01.gif);
	background-repeat: repeat-x;
	height: 25px;
	background-color: #4d4d4d;
	background-position: bottom;
}
#MiniMsgTopBtn ul {
	list-style-type:none;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
}
#MiniMsgTopBtn li {
	float:left;
}

#MiniMsgMain {
	overflow:scroll;
	overflow-x:hidden;
	height:323px;
	background-color: #4d4d4d;
	background-image: url(../Images/BlogTool_Msg04.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/*Btn*******************************************************************************************/
#MiniMsgTopBtn_Main a{
	width: 45px;
	height: 22px;
	background: url(../images/BlogTool_Msg03.gif) 0 0 no-repeat;
	display: block;
}
#MiniMsgTopBtn_Main a:hover{
	width: 45px;
	height: 22px;
	background: url(../images/BlogTool_Msg03.gif) -89px 0 no-repeat;
	display: block;
}

#MiniMsgTopBtn-Input a{
	width: 45px;
	height: 22px;
	background: url(../images/BlogTool_Msg03.gif) -44px 0 no-repeat;
	display: block;
	position:relative;
	right:1px;
}
#MiniMsgTopBtn-Input a:hover{
	width: 45px;
	height: 22px;
	background: url(../images/BlogTool_Msg03.gif) -133px 0 no-repeat;
	display: block;
	position:relative;
	right:1px;
}

#MiniMsgTopBtn-MiniMsg a{
	width: 81px;
	height: 22px;
	background: url(../images/BlogTool_Msg03.gif) -178px 0 no-repeat;
	display: block;
}
/*
.SubmitBtn01 {
	font-family: "新細明體";
	font-size: 11px;
	color: #2ed7f8;
	background-color: #4d4d4d;
	border: 1px solid #878787;
	height: 24px;
	width: 60px;
	line-height: 22px;
	margin-left: 4px;
}

.SubmitBtn02 {
	font-family: "新細明體";
	font-size: 11px;
	color: #2ed7f8;
	background-color: #4d4d4d;
	border: 1px solid #878787;
	height: 24px;
	width: 38px;
	line-height: 22px;	
}
*/
#Btn01 a{
	width: 58px;
	height: 24px;
	background: url(../images/BlogTool_Msg02.gif) 0 0 no-repeat;
	display: block;
}
#Btn01 a:hover{
	width: 58px;
	height: 24px;
	background: url(../images/BlogTool_Msg02.gif) -172px 0 no-repeat;
	display: block;
}
#Btn02 a{
	width: 58px;
	height: 24px;
	background: url(../images/BlogTool_Msg02.gif) -57px 0 no-repeat;
	display: block;
	position:relative;
	right:1px;
}
#Btn02 a:hover{
	width: 58px;
	height: 24px;
	background: url(../images/BlogTool_Msg02.gif) -229px 0 no-repeat;
	display: block;
	position:relative;
	right:1px;
}
#Btn03 a{
	width: 58px;
	height: 24px;
	background: url(../images/BlogTool_Msg02.gif) -114px 0 no-repeat;
	display: block;
	position:relative;
	right:2px;
}
#Btn03 a:hover{
	width: 58px;
	height: 24px;
	background: url(../images/BlogTool_Msg02.gif) -286px 0 no-repeat;
	display: block;
	position:relative;
	right:2px;
}

/*Main*******************************************************************************************/

.MiniMsgMainFont1 {

}
.MiniMsgMainFont1 ul {
	list-style-type:none;
	margin: 0px;
	padding: 7px;
}
.MiniMsgMainFont1 li {
	width:152px;
	float:left;
	font-family: Verdana, Arial, "新細明體", "標楷體";
	font-size: 11px;
	line-height: 20px;
	color: #a7a7a7;
	background-color: #6e6e6e;
}

.MiniMsgMainFont2 {

}
.MiniMsgMainFont2 ul {
	list-style-type:none;
	margin: 0px;
	padding: 7px;
}
.MiniMsgMainFont2 li {
	width:152px;
	float:left;
	font-family: Verdana, Arial, "新細明體", "標楷體";
	font-size: 11px;
	line-height: 20px;
	color: #a7a7a7;
}

/*Input*******************************************************************************************/
#MiniMsgInput {
	/*visibility: hidden;*/
	/*overflow:scroll;*/
	/*overflow-x:hidden;*/
	height:323px;
	background-color: #4d4d4d;
	background-image: url(../Images/BlogTool_Msg04.gif);
	background-repeat: repeat-x;
	background-position: top;
	display: none;
	font-family: Verdana, Arial, "新細明體", "標楷體";
	font-size: 12px;
	color: #FFFFFF;
}

#MiniMsgInput span ul {
	list-style-type:none;
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
}

#MiniMsgInput span li{
	float:left;
	padding-top: 5px;
}

.MiniMsgInputLeft {
/*
	width: 30px;
	height: 18px;
	line-height:18px;
	text-align: center;
	color: #a7a7a7;
	font-size: 11px;
	letter-spacing: 3px;
*/
}

.MiniMsgInputRight {
	width: 172px;
	/*line-height:26px;*/
}

.MiniMsgInput-Text01{
	width: 172px;
	height: 18px;
	background:transparent;
	border: 1px solid #878787;
	font-family: Verdana, Arial, "新細明體", "標楷體";
	font-size: 12px;
	color: #FFFFFF;
}

.MiniMsgInput-Text02{
	width: 172px;
	height: 211px;
	background:transparent;
	border: 1px solid #878787;
	font-family: Verdana, Arial, "新細明體", "標楷體";
	font-size: 12px;
	color: #FFFFFF;
	overflow:auto;
}

/*Smilies****************************************************************************************/
#MiniMsgSmiliesLine {
	width: 172px;
	position: absolute;
	left: 5px;
	top: 204px;
	visibility:hidden;
	
	filter: Alpha(Opacity=80);
	opacity:0.8;
	display:block;
	*opacity:1;
}

#MiniMsgSmilies {
	width: 172px;
	height: 85px;
	background-color: #FFFFFF;
	padding-left: 0px;
	background-image: url(../Images/ErrorMsgBg01.gif);
	background-repeat: repeat;
}

#MiniMsgSmilies p {
	float: left;
	margin: 6px;
}

#MiniMsgSmiliesTitle {
	background-color: #4d4d4d;
	height: 25px;
	text-align: center;
	background-image: url(../Images/BlogTool_Msg01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	line-height: 25px;
}

#MiniMsgSmiliesBottom {
	margin: 0px;
	padding: 0px;
}