* { padding: 0; margin: 0; }

body
{
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

a
{   
	position: static;                         
    -moz-outline-style: none;
	outline: none;
}                  
       
a:hover
{     
                        
}                                

a img
{
    border: none;
}

fieldset
{
	border: none;
}

/* ###################################################################################### */

#container
{
    position: static; 
    width: 920px;  
    margin: 0 auto;
}

#container_preview
{ 
    width: 920px;  
    margin: 0 auto;
}

#content
{
	display: none;
}

/* ###################################################################################### */

#top
{
	float: left;
    position: static;
    width: 920px;		
}

/* ###################################################################################### */

#top_view
{
	float: left;
    position: fixed; 
    width: 100%;
	z-index: 10022;
	background: #eeeeee;
}

#top_view fieldset
{
	float: left;
    position: static;
	margin: 10px 0px 10px 20px;
}

#top_view fieldset label
{
	position: static;
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin-right: 10px;
	line-height: 22px;
}

#top_view fieldset input
{
	position: static;
	float: left;
	padding: 2px;
	width: 270px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #D1D1D1;
}

/* ###################################################################################### */

#top_editor
{
	float: left;
    position: fixed; 
    width: 920px;
	z-index: 10022;		
}

#top_editor div.editor_content fieldset.share
{
	float: left;
    position: static;
	width: 900px;
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#top_editor div.editor_content fieldset.share label
{
	position: static;
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin-right: 10px;
	line-height: 22px;
}

#top_editor div.editor_content fieldset.share input
{
	position: static;
	float: left;
	padding: 2px;
	width: 270px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #D1D1D1;
}

#top_editor div.editor_content
{
	float: left;
    position: static;
	background: url(/images/editor_images/top.editor.bg.png) repeat-y;
	padding: 10px 10px 0px 10px;
	width: 900px;
}

#top_editor div.editor_content a
{
	color: #009754;
}

#top_editor div.editor_bottom
{
	float: left;
    position: static;
	background: url(/images/editor_images/top.editor.bottom.png) top no-repeat;
	width: 920px;
	height: 10px;
}

#top_editor fieldset.control
{
	position: static;
	float: left;
	width: 900px;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}

#top_editor fieldset.control a
{
	float: left;
	font-size: 11px;
	text-decoration: none;
	color: #009754;
}

#top_editor fieldset.control a:hover
{
	text-decoration: underline;	
}

#top_editor fieldset.control span.new
{
	float: right;
	line-height: 30px;
}

#top_editor fieldset.control span.new
{
	background: url(/images/button.orange.editor.right.gif) no-repeat top right;
}

#top_editor fieldset.control span.new a
{
	float: left;
	color: #ffffff;
	line-height: 30px;
	padding: 0px 30px 0px 15px;
	font-size: 13px;
	font-weight: bold;
	background: url(/images/button.orange.editor.left.gif) no-repeat top left;
}

/* ###################################################################################### */

#top_editor fieldset.save
{
	position: static;
	float: left;
	width: 600px;
	line-height: 30px;
	padding-left: 372px;
}

#top_editor fieldset.save a
{
	float: left;
	font-size: 11px;
	color: #009754;
}

#top_editor fieldset.save span
{
	float: left;
	line-height: 30px;
}

#top_editor fieldset.save span.or
{
	padding: 0px 10px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#top_editor fieldset.save span.new
{
	background: url(/images/button.green.right.gif) no-repeat top right;
}

#top_editor fieldset.save span a
{
	float: left;
	color: #ffffff;
	line-height: 30px;
	font-size: 13px;
	padding: 0px 20px;
	font-weight: bold;
	background: url(/images/button.green.left.gif) no-repeat top left;
}

/* ###################################################################################### */

#top_editor div.type_1
{
	position: static;
	float: left;
	width: 900px;
}

#top_editor div.type_1 fieldset
{
	position: static;
	float: left;
	width: 900px;
	margin-bottom: 10px;
}

#top_editor div.type_1 label
{
	position: static;
	float: left;
	width: 90px;
	line-height: 30px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-align: right;
	margin-right: 10px;
}

#top_editor div.type_1 input, #top_editor div.type_4 .link
{
	padding: 5px;
	width: 688px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #d7d7d7;
}

#top_editor div.type_1 input.title_input
{
	font-size: 16px;
	font-weight: bold;
}

#top_editor div.type_1 input.radio
{
	float:left;
	height:13px;
	margin-right:5px;
	margin-top:8px;
	padding:0;
	width:15px;
	border: 0px;
}

#top_editor div.type_1 label.radio
{
	font-weight:normal;
	width: auto;
	float:left;
	font-size:13px;
	line-height:30px;
	margin-right:20px;
}


#top_editor fieldset.half
{
	position: relative;
	float: left;
	width: 390px;
	margin-bottom: 10px;
	margin-left: 40px;
}

#top_editor fieldset.half input
{
	position: relative;
	float: left;
	padding: 5px;
	width: 336px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #d7d7d7;
}

#top_editor fieldset.half img
{
	position: relative;
	float: left;
	margin-right: 10px;
}


#top_editor div.type_1 input
{
	padding: 5px;
	width: 688px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #d7d7d7;
}

/* ###################################################################################### */

#top_editor div.type_2
{
	position: static;
	float: left;
	width: 900px;
}

#top_editor div.type_2 fieldset
{
	position: static;
	float: left;
	width: 900px;
	margin-bottom: 10px;
}

#top_editor div.type_2 label
{
	position: static;
	float: left;
	width: 90px;
	line-height: 30px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-align: right;
	margin-right: 10px;
}

#top_editor div.type_2 label.add_image
{
	width: 95px;
	line-height: 23px;
}

#top_editor div.type_2 input
{
	padding: 5px;
	width: 688px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #d7d7d7;
}

#top_editor div.type_2 span.image_control
{
	font-size: 11px;
	line-height: 23px;
}

#top_editor div.type_2 span.image_control a.change
{
	padding-right: 7px;
	border-right: 1px solid #cccccc;
	margin-right: 7px;
}

/* ###################################################################################### */

#top_editor div.type_3
{
	position: static;
	float: left;
	width: 900px;
	margin-bottom: 10px;
}

/* ###################################################################################### */

#top_editor div.type_4
{
	position: static;
	float: left;
	width: 900px;
	margin-bottom: 10px;
}

#top_editor div.type_4 fieldset
{
	position: static;
	float: left;
	width: 900px;
}

#top_editor div.type_4 input
{
	float: left;
	height: 13px;
	margin-right: 5px;
	margin-top: 8px;
	padding: 0;
	width: 15px;
}

#top_editor div.type_4 label
{
	float: left;
	font-size: 13px;
	color: #000000;
	margin-right: 20px;
	line-height: 30px;
}

#top_editor div.type_4 label.label_title
{
	position: static;
	float: left;
	width: 90px;
	line-height: 30px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-align: right;
	margin-right: 20px;
}

/* ###################################################################################### */

#left
{
	float: left;
    position: static;
    width: 150px;
	min-height: 20px;
}

#right
{
	float: left;
    position: static;
    width: 150px;	
	min-height: 20px;
}

/* ###################################################################################### */

#design
{
	float: left;
    position: fixed; 
    width: 150px;
	font-size: 13px;
}

#design div.top
{
	position: static; 
	float: left;	
	background: url(/images/editor_images/top.png) top no-repeat;
	width: 150px;
	height: 10px;
}

#design div.bottom
{
	position: static; 
	float: left;	
	background: url(/images/editor_images/bottom.png) top no-repeat;
	width: 150px;
	height: 10px;
}

#design div.box_content
{
    position: static; 
	float: left;
    width: 130px;
	padding: 0px 10px;
	background: url(/images/editor_images/box.bg.png) repeat-y;
}

#design div.box_content h2
{
	font-size: 13px;
	margin-bottom: 10px;
	margin-top: 0px;
}

#design div.box_content div.style_element
{
	position: static;
	clear: left;
	float: left;
	margin-bottom: 10px;
	width: 130px;
}

#design div.box_content div.last
{
	margin-bottom: 0px;	
}

#design div.box_content div.style_element div.color_select
{
	position: static;
	float: left;
	width: 23px;
	height: 23px;
	border: 1px solid #cccccc;
	margin-right: 5px;
	background: #0F0;
	cursor: pointer;
}

div.color_select img
{
	display: none;
}

#design div.box_content div.style_element span
{
	position: static;
	float: left;
	line-height: 25px;
	font-size: 11px;
}

#design div.box_content div.style_element span.example
{
	position: static;
	float: left;
	width: 23px;
	height: 23px;
	border: 1px solid #cccccc;
	margin-right: 5px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	display: block;
	cursor: pointer;
}

#design div.box_content fieldset
{
	position: static;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* ###################################################################################### */

#blocks
{
	float: left;
    position: fixed;
    width: 150px;
	font-size: 13px;
}

#blocks div.top
{
	position: static; 
	float: left;	
	background: url(/images/editor_images/top.png) top no-repeat;
	width: 150px;
	height: 10px;
}

#blocks div.bottom
{
	position: static; 
	float: left;	
	background: url(/images/editor_images/bottom.png) top no-repeat;
	width: 150px;
	height: 10px;
}

#blocks div.box_content
{
    position: static; 
	float: left;
    width: 130px;
	padding: 0px 10px;
	background: url(/images/editor_images/box.bg.png) repeat-y;
}

#blocks div.box_content h2
{
	font-size: 13px;
	margin-bottom: 10px;
	margin-top: 0px;
}

#blocks div.block
{
	position: static; 
	float: left;
	width: 95px;
	line-height: 30px;
	font-size: 11px;
	padding-left: 35px;
	cursor: pointer;
	margin-bottom: 10px;
}

#blocks div.block_text
{
	background: url(/images/editor_images/block_text.png) no-repeat;
}

#blocks div.block_image_text
{
	background: url(/images/editor_images/block_image_text.png) no-repeat;
}

#blocks div.block_image_text2
{
	background: url(/images/editor_images/block_image_text2.png) no-repeat;
}

#blocks div.block_text_image
{
	background: url(/images/editor_images/block_text_image.png) no-repeat;
}

#blocks div.block_divider
{
	background: url(/images/editor_images/block_divider.png) no-repeat;
}

#blocks div.block_title
{
	background: url(/images/editor_images/block_title.png) no-repeat;
}

#blocks div.block_subtitle
{
	background: url(/images/editor_images/block_subtitle.png) no-repeat;
}

#blocks div.block_image
{
	background: url(/images/editor_images/block_image.png) no-repeat;
}

#blocks div.block_button
{
	background: url(/images/editor_images/block_button.png) no-repeat;
}

#blocks div.block_social_links
{
	background: url(/images/editor_images/social_links.png) no-repeat;
}

#blocks div.block_like
{
	background: url(/images/editor_images/block_like.png) no-repeat;
	margin-bottom: 0px;
}
/* ###################################################################################### */

#template
{
	float: left;
    position: static; 
    width: 620px;
}

/* ###################################################################################### */

#template_preview
{
	float: left;
    position: static;
	width: 100%;
}

/* ###################################################################################### */

#template h1 {
  margin-top: 0px;
  margin-bottom: 10px;
}

#template h2 {
  margin-top: 0px;
  margin-bottom: 10px;
}

#template td.top
{
	text-align: center;
}

#template table.main_table td
{
	text-align: left;	
}

/* ###################################################################################### */
.header img
{
	position: static;
	float: left;
}

#empty
{
	position: static;
	float: left;
	width: 520px;
	height: 1px;
}

#dragers
{
	position: static;
	float: left;
	width: 520px;
	height: 200px;
	margin-bottom: 20px;
}

#dragers div.mover
{
	position: static;
	float: left;
	width: 520px;
	margin-bottom: 10px;
}

#dragers div.mover div.edit
{
	position: static;
	z-index:100000;
	width: 100%;
	height: 20px;
	background: url(/images/editor_images/drager.bg.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px 0px;
	margin-bottom: 5px;
}

#dragers div.mover div.edit a img
{
	border: none;
}

#dragers div.mover div.edit a.move img
{
	position: static;
	float: left;
	margin-left: 5px;
	cursor: move;
}

#dragers div.mover div.edit span
{
	position: static;
	float: left;
	margin-left: 10px;
	line-height: 20px;
}

#dragers div.mover div.edit a.copy img
{
	position: static;
	float: right;
	margin-right: 5px;
}

#dragers div.mover div.edit a.delete_block img
{
	position: static;
	float: right;
	margin-right: 5px;
}

/* ###################################################################################### */

#dragers div.mover div.text
{
	position: static;
	float: left;
	line-height: 17px;
	min-height: 20px;
	width: inherit;
}

#dragers div.mover div.text p {
  margin-top: 0px;
  margin-bottom: 10px;
}

#dragers div.mover div.text ul, #dragers div.mover div.text ol {
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 40px;
}

#dragers div.mover div.text ul li, #dragers div.mover div.text ol li {
  margin-top: 0px;
  margin-bottom: 5px;
}

#dragers div.mover div.image
{
	position: relative;
	float: left;
	margin-bottom: 10px;
}

#dragers div.mover div.right
{
	margin-right: 0px !important;
}

#dragers div.mover img
{
	position: static;
	float: left;
}

#dragers div.mover .column
{
	position: static;
	float: left;
	margin-right: 20px;
}

#dragers div.mover div.divider
{
	position: static;
	float: left;
	width: 520px;
	height: 10px;
	border-style:solid;
	border-width:1px 0px 0px 0px;  	
}

#dragers div.mover div.title, #dragers div.mover div.subtitle
{
	margin: 0px 0px 10px 0px;
}

/* ###################################################################################### */

table td ul, table td ol
{
	margin-left: 40px;	
}

/* ###################################################################################### */

div.inner
{
	float: left;
}
div.main
{
	float: left;
}

div.size
{
	background-color: #fafafa;
	font-size: 11px;
	padding: 3px 5px;
}

.drag
{
	cursor: move;
}

div.resizable 
{
	border: 2px dotted #000;
	width:520px;
}

.droppable-highlight
{
	outline: 3px solid red;
}

div.right
{
	margin-right:0px;
}

button
{
	cursor: url('/images/item-edit.cur'), pointer;
}

.active_on
{
	float: left;
	width: 100%;
	cursor: url('/images/item-edit.cur'), pointer;
	outline: 2px #777777 dashed;
}
.image img 
{
	position: static;
}

.active_on a
{
	cursor: url('/images/item-edit.cur'), pointer;
}

#dragers .ui-state-highlight
{
	outline: 2px #777777 dashed;
	height: 60px;
	margin-bottom: 10px;
	border: none;
	width: 520px;
	float: left;
}
.draging
{
}

.remove
{
	float: left;
	height: 25px;;
	width: 25px;
	line-height: 25px;
	text-align: center;
	background: #fafafa;
	color: #f36f00;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}

.add
{
	float: left;
	height: 25px;;
	width: 25px;
	line-height: 25px;
	text-align: center;
	background: #fafafa;
	color: #f36f00;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}


.add:hover, .remove:hover
{
	background: #bcbcbc;
	color: #000000;
}

table.preview
{
	margin-top: 97px;	
}

table.view
{
	margin-top: 45px;	
}

a.footer_text
{
	text-decoration: underline;
	position: static;
}

span.soc
{
	float: left;
	width: 37px;
	padding-left: 5px;
}

span.soc img
{
	float: left;
}

div.add_social
{
	position: relative;
	float: left;
	width: 520px; 
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 0px;
	background: #f0f0f0;
	text-align: center;
	color: #777777;
	font-weight: bold;
}