/* PsO COLORS */
/* PsA COLORS */
div#tt_question_wrapper div.tt_question_container { display: none; margin-top: 30px; margin-bottom: 30px; }
div#tt_question_wrapper.pso_patient div.pso_patient { display: block; }
div#tt_question_wrapper.psa_patient div.psa_patient { display: block; }
div#tt_question_wrapper.pso_psa_patient div.pso_psa_patient { display: block; }
div#tt_question_wrapper.pso_prospect div.pso_prospect { display: block; }
div#tt_question_wrapper.psa_prospect div.psa_prospect { display: block; }
div#tt_question_wrapper.pso_psa_prospect div.pso_psa_prospect { display: block; }

div.ui-slider-question { margin-top: 40px; }
div.ui-slider-question div.copy { position: relative; padding-left: 16px; color: #004165; font-size: 14px; font-size: 0.875rem; font-family: "source_sans_probold"; }
div.ui-slider-question div.copy div.number { position: absolute; top: 0; left: 0; }
div.ui-slider-question div.ui-slider { width: 280px; margin: 0 auto; margin-top: 20px; }
div.ui-slider-question div.strongly { color: #86888a; font-family: "source_sans_probold"; font-size: 10px; font-size: 0.625rem; margin-top: 30px; }
div.ui-slider-question div.strongly div.disagree { float: left; text-align: center; }
div.ui-slider-question div.strongly div.agree { float: right; text-align: center; }
.psa div.ui-slider-question div.strongly { color: #86847b; }

.ui-widget.ui-widget-content { border: 0px solid #c5c5c5; height: 15px; border-radius: 8px; border-bottom: 1px solid #e2e5e7; /* background: #7e7e7e; !* Old browsers *! background: -moz-linear-gradient(top,  #7e7e7e 0%, #d7d7d7 50%, #b0b0b0 100%); !* FF3.6-15 *! background: -webkit-linear-gradient(top,  #7e7e7e 0%,#d7d7d7 50%,#b0b0b0 100%); !* Chrome10-25,Safari5.1-6 *! background: linear-gradient(to bottom,  #7e7e7e 0%,#d7d7d7 50%,#b0b0b0 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e7e', endColorstr='#b0b0b0',GradientType=0 ); !* IE6-9 *!*/ background: #f2f5f7; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset; cursor: pointer; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 3px solid #FFFFFF; width: 20px; height: 20px; border-radius: 10px; background: #0b4263; outline: 0; cursor: pointer; }

.ui-slider.highlight .ui-slider-handle { background: #668ca3; }
.psa .ui-slider.highlight .ui-slider-handle { background: #d47600; }

.ui-slider .ui-slider-range { border-radius: 10px; background-color: #668ca3; /* background: #7c4500; !* Old browsers *! background: -moz-linear-gradient(top,  #7c4500 0%, #d47600 50%, #ae6100 100%); !* FF3.6-15 *! background: -webkit-linear-gradient(top,  #7c4500 0%,#d47600 50%,#ae6100 100%); !* Chrome10-25,Safari5.1-6 *! background: linear-gradient(to bottom,  #7c4500 0%,#d47600 50%,#ae6100 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c4500', endColorstr='#ae6100',GradientType=0 ); !* IE6-9 *!*/ }
.psa .ui-slider .ui-slider-range { background-color: #cb7100; }

.ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -.7em; }

label.slider-label { position: absolute; width: 20px; margin-left: -10px; text-align: center; margin-top: 20px; color: #004165; font-size: 12px; font-family: 'source_sans_proregular',sans-serif; cursor: pointer; }
.psa label.slider-label { color: #363636; }

@media only screen and (min-width: 48em) { div#tt_question_wrapper div.tt_question_container { margin-top: 60px; margin-bottom: 80px; }
  div.ui-slider-question div.ui-slider { width: 480px; } }
@media only screen and (min-width: 62.5em) { div.ui-slider-question div.ui-slider { width: 500px; margin-left: 20px; }
  div.ui-slider-question div.strongly { font-size: 14px; font-size: 0.875rem; width: 550px; }
  .ui-widget.ui-widget-content { height: 20px; border-radius: 10px; }
  label.slider-label { margin-top: 30px; margin-left: -6px; }
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { width: 30px; height: 30px; border-radius: 15px; border-width: 4px; }
  .ui-slider-horizontal .ui-slider-handle { top: -.3em; }
  .ui-slider .ui-slider-range { border-radius: 10px; } }
/*! Helper classes */
/* Image replacement */
.ir { border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }

/* Hide visually and from screen readers: */
.hidden { display: none !important; }

/* Hide only visually, but have it available for screen readers: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: https://www.drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screen readers, but maintain layout */
.invisible { visibility: hidden; }

/* Clearfix: contain floats  For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `cf` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
div.ui-slider-question:before, div.ui-slider-question div.strongly:before, .cf:before { content: " "; /* 1 */ display: table; /* 2 */ }
div.ui-slider-question:after, div.ui-slider-question div.strongly:after, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ clear: both; }

/* Prevent text from breaking over two lines. */
.nobr { white-space: nowrap; }

/* Float rules */
.left { float: left; }

.right { float: right; }

/* 
* positioning rules
*/
.relative { position: relative; }

/*# sourceMappingURL=ui-slider-for-registration.css.map */