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

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

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

label       { font-weight: normal; font-size: 14px;}
fieldset    { padding:1.4em 0;  border: none; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  background-color:#fff;
  border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border-color:#666;
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0;
  width: 289px;
  padding: .5em;
}

select {
    background: #3f3f3f;
    color: #b6bebe;
    padding: 0.4em 0.5em;
    text-align: center;
    width: 302px;
}

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { 
    font-size: 12px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    height: 100px; 
    overflow:auto; 
    padding:.5em; 
    width: 289px; 
}

input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
  position:relative; 
  margin-right: 5px;
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }

form #submit {
    background: url('../img/submit_bg.png') repeat-x #d86708;
    border: none;
    color: #FFF;
    font-size: 16px;
    font-weight: normal;
    padding: 4px 15px;
    text-transform: uppercase;
}

form #submit:hover { cursor: pointer;}

#legal_agreement-element {
    clear: both;
    float: none;
    text-align: right;
    width: 778px;
    height: 300px;
}

#legal_agreement {
    height: 280px;
    width: 98%;
}

/* Success, notice and error boxes
-------------------------------------------------------------- */

#flash_message,
.error,
.notice,
.success {
    padding: .8em;
    margin-bottom: 1em;
    border: 2px solid #ddd;
}

.errors {
    color: #8a1f11;
    border-color: #FBC2C4;
    padding-left: 20px;
    padding-top: 5px;
}
#flash_message, .notice {
    background: #FCFDD6;
    color: #514721;
    font-size: 14px;
    border-color: #FEE36F;
    text-align: center;
}
.success {
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}
.error a {
    color: #8a1f11;
}
.notice a {
    color: #514721;
}
.success a {
    color: #264409;
}


#flash_message p {
    margin-bottom: 0;
}

/*ZF Forms*/

fieldset {
    clear: both;
    height: 1%;
    overflow: hidden;
    position: relative;
    width: 100%;
    zoom: 1;
}

form {
    zoom: 1;
}

form dl {
    display: block;
    margin-bottom: 5px;
    position: relative;
    zoom: 1;
}

form dl:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1;
}

.clear {
    clear: both;
    height: 1%;
    display: block;
    overflow: hidden;
    position: relative;
    zoom: 1;
}

form dt {
    float: left;
    padding-top: .25em;
    position: relative;
    text-align: right;
    width: 480px;
    zoom: 1;
}

form dd {
    display: block;
    float: left;
    margin-left: 0;
    padding-left: 20px;
    position: relative;
    overflow: hidden;
    width: 310px;
    zoom: 1;
}

form dd .description {
    color: #666;
    padding-top: 2px;
    font-style: italic;
}

ul.errors {
    background-color: #fbb;
    margin-top: 10px;
    padding-top: 0px;
}

/*Survey Forms*/

form.survey_form dt {
    float: none;
    text-align: left;
    width: 100%;
}

form.survey_form dd {
    width: 100%;
}

form.survey_form textarea {
    height: 60px;
    width: 450px;
}

form.survey_form fieldset {
    padding: 0.5em 0;
}

form.survey_form #submit-wrapper {
    text-align: left;
}

#page_title {
    margin-top: 50px;
}

#tasks {
    background-color: #aaa;
    border: 1px solid #505050;
    padding: 10px;
}

#tasks ul {
    padding-left:15px;
}

#q3a_wireless_difficulty-wrapper,
#q3b_explain_no_connection-wrapper,
#q5a_program_bluetooth_remote_settop_box-wrapper,
#q5a_opentext-wrapper,
#q5b_satifcation_control_level_remote-wrapper,
#form_app_three #q6_opentext-wrapper,
#form_app_three #q6_opentext-label,
#form_app_six #d3_age-label {
    display:none;
}