/******************************************************************************
** 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>
*/



/* EDITING AREA */

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

.widgContainer textarea.widgEditor
{
	clear: left;
	border-top-width: 1px;
	padding: 0;
}
.widgContainer
{
	border: solid 1px #ccc;
}	

/* KMCMS Toolbar */
ul.imgButtonToolbar
{
	list-style: none;
	height: 60px;
	margin: 0;
	padding: 0 0 0 10px;
	background: #fff url(toolbar_bg.gif) repeat-y 0 0;
}
ul.imgButtonToolbar li {padding: 2px 2px 2px 2px;}
ul.imgButtonToolbar li.wrap {float:inherit;}
ul.imgButtonToolbar li.nowrap {float:left;}
.imgButton,.imgButtonOver {width: 23px; height: 23px; cursor: pointer;}
.imgButton {border: solid 1px #e0e0e0;}
.imgButtonOver {border: solid 1px #000; background-color: #B5BED6;}
select.toolbarselect {width: 170px;}