/******************************************************************************
** 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: 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: 0;
	margin-left: 0;
	background-position: 0 -60px;
}

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

a:focus {
        outline:none;
}

.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: 440px;
	height: 48px;
	margin: 0;
	padding: 0 0 0 30px;
	border: none;
	background: #FFFFFF;
}

* html .widgToolbar
{
	width: auto;
}

.widgToolbar li
{
	display: inline;
	float: left;
	width: 32px;
	height: 32px;
	margin-top: 9px;
	margin-left: 7px;
	line-height: 30px;
}



textarea.otsikko {
	border: 2px solid #DCDCDC;
	height: 46px;
	width: 440px;
        font-family: Verdana;
        font-size: 17px;
        font-weight: bold;
        padding: 10px;
}

textarea.otsikko_matala {
	border: 2px solid #DCDCDC;
	height: 23px;
	width: 394px;
        font-family: Verdana;
        font-size: 17px;
        font-weight: bold;
        padding: 10px;
        margin-bottom: 8px;
}
textarea.linkin_kuvaus {
	border: 2px solid #DCDCDC;
	height: 38px;
	width: 424px;
        font-family: Verdana;
        font-size: 9px;
        padding: 10px;
        margin-bottom: 8px;
}
textarea.linkin_osoite {
	border: 2px solid #DCDCDC;
	height: 14px;
	width: 424px;
        font-family: Verdana;
        font-size: 9px;
        font-weight: bold;
        padding: 10px;
        color: green;
}
textarea.otsikko_matala_right {
	border: 2px solid #DCDCDC;
	height: 18px;
	width: 200px;
        font-family: Verdana;
        font-size: 13px;
        font-weight: bold;
        padding: 3px 8px 3px 8px;
        margin-bottom: 8px;
}
textarea.otsikko_matala_kapea {
	border: 2px solid #DCDCDC;
	height: 23px;
	width: 320px;
        font-family: Verdana;
        font-size: 17px;
        font-weight: bold;
        padding: 10px;
        margin-bottom: 8px;
}

textarea.kuvateksti {
        font-size: 11px;
        font-family: Verdana, Arial;
        color: #000000;
        margin: 3px 0 0 0;
        padding: 3px;
        width: 210px;
        height: 100px;
        border: solid 1px #DCDCDC;
}
textarea.otsikko_ilmoitukset {
	border: 2px solid #DCDCDC;
	height: 14px;
	width: 350px;
        font-family: Verdana;
        font-size: 11px;
        font-weight: bold;
        padding: 3px 8px 3px 8px;
        margin-bottom: 8px;
}

textarea.teksti_ilmoitukset {
        font-size: 11px;
        font-family: Verdana, Arial;
        color: #000000;
        margin: 3px 0 0 0;
        padding: 3px;
        width: 400px;
        height: 100px;
        border: solid 1px #DCDCDC;
}
textarea.edit_ilmoitukset_wide {
        font-size: 11px;
        font-family: Verdana, Arial;
        color: #000000;
        margin-top: -2px;
        padding: 5px;
        width: 640px;
        height: 50px;
        border: 1px solid #eee;
}
textarea.edit_ilmoitukset {
        font-size: 11px;
        font-family: Verdana, Arial;
        color: #000000;
        margin-top: -2px;
        padding: 5px;
        width: 420px;
        height: 50px;
        border: 1px solid #eee;
}

input.edit_ilmoitukset_paattyy {
        font-size: 9px;
        font-family: Verdana, Arial;
        color: #000000;
        margin: 0 0 0 5px;
        padding:3px;
        width: 70px;
        height: 10px;
        border: 1px solid #eee;
}
input.edit_ilmoitukset_otsikko {
        font-size: 9px;
        font-family: Verdana, Arial;
        color: #000000;
        margin: 0px;
        padding:3px;
        width: 130px;
        height: 10px;
        border: 1px solid #eee;
}
/* EDITING AREA */

.widgIframe
{
	clear: left;
	width: 440px;
	height: 500px;
	border: 2px solid #DCDCDC;
	padding: 10px;
}

.widgContainer textarea.widgEditor
{
	clear: left;
	width: 440px;
	height: 500px;
}

.widgEditor p {
        font-size: 11px;
        font-family: Verdana, Arial;
        color: #000000;
}

.widgEditor h2 {
        font-family: Verdana;
        font-size: 17px;
        font-weight: bold;
}

/* EDITOR CONTAINER */

.widgContainer {
}