.login_form { margin:0 0 15px; width: 330px; text-align: left; }

.login_form .form-input { display: block; width: 300px; height: 24px; padding: 6px 12px; margin-bottom: 12px; 
									font: 12px 'Euro Ext Two', sans-serif; font-weight: normal; color: #ccc; 
									background: #444; border: 1px solid #222; outline: none; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1); -moz-background-clip:    padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; behavior: url(PIE.htc); }

.login_form .form-input:focus { border: 1px solid #a91a11; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 3px #a91a11; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 3px #a91a11; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 3px #a91a11; }

.login_form .form-input:-moz-ui-invalid { border: 1px solid #e00; -moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 3px #e00; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 3px #e00; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 3px #e00;}
.login_form .form-input.invalid { border: 1px solid #e00; -moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 3px #e00; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 3px #e00; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 3px #e00; }

.login_form.nolabel ::-webkit-input-placeholder { color: #888;}
.login_form.nolabel :-moz-placeholder { color: #888;}

.login_form .form-btn { height: 50px; width:165px; border: none; outline:none;  background: url("../img/opics/login-btn.png") 0px  0px no-repeat; }
.login_form .form-btn:active { background: url("../img/opics/login-btn.png") 0px  -50px no-repeat; }
.login_form .form-btn:hover { background: url("../img/opics/login-btn.png") 0px  -50px no-repeat; }
.login_form input[type=submit]::-moz-focus-inner { border: none; list-style:none;}

.login_form label { margin-bottom: 0px; display: block; width: 230px; color: #ccc; font-size: 14px; font-weight: bold; }
.login_form label span { font-size: 12px; color: #888; font-weight: normal; }

.login_form.frame { padding: 15px; background-color: #343434; background-image: -webkit-gradient(linear, left top, left bottom, from(#343434), to(#141414)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #343434, #141414); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #343434, #141414); /* FF3.6 */ background-image: -ms-linear-gradient(top, #343434, #141414); /* IE10 */ background-image:  -o-linear-gradient(top, #343434, #141414); /* Opera 11.10+ */ background-image:  linear-gradient(top, #343434, #141414); -pie-background: linear-gradient(top, #343434, #141414); /* IE6-IE9 */ -moz-border-radius:    12px; -webkit-border-radius: 8px; border-radius: 12px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.3); behavior: URL(PIE.htc); }

.login_form.tbar { padding: 0px 15px 5px 15px; background-color: #3c3c3c; background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#343434)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #444444, #343434); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image:-moz-linear-gradient(top, #444444, #343434); /* FF3.6 */ background-image:     -ms-linear-gradient(top, #444444, #343434); /* IE10 */ background-image:      -o-linear-gradient(top, #444444, #343434); /* Opera 11.10+ */ background-image:         linear-gradient(top, #444444, #343434); -pie-background:          linear-gradient(top, #444444, #343434); /* IE6-IE9 */ behavior: URL(PIE.htc); }
.login_form.tbar h3 { padding: 15px 20px 4px 20px;; margin: 0 -15px 10px -15px; 
								font: 21px 'Euro Bold Ext Two', sans-serif; font-weight: bold; color: #ccc; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);  
								background-color: #343434; background-image: -webkit-gradient(linear, left top, left bottom, from(#343434), to(#1b1b1b)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #343434, #1b1b1b); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image:-moz-linear-gradient(top, #343434, #1b1b1b); /* FF3.6 */ background-image:     -ms-linear-gradient(top, #343434, #1b1b1b); /* IE10 */ background-image:      -o-linear-gradient(top, #343434, #1b1b1b); /* Opera 11.10+ */ background-image:         linear-gradient(top, #343434, #1b1b1b); -pie-background:          linear-gradient(top, #343434, #1b1b1b); /* IE6-IE9 */ -moz-border-radius:    8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius:         8px 8px 0 0; -moz-border-radius:    8px 8px 0 0; -moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.7); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.7); box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.7); behavior: url(PIE.htc); }
.login_form.tbar .form-input { background: #545454; }

.login_form.tbar.nolabel ::-webkit-input-placeholder { color: #999;}
.login_form.tbar.nolabel :-moz-placeholder { color: #999;}