/*
==============================================================
	Alumi editor css
==============================================================
*/
body
{
	margin:0px;
}

.CrREALU{
	overflow:hidden;
}

.CrREALU .editor
{
	height:330px;
	width:99.6%;
	background-color:#FFFFFF;
	border-left:1px solid #898989;
	border-right:1px solid #898989;
	border-top:0px;
	border-bottom:1px solid #898989;
}

.CrREALU .editor_coder
{
	height:325px;
	width:99.5%;
	border-left:1px solid #898989;
	border-right:1px solid #898989;
	border-top:0px;
	border-bottom:1px solid #898989;
	visibility:hidden;
}
.CrREALU .editor_coder2
{
	height:325px;
	width:99.5%;
	border-left:1px solid #898989;
	border-right:1px solid #898989;
	border-top:0px;
	border-bottom:1px solid #898989;
}

.CrREALU .editor_cache
{
	height:1px;
	width:1px;
	overflow:hidden;
}
.CrREALU .editor_container 
{
	overflow:visible;
	width:100%;
	margin:0px auto;
}

.CrREALU .all_container
{
	background-color:#dbd8d1;
	width:99%;
	margin:0px auto;
}
.CrREALU .tool_row
{
    
}
.CrREALU .tool_part
{
	float:left;
}
.CrREALU .tool_over
{
	border:1px solid #0a246a;
	float:left;
}
.CrREALU .tool_down
{
	border:1px solid #999999;
	float:left;
}
.lister
{
	position:absolute;
	border:1px solid #999;
	padding:1px;
	background:#FFF;
	z-index:1000;
}

.listerItem
{
	border:1px solid #FFFFFF;
	float:left;
	cursor:pointer;
	margin:1px;
	color:#000000;
	line-height:normal;
}

.listerItem_over
{
	border:1px solid #0a246a;
	background-color:#98aadc;
	float:left;
	cursor:pointer;
	margin:1px;
	color:#000000;
	line-height:normal;
}

.colorItem
{
    overflow:hidden;
	float:left;
	margin-left:1px;
	cursor:pointer;
}

.colorItem_over
{
    overflow:hidden;
	float:left;
	margin-left:1px;
	background-color:#98aadc;
	cursor:pointer;
}
.newLine
{
	clear:both;
}

.fontSizee1
{
	font-size:10px;
}
.fontSizee2
{
	font-size:13px;
}
.fontSizee3
{
	font-size:16px;
}
.fontSizee4
{
	font-size:18px;
}	
.fontSizee5
{
	font-size:24px;
}
.fontSizee6
{
	font-size:32px;
}
.fontSizee7
{
	font-size:48px;
}
.emotionBox {
	float:left;
	width:318px;
}
.emotionBox .emotionBody {
}
.emotionBox .emotionBody a {
	float:left;
	padding:4px;
}
.emotionBox .emotionBody a:hover {
	padding:3px;	
	border:1px solid #f63;
}
.emotionBox .basicEm {
	border-top:1px solid #ccc;
	padding:5px;
}
.emotionBox .emotionBar {
}
.emotionBox .emotionBar span {
	float:left;
	margin:0 3px 0 0;
	padding:3px 5px;
	height:20px;
	line-height:20px;
	cursor:pointer;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #ccc;
	cursor:pointer;
	color:#666;
	background:#fff;
}
.emotionBox .emotionBar span.active {
	font-weight:bold;
	background:#FFD682 url(http://js1.pp.sohu.com.cn/ppp/blog/styles_ppp/images/emotion_tab_bg.gif) repeat-x scroll 0;
	cursor:auto;
}
.emotionBox .emotionNav {
	text-align:right;
	padding:5px 5px 0 0;
}
.emotionBox {
	float:left;
	width:290px;
}
.big_emotions{
	background:#FFFFFF url(http://images.chinaren.com/product/aluclub/images/cr2_em_b.gif);
	height:168px;
	width:280px;
}
.emotion_size_20{
	height:20px;
	width:20px;
}
.tiny_emotions{
	background:#FFFFFF url(http://images.chinaren.com/product/aluclub/images/cr2_em_s.gif);
    height:168px;
    width:280px;
}
.colorData{width:15px;height:15px;overflow:hidden;}

.CrREALU .counter-ct {float: left; width: 20%; text-align:left; padding: 0px 10px}
.CrREALU .counter-overflowed { color: red;}
.CrREALU .tool_tool
{
	border:1px solid #F4F4F4;
	float:left;
}
.CrREALU .tool_over
{
	border:1px solid #0a246a;
	cursor:pointer;
	float:left;
}
.CrREALU .tool_disable
{
	border:1px solid #F4F4F4;
	float:left;
	FILTER: alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity:0.3;
}
.CrREALU .editor_container 
{
	overflow:visible;
	width:100%;
	margin:0px auto;
	background-color:#FFFFFF;
}
.CrREALU .editor_footer
{
	width:99.6%;
    padding-top:2px;
	padding-bottom:2px;
	background-color:#F4F4F4;
	border-left:1px solid #898989;
	border-right:1px solid #898989;
	border-top:0px;
	border-bottom:1px solid #898989;
	text-align:right;
	font-size:12px;
	color:#000000;
}

/* CHANGES FOR ALUMI*/
.CrREALU .fontname
{
	width:69px;
	height:18px;
	overflow:hidden;
	background:url(../img/list_arrow.gif) right 0px no-repeat;
	cursor:pointer;
	border:1px solid #7E9DB9;
}
.CrREALU .fontsize
{
	width:63px;
	height:18px;
	overflow:hidden;
	background:url(../img/list_arrow.gif) right 0px no-repeat;
	cursor:pointer;
	border:1px solid #7E9DB9;
}
.CrREALU .fontnameSelect {
	width:80%;
	height:18px;
	font-size:12px;
	border:0;
	margin-left:2px;
	color:#000000;
	cursor:pointer;
	line-height:18px;
	text-align:center;
}
.CrREALU .fontsizeSelect
{
	width:36px;
	font-size:12px;
	border:0;
	margin-left:2px;
	color:#000000;
	cursor:pointer;
	line-height:18px;
	height:18px;
	text-align:center;
}
.CrREALU .menu_container 
{
	height:24px;
	width:99.6%;
    padding-top:3px;
	padding-bottom:2px;
	background-color:#F4F4F4;
	border:1px solid #898989;
	overflow:visible;
	margin:0px auto;
}
/* ***     GROUP EDITOR CUSTOMISED    ****/
.CrREALU .editor
{
	height:330px;
	width:99.6%;
	background-color:#FFFFFF;
	border:1px solid #A4BFDA;
}
.CrREALU .menu_container 
{
	height:50px;
	width:99.6%;
    padding-top:3px;
	padding-bottom:2px;
	background-color:#F4F4F4;
	border:0px;
	overflow:visible;
	margin:0px auto;
}
.CrREALU .all_container
{
	background-color:#F4F4F4;
	width:99%;
	margin:0px auto;
}
.CrRE .all_container
{
	font-size:0px;
}
.CrREALU .editor_container 
{
	background-color:#f4f4f4;
}
.CrREALU .editor_cache
{
	width:0px;
	height:0px;
}
.CrREALU .editor_container 
{
	background-color: #F4F4F4;
}