#jcpToolbar {

	height: 23px;

	padding: 5px 0;

	background: #CFCBB8;

	border: solid #D6D3D3;

	border-width: 1px 1px 0;

	-webkit-border-top-right-radius: 6px;

	-webkit-border-top-left-radius: 6px;

	-moz-border-radius: 6px 6px 0 0;

	border-top-right-radius: 6px;

	border-top-left-radius: 6px;

}

#previewTab {

	float: right;

	display: inline;

	height: 21px;

	margin: 0 5px 0 0;

	padding: 0 6px;

	font: 12px/20px Verdana, Arial, sans-serif;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	background: #F6F5F5 url(toolbar.gif) 0 -37px repeat-x;

  border: 1px solid #C3C3C3;

	cursor: pointer;

}

#jQueryCommentPreview {

	border: 1px solid #D6D3D3;

	padding: 10px;

}

#jQueryCommentPreview .avatar {

	float: left;

	margin: 4px 10px 0 0;

}



/* HTML editor

-----------------------------------------------------------------------------*/

#htmlEditor {

	padding: 0 0 0 5px;

}

#htmlEditor a {

	float: left;

	overflow: visible;

	min-width: 12px;

	height: 21px;

	margin-right: 3px;

	padding: 0 6px;

	background: #F6F5F5 url(toolbar.gif) 0 -37px repeat-x;

  border: 1px solid #C3C3C3;

	color: #464646;

	font: 12px/20px Verdana, Arial, sans-serif;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

  text-align: center;

	cursor: pointer;

  text-decoration: none;

	outline: none;

}

a#ed_strong {

	font-weight: bold;

}

a#ed_em {

	font-style: italic;

}

a#ed_a {

	color: #00F;

  text-decoration: underline;

}

#htmlEditor a:hover,

#previewTab:hover {

	border-color: #AAA;

	background: #DDD;

}

#htmlEditor a:active,

#previewTab:active {

	position: relative;

	top: 1px;

	left: 1px;

}

#htmlEditor a b {

	display: none;

}

a#jcpSmiles {

	float: left;

	position: relative;

	padding: 0 1px;

}

a#jcpSmiles:active {

	top: 0;

	left: 0;

}

#jcpSmiles span {

	display: none;

	position: absolute;

	bottom: -1px;

	left: -1px;

	z-index: 1000;

	width: 105px;

	background: #F6F5F5;

  border: 1px solid #C3C3C3;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

}

#jcpSmiles:hover span {

	display: block;

}

#jcpSmiles img {

	float: left;

	padding: 3px;

}