/******************************************************************************
** 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: 16px;
	height: 16px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -1000em;
	text-decoration: none;
	border: 1px solid #DDDDDD;
}

.widgToolbar a:hover, .widgToolbar li.on a:hover
{
	border: 1px solid #A5B644;
}

.widgToolbar a:active, .widgToolbar li.on a
{
	border: 1px solid #543E15;
}

.widgButtonBold
{
	background-image: url(../img/icons/text_bold.gif);
}

.widgButtonItalic 
{
	background-image: url(../img/icons/text_italic.gif);
}

.widgButtonHTML
{
	background-image: url(../img/icons/tag.gif);
}

.widgButtonLink
{
	background-image: url(../img/icons/link.gif);
}

.widgButtonEmail
{
	background-image: url(../img/icons/email.gif);
}

.widgButtonMedia
{
	background-image: url(../img/icons/page.gif);
}

.widgButtonPage
{
	background-image: url(../img/icons/page.gif);
}

.widgButtonUnordered
{
	background-image: url(../img/icons/text_list_bullets.gif);
}

.widgButtonOrdered
{
	background-image: url(../img/icons/text_list_numbers.gif);
}

.widgButtonImage 
{
	background-image: url(../img/icons/picture.gif);
}

.widgButtonSmileys
{
	background-image: url(../img/icons/emoticon_smile.gif);
}

.widgSource a
{
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	cursor: default;
}

.widgSource li.on a, .widgSource li.on a:hover
{
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
}

.widgSource .widgButtonHTML
{
	background-image: url(../img/icons/tag.gif);
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
}

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



/* TOOLBAR */

.widgToolbar
{
	list-style: none;
	float: right;
	width: 100%;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border: none;
}

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



/* EDITING AREA */

.widgIframe
{
	clear: left;
	width: 420px;
	height: 250px;
	border: 1px solid #A5B644;
}

.widgContainer textarea.widgEditor
{
	clear: left;
	width: 420px;
	height: 250px;
	border: 1px solid #A5B644;
}



/* EDITOR CONTAINER */

.widgContainer
{
}