/*@media only screen
{
    -- This was causing wide screen on smartphones

    .ui-mobile {
        width: 640px !important;   
        background-color: grey;
        margin: 0 auto !important;
        position: relative !important;
    }*/

@media only screen and (min-width: 640px)
{
    .ui-mobile {
        width: 640px !important;   
        background-color: grey;
        margin: 0 auto !important;
        position: relative !important;
    }
}

.altlang_v
{
    font-style:italic;
    color:gray;
}

.altlang_h
{
    font-style:italic;
    color:gray;
    padding-left:15px;
}

.altlang_link
{
    font-style:italic;
}


.partner {
    margin-top:0px;
}
.content {
    /*padding-top:2px;*/    
    /*color:blue;
    font-weight:bolder;*/
}
.surveyinstr {
    color:black !important;
    font-weight:normal;
    /*font-style:italic;*/
}
.instr {
    color:black !important;
    font-weight:normal;
    font-style:italic;
}
.prompt {
    color:blue;
}
.copyright {
    color:black;
    font-size:xx-small;
    font-weight:normal;
}

ul {
/* used by bullet lists */
/* To make Section A instructions fit the iPhone screen*/
    margin-top:10px; 
    margin-bottom:10px;
}

h1 {
    font-size:x-large;
}

h2 {
/* Used by section headers for question */
    font-size:larger;
    padding-top:0px;
    margin-top:0px;
    margin-bottom:10px;
    color:black;
}

h3 { 
/* Used by section page headers for repeat question */
    padding-top:0px;
    margin-top:0px;
    margin-bottom:10px;
    color:black;
    /*font-style:italic;*/
    /*font-size:medium;
    font-weight:normal;*/
}

.javafail {
    color:red;
    font-weight:bold;
}

/* Hide the number input */
.full-width-slider input {
    display: none;
}

.full-width-slider .ui-slider-track {
    margin-left: 15px;
}

.alignleft {
    float: left;
    text-align:left;
    width:33.33333%;
}
.aligncenter {
    float: left;
    text-align:center;
    width:33.33333%;
}
.alignright {
    float: left;
    text-align:right;
    width:33.33333%;
}
.scalefooter {
    color:black;
    font-weight:bold;
    font-size:small;
}

.stretch-radio-7 .ui-controlgroup-controls
{
    width:100%;
    /*text-align:center;*/
}
.stretch-radio-7 .ui-radio {
    width:14.2857%;
    /*height:40px;*/
}
.stretch-radio-7 .ui-btn {
    margin-left:0px;
    padding-left:0px;
    text-align : center;
    /*height:40px;*/
}


.stretch-radio-4 .ui-controlgroup-controls
{
    width:100%;
    /*text-align:center;*/
    /*margin-top: 11px;*/
}
.stretch-radio-4 .ui-radio {
    width:25%;
    /*font-size:medium;*/
    /*margin-top: 26px;
    padding-left: 22px;*/
    /*text-align:center;*/
}
.stretch-radio-4 .ui-btn {
    margin-left:0px;
    padding-left:0px;
    text-align : center;
}

.stretch-radio-5 .ui-controlgroup-controls
{
    width:100%;
    /*text-align:center;*/
    /*margin-top: 11px;*/
}
.stretch-radio-5 .ui-radio {
    width:20%;
    /*font-size:medium;*/
    /*margin-top: 26px;
    padding-left: 22px;*/
    /*text-align:center;*/
}
.stretch-radio-5 .ui-btn {
    margin-left:0px;
    padding-left:0px;
    text-align : center;
}

.radio-number {
    /*color:b;*/
}

.radio-label {
    font-size:small;
    font-weight:normal;
    /*color:darkblue;*/
}