/* the container for all the edit controls */
#controlbar, .controlbar
{
	padding: 2px;
}

/* the WYSIWYG edit area itself */
#htmlbox
{
	border: 2px inset;
	font: 10pt verdana;
	overflow: auto;
}

/* an individual button */
.imagebutton
{
	left: 0px;
	top: 0px;
}

/* an individual WYSIWYG color element in the color popup */
.ocolor
{
	padding: 2px;
	font-size: 1px
}

/* WYSIWYG the part of the color element that gets colored */
.ocolor div
{
	width: 10px;
	height: 10px;
	border: 1px solid #666666;
}

/* WYSIWYG font, size and smilie elements within popups */
.ofont, .osize, .ospellchecklang, .otextlink
{
	font: 11px tahoma;
	cursor: default;
}

/* style for WYSIWYG font option elements */
.ofont
{
	padding: 0px 4px 0px 10px;
	font-size: 14px;
	height: 20px;
}

/* style for WYSIWYG size option elements */
.osize
{
	padding: 0px 4px 0px 4px;
}

/* text buttons within popup menus */
.otextlink
{
	text-align: center;
	margin-top: 4px;
	height: 20px;
}

/* the left cell of a WYSIWYG popup menu control */
.popup_feedback
{
	font: 11px tahoma;
	height: 18px;
	padding: 0px 3px 0px 3px;
	white-space: nowrap;
	overflow: hidden;
}

/* the container window for a WYSIWYG popup menu */
.popupwindow
{
	border: 1px solid APPWORKSPACE;
	padding: 3px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 5;
}

/* the WYSIWYG color popup */
#popup_forecolor
{
	padding: 3px;
}

/* the WYSIWYG font popup */
#popup_fontname
{
	padding: 0px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
}

/* the WYSIWYG size popup */
#popup_fontsize
{
	padding: 1px;
}

/* the WYSIWYG smilie popup */
#popup_spellcheck 
{
	padding: 0px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
}


/* the context-notification area for WYSIWYG font and size feedback */
#fontOut, #sizeOut, .popup_feedback div
{
	background: #ffe37f;
	color: #222222;
	height: 16px;
	border: 0px solid;
	padding: 0px 2px 0px 2px;
	cursor: default;
	font: 12px verdana !important;
	overflow: hidden;
}

.imagebutton {
	background: #ffe37f;
	color: #000;
	padding: 0;
	border: 1px solid #666666;
}
.ocolor, .ofont, .osize, .ospellchecklang, .osyscoloar, .smilietitle {
	background: #ffe37f;
	color: #222222;
	border: 1px solid #666666;
}
.popup_pickbutton {
	/*border: 1px solid #666666;*/
}
.popup_feedback {
	background: #ffe37f;
	color: #222222;
	border-right: 1px solid #666666;
}
.popupwindow {
	background: green;
}

.alt_pickbutton {
	border-left: 1px solid #666666;
}
.popup_feedback input, .popup_feedback div
{
	border: 0px solid;
	padding: 0px 2px 0px 2px;
	cursor: default;
	font: 11px tahoma;
	overflow: hidden;
}