/* - - - - - - - - - - - - - - - - - - - - -

Title : Wufoo Form Structure
Author : Infinity Box Inc.
URL : http://wufoo.com

Last Updated : September 30, 2007

- - - - - - - - - - - - - - - - - - - - - */

body { background:#eee; margin:20px 0 15px 0; text-align:center; font-size:12px; font-family:"宋体", Tahoma, Arial, Verdana, sans-serif; }
#container { text-align:left; background: #fff url(http://img.playcool.com/passport/images/logo.gif) no-repeat left top; }
input.aa { background-color:red; width:650px; }
#container, #top, #bottom, #footer { margin:0 auto; width:640px; }
#top, #bottom { width:650px; height:10px !important; display:block !important; }
#top { margin-top:10px; }
form.wufoo { margin:0 5px 0 40px; padding:25px 0 5px 0; }
/* ----- LOGO ----- */

h1 { margin:0; padding:0; height:0px; text-indent:-9999px; background-color:#fff; }
/*img { behavior: url(/images/iepngfix.htc); border:none; }*/
.hide { display:none !important; }
h4 { margin:0; padding:0; height:30px; font-size:12px; font-weight:normal; line-height:30px; color:#fff; text-align:center; background:url(http://img.playcool.com/passport/images/footer.gif) no-repeat left top; }
/* - - - - - - - - - - - - - - - - - - - - -

Title : Wufoo Form Foundation
Author : Infinity Box Inc.
URL : http://wufoo.com

Last Updated : November 13, 2007

- - - - - - - - - - - - - - - - - - - - - */

.wufoo { font-family:"宋体", Tahoma, Arial, sans-serif; font-size:12px; }
.wufoo li { width:60%; }
form ul { margin:0; padding:0; list-style-type:none; width:100%; font-size:12px; }
form li { margin:0; padding:10px 5px 0px 9px; position:relative; clear:both; }
form li:after, .buttons:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
form li, .buttons { display: inline-block; }
* html form li, * html .buttons { height: 1%; }
form li, .buttons { display: block; }
* html form li div { display:inline-block; }
form li div, form li span { margin:0 4px 0 0; padding:0 0 4px 0; color:#444; } /* ----- 报错文字属性 ----- */
form li span { float:left; }
form li div.address { padding-bottom:0; }
form li div.left { display:inline; float:left; width:47%; }
form li div.right { display:inline; float:right; width:47%; }
.clear { clear:both !important; }
form li div div { color:#ff0000; margin:0; padding:2px 0 0 0; line-height:14px; }

/* ----- INFO ----- */

.info { display:inline-block; clear:both;  margin:0 0 20px 0; }
.info[class] { display:block; }
.info h2 { font-size:0; margin:0; padding:0; text-indent:-9999px; clear:left; }
.info p { font-size:bold; line-height:20px; margin:0 0 3px 0; }
/* ----- SECTIONS ----- */

form hr { display:none; }
form li.section { border-top:1px dotted #ccc; margin-top:20px; padding-top:5px; padding-bottom:0px; padding-left:9px; width:97% !important; }
form ul li.first { border-top:none !important; margin-top:0px !important; padding-top:0px !important; }
form .section h3 { font-weight:normal; font-size:14px; line-height:20px; margin:0 0 2px 0; }
form .section p { font-size:12px; margin:0 0 10px 0; }
/* ----- FIELDS AND LABELS ----- */

label.desc { line-height:12px; padding:0 0 1px 0; border:none; color:#4d4c4c; display:block; font-size:12px; }/* ----- label 字体颜色属性 ----- */
form li div label, form li span label { margin:0; padding-top:3px; clear:both; font-size:9px; line-height:9px; color:#444; display:block; }
input.text, input.file, textarea.textarea, select.select { margin:0; font-size:12px; color:#333; }
input.text, textarea.textarea, .firefox select.select { border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff repeat-x top; }
input.text, input.file { padding:2px 0 2px 0; width: 50px; }
label.choice { font-size:12px; display:block; line-height:1.5em; margin:-1.65em 0 0 25px; padding:.44em 0 .5em 0; color:#222; width:90%; display:block; }
input.checkbox, input.radio { display:block; line-height:1.5em; margin:.6em 0 0 3px; width:13px; height:13px; }
textarea.textarea { font-family:"Lucida Grande", Tahoma, Arial, sans-serif; }
select.select { font-family:"Lucida Grande", Tahoma, Arial, sans-serif; margin:1px 0; padding:1px 0 0 0; }
select.select[class] { margin:0; padding:1px 0 1px 0; }
*:first-child+html select.select[class] { margin:1px 0; }
.safari select.select { margin-bottom:1px; font-size:12px !important; }
span.symbol { font-size:12px; line-height:130%; }
form li .datepicker { float:left; margin:.1em 5px 0 0; padding:0; width: 16px; height: 16px; cursor:pointer !important; }
/* ----- BUTTONS ----- */

input.btTxt { padding:0 7px; width:auto; overflow:visible; }
.buttons { clear:both; }
.buttons input { font-size:12px; margin-right: 5px; padding-top:5px; }
/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice, .rtl div label, .rtl span label, .rtl input.text, .rtl textarea.textarea, .rtl select.select, .rtl p.instruct, .rtl .section h3, .rtl .section p, .rtl input.btTxt { direction:rtl; }
/* ----- SIZES ----- */

.third { width:32% !important; }
.half { width:48% !important; }
.full { width:100% !important; }
input.small, select.small { width:15%; border:1px solid #999; }
input.medium, select.medium { width:50%; border:1px solid #999; }
input.large, select.large, textarea.textarea { width:100%; border:1px solid #999; }
textarea.small { height:5.5em; }
textarea.medium { height:10em; }
textarea.large { height:20em; }
/* ----- ERRORS ----- */

#errorLi { width:99%; margin:0 auto; background:#fff; border:1px dotted red; margin-bottom:1em; text-align:center; padding-top:4px; padding-left:0px; padding-right:0px; }
#errorMsgLbl { margin:7px 0 5px 0; padding:0; font-size:12px; color:#DF0000; }
#errorMsg { margin:0 0 .8em 0; color:#000; font-size:12px; }
#errorMsg strong { background-color: #FFDFDF; padding:2px 3px; color:red; }
form li.error { display:block !important; background-color: #FFDFDF !important; margin:3px 0; }
form li.error label { color:#DF0000 !important; }
form p.error { display:none; color:red; font-weight:bold; font-size:10px; margin:-2px 0 5px 0; clear:both; }
form li.error p.error { display:block; }
.leftLabel p.error, .rightLabel p.error { margin-left:30%; padding-left:15px; }
.noI .leftLabel p.error, .noI .rightLabel p.error { margin-left:35%; padding-left:15px; }
/* ----- REQUIRED ----- */

form .req { float:none; color:red !important; font-weight:bold; margin:0; }
/* ----- INSTRUCTIONS ----- */

form li.focused { background-color:#e7f8ff; } /* ----- 点击后颜色属性 ----- */
form li.blur { background-color:#ffeaea; } /* ----- 错误后颜色属性 ----- */
form .instruct { position:absolute; top:0; left:100%; z-index:1000; width:52%; margin:0 0 0 8px; padding:8px 10px 9px 10px; border:1px solid #eeeeee; background:#fffef1; line-height:130%; font-size:12px; color:#e05921; visibility:hidden; }  /* ----- 右侧文字属性 ----- */
form .instruct small { font-size:12px; } /* ----- 右侧文字属性 ----- */
form .instruct_2 { position:absolute; top:-3px; left:170px; padding:8px 0px 9px 0px;vertical-align: middle}
form .instruct_3 {position:absolute; top:8px; left:260px; padding:0; vertical-align: middle;}
form .instruct_4 { position:absolute; top:-3px; left:170px; padding:5px 0px 0px 0px;vertical-align: middle}
.instruct_2 div { color:#444 }
form li.focused .instruct { visibility:visible; }
form li.blur .instruct { visibility:visible; }
/* ----- ALT INSTRUCTIONS ----- */

li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct { visibility:visible; position:static; margin:-2px 0 0 0; padding:0 0 7px 0; background:none; border:none; width:100%; font-size:9px; clear:left; }
/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel { width:74% !important; padding-top:9px; }
.leftLabel .small, .rightLabel .small { width:17%; }
.leftLabel .medium, .rightLabel .medium { width:35%; }
.leftLabel .large, .leftLabel textarea.textarea, .rightLabel .large, .rightLabel textarea.textarea, .leftLabel .address, .rightLabel .address { width:64%; }
.leftLabel .choice, .rightLabel .choice { display:block; width:250px; }
* html .leftLabel .small, * html .rightLabel .small { width:23%; }
* html .leftLabel .medium, * html .rightLabel .medium { width:55%; }
* html .leftLabel .large, * html .leftLabel textarea.textarea, * html .rightLabel .large, * html .rightLabel textarea.textarea { width:97%; }
.leftLabel label.desc, .rightLabel label.desc { float:left; width:30%; margin:2px 15px 0 0; }
.rightLabel label.desc { text-align:right; }
.leftLabel .address, .rightLabel .address { float:left; }
.leftLabel p.instruct, .rightLabel p.instruct { width:27%; margin-left:5px; }
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct { margin-left:30% !important; padding-left:15px; width:65%; }
.leftLabel .buttons, .rightLabel .buttons { margin-left:15px; }
.leftLabel .buttons input, .rightLabel .buttons input { margin-left:30%; }
/* ----- NO INSTRUCTIONS ----- */

.noI .instruct { display:none !important; }
.noI form li, .noI form li.buttons { width:97% !important; }
.noI form li.section { padding-left:9px !important; }
/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel .large, .noI .leftLabel textarea.textarea, .noI .rightLabel .large, .noI .rightLabel textarea.textarea, .noI .leftLabel .address, .noI .rightLabel .address { width:60%; }
.noI .leftLabel .choice, .noI .rightLabel .choice { display:block; width:320px; }
* html .noI .leftLabel .small, * html .noI .rightLabel .small { width:23%; }
* html .noI .leftLabel .medium, * html .noI .rightLabel .medium { width:55%; }
* html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea, * html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea { width:97%; }
.noI .leftLabel label.desc, .noI .rightLabel label.desc { width:35%; }
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input { margin-left:35%; }
/* ----- FIELD FLOATING ----- */

form li.leftHalf, form li.rightHalf { width:46% !important; }
li.leftHalf { clear:left; float:left; }
li.rightHalf { clear:none; float:right; }
li.leftHalf .medium, li.rightHalf .medium, li.leftHalf .small, li.rightHalf .small { width:100%; }
.error { font-size:14px; display:none; border:5px solid #fcd3d3; color:#000; margin-bottom:10px; text-align: center; padding:5px 0px; width:400px; margin:5px auto }
.aFontList { color:#333333;}
.aFontList:link { text-decoration: underline; color:#333333; }
.aFontList:visited { text-decoration: underline; color:#333333; }
.aFontList:hover { text-decoration:underline; color: #333333; }
.aFontList:active { text-decoration: underline; color:#333333; }

.aFontList_2 { color:#333333; line-height:30px}
.aFontList_2:link { text-decoration: underline; color:#333333;  line-height:30px}
.aFontList_2:visited { text-decoration: underline; color:#333333; line-height:30px }
.aFontList_2:hover { text-decoration:underline; color: #333333;  line-height:30px}
.aFontList_2:active { text-decoration: underline; color:#333333;  line-height:30px}
a:hover { color:#fff; }
#user_registration { border:1px solid #cccccc; margin:auto auto; margin-top:100px; width:400px; }
#user_registration label { display: block; float: left; width: 70px; margin: 0px 10px 0px 5px; text-align: right; line-height:1em; font-weight:bold; }
#user_registration input { width:250px; }
#user_registration p { clear:both; }
#submit { margin:0; width:100px }
#button { margin:0; line-height:16px; }
#passwordStrength { height:10px; display:block; float:left; }
.strength0 { width:160px; background:#f1f1f1; }
.strength1 { width:30px; background:#ff0000; }
.strength2 { width:60px; background:#ff5f5f; }
.strength3 { width:100px; background:#56e500; }
.strength4 { background:#4dcd00; width:130px; }
.strength5 { background:#399800; width:160px; }
#birthday_year { width: 50px; }
#birthday_month { width: 25px; }
#birthday_day { width: 25px; }

.lableText { color:#4d4c4c; width:96px; text-align:right; line-height:22px;padding:0 4px 4px 2px;}
#lusername { width:300px; height:0px; text-align:left; text-indent:100px; padding-bottom:10px}
#pswstr { width:133px; height:20px; text-align:left; padding:0 0 10px 100px}
* html #lvalidatecode{ width:300px; height:0px; text-align:left; text-indent:100px; padding-bottom:10px}

* html #lpassword{ width:300px; height:0px; margin:0; text-align:left; text-indent:100px; padding-bottom:10px}
* html #buttonIE6{ width:213px; height:20px; text-align:left; padding:0 0 10px 100px}
.errMessage {display:none}