html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;} /*this is needed to scale the background image */


body {
	background:#fff;
	margin:0;
	padding:0 0 20px 0;
	font: 12px/14px Lucida Grande, Verdana, sans-serif;
	color:#000000;
	}
	
#bg { position:absolute;width:100%; background:transparent;}

#bg img {position:absolute; z-index:1;}

	
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2; overflow-x:hidden;} 

iframe#lfb { z-index:10; position:absolute; top:55px; left:0; margin-top:40px;}  
iframe#preview { margin-top:40px; }

#sb * {
	margin: 0;
	padding:0;
	font: 12px/14px Lucida Grande, Verdana, sans-serif;
	color:#000000;
	}
	
#sb_container {
	background: transparent url(/images/sb_bg_l.png) repeat-y top right;  
	padding: 10px 20px 20px 8px;
	overflow:auto; 
	width:232px;      
}

#sb {
	z-index:1000; 
	position:absolute; 
	top:0; 
	left:-260px;
	width:260px; 
	background: transparent url(/images/sb_btm_a_l.png) no-repeat bottom right;
	padding-bottom:30px;
	color:#000000;
	overflow:visible;
	}            
	
	#sb img {
		border:0;
	}
	
	#sb p {
		font-size:11px;
		margin:10px 0 10px 0;
	}
	
		#sb p.choice, #sb p.engines  {
			font-size:11px;
			margin:0px 0 10px 0;
		}    
		
		#sb p.engines {
		  font-size:10px;
		}
		
		#sb p.choice a, #sb p.engines a {
			font-size:11px;
		}        
		
		#sb p.engines a {
		  font-size:10px;
	  }
		
		#sb p.choice a.current, #sb p.engines a.current {
			text-decoration:none;
			font-weight:bold;
			cursor:text;
		}          
		
		#sb p.choice span img {
     vertical-align:middle;
     margin-right:3px;
		 }
		#sb p.choice span a {
		  color:#990000;
		}          
		
		#sb p.sortby {
  		margin:0px 0 10px 0;
  	}      
		
		#sb p.warning { margin-top:0; color:#CC0000; }
		
	#sb a {
		color:#003366;
		font-size:11px;
		text-decoration:underline;
		outline:none;
	}
	
	#sb a:hover {
		color:#6699CC;
	}
	
	#sb #js_customise_btn {
		position:absolute;
		top:30px;
		right:-42px; 
		overflow:auto;
	}
	
	#sb #js_customise_btn a {
		outline:none;
		background:url(../images/btn_customise_l.png) no-repeat top left;
		width:50px;
		height:133px;
		display:block;
		text-indent:-2000px;
	}
	
	#sb h1 {
		font-size:12px;
		padding:10px 0; 
		text-align:center;
	}
	#sb h2 {
		color:#FFFFFF;
		font: bold 10px/14px Verdana, Arial, sans-serif;
		padding:5px 4px 5px 15px;
		cursor:pointer;
		margin-top:2px;
		border:1px outset #000;
		border-color:#333 #CCC #CCC #333; 
		
	}

	#sb h3 {
		color:#333;
		padding:0 0 5px 0;
		font-weight:bold;
		font-size:11px;
	}

	#sb h3.payment {
		text-align:center;
		padding:0;
		margin-left:-10px;
	}

	#sb h2.js_collapsed {
		background: #333333 url(../images/h2_minus.gif) no-repeat 0% 50%;
	}
	
	#sb h2.js_expanded {
		background: #333333 url(../images/h2_plus.gif) no-repeat 0% 50%;
	}
	
	#sb h2 a {
		color:#fff;
		text-decoration:none;
	}
	
	#sb h2.js_collapsed { /* IE hover fix */
		background-color: expression(
		this.onmouseover = new Function("this.className += ' over';"),
		this.onmouseout = new Function("this.className = this.className.replace('over', '')"));
		}
		
	#sb h2.js_expanded { /* IE hover fix */
		background-color: expression(
		this.onmouseover = new Function("this.className += ' over_ex';"),
		this.onmouseout = new Function("this.className = this.className.replace('over_ex', '')"));
		}
	
	#sb h2.js_collapsed:hover, #sb h2.over{
		background: #666 url(../images/h2_minus_hover.gif) no-repeat 0% 50%;
	}
	
	#sb h2.js_expanded:hover, #sb h2.over_ex{
		background: #666 url(../images/h2_plus_hover.gif) no-repeat 0% 50%;
	}


	#sb div.hide  {
		font-size:10px;
		margin:0 0 10px 0;
		text-align:right;
		float:right;
	}
	
	#sb div.hide a {
		padding-right:13px;
		background: url(../images/close.gif) no-repeat center right;	
	}      
	
	#sb div.js_editor {
		margin-top:10px;
	}

	#sb div.js_editor_step_body {
		border:1px solid #333;
		border-top:none;
		padding: 0px 0px 0px 0px;
		margin-bottom:1px;   
	}        
	
	#sb div.no_nav {
		padding:15px 5px 0 5px;
	}

	#sb #home .home,
	#sb #help .help 
	{
		margin-right:3px;
		float:left;
		width:64px;
		height:24px;
		background: url("../images/btn_home.gif") no-repeat left top;
	}

	#sb #help .help { background: url("../images/btn_help.gif") no-repeat left top; }

	#sb #home a.home:link, a.home:visited, a.home:active,
	#sb #help a.help:link, a.help:visited, a.help:active
	 {
		text-indent: -2000px;
		background: url("../images/btn_home.gif") no-repeat left top;
	}

	#sb #help a.help:link, a.help:visited, a.help:active { background: url("../images/btn_help.gif") no-repeat left top; }

	#sb #home a.home:hover,
	#sb #help a.help:hover
	 {
		background: url("../images/btn_home.gif") no-repeat right top;
	}

	#sb #help a.help:hover { background: url("../images/btn_help.gif") no-repeat right top;  }

/*background image thumbs */   
    #sb div.thumb { float:left; } /*FF3 fix */
	#sb div.thumb a {
	  width:95px;
	  height:95px;
	  float:left;
		padding:1px;
	  border:1px solid #ccc;
		margin: 0 9px 3px 2px;  
		overflow:hidden;
	}
		
	
	#sb div.thumb a:hover, #sb div.thumb a.selected {
		border:1px solid #000;
	}   
	

/* select background images box */

	#sb #image_results { overflow:hidden; width:100%;}

	#sb ul.tab_widget {
	  list-style:none;
		width:100%;  
		float:left;  
		background:#fafafa url(/images/grey.gif) repeat-x bottom left; 

	  }         
	
	#sb ul.tab_widget li { 
		margin-top:10px;  
	  float:left;
		background:#eee;
		margin-left:5px;
		border:1px solid #999;
	  }       
		
		#sb ul.tab_widget li.current { border-bottom:1px solid #fff; }
		
	
	#sb ul.tab_widget li.free {
		background:#FFFFCC;
	}              
	
	#sb ul.tab_widget a, #sb ul.tab_widget li.current a {
	  float:left;
	  display:block;
		color:#333;
	  padding:4px 5px 5px 5px;
	  text-decoration:none;
		font-family:Arial, sans-serif; font-size:9px;
		font-weight:bold; 
	  }
	
	#sb ul.tab_widget li.current a {
		background:#fff;
		color:#333;
	}   
	
	#sb ul.tab_widget li a:hover { 
		background:#666;
		color:#fff;
	}       
	
	#sb ul.tab_widget li.current a:hover {
		background:#fff;
		color:#333;
	}
	 
	/* Commented Backslash Hack
	   hides rule from IE5-Mac \*/
	#sb ul.tab_widget a {float:none;}
	/* End IE5-Mac hack */
	#sb ul.tab_widget a:hover {
	  color:#333;
	  }

		#sb div.select_bg_tab_body, #sb div.themes_tab_body {
			padding:15px 5px;
			background:#fff;
		}                               
				
		#sb div.themes_tab_body {  
		  padding:15px 0px 0px 4px;
	  }
		
		#sb div.bg_opt {    
			width:205px;  
		}    
				
		
/* form */
		#sb form {
			margin:0;
			padding:0;
		}
		
		#sb fieldset {
			padding: 12px 0px 12px 3px;
			background:#fafafa;  width:211px;
		}            
		
			#sb fieldset.upload {width:206px;}
				
		#sb fieldset legend {
			font-size: 11px;
			font-weight: bold;
			color: #000;
			padding: 0 5px;
		}
		
		#sb label {
			display:block;
			padding:3px 0;
			margin-bottom:4px;
			font-size:11px;
			color:#000;
		}
		
		#sb input {
			padding:2px;
			margin:0 2px 5px 0;
			float:left;
			font-family:Arial, sans-serif;
		}   
	 
		
		#sb input.search_box {	
			padding: 3px 2px 3px 20px;
			width:104px;
		}
		
		#sb input.bing { background:url("/images/bing.gif") no-repeat 1% 50%; }
		#sb input.google { background:url("/images/google.gif") no-repeat 1% 50%; }
		#sb input.flickr { background:url("/images/flickr.gif") no-repeat 1% 50%; }   
		#sb input.photobucket { background:url("/images/photobucket.gif") no-repeat 1% 50%; } 
		
		
		#sb input.default { background:url("/images/search.gif") no-repeat 1% 50%; }
		
		
		#sb input.enter_url {
			width:120px;
		}
		
		#sb input.checkbox {
			background: transparent; 
			border: none;
			width: auto;
			margin: 0 3px 10px 0;
			}
			
		#sb input.demo, #sb input.opt { float:left; display:inline; margin: 0 2px 0 0; padding:0;  vertical-align:text-bottom; } 
		#sb label.demo, #sb label.opt { float:left; display:inline; margin:0 0 0 0px;vertical-align:text-bottom;}
		#sb label.opt2 { float:left; display:inline; margin-right:2px;}        
		#sb input.opt2 { float:left; display:inline; font-size:11px;}        
		#sb select.opt {font-size:11px; float:left; margin-bottom:10px;}  
		
		#sb fieldset.bg_choice label { width:60px;}
		
		#sb input.add_title { color:#666; font-style:italic;background:#FFFFCC;}  
		#sb input.upload { background:#FFFFCC;}    
		  
		
		#sb div.b_subject { margin-bottom:7px;}
		
		#sb p.blog { margin:0 0 13px 15px; clear:left;}
		#sb div.group {
			background:#fafafa;
			border:1px solid #eee;
			padding:5px 2px 5px 3px;
		}

		#sb div.or {
			clear:both;
			display:block;
			padding:10px 0 10px 0;
			text-align:center;
			font-weight:bold;
			color:#666;
		}       
		
		#sb div.nav {
			width:98%; 
		}  
		
		#sb div.nav a {
		  white-space:nowrap;
		}
			
			
		#sb div.back {
			float:left;
			padding:5px 0;  
			margin:-6px 0 5px 0px;
			display:inline;
			overflow:hidden;
		}

		#sb div.next { 
			float:right;
			padding:5px 0;   
			line-height:0;
			margin:-6px 0 5px 5px;
			display:inline; 
			overflow:hidden;
			}  
			
		 #sb div.spinner {
			float:right; 
			margin-top:4px; 
			margin-right:50px;
		}  
			
		 #sb br.iefix {height:10px;}
			
/*themes and popular keywords*/  

	#sb div.theme_scroll {
		height:285px;
		overflow:auto;   
	}
	
	#sb div.theme, #sb div.popular {
	float:left;
	text-align:center;
	margin:0 5px 0 1px;
	display:inline;
	}         
	
	  #sb div.theme { 
	    margin:0 0 0 1px;
	    width:74px;   
	  }
	
		#sb div.popular {
			margin:0px 5px;
		}
	
	#sb div.popular img {
		width:93px; 
		height:93px;
	}
	
	#sb div.theme a, 	#sb div.popular a {
		border:1px solid #ccc;
		padding:1px;
		display:block;
	 }
	
  #sb div.theme img, #sb div.theme a {
		width:63px; 
		height:63px;
		}           
		
			
		#sb div.popular a {
		width:93px;
		height:93px;
		}

	#sb div.theme p, #sb div.popular p { 
	margin:0 0 10px 0; 
	}
	
	#sb div.popular p { width:93px; font-size:10px; }
	      #sb div.popular p a { font-size:10px; }
	
	#sb div.theme p a, #sb div.popular p a { display:inline; padding:0; border:0; width:auto; height:auto;}

	#sb div.theme a:hover , #sb div.theme a.selected,
	#sb div.popular a:hover , #sb div.popular a.selected 
	 {
	border:1px solid #000;
	}

	#sb div.theme p a:hover, 	#sb div.popular p a:hover {
		border:none;
	} 
	
	#sb div.user_added {
	text-align:center;
	margin-bottom:0px;
	}          
	
		#sb div.user_added img {
			width:99px; 
			height:99px;
			border:1px solid #ccc;
			padding:1px;
		}   
		
		#sb div.user_added p { 
		margin:0 0 20px 0; 
		}   
		
		#sb div.user_added input {float:none; width:100px; font-family:Verdana, sans-serif; font-size:11px;}
 	
	#sb div.tips { 
		margin-top:5px;
	  padding:1px 5px 0; 
		background:#FFFFCC; 
		border-right:1px solid #ccc;   
		border-bottom:1px solid #ccc;
		text-align:left; 
		clear:left;
	}      
	
	#sb img.fav {
	  width:12px;
	  height:12px;
	  vertical-align:middle;
	  margin:0 3px;
	}    
	
	#sb ul.tab_widget img.fav {
	  margin:0;
	}   
	
	#sb p.fav {
	  margin-bottom:0;
	}
	
/* theme tags */

ul#cloud { list-style:none;  margin: 0.5em 0.6em 0em 0.6em; line-height:1.8em; font-size:10px; }
ul#cloud li {display:inline; padding-right:5px;}
ul#cloud li a {font-size:1em; }
ul#cloud li a.one { font-size:0.8em; color:#627190; font-weight:normal;} 
ul#cloud li a.two { font-size:0.9em; color:#627190; font-weight:normal;}
ul#cloud li a.three { font-size:1.1em;color:#3F5990; font-weight:normal;}
ul#cloud li a.four { font-size:1.2em;color:#3F5990;}
ul#cloud li a.five { font-size:1.4em;color:#003399; line-height:1em;}
ul#cloud li a.six { font-size:1.6em; line-height:1.3em;}

ul#cloud li a.one:hover, ul#cloud li a.two:hover, ul#cloud li a.three:hover, ul#cloud li a.four:hover, ul#cloud li a.five:hover,  ul#cloud li a.six:hover { color:#6699CC; } 
         

/* help security issue */    
 #sb div.more_help, #status_text div.more_help {
	position:relative;
}
  #sb div.more_help p { margin:3px;}
 #sb img.icon_help, #status_text img.icon_help {
 	 vertical-align:middle;      
 	 border:none;
}	      

 #sb div.icon_help, #sb div.icon_help_btm, #status_text div.icon_help, #sb div.tips_help {
	position:absolute;  
	z-index:10000;
	top:-70px;
	left:10px; 
	border:1px solid #039FF9;
	background: #E3F1F9;      
	width:185px; 
}       

  #sb div.icon_help_btm, #status_text div.icon_help_btm { top:25px; }  
  #status_text div.icon_help { top: 15px; left:325px; } 
  #sb div.tips_help { top:-135px;}

#sb div.icon_help p, #sb div.icon_help_btm p, #status_text div.icon_help_btm p, #sb div.tips_help p {padding:5px;}

/*update button */
#sb #update {
	margin:15px 0px 0px 65px;
}

#sb #update .update
{
	float:left;
	width:166px;
	height:29px;
	background: url("../images/btn_get_layout.gif") no-repeat left top;
}


#sb #update a.update:link, 
#sb #update a.update:visited, 
#sb #update a.update:active
 {
	text-indent: -2000px;
	background: url("../images/btn_get_layout.gif") no-repeat left top;
}


#sb #update a.update:hover { background: url("../images/btn_get_layout.gif") no-repeat right top; }


/* loading screen */  

#black_screen {position:absolute; width:100%; height:3000px; top:0; left:0; overflow:auto; z-index:11; background: url(/images/black_alpha.png);}
* html #black_screen  { 
	background: #333;
	filter:alpha(opacity=90); -moz-opacity:0.9; 
	opacity:0.9; -khtml-opacity:0.9; height:3000px; width:100%;
}  

#status, #help_screen, #gigya {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:3000px;
	z-index:10000; 
}

#status #loading {
	position:fixed;
	top:10%;
	left:48%;
	margin-left:-175px; 
	margin-top:10px;
	width:416px;    
	text-align:center; 
	color:#333;
	border:2px solid #333;   
	background:#F2EFEF url(/images/theme_editor/properties_bg.png) repeat-x 55% 0%;
	padding-bottom:10px;
	padding:10px 0; 

} 

#fblogin #loading { top:10%;}

* html #status #loading
{
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop+((documentElement.clientHeight-this.clientHeight) )
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)));
}        

#status #loading h1 {
	background:#333;
	padding:2px;
	color:#fff; 
	font-size:13px;  
	margin:1px; 
	margin:-9px 1px 20px 1px; 
}

#status #loading div.close {
	position:absolute;
	top:3px;
	right:5px;  
}   

#status #loading div.close a { color:#fff; text-decoration:none; font-weight:bold; padding:2px;}


#status_text {
	color:#333;
	text-align:center;
	line-height:18px;
	padding-bottom:10px;
	font-size:11px; 
}   

#status_text h2 {
  font-size:12px;
  padding-bottom:20px;
}

#status_text p { 
  text-align:center; 
  line-height:16px;
  font-size:11px;
  }  
    
#status_text textarea {
	padding:2px;
  font: 12px/14px Arial, Verdana, sans-serif;
  height:60px;
  margin-bottom:10px;  
  }     
  
#status_text p.warning { font-size:10px; margin:0px 5px 7px; padding:5px; color:#CC0000;}   
#status_text p.policy { font-size:9px; margin-bottom:10px;}
#status_text p.want_code { text-align:center; margin-top:10px; font-size:11px;}

#status_text #sign_in p.error, #status_text #sign_up p.error  {  
  font-size:11px;
  background:#FFFFCC;  
  margin:-25px 15px 20px;
  padding:5px;
  font-weight:bold;
}       

 #status_text #sign_in p.error { margin:0 15px -25px 15px;}     
 #status_text  p.sign_up { font-size:12px; line-height:19px; font-weight:bold; margin-bottom:25px; }
    #status_text  p.sign_up span { color:#CC0000;}   
    #status_text  p.sign_up span.two { font-size:10px; font-weight: normal; color:#999;}
    
 
#status_text p.signin { font-size:12px; margin-top:10px;}
#status_text p.forgotpwd { clear:both; text-align:right; }   
#status_text #whatsup p { font-size:11px; padding:0 10px; margin-bottom:30px; }   
        

#status_text #auto_update fieldset
 {
  margin:-15px 7px 0;
  padding:0;
}

#status_text div.status_form_inner {
  margin-left:20px;
  width:300px;
  float:left;
  display:inline;
}    

#status_text #whatsup_parent div.status_form_inner {
  width:340px;  
} 

#status_text #auto_update fieldset.alt,
#status_text div.status_form fieldset {
  border:none;
  background:url(/images/f_bg.gif) no-repeat bottom center;   
  padding-top:0px;  
  margin:-15px 7px 0; 
  padding-bottom:10px;
}    
  #status_text div.status_form  fieldset {
    padding-top:10px;
    margin-bottom:15px;
  }             
  
  #status_text div.signin {
    padding:60px 0pt 30px;
  }

#status_text #auto_update fieldset legend,
#status_text div.status_form  fieldset legend {
  font-weight:bold;
  font-size:13px;     
  margin-top:0;
  color:#333;  
  margin-bottom:10px;  
  text-align:center;
}
#status_text #auto_update label,
#status_text div.status_form  label { 
  font-weight:bold;
  float:left;
  font-size:10px;
  margin-bottom:0.3em;
  margin-right:8px;
  text-align:right;
  width:130px;
  font-size:11px;
  }                  
  
  #status_text div.status_form  label { font-weight:normal; margin-bottom:15px; }
#status_text  #auto_update  input,
#status_text  div.status_form   input { 
  color:#333333;
  display:inline;
  float:left;
  font-family:"Lucida Grande",Arial,Verdana,sans-serif;
  font-size:12px;
  margin-bottom:15px;
  padding:3px;
  }   
  #status_text div.status_form input { padding:0; }              
#status_text  #auto_update  input.ms
 {  
  width:135px; 
}                   

#status_text  div.status_form input.ms, #status_text div.status_form textarea { 
  float:right;
  width:155px; 
}   
#status_text  #whatsup_parent div.status_form input.ms, #status_text #whatsup_parent div.status_form textarea {
  width:195px;     
}

  
  #status_text  #auto_update input.submit,
  #status_text  div.status_form  input.submit {
    margin-left:136px;
    padding:3px 0;  
  }   
  
        
 #status_text  div.status_form  input.submit {  
   xfloat:right;
 }   
  
 #status_text #register_parent div.status_form  input.submit {
   float:none;
 }
  
  #status_text #auto_update p.action,
  #status_text div.status_form  p.action {
      float:left;
      font-size:12px;
      margin:2px 0px 0pt 5px;
      display:inline;   
	  margin-right:-3px;  
  }   
            
  #status_text  #auto_update div.hidden input {
    display:none;
    }  
    
    #status_text  #auto_update ul {
      text-align:left;   
      font-size:10px;
      text-align:left;
      margin-left:20px; 
      line-height:16px;
    }
  
#human_or_not p {text-align:center;}

#status a { color:#003399; }
#status a:visited { color:#003399; }
#status a:hover { color:#6699CC; }
            
#status #loading  div.instruction {
	margin:20px 0;
}
#status #loading  div.instruction  p {
	line-height:12px; 
	margin:3px 0;  
}

#status #loading p.close {
	text-align:right;
	font-size:12px;
	font-weight:bold; 
	margin:0 0 10px 0;  
	color:#333;
}        

#status #loading p.close a {
	color:#333;
} 

#status_text  #auto_update div.mimic_gigya {
  margin:30px 0px 30px 35px;
}   

#status_text  #auto_update div.mimic_gigya_alt {
  margin:15px 0px 0px 35px;
}     


/* loading screen */
#help_screen, #editor_screen {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:3000px;
	z-index:1000;   
	
}

#help_screen { 
	z-index:100;
	background:#333;
	filter:alpha(opacity=90); -moz-opacity:0.9; 
	opacity:0.9; -khtml-opacity:0.9; 
	}

#editor_screen #editor_help {
	position:absolute;
	top:0;
	left:0;
}


#editor_screen img { border:none;}


/* Login Nav 
==================================== */ 

#action_container {
 	z-index:200;  
  width:100%;
  margin:0;    
	height:38px; 
	position:absolute;
	top:0;
	left:0;   
	background:#000;
}


#action_container p {
	font-size:10px;
}     


ul#account_nav { 
  float:right; 
  list-style:none; 
  margin:10px 4px 0 0; 
  color:#eee;
  padding:0;
  }
  
ul#account_nav li { line-height:14px; color:#eee; float:left; display:inline; padding:0 4px 0 0; margin:0 0 0 4px; font-size:11px; }

ul#account_nav li.last { padding-right:0; border-right:none;}

ul#account_nav li a { color:#eee; border:none; background:none; font-weight:normal; text-decoration:underline; }
ul#account_nav li a:hover {  color:#eee; }

ul#account_nav span { font-size:11px;}

#action_container .fb_login { margin-right:10px; margin-top:8px; float:right;}


 
#user_nav  {
	width:990px;
	margin:0 auto;   
	height:38px;
}
	

#action_container #login {
	margin:5px 0px 0px 0;
	text-align:right;
	color:#fff;
	font-size:11px;     
}

/* miscellaneous */

#sb p.submit a {font-size:14px;}  
/* more options */    
#sb p.more a  { background: url('/images/theme_editor/arrow_minus.gif') no-repeat 0 53%; padding-left:10px; xcolor:#333; margin-bottom:8px; }     
#sb p.more a.more  { background: url('/images/theme_editor/arrow_plus.gif') no-repeat 0 53%; padding-left:10px; xcolor:#333; margin-bottom:8px; }     
  


/* Classes
==================================== */   

#sb .shift_fix {
  border:1px solid white;
}

#sb .new {font-size:8px; color:#CC0000; font-family:Verdana;}

#sb .alignRight { float: right; }

.clear { 
	clear:both; 
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}	

                                 
  /* new stuff for theme info */
  #sb .theme_info {
    clear:both;
    background: #ffffff;
    border:1px solid #ddd;
    border-color:#ddd #ccc #ccc #ddd;  
    border-top:none;
    padding:0px 3px 3px;   
    margin:0px 2px 9px; 
    position:relative;
    display:none;
  }   


  #sb .theme_info * { margin:3px 0; font-size:11px;} 
  #sb .theme_info h1 { 
    text-align:left; 
    font-size:11px; 
    margin:-1px -3px 0; 
    padding:2px 0px 1px 5px; 
    border-bottom:1px solid #ccc; 
    background:#E9F0F6; 
    color:#000; 
    position: relative;  
    font-weight:bold;
    }    
   #sb .theme_info div.enhanced {
     position:absolute;
     top:-8px;
     right:-4px; 
     width:21px;
     height:21px;
   } 

  #sb .theme_info div.add_to_fav {
  	text-decoration: none;
  	line-height: 0;
  	font-size: 0px;
  	border: 0;   
  	margin:5px 3px 0 0px;
  	text-align:center;  
  }          


  #sb .theme_info dl
  {
  width: 207px;   
  }

  #sb .theme_info dt
  {     
  clear:left;
  width: 47px;  
  margin-right:8px;
  float: left;   
  font-weight: bold; 
  text-align:right; 
  display:inline;
  }

  #sb .theme_info dd
  {
  float: left;   display:inline;
  width: 147px;
  }             
  
  #sb .theme_info img.fav {
	  margin-left:0px; 
	  margin:-4px 3px 3px 0;
  }
                    

#user_theme_picker p {
  margin:0 3px 8px 3px;
  line-height:14px;
}
              
/* style for editor_header */

#cool_header_wrap {
	position:absolute;
	top:0;
	left:0;   
	width:100%; 
	background:url(/images/preview_bg.png) repeat-x center bottom;
  z-index:13;
}

#cool_header {
height:90px; 
width:990px; 
margin:0 auto;
}   


/* Get Code Tabs */
ul.networks_p {
  float:right;
  margin:37px 0 0px 20px; ; 
  list-style:none;
  }    
  
ul.networks_p li { float:right; }
ul.networks_p li a {
  float:left;
  background:transparent url("/images/l/tab_left.gif") no-repeat left top;    
  margin:0 0 0 5px;                                                                        
  padding:0 0 0 7px;
  display:block; 
  cursor:pointer; 
  }       
  
  
  ul.networks_p li a {
    background: transparent url("/images/l/tab_left_b.gif") no-repeat left top;
    text-decoration:none;
    color:#333;
    }   

ul.networks_p a span {
  float:left;
  display:block;
  background:url("/images/l/tab_right.gif") no-repeat right top;
  padding:7px 15px 6px 6px;
  text-decoration:none;
  }      
  
  ul.networks_p a span {
    background:url("/images/l/tab_right_b.gif") no-repeat right top;
    padding:1px 15px 1px 6px; 
    }
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
ul.networks_p a {float:none;}
/* End IE5-Mac hack */
ul.networks_p a:hover { 
  color:#333;       
  text-decoration:none;  
  }   
  ul.networks_p li.current a {
    background-image:url("/images/l/tab_left_current_b.gif");
    }
  
ul.networks_p li.current a span {
  background-image:url("/images/l/tab_right_current_b.gif");
  color:#333;   
  font-weight:bold;  
  }       
  
     ul.networks_p img { vertical-align:middle; margin-right:4px; }   

.sticker {
  float:left; 
  color:#fff; 
  font-size:10px;
  padding-top:2px;
}         

/*popular keywords cloud */
ul#cloud { list-style:none;  margin: 0 0.5em 0.5em 0; line-height:1.8em; }
ul#cloud li {display:inline; padding-right:5px;}
ul#cloud li a {font-size:1em; }
ul#cloud li a.one { font-size:0.8em; color:#627190; font-weight:normal; line-height:1.8em;} 
ul#cloud li a.two { font-size:0.9em; color:#627190; font-weight:normal;  line-height:1.8em;}
ul#cloud li a.three { font-size:1.1em;color:#3F5990; font-weight:normal; line-height:1.8em;}
ul#cloud li a.four { font-size:1.4em;color:#3F5990; line-height:1.8em;}
ul#cloud li a.five { font-size:1.7em;color:#003399; line-height:1em;}
ul#cloud li a.six { font-size:2em; line-height:1.3em;}

ul#cloud li a:hover, ul#cloud li a.two:hover, ul#cloud li a.three:hover, ul#cloud li a.four:hover, ul#cloud li a.five:hover, ul#cloud li a.six:hover { background:#003399; color:#fff; }

.why_join { margin:25px 0 0 60px; text-align:left;}
#status_text .why_join p { text-align:left; font-weight:bold;}
ul.text { text-align:left; }

/*fb connect */
div.whoelse {
  margin: 40px 10px 0 10px; 
  background:#fafafa; 
  border:1px solid #ddd; 
  border-color:#ccc #ddd #ddd #ccc; 
  padding:0 10px 10px;
}

#status_text .whoelse p { text-align:left; font-weight:bold; }
.fbpile { height:100px; overflow:hidden;}