@charset "UTF-8";
/* CSS Document */



label {display: block; margin-bottom: 12px; }

.checkbox label {margin: 2px 0; }

.checkbox input {width: auto; border: none; background: auto; }

input, textarea { width: 95%; margin-top: 2px; background: url(/images/gradient_input.jpg) repeat-x; border: solid 1px #CCC; padding: 2px;}

select { width: 95%; margin-top: 2px; }

textarea { background: url(/images/gradient_textarea.jpg) repeat-x; height: 60px; }

select {background: auto; }

input:focus { background-position: 0 -30px; }

.question {font-weight: bold; color: #444;  }

.indented_fields {padding: 0 0 15px 20px; }

#submit input {width: auto; float: right; clear: both; margin-top: 15px; }

#form {position: relative; padding: 0 40px 15px 40px; margin: 0 0 0 25px; }

.form_shadow_left img {position: absolute; left: 0; top: 0; height: 100%; width: 16px; }

.form_shadow_right img {position: absolute; right: 0; top: 0; height: 100%; width: 16px; }



#demo_signup label {width: 98%; padding: 3px; margin-bottom: 2px; background: #222; text-align: right; display: block; clear: both; position: relative; }
#demo_signup .question {width: 40%; text-align: left; color: #FFF;}
#demo_signup input {width: 60%; text-align: left; margin: 0 0 0 4px; background: url(/images/gradient_demo_input.jpg); border: none; color: #222; padding: 2px;}
#demo_signup input:focus {background: #FFF; }
#demo_signup select {width: 100px; text-align: left; margin: 0 0 0 4px; border: none;}
#demo_signup #submit input {width: auto; text-align: left; float: right; margin-top: 8px; padding: 8px 12px; background: #444; color: #FFF; border-top: solid 1px #777; border-left: solid 1px #777; }
#demo_signup a {color: #0099FF; font-size: .9em; font-style: italic; }
#demo_signup .toggle_demo_type p {text-align: left; font-size: .9em; margin: 10px 0;}