/******************************************************************************
** 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: 24px;
	height: 24px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -1000em;
	text-decoration: none;
	padding-top:0px;/* padding del enlace de cada botón superior*/
	margin-top:0px;/* margin del enlace de cada botón superior*/
}

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

.widgToolbar a:active
{
	background-position: 0 -46px;
}

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

.widgButtonBold
{
	background-image: url(../images/widgeditor_button_bold.gif);
}

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

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

.widgButtonItalic 
{
	background-image: url(../images/widgeditor_button_italic.gif);
}

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

.widgButtonOrdered
{
	background-image: url(../images/widgeditor_button_ordered.gif);
}

.widgButtonUnordered
{
	background-image: url(../images/widgeditor_button_unordered.gif);
}

.widgSource a
{
	background-image: url(../images/widgeditor_button_empty.gif);
	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: 48px;
	margin: 0;
	padding: 0px;
	border: 1px solid #CCCCCC;
	background-image: url(../images/widgeditor_toolbar_bg.gif);
	background-repeat: repeat-x;
}

* html .widgToolbar{width: auto;}

.widgToolbar  {margin:0px;padding:0px; } /*UL de los elementos superiores*/
.widgToolbar li /*LI de los elementos superiores*/
{
	display: inline;
	float: left;
	width: 24px;
	height: 24px;
	margin-top: 0px;
	margin-left: 0px;
	line-height: 24px;
}

li.widgEditSelect {padding-top:0px; margin-top:2px; width:160px; float:right; margin-right:10px; font-size:12px; } /*LI del select parrafo*/
.widgSelectBlock {padding-top:0px; margin-top:2px; width:160px; float:right;}  /*select parrafo (los option son párrafos)*/
.widgEditButton {margin-top:0px; padding-top:0px;} /*LI de los botones*/

.iframeBody { margin-top:0px;} /* separación entre barra de botones y zona de escribir*/

/* EDITING AREA */

.widgIframe
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;  
	font-size:11px;
	clear: left;
	width: 100%;
	/* height: 200px;*/height: 350px;
	border-top-width: 1px;
}

.widgContainer textarea.widgEditor
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;  
	font-size:11px;
	clear: left;
	width: 100%;
	/* height: 200px;*/height: 350px;
	border-top-width: 1px;
	padding: 0;
}


html.widgIframe  {font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;   font-size:11px;}
#iframeBody {font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;   font-size:11px;}
/* EDITOR CONTAINER */

.widgContainer
{	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;  
	font-size:11px;
}

.widgContainer a { text-decoration: none; }
.widgContainer a img { border: none; margin:0px; padding:0px;}
.widgContainer a:hover, strong, a:link, a:visited { font-weight: bold; }
.widgContainer body { font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;  font-size:11px; overflow-x:none; }
.widgContainer body, html, h1,h2,h3,h4,h5,h6, p, div, blockquote, ul,ol,li,dl,dt,dd, address { margin: 0px; padding:0px; }
.widgContainer em { font-style: italic; }
.widgContainer h1,h2,h3,h4,h5,h6 { margin:0px; padding:10px 0 10px 0; }
.widgContainer p {  font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; padding:5px 5px 5px 0px; margin:5px 0px 10px 0px; font-size:100%; font-style: normal; font-weight: normal; color:#444; }