body{font-family:Helvetica,Arial,Verdana;font-size:81.3%;line-height:1.5em;color:#333;padding:0 35px;margin:0;background:#f3f4f4;}

h1{font-size:18px;color:#666;font-weight:normal;margin:0 0 15px 0;}

.overflow{overflow:hidden;}
.clear{clear:both;}

#partial{background:#e9e9e9;padding:0;}
#partial .header{border-bottom:1px solid #DDD;padding:10px;background:#FFF;overflow:hidden;}
#partial .header a.logo{display:block;background:url('/lib/cssi/socnet/logo_small.png') no-repeat;width:130px;height:17px;text-indent:9000px;overflow:hidden;float:left;margin-top:1px;}
#partial .header .user{float:right;height:20px;overflow:hidden;line-height:19px;margin:0;width:auto;border:0;}
#partial .header .avatar{float:left;margin-right:5px;}
#partial .header .avatar img{height:20px;width:20px;border:none;}
#partial .content{padding:10px;background:#FFF;overflow:hidden;clear:both;border:0;}

#option .content small{line-height:1.5em;}

#partial .controls{background:#e9e9e9;border-top:1px solid #DDD;padding:10px;overflow:hidden;}
#partial .controls a,#partial .controls div{float:right;margin:0 0 0 10px;width:100px;text-align:center;}
#partial .form{overflow:visible;}
#counter{float:right;font-size:16px;color:#CCC;font-weight:bold;}

.btn{display:inline-block;overflow:visible;border:1px solid #CCC;background:url('/lib/cssi/socnet/btn.gif') repeat-x 0 0;margin:0 10px 0 0;padding:5px 10px 5px 10px;color:#666;cursor:pointer;-moz-border-radius:2.5px;-webkit-border-radius:2.5px;font-size:12px;line-height:15px!important;font-family:Helvetica,Arial,Verdana;text-decoration:none;text-align:center;}

.btn:hover,.btn:focus,.btn:active{background-position:0 -26px;color:#424242;}
.btn.disable{color:#999;cursor:auto;background:#CCC;}
.btn.loading{overflow:hidden;}
.btn.no-margin{margin:0;}

.btn.yes{background-position:0 -52px;border:1px solid #0084b4;color:#FFF;text-shadow:#2e90b1 -1px -1px 0;}
.btn.yes:hover{background-position:0 -78px;}
.btn.yes.loading{background-position:0 -78px;}
.btn.yes.loading span{display:block;overflow:hidden;height:16px;background:url('/lib/cssi/socnet/ajax-loader.gif') no-repeat left center;padding-left:20px;}
.btn.yes.disable{background:#0084B4;}

.btn.input{background-position:0 -52px;border:1px solid #0084b4;color:#FFF;text-shadow:#2e90b1 -1px -1px 0;}
.btn.input:hover{background-position:0 -78px;}
.btn.input.loading{background-position:0 -78px;}
.btn.input.loading span{display:block;overflow:hidden;height:16px;background:url('/lib/cssi/socnet/ajax-loader.gif') no-repeat left center;padding-left:20px;}
.btn.input.disable{background:#0084B4;}

input.btn{padding:4px 10px 4px 10px;}


/*
Login
*/

div.login_form { clear:both; width: 480px; }
div.login_form_line { clear:both; float:left; padding:0 0 3px 0; width: 480px; }
div.login_form label { float:left; width: 140px; text-align:right; padding: 6px 10px 4px 0; vertical-align: text-top; 
	font-size:12px; font-family:Arial,Verdana; font-wight:bold; }
div.login_form_field { float:left; width: 320px; vertical-align: text-top; padding: 3px 0 3px 0;  }	
div.login_form_field input { float:left; background:#dddddd; font-size:12px; font-family:Arial,Verdana; font-weight:normal; padding: 0 2px 0 2px; }
div.login_form_field select { float:left; background:#dddddd; font-size:12px; font-family:Arial,Verdana; font-weight:normal;  }
div.ps_meter { clear:both; float:left; display:inline; margin:5px 0 0 3px; }
div.ps_meter label { font-size:11px; font-family:Arial,Verdana; font-wight:bold; }

#passwordStrength { display:block; float:left; margin: 1px 0 0 0; } 
#passwordDescription { width:300px; font-size:11px; color:#888888; font-family:Arial,Verdana; font-weight:bold; margin:0 0 0 10px; }
#passwordResponse { font-size:11px; color:#bb3333; font-family:Arial,Verdana; font-weight:bold; }
#emailResponse { font-size:11px; color:#bb3333; font-family:Arial,Verdana; font-weight:bold; }
div.pwFieldWrap { clear:both; float:left; display:inline; margin:5px 0 0 0; }
div.pwfieldText { clear:both; font-size:11px; color:#666666; line-height:15px; font-family:Arial,Verdana; font-weight:bold;  }
div.pwstrength0 { width:76px; background:url('/lib/cssi/login/passwordc1.png') no-repeat; height:15px; } 
div.pwstrength1 { width:76px; background:url('/lib/cssi/login/passwordC2.png') no-repeat; height:15px; } 
div.pwstrength2 { width:76px; background:url('/lib/cssi/login/passwordC3.png') no-repeat; height:15px; } 
div.pwstrength3 { width:76px; background:url('/lib/cssi/login/passwordC4.png') no-repeat; height:15px; } 
div.pwstrength4 { width:76px; background:url('/lib/cssi/login/passwordC5.png') no-repeat; height:15px; } 
div.pwstrength5 { width:76px; background:url('/lib/cssi/login/passwordC6.png') no-repeat; height:15px; } 
ul.login_errors { margin:0 0 0 17px; }
ul.login_errors li { font-size:12px; color:#bb3333; font-family:Arial,Verdana; font-weight:normal; line-height:17px; }

/*
Pop
*/

.pop_wrap {display:block; clear:both; width:450px; }
.pop_left { float:left; width:170px; margin:0 20px 0 0; border-right:1px solid #DDD;}
.pop_right { float:left; width:240px; margin: 0 0 0 20px; }



.global_buttons { font-family:Verdana; }
.global_buttons a { color:#ffffff; text-align:left; font-family:Arial, Verdana,sans-serif; font-weight:bold; text-transform:uppercase; font-size:10px; line-height:12px; background:#8ba3b8; text-decoration:none; padding:3px 4px 3px 4px; margin:10px 0 0 0; }
.global_buttons input { color:#ffffff; text-align:left; font-family:Arial, Verdana,sans-serif; font-weight:bold; text-transform:uppercase; font-size:10px; line-height:12px; background:#8ba3b8; text-decoration:none; padding:3px 4px 3px 4px; margin:3px 0 0 0; }
.global_buttons a:hover { color:#000000; background:#bfd3e5; }
.global_buttons input:hover { color:#000000; background:#bfd3e5; }