/*
-----------------------------------------------
Author:  OpenCreate
----------------------------------------------- */

/* Content
----------------------------------------------- */
#content {padding: 0 0 50px 0; clear: both;}


/* register intro */
#regIntro {width: 880px; margin: 30px auto 40px auto; background: #78a8ca; padding: 20px 10px 25px 20px; }
	#regIntro h2 { color: #fff; font-size: 26px; font-weight: bold; margin:5px 0 2px 0px; line-height: 1.0; text-transform:uppercase;}
	#regIntro h3 { color: #fff; font-size: 20px; font-weight: bold; margin: 0px;}
	#regIntro p { color: #fff; font-size: 14px; font-weight: normal; margin: 7px 0 0 0;  }
	#regIntro p.large { font-size: 18px; font-weight: bold; margin:4px 0 0 0; }

/* register form */
#registerArea { background: url(../images/reg_con_bg.gif) no-repeat 558px 0; min-height: 330px; }
	#registerArea form { width: 370px; margin: 0 0 0 20px; }
	#registerArea li { padding: 0 0 20px 0; clear: both; width: 370px; float: left;  }
	#registerArea label { color: #2c5d81; font-size: 14px; width: 115px; float: left; height: 32px; line-height: 31px; text-align: right;}
	#registerArea label span { color: #8fbc3a; font-size: 10px; display: block; line-height: 0; position: relative;}

	#registerArea .intBg { position: relative; width: 242px; height: 32px; float: right;}
	#registerArea .intBg input { margin: 0 0 0 0; width: 193px; padding:4px 40px 4px 6px; color:#51738b; font-size: 16px; border:1px solid #9bb0c0; background: none; }
	#registerArea .intBg input.ico_pass { background: url(../images/reg_ico_pass.gif) no-repeat 218px 7px;}
	#registerArea .intBg input.ico_error { background: url(../images/reg_ico_error.gif) no-repeat 218px 8px;}
	
	#registerArea li.confirmSubmit{ background:#fff; border:1px solid #ccc; padding:10px 15px 10px 15px; width:875px; margin:40px 0 20px 5px; }
	#registerArea .confirmBox{ float:left; width:550px; margin:14px 0 0 0px; padding-left:50px; background: url(../images/icon-greentick.png) no-repeat left;}
	#registerArea .intBgSubmit { float: right; width: 241px; overflow: hidden; height: 68px; background: url(../images/reg_submit.gif) no-repeat left top;}
	#registerArea .intBgSubmit input { width: 100%; height: 68px; background: none; border: none; color: #fff; font-weight: bold; cursor: pointer; font-size: 22px;}
	
	#registerArea p.domain { padding: 0 0 0 140px; line-height: 33px; clear: both; color: #91b4ce; font-size: 14px;}
	#registerArea p.domain span {color: #8fbc3a;}
	#registerArea div.strength { margin: 0 0 12px 130px; width: 240px; clear: both; background: #f2f6f9; height: 17px; line-height: 15px; font-size: 14px; color: #fff;  }
	#registerArea div.strength span { display: block; height: 100%; background: #c1d76e; text-indent: 4px;}
	#registerArea .token { width: 242px; float: right; margin: 0 0 13px 0;}
	#registerArea .token img { display: block; }
	
	#registerArea .upElements { margin: 10px 0 0 130px; width: 240px; overflow: hidden; padding: 13px 0 0 0; clear: both;}
	
	#registerArea .upElements .progress { margin:5px 0 0 0; float: right; width: 110px; line-height: 18px; text-align: right; background:url(../images/up_gif.gif) no-repeat; padding:0 0 0 30px;}
	#registerArea .upElements .progress span {float: right;}
	#registerArea .upElements .progress img { float: right; margin: 0 10px 0 14px; display: inline; }
	#pictureUploader {position: relative; top:6px; width:139px;}
	#special_upload {position: absolute; line-height: 30px; display: block; margin-left: 30px; z-index: 200; color: white;}

#pictureQueue .uploadifyQueueItem{ margin:8px 0 0 0;}
#pictureQueue .cancel{ float:left; width:23px;}

.toolTipReg { width: 525px; position: absolute; right: -550px; top: -11px; }
	.toolTipReg p { font-size: 12px; color: #51738b; line-height: 1.4;}
	.toolTipReg p.oops {color: #d94a33; background: url(../images/reg_ico_war.gif) no-repeat; padding: 0 0 0 22px; margin: 19px 0 5px 0; line-height: 17px; position: relative;}
	.toolTipReg .imgWrapper {float: left; margin: 0 10px 0 0; position: relative; }
	.toolTipReg .head { color: #8fbc3a; font-weight: bold; font-size: 14px; line-height: 1.0;}

	.toolTipBgReg {background: url(../images/reg_tooltip_repeat.png) repeat-y 0 0; margin:5px 8px 0 0; padding:10px 0;}

	.tool_con {  padding: 1px 25px 1px 30px; background: url(../images/reg_tooltip_str.png) no-repeat left 0px; overflow: hidden; min-height:30px; }

#registerArea .hide { display: none; }
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mb10 { margin-bottom: 10px;}



#registerSuccess{ background:url(../images/icon-80-info.png) top left no-repeat; padding:0 0 0 100px; margin:40px 40px 10px 40px; color:#2c5d81; font-weight:bold; overflow:hidden; }

	#registerSuccess h3{ font-size:24px;}
	#registerSuccess h4{ font-size:16px;}
	#registerSuccess .sectionTitle{ font-size:18px; color:#F90; padding:25px 0 20px; margin-left:-50px;}
	#registerSuccess p{ margin:5px 0 25px 0; color:#6699cc; font-weight:normal;}
	#registerSuccess p.message{ font-size:15px; margin:0 0 35px 0;}
	#registerSuccess p.tip{ font-size:11px; color:#b0b0b0;}
	#registerSuccess a{ text-decoration:none;}
	#registerSuccess a:hover{ text-decoration:underline;}
	
		#registerSuccess .twitter,
		#registerSuccess .facebook,
		#registerSuccess .linkedin,
		#registerSuccess .myspace,
		#registerSuccess .youtube{ display:block; line-height:32px; padding:5px 5px 5px 45px; margin:10px 20px 10px 0;}
		
		#registerSuccess .twitter{ background:url(../images/twitter-32x32.png) left no-repeat;}
		#registerSuccess .facebook{ background:url(../images/facebook-32x32.png) left no-repeat;}
		#registerSuccess .linkedin{ background:url(../images/linkedin-32x32.png) left no-repeat;}
		#registerSuccess .myspace{ background:url(../images/myspace-32x32.png) left no-repeat;}
		#registerSuccess .youtube{ background:url(../images/youtube-32x32.png) left no-repeat; margin-bottom:35px;}


	#registerSuccess ul { display:block; overflow:hidden; margin:0 0 20px -50px;}
		#registerSuccess ul li{ display:block; float:left; width:350px; overflow:hidden; margin-bottom:25px; padding-bottom:25px; border-bottom:2px dotted #f1f1f1;}
			#registerSuccess ul .icon-add{ background:url(../images/icon-64-add.png) no-repeat left 10px; margin-right:40px;}
			#registerSuccess ul .icon-find{ background:url(../images/icon-64-search.png) no-repeat left 10px; }
			#registerSuccess ul .icon-write{ background:url(../images/icon-64-writepost.png) no-repeat left 10px; margin-right:40px;}
			#registerSuccess ul .icon-home{ background:url(../images/icon-64-home.png) no-repeat left 10px; }
			

		#registerSuccess ul li a{ display:block; padding-left:80px;}

		#registerSuccess ul li strong{ display:block; font-size:15px; }
		#registerSuccess ul li strong:hover{ text-decoration:underline;}
		
		#registerSuccess ul li em{ color:#999; font-weight:normal;}
		#registerSuccess ul li a:hover{ text-decoration:none;}