/** @file main.css
 *  @brief cascades
 *  @version $Id: mmseditor.css,v 1.1 2011/04/27 15:53:46 root Exp $
 *  @author Bronislav Klucka, Bronislav.Klucka@pro2-soft.com,
 *          Copyright © 2008+ Bronislav.Klucka
 *
 * This script is licenced under MPL
 *
 *
 */

#mmseditor *
{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	line-height: 100%;
}

/*
#mms-editor p, #mms-editor code, #mms-editor div, #mms-editor ul, #mms-editor li, #mms-editor form, #mms-editor table, #mms-editor span,
#mms-editor tr, #mms-editor th, #mms-editor td, #mms-editor h1, #mms-editor h2, #mms-editor h3, #mms-editor h4, #mms-editor dl , #mms-editor dt,
#mms-editor dd, #mms-editor input, #mms-editor dl, #mms-editor a, #mms-editor img
{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
}
*/

#mms-editor a img
{
 border: 0px none;
}

#mms-editor a
{
 color: #AAAAFF;
}


#editor-main
{
  float: left;
}

#editor-image
{
  position: relative;
}


#editor-image span.editor-image
{
  display: inline-block;
  border: 1px solid black;
  position: absolute;
  top: 0px;
  left: 0px;
}


#editor-image span#editor-image-2,
#editor-image span.text_layer,
#editor-image span.object_layer
{
  cursor: move;
}

#editor-text,
#editor-text-add-btn,
#editor-name,
#weditor-working,
#debug
{
  display: none;
}

#weditor-working div
{
 height: 100px;
 margin: 0px auto;
 width: 100px;
}

#editor-tools
{
  background: #770044;
  padding: 5px;
  color: white;
}

#mms-editor .button
{
 background: #000 url(../img/mmseditor/mms-editor-button-bg.png) repeat-x left top;
 border: 0px none;
 color: #fff;
 cursor: pointer;
 display: inline-block;
 height: 20px;
 line-height: 20px;
 margin: 2px;
 padding: 0px;
 width: 100px;
}


#editor-text-box
{

}

#editor-text-preview
{
  border: 1px solid black;
}

#editor-text-preview-box
{

}

#editor-layers-form label,
#editor-text-box label
{
  width: 50px;
  display: inline-block;
  text-align: right;
}

#editor-text-box label
{
  width: 75px;
}

#mms-editor .object_img
{
  border: 1px solid black;
  width: 40px;
  cursor:pointer;
}


#editor-layers p
{
  margin: 3px 0px;
}

#mms-editor div.clear
{
 font-size: 0px;
 line-height: 0px;
 clear: both;
}


#mms-editor *
{
	font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

#mms-editor a img
{
  border: 0px none;
}

#mms-editor a {
  color: #AAAAFF;
}

#mms-editor h1
{
 font-size: 140%;
 padding: 10px 0px;
}

#mms-editor
{
 position: relative;
 width: 490px;
 color: #fff;
 padding: 0px;
}

#mms-editor ul.hints
{
 margin: 0px;
 padding: 0px 0px 0px 15px;
 position: absolute;
 right: 0px;
 top: 0px;
 width: 200px;
}
#mms-editor ul.hints li
{
 background: transparent;
	line-height: 100%;
 list-style-type: square;
 padding: 2px 0px;
 text-align: left;
}

#editor-main
{
 border-top: #666 1px solid;
 border-right: #333 1px solid;
 border-bottom: #333 1px solid;
 border-left: #666 1px solid;
 float: left;
 padding: 5px;
}
#editor-tools
{
 background: transparent;
 float: left;
 padding: 5px;
 width: 480px;
}
#editor-text-preview
{
 background: url(../img/image/mms-editor-text-preview-bg.png) repeat left top;
 border-top: #666 1px solid;
 border-right: #333 1px solid;
 border-bottom: #333 1px solid;
 border-left: #666 1px solid;
}
#mms-editor span.label
{
 display: inline-block;
 padding: 0px 5px;
 text-align: right;
 width: 110px;
}
#mms-editor span.items
{
 display: inline-block;
 padding: 0px 5px;
 text-align: left;
 width: 230px;
}
#mms-editor span.items img
{
 background: #000;
 border-top: #666 1px solid;
 border-right: #333 1px solid;
 border-bottom: #333 1px solid;
 border-left: #666 1px solid;
}
#mms-editor span.items input
{
 width: 100%;
}
#mms-editor span.items select
{
 width: 100px;
}
#mms-editor p.result-preview
{
 padding: 10px 0px;
}