/**
 * Forms
 *
 * @author geruway
 * @created 28 October 2009
 * @modified 28 October 2009
 */

/* @group old styles */
.form .tarea{width:458px;height:30px;padding:3px 0 0 4px;margin:0;float:left;position:relative;overflow:hidden;background:#fff url(/img/addposttop-text.png) no-repeat}
.tarea input{width:450px}
.form .tarea2{width:456px;height:140px;padding:3px;float:left;position:relative;background:#fff url(/img/addpost-text.png) no-repeat;overflow:hidden}
.form .tarea2 textarea{width:450px;height:130px;border:none;color:#666;background:none}
.form .tarea3{width:240px;height:30px;padding:3px 0 0 4px;float:left;position:relative;overflow:hidden;background:#fff url(/img/addphoto-text.png) no-repeat}
.tarea3 input{width:220px}
.form .tarea4{width:235px;height:84px;padding:4px 3px 3px;float:left;position:relative;background:#fff url(/img/addphoto-textarea.png) no-repeat}
.form .tarea5{width:235px;height:50px;padding:3px 3px 3px;float:left;position:relative;background:#fff url(/img/addvideo-textarea.png) no-repeat}
.form{width:100%}
.form .time{width:120px;height:25px;padding:2px 5px 0;overflow:hidden;float:left;position:relative;background:url(/img/time-text.png) no-repeat}
.form .time input{width:100px;height:16px;margin-top:4px;font:14px Arial,sans-serif;color:#767676;text-align:center}
.form label{width:210px;float:left;padding:5px 0;font-size:16px;color:#666}
.form label.wide{width:300px;padding:5px 0;float:left;font-size:16px;color:#666}
.form div.area3{width:560px;height:60px;padding:4px 5px 2px;margin:0 10px 0 0;overflow:hidden;background:#fff url(/img/register-area3.png) no-repeat}
.form div.area3 textarea{width:560px;height:55px;overflow:hidden}
.form div.area4{width:570px;height:24px;padding:4px 5px 2px;overflow:hidden;position:relative;z-index:1;background:#fff url(/img/register-area2.png) no-repeat}
.form span{float:left;font-size:16px;color:#666;display:block}
.form label.lft10{width:215px;float:left;font-size:16px;color:#666;display:block}
.form label.small{width:200px;padding:0 0 0 10px;font:11px Arial,sans-serif;display:block}
.form label.small2{width:240px;padding:0;font:11px Arial,sans-serif;display:block}
.form label.small3{width:250px;padding:30px 0 0 10px;font:11px Arial,sans-serif;display:block}
.form div.text{width:235px;float:left;background:#f3f4f4 url(/img/register-text.png) no-repeat 0 100%}
.form div.top{width:225px;min-height:24px;padding:4px 5px;float:left;position:relative;background:url(/img/register-top.png) no-repeat}
.form div.area{width:196px;min-height:18px;padding:4px 5px 3px;margin:0 19px 0 0;overflow:hidden;background:#fff url(/img/register-area.png) no-repeat}
.form div.two{width:210px;float:left}
.form div.two label{width:200px;padding:5px 0 0}
.form div.second{border-top:10px solid #f3f4f4}
.form div.required{width:11px;height:24px;position:absolute;top:4px;right:7px;background:url(/img/required.png) no-repeat 50% 50%}
.form div.required2{width:11px;height:24px;position:absolute;top:0;right:12px;background:url(/img/required2.png) no-repeat 50% 50%}
.form div.required21{width:11px;height:24px;position:relative;float:right;background:url(/img/required2.png) no-repeat 50% 50%;right:36px;top:7px}
.form div.required3{width:13px;height:13px;position:absolute;top:0;right:13px;background:url(/img/required2.png) no-repeat}
.form div.capctha{padding:10px 0}
.form div.capctha img{margin:0 auto;display:block}
.form .buts2{width:320px;margin-left:215px}
.form .butsa{width:120px;margin-left:220px;margin-top:-20px}
.form button{width:230px;height:30px;padding:0 10px;display:block;float:left;margin:2px 0 0}
.form button span{font:bold 21px Arial,sans-serif;color:#f2662f;text-decoration:underline}
.form button span.retaw{font:bold 16px Arial,sans-serif;color:#767676;text-decoration:underline}
.fpr button{width:230px;height:30px;padding:0 10px;display:block;float:left;margin:2px 0 0}
.fpr button span{font:bold 21px Arial,sans-serif;color:#f2662f;text-decoration:underline}
.fpr button span.retaw{font:bold 16px Arial,sans-serif;color:#767676;text-decoration:underline}
.form label.checkarea{width:215px;padding:0 10px;font-size:12px;overflow:hidden;position:absolute;left:210px;top:33px;float:none}
.form label.checkarea .check{float:left}
.form label.checkarea .check a{color:#818986;text-decoration:none;font:normal 12px Arial,sans-serif}
.form label.checkarea .check a_hover{text-decoration:underline}
.form label.checkarea .no{padding:0 0 0 18px;float:right;color:#fa0707;background:url(/img/no.png) no-repeat 0 50%;font:normal 12px Arial,sans-serif;padding-top:0}
.form label.checkarea .ok{padding:0 0 0 18px;float:right;color:green;font:normal 12px Arial,sans-serif;padding-top:0}
.form div.text5{width:350px;float:left}
.form div.top5{width:350px;min-height:24px;padding:4px 5px;float:left;position:relative}
.form div.area2{width:560px;min-height:20px;padding:1px 5px 3px;margin:0 10px 0 0;overflow:hidden;background:#fff url(/img/register-area2.png) no-repeat}
.form div.area2 .text{width:550px!important}
/* @end */

/* @group new styles */
/* @group new forms */
.new-form {position: relative; zoom: 1;}

/* @group clear */
.new-form label {float: none; padding: 0; width: auto;}

input.radio,
input.checkbox {margin: 3px 0 0; width: 1em; height: 1em; vertical-align: top;}
/*label,
button,
input.submit,
input.image {cursor: pointer;}*/

* html .new-form input.radio,
* html .new-form input.checkbox {vertical-align: middle;} /* ie6 */
*+html .new-form input.radio,
*+html .new-form input.checkbox {vertical-align: middle;} /* ie7 */
/* @end */


.new-form .row {clear: both;}
#content .label {float: left; width: 222px; padding: 5px 0; font-size: 16px; color: #666;}

.new-form .buttons {margin-left: 222px;}
.new-form .input {position: relative; float: left; overflow: hidden; padding: 2px 3px 12px; width: 240px; }
.new-form .input label {float: left; clear: both;}
.new-form .tarea4 {padding-top: 4px;}
.new-form .tarea4 {padding: 4px 3px 3px;}
.new-form .tarea4 textarea {overflow: hidden; width: 225px; height: 80px; resize: none;}
.new-form .description {float: left; width: 164px;}
/*ok {position: relative; float: left; width: 240px; font-size: 13px; color: #333;}*/

/*.new-form input.text {padding: 3px 4px; width: 221px; height: 18px; background: url(/img/addphoto-text.png) -1px -2px;}
.new-form textarea {padding: 3px 4px; width: 221px; height: 78px; background: url(/img/addphoto-textarea.png) -1px -2px; resize: none;}*/
/* @end */


/* @group mypop */
.popup .new-form .row {overflow: hidden; padding-bottom: 10px; font-size: 12px;}
.popup .new-form label {font-size: 1em;}
.popup .new-form .input {padding: 0;}
.popup .new-form .label {padding-bottom: 1px; display: block; color: #666;}
.popup .new-form .tarea3 {width: 359px; height: 20px; padding: 2px 5px 2px; overflow: hidden; float: left; background: url(/img/send-text369.png) no-repeat;}
.popup .new-form .tarea3 input.text {width: 353px;}
.popup .new-form .tarea4 {width: 359px; height: 50px; padding: 2px 5px 2px; float: left; display: block; font: 14px Arial, sans-serif; color: #666; background: #fff url(/img/send-textarea2.png) no-repeat;}
.popup .new-form .tarea4 textarea {width: 359px; height: 50px; padding: 0; border: none; display: block; overflow-y: auto; font: 14px Arial, sans-serif; color: #666; background: none; resize: none;}
.popup .new-form .description {float: none; width: auto; font-size: 10px;}
.popup .new-form .buttons {margin-top: 10px; margin-left: 0;}
/* @end */

/* @group fb */
#frm #fb-popup {color: #767676;}
#frm #login-popup,
#frm #login-popup .bg-cnt,
#frm #fb-popup,
#frm #fb-popup .bg-cnt {height: auto;}
#frm #fb-popup h2 {margin: 0 0 20px; font: bold 25px/25px 'Arial', sans-serif !important; color: #5d5e5e; text-shadow: none;}
#frm #fb-popup h3 {margin: 0 0 10px; font: 20px/25px 'Arial', sans-serif !important; color: #5d5e5e; text-shadow: none;}
#frm #fb-popup label {display: block; margin: 0 0 3px; font-size: 15px; color: #5b5c5c;}
#frm #fb-popup input {margin: 0 0 5px;}
#frm #fb-popup button {padding: 3px 0; font: bold 21px Arial, sans-serif; color: #5d5e5e; text-decoration: underline; display: block;}
#frm #fb-popup .forget {float: right; margin: 7px 3px 0 0; border-bottom: 1px dashed #5c5e5e; font: 16px/16px Arial, sans-serif; color: #5c5e5e; text-decoration: none;}
#frm #fb-popup .text-outer {margin: 0; padding: 0px 5px 2px 2px; width: 199px; background: url(/img/register-area.png) no-repeat;}
#frm #fb-popup .text-outer input {margin: 2px 0 0; padding: 3px 0px; border: none; width: 202px; height: 14px; font: 14px Arial, sans-serif; color: #767676;}
#frm #fb-popup p {margin: 10px 0 0;}
#frm #fb-popup .first .column-inner {margin-right: 5px;}
#frm #fb-popup .last .column-inner {margin-left: 5px;}
#frm #fb-popup .box {padding: 5px; background: #f3f4f4; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#frm #fb-popup .columns {margin-right: 10px;}
/* @end */
/* @end */