/* == reset
=====================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;background-image: transparent;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* 
=====================*/
body { font: normal 12px 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', sans-serif; }
#menubar { height: 25px; border-bottom: 1px solid #e5e5e5;   background: #fff; z-index: 139; width: 100%; margin: 0; }
#menubar ul li { float: left; height: 25px; }
#menubar ul li strong { font-variant: small-caps; display: block; color: #0073CD; padding: 4px 10px; cursor: default; font-weight: bold; }
#menubar ul li strong sup { font-weight: normal; color: rgb(230, 242, 250); }
#menubar ul li span { display: block; color: #0073CD; padding: 4px 10px; cursor: default; }
#menubar ul li ul { display: none;  }
#menubar ul li:hover span, #menubar ul li span.active { background-color: #0073CD; color: white; }
#menubar ul li:hover ul { display: block; z-index: 10000; display: block; position: absolute; background-color: white; margin-top: 1px; padding: 5px 0px; border-left: 1px solid #f8f8f8; border-bottom: 2px solid #575757; border-right: 2px solid #575757; }
#menubar ul li:hover ul li { float: none; height: 100%; width: 120px; color: #575757; padding: 3px 25px; cursor: default; display: block; }
#menubar ul li:hover ul li:hover { background-color: #0073CD; color: white; }
#menubar ul li:hover ul li.sep { width: 120px; border-bottom: 1px solid #e5e5e5; margin-bottom: 7px; font-size: 1px; height: 1px; display: block; }
#menubar ul li:hover ul li.sep:hover { background-color: transparent; }
#menubar ul li:hover ul li.on:hover { background: #0073CD url(gfx/ptak-bialy.gif) no-repeat 7%; }
#menubar ul li:hover ul li a { text-decoration: none; color: #575757;}
#menubar ul li:hover ul li:hover a { color: white; }
#menubar ul li ul li.on { background: url(gfx/ptak.gif) no-repeat 7%; }
.ul { list-style-type: square; margin: 0; padding: 0 list-style: inside; }
#menubar .drawter { padding-left: 30px; }
#menubar ul#main_modes { float: left;margin-left: 40px; }
#menubar ul#main_modes li { margin-left:2px; }
#menubar ul#main_modes li:hover { cursor: hand; }

#drawpole { margin-bottom: 30px; margin-top: 1px; height: 590px; background: transparent url(gfx/draw-here.gif) no-repeat center; overflow: hidden; clear: both; width: 700px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; z-index: 1111; clear: both; }
#drawpole div.size { border: 1px dotted #008BDB; background-color: rgb(230, 242, 250); position: absolute; width: 0px; height: 0px; font-size: 21px;  }
#drawpole div.content { text-align: justify; }
#drawpole div.other_tag { background-color: #F47C30; }
#drawpole #plaster { position: absolute; top: 27px; left: 0; background: #fff; height: 10px; width: 10px;}
#drawpole .info { position: absolute; bottom: 2px; right: 2px; font-size: 12px; color: #535353; border: 1px solid #000; background: #fff; padding-left: 4px; padding-right: 4px; height: 20px; text-align: center; }

.toolbar { width: 365px; z-index: 190000; background-color: white; position: absolute; top: 70px; left: 730px; border-left: 1px solid #f8f8f8; border-bottom: 2px solid #575757; border-right: 2px solid #575757; }
.toolbar ul li { background: transparent url(gfx/toolbar-header.gif) repeat-x top; font-size: 11px; color: #575757; }

.toolbar ul li h5 { cursor: move; height: 17px; background: transparent url(gfx/arrow.gif) no-repeat 10px 7px; padding-left: 25px; padding-right: 5px; padding-top: 3px; }
.toolbar ul li h5 span { float: left; cursor: default; }
.toolbar ul li h5 a { display: none; }
.toolbar ul li h5:hover a { display: block; float: right; text-indent: -9000px; width: 15px; height: 16px; background: transparent url(gfx/close-button.gif) no-repeat center; }
.toolbar ul li h5:hover a:hover { background: transparent url(gfx/close-button-hover.gif) no-repeat center; }

.toolbar ul li div { padding: 5px 10px 5px 10px; font-size: 12px; }
.toolbar ul li div.clear { clear: both; margin: 0px; padding: 0; }
.toolbar ul li div.toolbar_item { overflow: hidden; padding: 0; margin: 0px; margin-top: 4px; }
.toolbar ul li div form fieldset label {  margin-bottom: 10px; display: block; }
.toolbar ul li div form fieldset label { /*border-top: 1px solid #e5e5e5;*/ padding-top: 5px; margin-bottom: 5px; }
.toolbar ul li div form fieldset label select { margin-left: 5px; }
.toolbar ul li div form fieldset input { width: 100px; }
.toolbar ul li div form fieldset p { margin-bottom: 10px; }
.toolbar ul li div form fieldset a { margin-left: 3px; color: #0073CD; text-decoration: none; border-bottom: 1px dotted #0073CD; }
.toolbar ul li div form fieldset a:hover { color: #0073CD; border-bottom: 1px solid #0073CD; }
.toolbar ul li div form fieldset #page-title { width: 270px; }
.toolbar ul li div form fieldset #page-doctype { width: 270px;  margin-left: 0;}
.toolbar ul li div form fieldset #page-language { width: 235px;  margin-left: 0;}
.toolbar ul li#tree_bar ul li div { padding: 0; }


.toolbar ul li div#nd ul { margin-left: -20px; }
.toolbar ul li div#nd ul li { margin-left: 20px; padding-left: 10px; background: transparent url(gfx/arrow.gif) no-repeat 0px 7px; font-size: 12px; line-height: 20px; }
.toolbar ul li div#nd ul li span { cursor: default; padding: 2px 5px;  padding-left: 30px; }
.toolbar ul li div#nd ul li span.other {  background: transparent url(gfx/o.gif) no-repeat 5px 2px;  }
.toolbar ul li div#nd ul li span.div {  background: transparent url(gfx/d.gif) no-repeat 5px 2px; }
.toolbar ul li div#nd ul li span.p { background: transparent url(gfx/p.gif) no-repeat 5px 2px; }
.toolbar ul li div#nd ul li span.a { background: transparent url(gfx/a.gif) no-repeat 5px 2px; }
.toolbar ul li div#nd ul li span.h1 {  background: transparent url(gfx/h1.gif) no-repeat 5px 2px; }
.toolbar ul li div#nd ul li span.h2 {  background: transparent url(gfx/h2.gif) no-repeat 5px 2px;  }
.toolbar ul li div#nd ul li span.h3 {  background: transparent url(gfx/h3.gif) no-repeat 5px 2px;  }
.toolbar ul li div#nd ul li span.h4 {  background: transparent url(gfx/h4.gif) no-repeat 5px 2px;  }
.toolbar ul li div#nd ul li span.h5 {  background: transparent url(gfx/h5.gif) no-repeat 5px 2px;  }
.toolbar ul li div#nd ul li span.h6 {  background: transparent url(gfx/h6.gif) no-repeat 5px 2px;  }
.toolbar ul li div#nd ul li span.table{  background: transparent url(gfx/table.gif) no-repeat 5px 2px;  }
.toolbar ul li div#nd ul li span.tr {  background: transparent url(gfx/tr.gif) no-repeat 5px 2px;  }
.toolbar ul li div#nd ul li span.th {  background: transparent url(gfx/th.gif) no-repeat 5px 2px;  }
.toolbar ul li div#nd ul li span.td {  background: transparent url(gfx/td.gif) no-repeat 5px 2px;  }
.toolbar ul li div#nd ul li span.ol {  background: transparent url(gfx/ol.gif) no-repeat 5px 2px;  }
.toolbar ul li div#nd ul li span.li {  background: transparent url(gfx/li.gif) no-repeat 5px 2px;  }
.toolbar ul li div#nd ul li span.ul {  background: transparent url(gfx/ul.gif) no-repeat 5px 2px;  }
.toolbar ul li div#nd ul li span.br{  background: transparent url(gfx/br.gif) no-repeat 5px 2px;  }
.toolbar ul li div#nd ul li span.form {  background: transparent url(gfx/form.gif) no-repeat 5px 2px;  }
.toolbar ul li div#nd ul li span.span {  background: transparent url(gfx/s.gif) no-repeat 5px 2px;  }
.toolbar ul li div#nd ul li span.img {  background: transparent url(gfx/i.gif) no-repeat 5px 2px;  }
.toolbar ul li div#nd ul li span.active { background-color: rgb(230, 242, 250); border: 1px dotted #008BDB; }
.toolbar ul li div#nd ul li a.del_link, .toolbar ul li div#nd ul li a.copy_link { text-decoration: none;  margin-bottom: 2px; margin-left: 5px; display: none; border-bottom: 1px dotted; }
.toolbar ul li div#nd ul li a.del_link { color: #CC0000; }
.toolbar ul li div#nd ul li a.copy_link { color: #0000CC; }

.toolbar ul li a.apply { margin-left: 3px; display: none; width: auto; color: #0073CD; border-bottom: 1px dotted; text-decoration: none; }
.toolbar ul li a.apply:hover { border-bottom: 1px solid; }
.toolbar ul li p.left { float: left; width: 155px; margin-right: 5px; margin-bottom: 0;}
.toolbar ul li p.right { float: left; 210px; margin-bottom: 0; }
.toolbar #node_attributes #attr-value { display: none; }
.toolbar ul li#node_style label, .toolbar ul li#node_attributes label { float: left; margin-left: 5px; }

#main_options { }
#markup_tree { top: 260px; z-index: 99999; }
#box_details { top: 100px; left: 730px; display: none; }
#box_details input.node_bgr_image { }
#box_details a.apply { margin-left: 5px; }
#drawing_options { top: 200px;}
#drawarea_options {top: 150px; left: 100px; display: none; }

#codebar { width: 765px; z-index: 99999999; background-color: white; display: none; position: absolute; top: 70px; left: 250px; border-left: 1px solid #f8f8f8; border-bottom: 2px solid #575757; border-right: 2px solid #575757; }
#codebar ul li { background: transparent url(gfx/toolbar-header.gif) repeat-x top; font-size: 11px; color: #575757; }

#codebar ul li h5 { cursor: move; height: 17px; background: transparent url(gfx/arrow.gif) no-repeat 10px 7px; padding-left: 25px; padding-right: 5px; padding-top: 3px; }
#codebar ul li h5 span { float: left; cursor: default; }
#codebar ul li h5 a { display: none; }
#codebar ul li h5:hover a { display: block; float: right; text-indent: -9000px; width: 15px; height: 16px; background: transparent url(gfx/close-button.gif) no-repeat center; }
#codebar ul li h5:hover a:hover { background: transparent url(gfx/close-button-hover.gif) no-repeat center; }

#codebar ul li div { padding: 10px; font-size: 12px; }
#codebar ul li div form fieldset textarea { width: 745px; height: 200px; }

.nw { background: #fff; height: 8px;width: 8px;border: 1px solid #000000;position: absolute;top: -10px;left:-10px;cursor: nw-resize;display: none; }
.ne { background: #fff; height: 8px;width: 8px;border: 1px solid #000000;position: absolute;top: -10px;right:-10px;cursor: ne-resize;display: none; }
.se { background: #fff; height: 8px; width: 8px; border: 1px solid #000000;position: absolute;bottom: -10px;right:-10px;cursor: se-resize;display: none;z-index: 100000; }
.sw { background: #fff; height: 8px; width: 8px; border: 1px solid #000000; position: absolute; bottom: -10px; left:-10px;cursor: sw-resize; display: none; }
.se_cursor { height: 8px; width: 8px; border: 1px solid #000000;position: absolute;left: 700px;top: 617px;font-size: 1px;background: #fff;cursor: se-resize;z-index: 112122;display: block;}

.linear_left { height: 1px; background: #2D2D2D; position: absolute; left: 0;  top: 50px; z-index: 332;}
.linear_top { width: 1px; background: #2D2D2D; position: absolute; left: 0px;  top: 27px; z-index: 332;} 
#top_linear { background: url(gfx/lin.jpg); width: 690px; margin-left: 10px; height: 10px; top: 0; clear: both; z-index: 2222222; }
#left_linear { background: url(gfx/lin2.jpg); width: 10px; height: 590px; z-index: 2222222; }

#width_info { height: 10px; margin: 0;background: #fff; position: absolute; padding: 2px; font-weight: bold; z-index: 1111; font-size: 8px; border: 1px solid #000; left: 50px;}
#height_info { margin: 0;background: #fff; position: absolute; z-index: 1111; font-size: 8px; font-weight: bold; border: 1px solid #000; top: 50px;}

/* == soon 
=====================*/
#dialogbox { background-color: #000; opacity: 0.8; position: fixed; width: 100%; height: 100%; z-index: 10000001; display: none; }
#dialogbox #about { background-color: #fff; position: fixed; left: 10%; top: 20%; z-index: 1002; font-size: 13px; text-align: justify; color: #0073CD; padding: 5px; width: 500px; }