/*WEBSITE BUILDER*/
.add-page-builder {
font-family: arial, helvetica, sans-serif;
}

.add-page-builder input{
font-size: 12px;
clear: both; margin-top: 5px; height: 25px; padding-top: 3px; padding-bottom: 3px;
}
.select-date    {float: left;}
.save-as-builder {float: right;}
.save-as-builder select {margin-top: 5px;}

.add-page-builder #save{
clear: both;
}


#WebsiteManager
{
	padding: 0;
	width: 100%;
	margin: 0 auto;
}

 /* -- MY PAGES -- */

/* -- EDITOR -- */
#editor-header	{  margin: 0 auto;}
	#editor-header h3 { float: left;}
		#editor-header input.box {clear: both; margin-top: 5px; height: 20px; padding-top: 3px; width: 890px;}
		
	#editor-header h4 { font-size: 12px; margin: 6px 5px 0;}
		
	#editor-header h3, #editor-header h4 {float: left;}
	.back {float: right; margin-bottom: 5px;}
	
#editor {   margin: 10px auto; }

#editor-tags, #editor-save{ margin: 0 auto;}
	
#editor-tags input.box 	{ float: left; width: 485px;  height: 6em;}
#editor-tags label 	{ margin-left: 5px;}

#editor-save{ margin-top: 10px; clear:both; text-align:center; }

/* -- DESIGN & LAYOUT -- */
#webpage-settings	{ width: 700px; margin: 0 auto 10px;}
    
    #webpage-header             { padding-top: 10px; padding-bottom: 15px; }
	#webpage-header	h3 			{ float: left; margin: 3px 10px 5px 0; font-size: 18px;}
	#webpage-header	input.box 	{ clear:both; float: left; width: 705px; height: 20px; padding-top: 3px; padding-bottom: 0;}
	#webpage-header button { float:right; margin-right: 20px;}
	#RichPageHeader {clear: both;}
	
	
	

	#copyright span, #copyright input.box			{ float: left; margin: 15px 3px 18px 0; }
	#copyright span                                 { padding-top: 6px; }
	#copyright input.box 	                        { width: 838px; height: 20px; padding-top: 3px; padding-left: 3px;}

#webpage-fonts h3, #webpage-fonts select{ clear: both; width: 500px;}
#webpage-fonts select{ padding: 5px;}
#webpage-fonts h3 { padding-right: 15px; padding-bottom: 10px;}
#webpage-fonts div{ width: 500px; margin: 0 auto;}

#webpage-layout	{ clear:both; float:left; width: 250px; _width: 220px; padding-right: 0; _margin-right: 0; _padding: 10px; height: 245px;}

#apptools #webpage-layout img, #apptools #webpage-theme img { display: block; margin: 0; padding: 15px; }

#apptools #webpage-layout dl { 
		margin-right: 12px;
	}

#webpage-bg		{ float:left; margin-left: 15px; _margin-left: 0; _padding: 10px; width: 615px; height: 245px; }
	#webpage-bg .color-thumbs, 
	#webpage-bg .pattern-thumbs { background: #fff; border: 1px solid #9ea09a; margin: 0 0 8px 0; padding: 18px;}
	#webpage-bg .pattern-thumbs { margin-bottom: 0;}
	
	
	/*COLORS*/
	.swatch, 
	.pattern  		{ width: 30px; height: 30px; margin: 2px; border: 1px solid #eee; text-indent: -9999px; float: left;}
	.swatch:hover, 
	.pattern:hover 	{ border: 1px solid #f00; }
	
	.red 			{ background: #a20000; }
	.yellow 		{ background: #f47700; }
	.orange 		{ background: #e3bc39; }
	.lt_green 		{ background: #9ecf6f; }
	.green 			{ background: #3e7e26; }
	.lt_blue 		{ background: #65c1e7; }
	.blue 			{ background: #1f4984; }
	.violet 		{ background: #5a3464; }
	.white 			{ background: #fff; }
	.gray_1 		{ background: #cacaca; }
	.gray_2 		{ background: #929292; }
	.gray_3 		{ background: #454545; }
	.black 			{ background: #000; }
	.lt_tan 		{ background: #ddbd9a; }
	.tan 			{ background: #967651; }
	.brown 			{ background: #5e3813; }
	
	/*PATTERNS*/
	.pattern_none 	{ background: #e0e0e0; }
	.v_stripes 		{ background: #e0e0e0 url(images/icons/website/patterns/thumb_v_stripes.jpg); }
	.h_stripes 		{ background: #e0e0e0 url(images/icons/website/patterns/thumb_h_stripes.jpg); }
	.d_stripes 		{ background: #e0e0e0 url(images/icons/website/patterns/thumb_d_stripes.jpg); }
	.pattern_1 		{ background: #e0e0e0 url(images/icons/website/patterns/thumb_pattern_1.jpg); }
	.pattern_2 		{ background: #e0e0e0 url(images/icons/website/patterns/thumb_pattern_2.jpg); }
	.pattern_3 		{ background: #e0e0e0 url(images/icons/website/patterns/thumb_pattern_3.jpg); }
	

#webpage-theme	{ clear:both; }



	
#webpage-legal, #MyWebsiteReportContents, #WebsiteTerms, .check {font-size: 12px;}

#IsMenuItemEasy, #ShowOnWebsiteEasy {font-size: 12px; margin-top: 5px;}

#WebsiteSettings .selected { border: 1px solid #f00; }



/************** END WEBSITE BUILDER*/