body
{
  margin:0px 0px;
  font-family:Verdana, Arial, Sans-serif;
  font-size:10px;
}

label
{
  display: block;
  float: left;
  font-family: verdana;
  font-size: 10px;
  padding-top: 3px;
  width: 50px;
}

li
{
  font-family: verdana;
  font-size: 10px;
  list-style: none;
  padding-bottom: 3px;
  padding-left: 5px;
}

li input
{
  font-family: verdana;
  font-size: 10px;
  padding-left: 5px;
}

.input
{
  border: 1px solid #ABADB3;
}

ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#ribbon
{
  position:fixed;
  top:0px;
  left:0px;
  z-index:50;
  height:22px;
  width:100%;
  background-image:url('bar_top.png');
  border-bottom:1px solid #999;
  text-align:center;
}

#ribbon ul
{
  list-style:none;
  padding:0px;
  margin:0px;
  width:350px;
  margin:auto;
}

#ribbon li
{
  text-align:center;
  display:block;
  float:left;
  width:70px;
  font-family:Verdana, Arial, Sans-serif;
  font-size:10px;
  font-weight:bold;
  color:#777;
  padding:4px 0px 0px 0px;
  cursor:pointer;
}

#ribbon ul .on
{
  color:#000;
}

#header
{
  background-image:url('bar_middle.png');
  position:fixed;
  top:23px;
  left:0px;
  width:100%;
  height:84px;
  border-bottom:1px solid #999;
  z-index:50;
}

#footer
{
  border-top:1px solid #999;
  background-color:#EBEBEB;
  position:fixed;
  bottom:0px;
  left:0px;
  width:100%;
  height:25px;
  z-index:50;
}

#canvasBody
{
  position:relative;
  top:100px;
  height:602px;
  width:502px;
  padding:5px;
  padding-bottom:30px;
  visibility:hidden;
}

#canvas
{
  background-color:gray;
  background-image:url('bg.png');
  width:500px;
  height:600px;
  border:1px solid #000;
  overflow: hidden;
  position:relative;
}

.ribbon_table
{
  margin:auto;
}

.ribbon_box
{
  padding:0px 25px;
  color:#6F6F6F;
}

.ribbon_divide
{
  border-right:1px solid #B7B7B7;
}

.icon_list_icon
{
  padding:3px 10px 0px 5px;
}

.icon_list_desc
{
    font-family: verdana;
    font-size: 10px;
    color:#6F6F6F;
}
.icon_list_desc a
{
  font-family: verdana;
  text-decoration:none;
  font-size: 10px;
  color:#6F6F6F;
}

.icon_list_desc a:hover
{
  font-family: verdana;
  text-decoration:underline;
  font-size: 10px;
  color:#6F6F6F;
}

#dragger
{
  z-index: 200;
  top:50px;
  left:50px;
  border:1px solid #000;
  width:100px;
  height:100px;
  position:relative;
}

#draggerBR
{
  z-index: 200;
  bottom:-3px;
  right:-3px;
  cursor: se-resize;
}

#draggerBL
{
  z-index: 200;
  bottom:-3px;
  left:-3px;
  cursor: sw-resize;
}

#draggerTR
{
  z-index: 200;
  top:-3px;
  right:-3px;
  cursor: ne-resize;
}

#draggerTL
{
  z-index: 200;
  top:-3px;
  left:-3px;
  cursor: move;
  cursor: nw-resize;
}

.handle
{
  width:5px;
  height:5px;
  background-color:#fff;
  border:1px solid #000;
  position:absolute;
}

#draggerBG
{
  width:100%;
  height:100%;
  cursor: move;
}

#layers
{
  position:fixed;
  top:120px;
  right:10px;
  width:180px;
  background-color:#fff;
  border:1px solid #999999;
  background-color:#EBEBEB;
}

#layersMax
{
  cursor:pointer;
  position:fixed;
  right:17px;
  top:125px;
}

#layersMin
{
  cursor:pointer;
}

.title
{
  background-image:url('bar_top.png');
  height:14px;
  border-bottom:1px solid #999;
  font-weight:bold;
  padding:4px;
  position:relative;
}

.minimize
{
  position:absolute;
  right:4px;
  top:4px;
}

.subtitle
{
  background-color:#F4F5F4;
  border-bottom:1px solid #999;
  padding:3px 6px;
}

.subtitle a
{
  color:#666;
  text-decoration:none;
}

.subtitle a:hover
{
  color:#333;
  text-decoration:underline;
}

#layers ul
{
  padding-bottom:5px;
}

.layer
{
  border-bottom:1px solid #999;
  background-color:#fff;
  padding:4px 8px;
  cursor: move;
  width:164px;
  position:relative;
}

.layerSelected
{
  background-color:#AFD4FF;
}

.layerOptions
{
  position:absolute;
  right:0px;
  top:2px;
  cursor:pointer;
}

.img
{
  position:absolute;
  top:0px;
  left:0px;
}

#cover
{
  display:none;
  opacity: .20;
  filter: alpha(opacity=20);
  background-color:#000;
  height:100%;
  width:100%;
  z-index:500;
  position:fixed;
}

#cover
{
  opacity: .20;
  filter: alpha(opacity=20);
  background-color:#000;
  height:100%;
  width:100%;
  z-index:500;
  position:fixed;
}

#popup
{
  position:fixed;
  top:50%;
  left:50%;
  width:300px;
  height:212px;
  margin-top:-106px;
  margin-left:-150px;
  background-color:#eee;
  z-index:501;
  display:none;
}

#popupTitle
{
  position:relative;
  background-color:#ccc;
  margin:7px 7px 0px 7px;
  padding:5px;
  font-weight:bold;
  height:12px;
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-right:1px solid #999;
}

.popupText
{
  height:174px;
  background-color:#fff;
  margin: 0px 7px 7px 0px;
  border-bottom:1px solid #999;
  border-right:1px solid #999;
  float:left;
  width:261px;
}

#popTextC
{
  width:10px;
  height:5px;
  border:1px solid #000;
  display:inline;
  background-color:#000;
  cursor:pointer;
}

#popAddT ul li
{
  height:17px;
  padding-top:5px;
  padding-left:15px;
}

#popupMenu
{
  float:left;
  padding-left:7px;
}

#popupMenu li
{
  cursor:pointer;
  padding:3px;
  border-right:1px solid #999;
  border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

#popupMenu li.on
{
  padding:3px;
  border-bottom:1px solid #999;
  border-right:0px;
  background-color:#FFF;
  border-left:1px solid #999;
  border-bottom:1px solid #999;
}

#popupClose
{
  cursor:pointer;
  color:red;
  height:12px;
  position:absolute;
  right:6px;
  top:2px;
  font-size:13px;
}

.popPadded
{
  padding:10px;
}

.popInput
{
  font-size:11px;
  border:1px solid #999;
}

#popupGallery
{
  display:none;
  width:100%;
  top:50%;
  margin-top:125px;
  position:fixed;
  background-color:#EEEEEE;
  z-index:505;
}

#popupGallery div
{
  width:100%;
  border-top:1px solid #999;
  border-bottom:1px solid #999;
  background-color:#FFF;
  height:83px;
  padding:10px;
  text-align:center;
  margin-top:7px;
  margin-bottom:7px;
}

#popupGalleryI img
{
  cursor:pointer;
  margin-left:5px;
  margin-right:5px;
  border:4px solid #ddd;
}

#popFlickrU 
{
  padding-top:5px;
}

#popTextFont, #popTextSize, #popTextInput
{
  font-size:11px;
  padding:0px;
  margin-top:5px;
}

.sampleImg
{
  color:#666;
  text-decoration:none;
}

.sampleImg:hover
{
  text-decoration:underline;
}