/**
 * Styles for any environment
 */

.socrates-websurvey, 
.socrates-websurvey table {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.socrates-websurvey {
  padding: 5px;
}

.socrates-websurvey #main {
  margin-left: auto; 
  margin-right: auto;
  margin-top: 100px; 
  background-color: transparent;
  width: 354px;
  height: 150px;
  text-align: center;
}

.socrates-websurvey .jshint {
  font: 10px mono;
  color: #FF6720;
}

.socrates-websurvey .debug {
  display: none;
}

.socrates-websurvey h1, 
.socrates-websurvey h2 {
  font-weight: bold;
  color: #364989;
}

.socrates-websurvey h1 {
  font-size: 12px;
}

.socrates-websurvey h2 {
  font-size: 11px;
}

.socrates-websurvey table.footer {
  margin-top: 10px;
  font-size: 9px;
  font-weight: bold;
  color: #223164;
  text-align: center;
  background: #d8e3fd;
}

.socrates-websurvey a {
  font-size: 11px;
  font-weight: bold;
  color: #364989;
  text-decoration: none;
}

.socrates-websurvey a:hover {
  text-decoration: underline;
}

.socrates-websurvey .footer a:hover {
  text-decoration: none;
}

.socrates-websurvey input {
  border: 2px solid #C7E0FE;
}

.socrates-websurvey input.submit {
  border-style: none;
  background-color: transparent;
  font-size: 11px;
  font-weight: bold;
  color: #364989;
  cursor: hand;
  cursor: pointer;
}

/* Group and item definitions */
.socrates-websurvey .questionfield {
  border: 0px solid black;
  padding: 10px 20px 10px 20px;
  background-color: #c7e0fe;
}

.socrates-websurvey .questionfield-empty {
  display: none;
}

.socrates-websurvey .questionfield .field-label {
  font-weight: bold;
  font-size: 15px;
}

.socrates-websurvey .questionfield .hint{
  color: #000000;
  font-size: 13px;
  padding-left: 1px;
}

.socrates-websurvey .answerfield {
  padding: 10px 20px 10px 15px;
  font-size: 13px;
}

/* general output field */
.socrates-websurvey div.output .questionfield {
  background-color: #eaf3ff;
}

.socrates-websurvey div.output .questionfield label {
  font-size: 15px;
  font-weight: bold;
  color: #293c77;
}

.socrates-websurvey div.output .answerfield {
  display: none;
}

/* specific output: output-hint / output-alert */
.socrates-websurvey div.output-hint .questionfield,
.socrates-websurvey div.output-alert .questionfield,
.socrates-websurvey div.output-info .questionfield,
.socrates-websurvey div.output-text .questionfield {
  background-color: #ffffff;
}

.socrates-websurvey div.output-info .questionfield label {
  border-bottom: 2px solid #038cc7;
}

.socrates-websurvey div.output-info .questionfield label {
  color: #364989;
}

.socrates-websurvey div.output-text .questionfield div.hint,
.socrates-websurvey div.output-text .questionfield label {
  color: #000000;
}

.socrates-websurvey div.output-alert .questionfield label {
  color: #FF6720;
}

/* groups matrices and general field stuff */
.socrates-websurvey .group {
  border: 0px;
  border-bottom: 2px solid #ff6100;
  margin: 10px 0px 10px 0px;
  padding: 0px;
}
.socrates-websurvey .group .label {
  margin-bottom: 10px;
  border-bottom: 2px solid #ff6100;
}

.socrates-websurvey .group .group .label {
  margin-left: 20px;
  margin-right: 20px;
  border-bottom: 2px solid #038cc7;
}

.socrates-websurvey .group .group .hint {
  margin-left: 20px;
}

.socrates-websurvey .group .group {
  border-bottom: none;
}

.socrates-websurvey .matrix {
  border: 0;
}

.socrates-websurvey .field { 
  padding: 0px;
  margin-top: 10px;
  border: 0px solid #d8e3fd;
  font-weight: normal;
  background-color:#eaf3ff;
}

.socrates-websurvey .field label {
  font-size: 11px;
  font-weight: normal;
  color: #364989;
}

.socrates-websurvey .group .label {
  font-weight: bold;
  font-size: 15px;
  color: #364989;
}

.socrates-websurvey div.alert {
  font-weight: bold;
  color: #FF6720;
}

.socrates-websurvey div.hint {
  color: #000030;
}

.socrates-websurvey .required-message { 
  float: right;
}

/* Other */
.socrates-websurvey td.label {
  background-color: #eff4ff;
  width: 100%;
}

.socrates-websurvey td.label-hinted {
  background-image: url('/websurvey/img/info.gif');
  background-repeat: no-repeat;
  background-position: right top;
  background-color: #eff4ff;
  width: 100%;
}

.socrates-websurvey tr.odd {
  background-color: #eff4ff;
}

.socrates-websurvey td.oddlast {
  background-color: #d6d6e7;
}

.socrates-websurvey th {
  font-weight: bold;
  color: #364989;
}

.socrates-websurvey #probar {
  border-style: none;
  background-color: #53A4EC;
  height:5px;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 5px;
}

.socrates-websurvey #progress {
  overflow: hidden;
  background-color: #FB7D42;
  height:5px;
  margin-bottom: 1px;
  margin-top: 1px;
} 

.socrates-websurvey table.section {
  background-color: #d8e3fd;
  color: #000000;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}

/* currency fields */
.socrates-websurvey input.currency,
.socrates-websurvey input.currencyleft,
.socrates-websurvey input.currencyright {
  border: 2px solid #FF6100;
  letter-spacing: 10px;
  font-family: Courier;
  font-size: 15px;
}

/* time fields */
.socrates-websurvey .time a {
  text-decoration: none;
  padding-bottom: 3px;
  padding-top: 3px;
}

.socrates-websurvey table.time {
  width: 60px;
  background-color: #e0e0e0;
}

/* more matrix definitions. */
.socrates-websurvey .matrix label {
  font-weight: bold;
  font-size: 15px;
  color: #364989;
}

.socrates-websurvey .matrix thead th {
  text-align: center;
}

.socrates-websurvey .matrix th {
  font-weight: normal; 
  font-size: 9px;
  color: #364989;
}

.socrates-websurvey .matrix td.last {
  background-color: #c7e0fe;
}

.socrates-websurvey .matrix tr {
  text-align: left;
}

.socrates-websurvey .matrix tr.odd {
  background-color:#eff4ff;
}

/* LINK BAR */
.socrates-websurvey .link_bar { 
  height: 1.5em;
  padding: 0.5em;
  background-color: #1e7ecb;
  margin-bottom: 0.5em;
  margin-right: 0em;
}

.socrates-websurvey .link_bar a,
.socrates-websurvey .link_bar a:visited,
.socrates-websurvey .link_bar a:hover {
  color: #ffffff;
  text-decoration: none;
}

.socrates-websurvey .link_bar a#link_left {
  float:left;
}

.socrates-websurvey .link_bar a#link_right {
  float: right;
}

/* other table stuff */
.socrates-websurvey table .answerfield {
  background-color: #ffffff;
}

/* layout for items */
.socrates-websurvey div.layout-compact .answerfield {
  background-color: #ffffff;
  padding-top: 0px;
}

.socrates-websurvey div.layout-compact .questionfield  {
  float: left;
  margin-right: 10px;
}

.socrates-websurvey div.layout-compact .questionfield .field-label {
  font-size: 10px;
}


/**
 * Categorized select styling.
 */
.socrates-websurvey .chooser { 
  width: 90%;
}

.socrates-websurvey .chooser-container #results {
  width: 100%;
  display: none;
  background-color: #c7e0fe;
  margin-top: 10px;
  margin-bottom: 20px;
}

.socrates-websurvey .chooser-container #search {
  margin-top: 10px;
  margin-bottom: 10px;
}

.socrates-websurvey .chooser-container .tabs { 
  margin-bottom: 0px;
  padding-left: 10px;
  background-color: #c7e0fe;
}

.socrates-websurvey .chooser-container .tabs .tab { 
  margin-bottom: 0px;
  background-color: #c7e0fe;
  float: left;
  margin-right: 10px;
  padding: 10px;
  font-size: 15px;
  font-weight: bold;
  color: #364989;
}

.socrates-websurvey .chooser-container .tabs .tab.selected {
  background-color: #c7e0dd;    
}

.socrates-websurvey .chooser-container .chooser, .chooser-container .search { 
  margin-top: 0px;
  background-color: #c7e0dd;
  clear: both;
  height: 300px;
  overflow: auto;
  padding: 20px;
}

.socrates-websurvey .chooser-container .search {
  display: none;
}

.socrates-websurvey .chooser .cascadelevel { 
  height: 200px;
  float: left;
  margin-right: 20px;
  background-color: #c7e0fe;
}

.socrates-websurvey .clear { 
  clear: both;
}