@charset "utf-8";
/* CSS Document */
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;} /*this is needed to scale the background image */


body {
	background:#e5e5e5;
	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 { z-index:0; position:absolute; top:0; left:0; }  

#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: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  {
			font-size:11px;
			margin:0px 0 10px 0;
		}
		
		#sb p.choice a {
			font-size:11px;
		}
		
		#sb p.choice a.current {
			text-decoration:none;
			font-weight:bold;
			cursor:text;
		}       
		
		#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 11px/14px Lucida Grande, 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:10px 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;
	}
	
	#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 15px 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 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:15px;  
	  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.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:124px;
		}
		
		#sb input.yahoo { background:url("http://www.coolchaser.com/images/yahoo.gif") no-repeat 1% 50%; }
		#sb input.google { background:url("http://www.coolchaser.com/images/google.gif") no-repeat 1% 50%; }
		#sb input.flickr { background:url("http://www.coolchaser.com/images/flickr.gif") no-repeat 1% 50%; } 
		
		#sb input.default { background:url("http://www.coolchaser.com/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 { xwidth:213px; 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;}    
		
		#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.back {
			float:left;
			padding:5px 0;
			margin-left:5px;
			display:inline;
		}
		
		#sb div.next { 
			float:right;
			padding:5px 0;
			margin-right:5px;
			display:inline;
			} 
			
		 #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.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:5px; 
		background:#FFFFCC; 
		border-right:1px solid #ccc;   
		border-bottom:1px solid #ccc;
		text-align:center; 
		clear:left;
	}     
	
/* 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 {
	position:relative;
}
 #sb img.icon_help {
 	 vertical-align:middle;
}	      

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

  #sb div.icon_help_btm { top:25px; }

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

/*update button */
#sb #update, #sb #update_demo {
	margin:15px 10px 10px 20px;
}

#sb #update .update,
#sb #update_demo .update_demo
{
	margin-right:3px;
	float:left;
	width:190px;
	height:43px;
	background: url("../images/btn_update_mine.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_update_mine.gif") no-repeat left top;
}


#sb #update a.update:hover { background: url("../images/btn_update_mine.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 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:3000px;
	z-index:10000; 
	
}

#status #loading {
	position:fixed;
	top:5%;
	left:48%;
	margin-left:-175px; 
	margin-top:10px;
	width:350px;    
	text-align:center; 
  background:#fff;
	padding:10px;
	color:#333;
	border:2px outset #000;
} 

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


#status_text {
	color:#333;
	text-align:center;
	line-height:18px;
	padding-bottom:20px;
}      
#status_text p { text-align:left;}  
#human_or_not p {text-align:center;}

#status p {
	line-height:12px; 
	margin:3px 0;
	}

#status a { color:#003366; }
#status a:visited { color:#333; }
#status a:hover { color:#6699CC; }
      
#status #loading h1 {
	font-size:14px;
}       
#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;
}

/* 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;}

/* demo update message */

#status div.demo_view, #status div.demo_home { 
	width:148px; 
	height:68px;
	background: url("../images/btn_demo_view.gif") no-repeat left top; 
 	float:left; 
	padding-top:60px;
	}
	
#status div.demo_home { background: url("../images/btn_demo_home.gif") no-repeat left top; }
	
#status div.demo_view a, #status div.demo_home a, #status div.demo_view a:visited, #status div.demo_home a:visited  {
	font-size:13px;
	padding:0 5px;
	color:#06c;
}

#status div.demo_view p, #status div.demo_home p {
	font-size:11px;
	color:#333;
	margin:0;
	line-height:12px;
	padding:0 7px;
}  

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

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


#action_container p {
	font-size:10px;
}     
 
#user_nav  {
	width:760px;
	margin:0 auto;   
	height:18px;
}
/*account nav */

ul#account_nav { 
	float:right; 
	list-style:none; 
	color:#fff;
	padding:0;margin:0;
	}
	
ul#account_nav li {  color:#fff; float:left; display:inline; padding:0 7px; margin:5px 0 0 0; font-size:11px; border-right:1px solid #fff;}

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

#action_container a { color:#fff; border:none; background:none; font-weight:normal; text-decoration:underline; }
#action_container  a:hover {  color:#ccc; } 

#action_container #login {
	margin:2px 5px 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; }

#sb .clear { 
	clear:both; 
}

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

#sb .clearfix {
	display: inline-block; /* Fixes IE/Mac */
	}