/* CSS Document */

/* Error Messages */
span.error_message, span.error_message_white { display:block; margin:10px 0; font-size:1em; color:#FF0000; }
span.error_message_white { color:#FFFFFF; }

div.page_buttons { width:435px; }


/* Forms */
fieldset { margin-bottom: 10px; border:none; }
legend { padding: 10px 0 10px 0; margin:0 0 20px 0; font-weight: bold; font-size:1.2em; color:#000000; }
legend span { position: absolute; left:0; }

.ibn_confirm { margin:10px auto; display:block; }

/* Registration Form */
div#frm_registration { width:480px; }
div#frm_registration label { font-size:1em; }
div#frm_registration label { color:#333333; line-height:120%; padding:0; vertical-align:top; width:180px; display:block; float:left; }

div#frm_registration select { font-size:1em; font-weight:bold; width:260px; margin:0 0 0 20px; padding:2px 0; border:1px solid #CCCCCC; }
div#frm_registration input.textfield, div#frm_registration input.no_label { font-size:1em; font-weight:bold; width:260px; margin:0 0 0 20px; padding:2px 0; border:1px solid #CCCCCC; }
div#frm_registration input.no_label { margin:0 0 10px 200px; }

/* Number/Digit Field */
div#frm_registration input.numberfield { font-size:1em; font-weight:bold; width:60px; margin:0 0 0 20px; padding:2px 0; border:1px solid #CCCCCC; }

/* Checkboxes */
div#frm_registration label.cbx_label { width: auto; float:left; }
div#frm_registration span.checkbox input { width:auto; margin:0 0 20px 5px; padding:0; border:none; }

/* DOB */
div#frm_registration select.title { font-size:1em; font-weight:bold; width:120px; margin:0 0 0 20px; padding:2px 0; border:1px solid #CCCCCC; }
div#frm_registration select.day { font-size:1em; font-weight:bold; width:40px; margin:0 0 0 20px; padding:2px 0; border:1px solid #CCCCCC; }
div#frm_registration select.month { font-size:1em; font-weight:bold; width:120px; margin:0 0 0 5px; padding:2px 0; border:1px solid #CCCCCC; }
div#frm_registration select.year { font-size:1em; font-weight:bold; width:87px; margin:0 0 0 5px; padding:2px 0; border:1px solid #CCCCCC; }


/* Terms and Conditions */
.txt_termsConditions { width:460px; float:none; height:200px; margin:10px 0; border:1px solid #CCCCCC; }




/* Login */
div#login { margin:20px auto; width:420px; border:1px #CCCCCC solid; }
div#login_inner { margin:10px auto 0 auto; width:360px; }
div#login_inner label { display:block; float:left; margin:10px 0;  width:140px; font-size:1.2em; color:#333333; }
div#login_inner input.textfield { border:1px #CCCCCC solid; margin:10px 0; padding:2px 0; width:218px; }
div#login_inner input.btn_login { float:right; display:inline; margin:0 0 10px 0; }
div#login_inner p.note { font-size:1.1em; }



/* Change Password */
div#frm_password { width:506px; margin:0 0 20px 0; }
div#frm_password label, div#frm_password span { font-size:1.2em; }
div#frm_password label { color:#333333; line-height: 120%; padding:0; vertical-align: top; width: 180px; display:block; float:left; }
div#frm_password input.textfield, div#frm_password input.no_label { font-size:1.1em; font-weight:bold; width:260px; margin:0 0 0 20px; padding:2px 0; border:1px solid #CCCCCC; }
div#frm_password input.no_label { margin:0 0 10px 200px; }



/* Contact Form */
div#frm_contact h2 { margin:30px 0; }
div#frm_contact { margin:10px 0 0 0; width:450px; padding:0; }
div#frm_contact .textfield, div#frm_contact textarea, div#frm_contact select { border:1px solid #CCCCCC; }
div#frm_contact label { display:block; font-size:1.2em; margin:10px 0; }
div#frm_contact  .dropdownlist { width:80px; padding:2px 0; }
div#frm_contact input.textfield { width:240px; height:15px; padding:2px 0; margin:0; }
div#frm_contact textarea { width:440px; height:240px; margin:0; }
div#frm_contact p { margin:20px 0 0 0; }
div#frm_contact input.btn_send { margin:20px 8px 20px 0; float:right; display:inline; }


/* Basic Poll Graph */
.graph { /* position: relative; /* IE Fix */
    width: 200px; margin:10px 0 0 0; border: 1px solid #FFFFFF; padding: 2px; }
    .graph .bar { display: block; position: relative; background-color:#FFFFFF; text-align: center; color: #333; height: 2em; line-height: 2em; margin:2px 0; }
    .graph .bar span { position: absolute; left: 1em; }