@media print {
   body {
   display:table;
   table-layout:fixed;
   padding-top:0cm;
   padding-bottom:2.5cm;
   height:auto;
    }
}

.protoquest { 
    position: relative;
    padding: 15px; 
}

.protoquest .questionWrapper { }

.protoquest .questionWrapper ul
{
    list-style-type: none;
    padding: 0;
}

.protoquest .questionWrapper li
{
    padding: 5px;
    display: none;
    height: 70px;
    visibility: hidden;
    border-bottom: 1px solid #ccc;
}

.protoquest .questionWrapper li .sliderWrapper
{
    width: 55%;
    margin-top: 3px;
    float:right;
}

.demoSliderWrapper .sliderDescription{font-style: italic; margin-top: 10px;}
.demoSliderWrapper .ui-widget-content {background: url(jqueryui/images/custom_slider_content.png) 100% 50% no-repeat !important;}

.protoquest .questionWrapper li .sliderWrapper div.sliderDescription
{
    font-style: italic;
    margin-top: 5px;
}

.protoquest .questionWrapper li .question
{
    font-weight: bold;
    color: #333333;
    width: 40%;
}

.protoquest .questionWrapper li .question label {
    margin-bottom:0;
}

.protoquest .questionWrapper li div.sliderTick, .protoquest .questionWrapper li div.sliderDescription, .protoquestHelp div.sliderTick
{
    padding-top: 10px;
    margin-top: 12px;
}

.protoquest .questionWrapper li.visible
{
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;

     -ms-flex-align: center;
     -webkit-align-content:flex-end;
     -ms-align-content:center;
     align-content:flex-end;
     justify-content:space-between;
     align-items:center;
     
     visibility: visible;

     page-break-inside: avoid;
     page-break-before: auto;
     page-break-after: auto;
}

.protoquest .questionWrapper li.error
{
    border: 1px solid red;
}

.protoquest .buttons
{
    padding: 5px 5px 0 5px;
    min-height: 35px;
}

.protoquest p
{
    margin-bottom: 20px;
}

.protoquest .buttons .btnNext, .protoquest .buttons .btnSubmit {float:right}

.protoquest .results-updated-on {

    display: inline-block;
    float: left;
    margin-bottom: 1rem;
    margin-right: 1rem;
}

.protoquest .resultsWrapper {
    float: left;
    width: 50.1%;
}

.protoquest .resultsWrapper .desc
{
    font-size: 1.2em;
    color: #777;
}

.protoquest .dislikeAllWrapper
{
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0;
    width: 44%;
    padding: 17px 0 0 0;
    text-align: center;
    display: none;
}

.protoquest .dislikeAllWrapperIntro
{
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    padding: 90px 0 0 0;
    text-align: center;
    display: none;
}

.protoquest .graphWrapper svg
{
    margin-top: 150px;
}

.protoquest .graphWrapper .graphLegend .score
{
    float: right;
}

.invisible { visibility: hidden; display: none; position: absolute; left: -999px; }

.protoquest .viewCareers {margin-right: 14px;}

/* jqPlot specific overrides */
table.jqplot-table-legend { 
    top: 295px !important;
    background-color: transparent; 
}
@media (min-width:768px) {
    table.jqplot-table-legend {
        top: 0px !important;
        background-color: transparent;
        left: 30% !important;
        transform: translate(80%, -30%);
    }

}
table.jqplot-table-legend { width: 95%; position: relative !important; }
table.jqplot-table-legend td { padding: 2px 6px 2px 14px !important; }
table.jqplot-table-legend .jqplot-table-legend-swatch { width: 10px !important;}
table.jqplot-table-legend .jqplot-table-legend-label span { float: right; }

.protoquest .pieChart {
    width: 300px;
    height: 475px;
}

@media (min-width:768px) {
    .protoquest .pieChart {
        height: 255px;
        left: 30%;
        transform: translate(-60%, 30%);
    }
}


.protoquest .pieChart.small {
    width: 200px;
    margin-left: 270px;
    height: auto !important;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none; /* Only for graceful degradation in IE9, cannot be transitioned */
    -o-transform: none;
    transform: none;
}
.protoquest .pieChart.small table {
    left: -280px !important;
    top: 0 !important;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none; /* Only for graceful degradation in IE9, cannot be transitioned */
    -o-transform: none;
    transform: none;
}


.introPage .jqplot-series-canvas, .introPage .jqplot-event-canvas, .introPage .jqplot-pieRenderer-highlight-canvas {left: -60px !important; top: -50px !important;}

canvas.jqplot-series-canvas, canvas.jqplot-pieRenderer-highlight-canvas, canvas.jqplot-event-canvas {
    top: -55px !important;
}

/* jqUI overrides */

.protoquest .ui-widget-content
{
    background: url(jqueryui/images/custom_slider_content.png) 100% 50% no-repeat !important;
}

.ui-widget-header
{
    background: transparent;
}

.ui-slider-handle
{
    background: url(jqueryui/images/custom_slider_handle_default.png) 50% 50% no-repeat !important;
    height: 27px !important;
    width: 16px !important;
    border: none !important;
}

/* util */
.cssForceWidth100p
{
    width: 100% !important;
}

.cssWidth98p
{
    width: 98%;
}

.cssWidth80p
{
    width: 80%;
}

.cssInlineBlock
{
    display:inline-block;
}

.cssItalic
{
    font-style: italic;
}

.cssBold
{
    font-weight: bold;
}

.cssTopBotMargin10
{
    margin: 10px 0px 10px 0px;
}

.cssAlignCenter
{
    margin: 0 auto;
}

.sliderTick {
    border-bottom: medium none;
    border-right: medium none;
    border-top: medium none;
    position: absolute;
}

.interestProfileHelp 
{
    text-align: center;
    margin-top: 290px;   
}

.graphWrapperFooter {
    padding: 15px 20px;
    width: 300px;
    border-top: dashed 1px #ccc;
}

.shadow 
{
    opacity: 0.2;   
}



.introPage table.jqplot-table-legend {
    left: 200px !important;
    top: 50px !important;
}


.protoquest .profilerResults {
   margin-bottom: 30px;
}

.graphWrapperFooter .editYourAnswers 
{
    margin-left: 6px;
    cursor:pointer;
}

.rightSidebar {
    padding: 0 0 12px 12px;
    vertical-align: top;
    width: 224px; 
}


.hero-wrapper .loginContainer, .hero-wrapper .budgetCalculatorContainer {
    padding: 10px 15px;
    background: none repeat scroll 0 0 #DDDDDD;
}



.profilerResults .viewCareers {
    margin-left: inherit;
}