/**
 * Register, Signin and Forgotpassword
 */

#register, #signin{ float: left; }
#register { width: 70%; margin-right: 10px; }

#right-coloumn{ float: left; width: 28%; }
.right-block{ margin-top: 25px; border: 1px solid #DDD; background-color: #ECECEC; padding: 10px; }
.right-block p{ margin-top:10px; }

#signin{ width: 53%; margin-top: 20px; margin-right: 10px; padding: 10px; border: 1px solid #DDD; }
#login{ float: left; width: 39%; border: 1px solid #DDD; background-color: #ECECEC; padding: 10px; margin-top: 20px;}



/** FORM Css **/
div.form-container{ margin-top: 20px; border: 1px solid #DDD; border-bottom: 2px solid #FF6633;}
div.form-container h2{ padding:5px 10px; border-bottom:2px solid #ccc; background: #25A9E0; color: #FFFFFF; }
ul.form-fields{ margin: 20px 0px 20px 10px; }
ul.form-fields li{ list-style-type:none; margin-bottom: 20px; }
ul.form-fields li label{ text-align:right; display:block; width: 140px; float: left; padding-right: 10px; }
ul.form-fields li input[type=text]{ width: 200px;}
ul.form-fields li .suggestion{ padding-left: 150px; color: #666; font-size: 11px;}
ul.form-fields li p.tos { }
ul.form-fields li p.tos input{ margin-top: 20px; margin-left: 150px; padding: 0px 10px; display: block; }

#signin h2, #login h2, #fg-passwd h2{ color: #FF6633; padding-bottom: 10px; }

#signin ul { margin-top: 20px; }
#signin ul li{ margin-top: 10px; }

#login ul li label{ text-align:left; display:block; width: 60px; font-weight: bold; }
#login ul.form-fields li input[type=text]{ width: 200px;}

#login ul li.remember{ margin-left: 70px; }
#login p {text-align: center;}
#login p a{ text-decoration: underline; }

#fg-passwd { margin-top: 20px;  }
#fg-passwd #form-fp{ padding: 20px 0px; }