/******************************************************************************
** STRUCTURE OF DYNAMICALLY CREATED ELEMENTS
*******************************************************************************
**
** <div id="ORIGINAL_IDWidgContainer" class="widgContainer">
**     <ul id="ORIGINAL_IDWidgToolbar" class="widgToolbar">
**         <li id="BUTTON_ID" class="widgEditButton">
**             <a></a>
**         </li>
**         <li class="widgEditSelect">
**             <select>
**             </select>
**         </li>
**     </ul>
**     <iframe id="ORIGINAL_IDWidgIframe" class="widgIframe">
**     </iframe>
**     <textarea id="ORIGINAL_IDWidgTextarea" class="widgEditor">
**     </textarea>
** </div>
*/

/* TOOLBAR BUTTONS */

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

.widgToolbar a:hover {
	background-position: 0 -25px;
}

.widgToolbar a:active {
	margin-top: 1px;
	margin-left: 1px;
	background-position: 0 0;
}

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

/*.widgToolbar li.widgEditButton {
	background-image: url('../images/editor/button_shadow.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}*/

.widgButtonBold {
	background-image: url('../images/editor/button_bold.gif');
}

.widgButtonHTML {
	background-image: url('../images/editor/button_html.gif');
}

.widgButtonItalic {
	background-image: url('../images/editor/button_italic.gif');
}

.widgButtonUnderline {
	background-image: url('../images/editor/button_underline.gif');
}

.widgButtonStrikethrough {
	background-image: url('../images/editor/button_strikethrough.gif');
}

.widgButtonForeColor {
	background-image: url('../images/editor/button_forecolor.gif');
}

.widgButtonBackColor {
	background-image: url('../images/editor/button_backcolor.gif');
}

.widgButtonLeft {
	background-image: url('../images/editor/button_left.gif');
}

.widgButtonCenter {
	background-image: url('../images/editor/button_center.gif');
}

.widgButtonRight {
	background-image: url('../images/editor/button_right.gif');
}

.widgButtonLink {
	background-image: url('../images/editor/button_link.gif');
}

.widgButtonUnlink {
	background-image: url('../images/editor/button_unlink.gif');
}

.widgButtonImage {
	background-image: url('../images/editor/button_image.gif');
}

.widgButtonOrdered {
	background-image: url('../images/editor/button_ordered.gif');
}

.widgButtonUnordered {
	background-image: url('../images/editor/button_unordered.gif');
}

.widgButtonOutdent {
	background-image: url('../images/editor/button_outdent.gif');
}

.widgButtonIndent {
	background-image: url('../images/editor/button_indent.gif');
}

.widgButtonHorizontalRuler {
	background-image: url('../images/editor/button_hr.gif');
}

.widgButtonTable {
	background-image: url('../images/editor/button_table.gif');
}

.widgButtonRemoveFormat {
	background-image: url('../images/editor/button_hr.gif');
}

.widgButtonYouTube {
	background-image: url('../images/editor/button_hr.gif');
}

.widgButtonMore {
	background-image: url('../images/editor/button_hr.gif');
}


.widgSource a {
	background-image: url('../images/editor/button_empty.gif');
	cursor: default;
}

.widgSource .widgButtonHTML {
	background-image: url('../images/editor/button_html.gif');
}

.widgSource .widgButtonHTML:hover {
	cursor: pointer;
}

.widgButtonEnlarge {
	background-image: url('../images/editor/button_enlarge.gif');
}

.widgButtonShrink {
	background-image: url('../images/editor/button_shrink.gif');
}

.widgButtonHelp {
	background-image: url('../images/editor/button_help.gif');
}

.widgToolbar a.widgButtonHelp, .widgToolbar li#widgButtonHelp {
	width: 45px;
}

.widgToolbar a.widgSelectBlock, .widgToolbar li.widgSelectBlock, select#widgSelectBlock {
	width: 90px;
}

.widgToolbar a.widgSelectFont, .widgToolbar li.widgSelectFont, select#widgSelectFont {
	width: 85px;
}

.widgToolbar a.widgSelectFontSize, .widgToolbar li.widgSelectFontSize, select#widgSelectFontSize {
	width: 85px;
}

/* TOOLBAR */

.widgToolbar {
	list-style: none;
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 0 0 0 2px;
	border: 1px solid #CCCCCC;
	background-image: url('../images/editor/toolbar_bg.gif');
	background-repeat: repeat;
}

* html .widgToolbar {
	width: auto;
}

.widgToolbar li {
	display: inline;
	float: left;
	width: 28px;
	height: 25px;
	margin-top: 5px;
	margin-left: 0px;
	line-height: 25px;
}

.widgToolbar li#widgSpace {
	display: inline;
	float: left;
	width: 8px;
	height: 25px;
	margin-top: 5px;
	margin-left: 0px;
	line-height: 25px;
}




/* EDITING AREA */

.widgIframe {
	clear: left;
	width: 100%;
	height: 200px;
	border-top-width: 1px;
	background-color: #fff;
}

.widgColorPalette {
	width: 203px;
	height: 143px;
	margin: 0px;
	border: none;
	left: 0px;
	top: 0px;
	position: absolute;
	visibility: hidden;
	z-index: 1000;
}

.widgContainer textarea.widgEditor {
	clear: left;
	width: 100%;
	height: 200px;
	border-top-width: 1px;
	padding: 0;
}

/* EDITOR CONTAINER */

.widgContainer {
}