/* TOOLBAR BUTTONS */

.widgToolbar a {
	display: block;
	width: 19px;
	height: 19px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -1000em;
	text-decoration: none;
}

.widgToolbar li.on a, 
.widgToolbar li.on a:hover,
.widgToolbar a:active	{ background-position: 0 -19px; }

.widgButtonBold 			{ background-image: url(../images/editor_button_bold.gif); 		}
.widgButtonUnderline 	{ background-image: url(../images/editor_button_underline.gif); }
.widgButtonItalic 		{ background-image: url(../images/editor_button_italic.gif); 	}
.widgButtonUnordered 	{ background-image: url(../images/editor_button_unordered.gif); }

.widgSource li.on a, 
.widgSource li.on a:hover 	{ background-position: 0 0; }
.widgSource .widgButtonHTML:hover { cursor: pointer; }

/* TOOLBAR */

.widgToolbar {
	position: absolute;
	right: -2px;
	top: -29px;
	list-style: none;
	height: 19px;
	margin: 0;
	padding: 2px;
	background-color: #adadad;
}

* html .widgToolbar { width: auto; }

.widgToolbar li {
	display: inline;
	float: left;
	margin-right: 1px;
	width: 19px;
	height: 19px;
}

/* EDITING AREA */

.widgIframe {
	clear: left;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Palette */

div#palette-container { border: 1px solid #999999; background-color: #eeeeee; position: absolute; right: 0; }
div.palette-colour { height: 16px; width: 16px; float: left; margin: 1px; border: 1px solid black; }