/******************************************************************************
** STRUCTURE OF DYNAMICALLY CREATED ELEMENTS
*******************************************************************************
**
** <div id="ORIGINAL_IDWidgContainer" class="soloContainer">
**     <ul id="ORIGINAL_IDWidgToolbar" class="soloToolbar">
**         <li id="BUTTON_ID" class="soloEditButton">
**             <a></a>
**         </li>
**         <li class="soloEditSelect">
**             <select>
**             </select>
**         </li>
**     </ul>
**     <iframe id="ORIGINAL_IDWidgIframe" class="soloIframe">
**     </iframe>
**     <textarea id="ORIGINAL_IDWidgTextarea" class="soloWYG">
**     </textarea>
** </div>
*/

/* TOOLBAR BUTTONS */

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

.soloToolbar a:hover
{
	background-position: 0 -30px;
}

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

.soloToolbar li.on a, .soloToolbar li.on a:hover
{
	background-position: 0 -60px;
}

.soloToolbar li.soloEditButton
{
	background-image: url(../images/soloeditor_button_shadow.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.soloButtonBold
{
	background-image: url(../images/soloeditor_button_bold.gif);
}

.soloButtonHTML
{
	background-image: url(../images/soloeditor_button_html.gif);
}

.soloButtonImage 
{
	background-image: url(../images/soloeditor_button_image.gif);
}

.soloButtonItalic 
{
	background-image: url(../images/soloeditor_button_italic.gif);
}

.soloButtonLink
{
	background-image: url(../images/soloeditor_button_link.gif);
}

.soloButtonOrdered
{
	background-image: url(../images/soloeditor_button_ordered.gif);
}

.soloButtonUnordered
{
	background-image: url(../images/soloeditor_button_unordered.gif);
}

.soloSource a
{
	background-image: url(../images/soloeditor_button_empty.gif);
	cursor: default;
}

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

.soloSource .soloButtonHTML
{
	background-image: url(../images/soloeditor_button_html.gif);
}

.soloSource .soloButtonHTML:hover
{
	cursor: pointer;
}




/* TOOLBAR */

.soloToolbar
{
	list-style: none;
	width: 100%;
	height: 36px;
	margin: 0;
	padding: 0 0 0 5px;
	border:1px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	background-image: url(../images/soloeditor_toolbar_bg.gif);
	background-repeat: repeat-x;
}

* html .soloToolbar
{
	width: auto;
}

.soloToolbar li
{
	display: inline;
	float: left;
	width: 32px;
	height: 32px;
	margin-top: 3px;
	margin-left: 0fpx;
	line-height: 30px;
}




/* EDITING AREA */

.soloIframe
{
	clear: left;
	width: 100%;
	height: 350px;
	border-top-width: 1px;
	background: #f4f8e0 url(/images/inputbg.gif) repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;margin:0; padding:0;font-weight:normal;
}

textarea.soloWYG
{
	clear: left;
	width: 100%;
	height: 350px;
	border-top-width: 1px;
	padding: 0;
}

.h1 {
font-family:Helvetica;
font-size:13px;
margin:0; padding:0;
font-weight:normal;
}

.h2 {
font-family:"Courier New", Courier, monospace;
font-size:13px;margin:0; padding:0;font-weight:normal;
}

.h3 {
font-family:"Times New Roman", Times, serif;
font-size:14px;margin:0; padding:0;font-weight:normal;
}

.h4 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;margin:0; padding:0;font-weight:normal;
}



/* EDITOR CONTAINER */

.soloContainer
{

}