.input_hint {
  color:#999;
}

#login_form input {
  vertical-align:middle;
}

#login_button {
  margin-left:5px;
}

#login_form {
  margin-top:1.5em;
}

#login_form input[type=text] {
  line-height:1.5em;
}

/* survey styling start */

.survey_body {
  margin-top:1.5em;
}

.elements, .multiple_elements, .radio_options, .page_buttons, .inputs, .buttons, .group_elements {
  list-style:none;
  margin:0;
  padding:0;
}

.inputs {
  margin-bottom:1em;
}

.page_buttons .button {
  width:110px;
}

/* survey header */

.survey_header {
  margin-bottom:1.5em;
  border-bottom:1px solid #eee;
  overflow:hidden;
  zoom:1;
  padding-bottom:15px;  
}

.survey_header ul {
  float:right;
  margin-top:0.2em;
  list-style:none;
}

.survey_header p {
  margin-top:1em;
  margin-bottom:0;
}

.survey_header ul {
  overflow:hidden;
  *zoom:1;
}

.survey_header #auth {
  margin-bottom:0.5em;
}

#auth ul li.last {
  border:none;
  margin:0;
}

.survey_header ul li {
  float:left;
  border-right:1px solid #ddd;
  padding-right:10px;
  margin-right:10px;
}

.survey_header ul li span {
  color:#888;
}

.survey_header ul li.last {
  border:none;
  margin-right:0;
  padding-right:0;
}

.survey_header .progress {
  clear:right;
  margin-top:1em;
  float:right;
}

h1 {
  color: #30a0ce;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom:0;
}

h2 {
  font-weight:bold;
}

.matrix_header h3, h3.heading {
  color: #30a0ce;
  font-size:15px;
  margin-bottom:0;
}

.multiple_radio, .multiple_check, .text_area, li.text {
  padding-left:0px;
}

/*
.matrix_c_header {
  padding-left:0 !important;
}
*/

/* progress indicator */

.progress {
  overflow:hidden;
  display:block;
  *zoom:1;
  white-space:nowrap;
  line-height:1.5;
  font-size:0.9em;
}

.progress table {
  border:1px solid #ddd;
  width:100px;
  padding:1px;
  background:#fff;
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin-bottom:1px;
}

.progress td {
  padding:0px 3px;
}

.progress td.progress_done {
  background-color:#4AA02C;
  color:#fff;
  text-align:right;
}

.progress span {
  display:inline-block;
  margin-right:5px;
  vertical-align:middle;
}

/* page */

.page {
  overflow:hidden;
  zoom:1;
}

.page_elements {
  margin:1.5em 0 1.5em 1.5em;
}

.page.without_header .page_elements {
  margin-top:0;
}

.page.without_header .page_elements > li:first-child {
  margin-top:0;
}

.page_elements > li {
  margin-top:1.5em;
}

.page_elements > li.matrix {
  margin-top:0em;
}


.page_elements > li.group_without_header {
  margin-top:0;
}

.page_elements > li:last-child {
  margin-bottom:0;
}

.page_buttons {
  float:right;
  position:relative;
  left:-50%;
  text-align:left;
}

.page_buttons ol {
  list-style:none;
  position:relative;
  left:50%;
}

.page_buttons li {
  float:right;
  margin:0 5px;
  position:relative;
}

/* elements */

.element_header p {
  margin-bottom:0.5em;
}

.element_header .description p {
  margin-bottom:1em;
}

.element_header ul, .element_header .description ol  {
  margin:0.5em 0 0.5em 55px;
  list-style:disc;
}

.heading {
  line-height:1.5em;
  overflow:hidden;
  *zoom:1;
}

.element_header {
  margin-bottom:0.75em;
}

.element_header abbr.required {
  font-weight:bold;
}

.element_body {
  overflow:hidden;
  *zoom:1;
}

.heading.with_number label, .heading.with_number p, .heading.with_number .title {
  margin-left:45px;
  display:block;
}

.group_header .heading.with_number label, .group_header .heading.with_number p, .group_header .heading.with_number .title {
  margin-left:35px;
}

.group_header.horizontal .heading.with_number p, .group_header.horizontal .heading.with_number .title {
  margin-left:45px;
}

.group_header.horizontal .heading {
  margin-bottom:10px;
}

.number {
  color:#4481ca;
  font-weight:bold;
  float:left;
}

.indent {
  margin-left:45px;
}

.hint {
  font-size:0.8em;
  color:#888;
  margin-top:0.7em;
}

.error_hint {
  color:#c21f27;
  margin-bottom:0.5em;
}

.has_error input[type='text'] {
  border-color:#c21f27;
}

.header.has_error .heading, .header.has_error .heading .number {
  color:#c21f27;
}

/* group */

.group_elements li.grouped_element {
  margin-top:2em;
}

.group_elements li.grouped_element:first-child {
  margin-top:2em;
}

.group_with_header > .element_body > .group_elements {
  padding:0 10px;
}

.group_with_header > .element_body.indent > .group_elements {
  padding:0;
}


.group_without_header > .element_body > .group_elements {
  padding:0;
}

.group_elements li.group {
  margin-left:45px;
  margin-right:45px;
}

.group_elements li.group_without_header {
  padding:0;
  margin:0;
}

.group_elements li.last {
  margin-bottom:0;
}

/*
.group_header.level_1 {
  margin-bottom:1em;
}*/

.group_header {
  background:#efefef;
  padding:5px 10px;
  margin-bottom:0;
}

.group_header.horizontal {
  background:transparent;
  padding:0;
}

.group_elements.horizontal > li.element {
  display:inline-block;
  *zoom:1;
  *display:inline;
  vertical-align:top;
  margin:0 1em 0 0;
}

.group_elements.horizontal > li > .header .heading {
  color:#666;
}

.group_elements.horizontal > li > .header {
  margin-bottom:0.5em;
}

.group_elements.horizontal > li > .header.has_error .heading {
  color:#8A1F11;
}

.group > .element_body > .hint {
  margin-top:1em;
}

/* matrix */

.matrix table {
  border-collapse:collapse;
  width:100%;
  margin:0;
  font-size:0.85em;
}

.matrix .hint {
  text-align:center;
  margin-top:1em;
}

.matrix_row th {
  width:450px;
  max-width:450px;
}

.matrix_row th .number {
  width:15px;
}

.matrix .number_column {
  vertical-align:top;
}

.matrix th {
  padding:10px;
  color: #333;
  line-height:1.6em;
  vertical-align:top;
  border-top:1px solid #ddd;
}

.matrix .has_error th, .matrix .has_error th .number {
  color:#c21f27;
}

.matrix .spacer .header, .matrix .spacer .header p {
  margin-bottom:0;
}

.matrix .spacer .header .number {
  width:35px;
}

.matrix .spacer .header .indent {
  margin-left:35px;
} 

/*
.matrix .has_error th, .matrix .has_error td {
  background:#fde6e6;
}*/

.matrix th.column_header {
  background-color:#fff;
  white-space:nowrap;
  padding:7px 10px;
  min-width:15px;
  vertical-align:middle;
}

.matrix th.column_header, .matrix td {
  border-left:1px solid #ddd;
  text-align:center;
  border-top:1px solid #ddd;
}

.matrix th.column_header {
  border-top:1px solid #ddd;
  font-weight:bold;
}

.matrix thead th.last {
  border-right:1px solid #ddd;
}

.matrix td {
  text-align:center;
  padding:10px;
  vertical-align:middle;
}

.matrix td.comment_button_wrap {
  border-left:none;
}

.matrix tr.odd {
  background-color:#F4F6F8;
}

.matrix tbody tr:hover {
  background-color:#e9ecf3;
}

.matrix th.spacer {
  border-top:0px;
}

.matrix td select {
  margin:0;
}

.matrix td input.text {
  width:50px;
}

.matrix td.multiple_select .other input.text {
  width:150px;
}

.multiple_select .element_body {
  white-space:nowrap;
  text-align:left;
}

.multiple_select .other {
  margin-top:10px;
  margin-left:0;
}

.matrix .multiple_select .other {
  margin-left:5px;
  margin-top:0;
}

.matrix .multiple_select .other, .matrix .multiple_select .wrap {
  display:inline-block;
  vertical-align:middle;
  *zoom:1;
  *display:inline;
}

.matrix td.multiple_select .other.hidden {
  display:none;
}

.matrix td.multiple_select .other input.text {
  width:150px;
}

/* radio element */

.radio_options > li, .radio_options > li > input {
  vertical-align:top;
}

.radio_options > li {
  margin-bottom:0.3em;
  overflow:hidden;
  *zoom:1;
  line-height:1.5em;
}

.radio_options > li.last  {
  margin-bottom:0;
}

.radio_options > li > .other {
  /*margin-top:5px;*/
}

.radio_options > li.with_label, li.multiple_item_check > .other {
  margin-bottom:5px;
}

li.multiple_item_check > .other {
  margin-top:0px;
}

li.multiple_item_check > .other > .element_body {
  margin-top:5px;
}

.radio_options > li > label, li.multiple_item_check > label {
  display:block;
  margin-left:25px;
}

.radio_options > li > input, li.multiple_item_check > input {
  float:left;
  margin-top:5px;
  *zoom:1;
  line-height:1.5em;
}

.radio_options.horizontal > li {
  display:inline-block;
  *zoom:1;
  *display:inline;
}

.radio_options.horizontal > li > label {
  display:inline;
  padding-left:5px;
}

.radio_options.horizontal > li > input {
  float:none;
}

.multiple_select > select {
  min-width:100px;
}

/* multiple_item_check */

.multiple_item_check {
  overflow:hidden;
  *zoom:1;
  margin-bottom:0.3em;
  line-height:1.5em;
}

.multiple_item_check > .hint {
  margin-left:23px;
}

/* other option */

.other {
  display:block;
  overflow:hidden;
  *zoom:1;
  margin-left:25px;
}

.other.hidden {
  display:none;
}

.other .header p {
  color:#222;
  margin-top:0;
  margin-bottom:7px;
}

.other .header {
  margin-bottom:0em;
}

.element_body input.text {
  width:250px;
}

/* comment */

.comment_button {
  background:transparent url(/images/comment_new.gif) left top no-repeat;
  width:16px;
  cursor:pointer;
  height:16px;
  float:right;
}

.has_comment {
  background-image:url(/images/comment_yellow.gif);
}

.comment_dialog {
  display:none;
}

.ui-widget {
  font-size:0.9em;
}

.ui-dialog .ui-dialog-titlebar {
  padding-bottom:0.5em;
}

.ui-dialog .ui-dialog-content {
  padding:1em;
}

.ui-dialog .ui-dialog-buttonpane {
  margin-top:0;
}

.comment_dialog textarea {
  width:464px;
  margin:0;
  border-color:#cbd9ed;
  height:125px;
}

.comment_dialog p {
  text-align:left;
  line-height:1.6em;
  margin-bottom:1em;
}

.ui-datepicker-trigger {
  border:none;
  padding:0;
  margin-left:5px;
  width:17px;
  height:25px;
  display:inline-block;
  background:transparent url(/images/datepicker-icon.gif) left top no-repeat;
}