/******************************************************************************
** 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 !important;
    width: 27px !important;
    height: 27px !important;
    overflow: hidden !important;
    background-repeat: no-repeat !important;
    text-indent: -1000em !important;
    text-decoration: none !important;
}

ul.widgToolbar a:hover
{
  background-position: 0 -27px;
  background-color: transparent !important;
  filter: none;
  opacity: 1;
}

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

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


.widgButtonBold
{
    background-image: url(../images/widgeditor_button_bold.png) !important;
}

.widgButtonHTML
{
    background-image: url(../images/widgeditor_button_html.gif) !important;
}

.widgButtonImage
{
    background-image: url(../images/widgeditor_button_image.gif) !important;
}

.widgButtonItalic
{
    background-image: url(../images/widgeditor_button_italic.png) !important;
}
.widgButtonUnderline
{
    background-image: url(../images/widgeditor_button_underline.png) !important;
}

.widgButtonLink
{
    background-image: url(../images/widgeditor_button_link.gif) !important;
}

.widgButtonOrdered
{
    background-image: url(../images/widgeditor_button_ordered.png) !important;
}

.widgButtonUnordered
{
    background-image: url(../images/widgeditor_button_unordered.png) !important;
}

.widgSource a
{
    background-image: url(../images/widgeditor_button_empty.gif) !important;
    cursor: default;
}

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

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

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




/* TOOLBAR */

.widgToolbar
{
    list-style: none;
    width: 100%;
    height: 27px;
    margin: 6px 0;
    padding: 0 0 0 1px;
}

* html .widgToolbar
{
    width: auto;
}

.widgToolbar li
{
    display: inline;
    float: left;
    width: 27px;
    height: 27px;
    margin: 0;
    line-height: 270px;
}




/* EDITING AREA */

.widgIframe
{
  clear: left;
  width: 100%;
  height: 250px;
  padding: 3px 0px !important;
}

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

.we_short .widgIframe,
.we_short .widgContainer textarea.widgEditor
{
  height:214px;
}



/* EDITOR CONTAINER */

.widgContainer
{
}