/**

    Standard-Stile für Umfragen für Browser:   ()
  
 */
 
.input
{
    margin-top: 100px;
}
.preText p
{
    margin-bottom: 10px;
    text-align: center;
}
.footnote
{
    font-style: italic;
    font-size: small;
}
.hint
{
    color: #AA0000;
    font-size: smaller;
}
.lengthHint
{
    color: #999999;
    font-size: smaller;
}
td.checkbox
{
    width: 30px;
}
.section_heading
{
    font-size: larger; 
    font-weight: bolder;
}

#screen .item_mark
{
    color: #495E87;
    font-family: Arial Unicode MS, Lucida Sans Unicode;

    
        
        font-size: small;
    
}

#screen .instruction
{
    bottom: 0px; 
    font-size: smaller;
    font-style: italic;
    position: absolute; 
    text-align: center;
    width: 100%; 
}

#progress
{
    color: #495E87;
    display: block;
    font-size: small;
    font-style: normal;
    font-weight: normal;
}


/**

    Login-Seite
    
*/
#screen.login,
#screen.login p
{
    text-align: center;
}
#screen.login input#password
{
    margin-top: 30px;
}
#screen.login #screen_body
{
    margin-top: 75px;
}


/** 

 Item-Typen 
 
*/

#screen .item
{
    text-align: center;
}
#screen .item label
{
    cursor: pointer;
}
#screen .item .preText
{
    font-size: larger;
}
#screen .item .freeInput
{
    margin: 0em 1em !important;
}
#screen table.multipleChoice td,
#screen table.singleChoice td
{
    padding-bottom: 0.5em !important;
    vertical-align: top;
}
#screen table.multipleChoice,
#screen .vertical table.singleChoice
{
    border: none;
    text-align: left;
    width: 100%;
}
#screen table.multipleChoice td,
#screen table.singleChoice td
{
    padding-bottom: 0.5em;
    vertical-align: top;
}

#screen ul.multipleChoice,
#screen ul.singleChoice
{
    list-style: none;
}

#screen .item table.multipleChoice,
#screen .item .vertical table.singleChoice
{
    margin-left: 40px;
}
#screen .item .freeInput,
#screen .item .singleChoice,
#screen .item .multipleChoice
{
    margin: auto;
    width: 100%;
}
#screen .itemSeparator
{
    visibility: visible;
}
#screen table.singleChoice
{
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    text-align: center;
    vertical-align: middle;
}
#screen div.poledSingleChoice table
{
    border: none;
    margin: auto;
    width: 90%;
}
#screen div.poledSingleChoice td
{
    vertical-align: middle;
}
#screen div.poledSingleChoice.slider td
{
    vertical-align: inherit;
}
#screen .leftPole,
#screen .rightPole
{
    font-weight: bolder;
}
#screen div.poledSingleChoice td.leftPole,
#screen div.poledSingleChoice td.rightPole
{
    width: 20%;
}
#screen div.poledSingleChoice td.leftPole
{
    padding-right: 15px;
    text-align: right;
}
#screen div.poledSingleChoice td.rightPole
{
    padding-left: 15px;
    text-align: left;
}
#screen div.poledSingleChoice td.scale
{
    padding-top: 1em;
}
#screen div.poledSingleChoiceGroup
{
    margin-right: 10px;
}
#screen div.poledSingleChoiceGroup table
{
    /* bei einer "PoledSingleChoiceGroup" gibt es das Problem, dass ein
       breites Label am rechten Pol nicht auf den Screen passt - daher
       wird ein "PoledSingleChoiceGroup" pauschal nicht auf die gesamte
       Screen-Breite gezogen, um pauschal mehr Luft für das rechte Label
       zu haben */
    width: 95%;
}
#screen div.poledSingleChoiceGroup .leftPole,
#screen div.poledSingleChoiceGroup .rightPole
{
    font-size: smaller;
    max-width: 3em;
}
#screen div.poledSingleChoiceGroup .option
{
    width: 3em;
}
#screen div.poledSingleChoiceGroup tr
{
    vertical-align: middle;
}
#screen div.poledSingleChoiceGroup td.subItem
{
    height: 2.5em;
    padding: 0.5em 0.5em 0.5em 0;
    text-align: left;
    width: 50%;
}

/**
    individuelles Styling der Einverständniserklärung
*/
#screen.agreement .item
{
    margin-top: 50px;
}
#screen.agreement .input
{
    margin-top: 30px;
}

/**
    individuelles Styling der Stammdaten-Maske
*/
#screen.testperson .item .preText
{
    font-size: inherit;
}
#screen.testperson .item .preText p
{
    display: inline;
}
#screen.testperson #screen_body > .preText
{
    display: block;
    margin-bottom: 40px;
}
#screen.testperson #screen_body .item
{
    margin-left: auto;
    margin-top: 20px;
    text-align: center;
}
#screen.testperson #screen_body .item .preText
{
    position: absolute;
}
#screen.testperson #screen_body .item .input
{
    display: inline;
    margin-left: 150px;
}
#screen.testperson2 #screen_body .item .input
{
    display: inline;
}
#screen.testperson #screen_body .item .freeInput
{
    margin: 0 !important;
}


/**
    angepasste Stile zum jQuery-Slider (bzw. zum Labeled-Slider) 
 */
.ui-slider-horizontal .ui-slider-handle
{
    margin-left: -0.55em;
    top: -0.4em;
}
.ui-slider-handle
{
    background: #9eb3dc !important;
    border: 1px solid #495e87 !important;
}
.ui-slider-handle-label
{
    color: #333333;
    display: inline-block;
    font-size: 0.9em;
    font-weight: normal;
    position: relative;
    text-align: center;
    
    left: -1em;
    top: -1.5em;
    width: 3em;
}
.ui-slider .ui-slider-handle
{
    height: 1.4em;
    width: 1em;
}
.ui-slider-wrapper
{
    width: 100% !important;
}
.ui-slider-wrapper .ui-widget .horizontal
{
    margin-top: 1em;
}
.horizontal .ui-slider-labels
{
    top: -0.6em;
}
.horizontal .ui-slider-label-ticks
{
    border-left: 1px solid #CCCCCC;
    height: 1.9em;
}
.horizontal .ui-slider-label-ticks span
{
    top: 2em;
}
.ui-slider-handle:focus
{
    outline: none;
}
.ui-widget
{
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
}
.ui-widget-content
{
    background: #eeeeee url("../res/img/jquery/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
}








/**

    Stile für den IQP IQ-Test für Browser:   ()
  
 */
 
#screen.iq-numeric-calculation #screen_body .preText,
#screen.iq-numeric-series #screen_body .preText {
    text-align: center;
}
#screen.iq-numeric-calculation #screen_body .preText img {
    width: 50%;
}
#screen.iq-numeric-calculation #screen_body .item {
    margin-bottom: 7em;
}
#screen.iq-numeric-calculation #screen_body .item .input {
    margin-top: inherit;
}
#screen.iq-numeric-calculation #screen_body .preInput {
    font-weight: bolder;
}
 
#screen.iq-abstract-matrix #screen_body div.input,
#screen.iq-numeric-series #screen_body div.input,
#screen.iq-verbal-analogy #screen_body div.input,
#screen.iq-verbal-sentence #screen_body div.input {
    margin-top: 2em;
    margin-bottom: 3em;
}
#screen.iq-verbal-analogy #screen_body div.input,
#screen.iq-verbal-sentence #screen_body div.input {
    margin-left: 30%;
}
#screen.iq-abstract-matrix #screen_body input[type=radio] {
    display: none;
}
#screen.iq-abstract-matrix #screen_body img {
    vertical-align: top;
    width: 65%;
}
#screen.iq-abstract-matrix #screen_body th {
    padding: 1em 0.5em;
}
#screen.iq-abstract-matrix #screen_body th.selected {
    background-color: lightblue;
}

#screen.iq-verbal-analogy #screen_body li,
#screen.iq-verbal-sentence #screen_body li {
    padding-bottom: 0.5em;
}
#screen.iq-verbal-analogy #screen_body .preText img,
#screen.iq-verbal-sentence #screen_body .preText img {
    max-width: 100%;
}

#screen.iq-abstract-matrix #screen_body .preText div.image {
    margin-top: 2em;
    text-align: center;
}