/******************************************************************************

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

.testimg {

  width:22px !important;

  height:22px !important;

}



.widgToolbar a

{

	display: block;

	width: 30px;

	height: 30px;

	overflow: hidden;

	background-repeat: no-repeat;

	text-indent: -1000em;

	text-decoration: none;

}



.widgToolbar a:hover

{

	background-position: 0 -30px;

}



.widgToolbar a:active

{

	margin-top: 2px;

	margin-left: 2px;

	background-position: 0 -60px;

}



.widgToolbar li.on a, .widgToolbar li.on a:hover

{

	background-position: 0 -60px;

}



.widgToolbar li.widgEditButton

{

	background-image: url(../images/widgeditor_button_shadow.gif);

	background-repeat: no-repeat;

	background-position: bottom right;

}





.widg1{	background: url(../../graphics/s1.gif) no-repeat center !important;}

.widg2{	background: url(../../graphics/s2.gif) no-repeat center !important;}

.widg3{	background: url(../../graphics/s3.gif) no-repeat center !important;}

.widg4{	background: url(../../graphics/s4.gif) no-repeat center !important;}

.widg5{	background: url(../../graphics/s5.gif) no-repeat center !important;}

.widg6{	background: url(../../graphics/s6.gif) no-repeat center !important;}

.widg7{	background: url(../../graphics/s7.gif) no-repeat center !important;}

.widg8{	background: url(../../graphics/s8.gif) no-repeat center !important;}

.widg9{	background: url(../../graphics/s9.gif) no-repeat center !important;}

.widg10{	background: url(../../graphics/s10.gif) no-repeat center !important;}

.widg11{	background: url(../../graphics/s11.gif) no-repeat center !important;}

.widg12{	background: url(../../graphics/s12.gif) no-repeat center !important;}

.widg13{	background: url(../../graphics/s13.gif) no-repeat center !important;}

.widg14{	background: url(../../graphics/s14.gif) no-repeat center !important;}

.widg15{	background: url(../../graphics/s15.gif) no-repeat center !important;}



.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: 680px;

	height: 48px;

	margin: 0;

	padding: 0 0 0 2px;

	border: 1px solid #CCCCCC;

	background-image: url(../images/widgeditor_toolbar_bg.gif);

	background-repeat: repeat-x;

}



* html .widgToolbar

{

	width: auto;

}



.widgToolbar li

{

	display: inline;

	float: left;

	width: 32px;

	height: 32px;

	margin-top: 9px;

	margin-left: 7px;

	line-height: 30px;

}









/* EDITING AREA */



.widgIframe

{

	clear: left;

	width: 100%;

	height: 100px;

	border: 1px solid #cccccc;

	border-top: 0;

	background:white;

	font-family: Georgia, "New York CE", utopia, serif;

	font-size:13px;

}



.widgContainer textarea.widgEditor

{

	clear: left;

	width: 680px;

	height: 150px;

	border-top-width: 1px;

	padding: 0;

	font-family: Georgia, "New York CE", utopia, serif;

	font-size:13px;

}









/* EDITOR CONTAINER */



.widgContainer

{

	width: 682px;

	height: 100px;

  font-family: Georgia, "New York CE", utopia, serif;

	font-size:13px;

}