{}

/* assessment.css
This file contains all the styles for use throughout
the assessment process */

h3 {
display: inline;
}

/* Styles used within section _wm */
/* Font size form */
#fontsizeForm {
/** changes by Curt **/
position:relative;
/** end changes **/
}

#fontsizeForm div.row {
border: 0px solid #333;
background-color: white;
/** changes by Curt **/
position:relative;
/** end changes **/
}

#fontsizeForm div.spacer {
clear: both;
line-height: 0pt;
/** changes by Curt **/
position:relative;
/** end changes **/
}

#fontsizeForm div.fontRadio14pt {
float: left;
border: dashed 0px green;
width: 20%;
text-align: right;
padding-top: 10px;
/** changes by Curt **/
position:relative;
/** end changes **/
}

#fontsizeForm div.fontRadio18pt {
float: left;
border: dashed 0px green;
width: 20%;
text-align: right;
padding-top: 12px;
/** changes by Curt **/
position:relative;
/** end changes **/
}

#fontsizeForm div.fontRadio22pt {
float: left;
border: dashed 0px green;
width: 20%;
text-align: right;
padding-top: 16px;
/** changes by Curt **/
position:relative;
/** end changes **/
}

#fontsizeForm div.fontRadio26pt {
float: left;
border: dashed 0px green;
width: 20%;
text-align: right;
padding-top: 20px;
/** changes by Curt **/
position:relative;
/** end changes **/
}

#fontsizeForm div.fontRadio30pt {
float: left;
border: dashed 0px green;
width: 20%;
text-align: right;
padding-top: 20px;
/** changes by Curt **/
position:relative;
/** end changes **/
}

#fontsizeForm div.image {
float: left;
border: dashed 0px red;
cursor: pointer;
/** changes by Curt **/
position:relative;
/** end changes **/
}

#fontsizeForm label {
cursor: pointer;
}

#fontsizeForm  .fontstyle {
float: left;
border: dashed 0px green;
width: 20%;
text-align: right;
padding-top: 4px;
}
/* End of Font size form */

/* Font colour selection form */
.blackyellow {
color: black;
background-color: #FCF9A8;
padding: 5px;
width: 400px;
border: solid 2px black;
font-size: 120%;
}

.whiteblack {
color: white;
background-color: black;
padding: 5px;
width: 400px;
border: solid 2px white;
font-size: 120%;
}

.yellowblue {
color: yellow;
background-color: blue;
padding: 5px;
width: 400px;
border: solid 2px yellow;
font-size: 120%;
}

.choose_own_colors {
color: black;
background-color: white;
padding: 5px;
width: 400px;
border: solid 2px black;
font-size: 120%;
}

/* End of font colour form */

/* Mouse difficulties */
#mouseDifficulties {
width: 95%;
padding: 5px;
}

#mouseDifficulties div.row  {
clear: both;
padding-top: 10px;

}

#mouseDifficulties div.row span.label {
float: left;
text-align: right;
width: 5%;
font-size: %;
border: solid 0px red;
}

#mouseDifficulties div.row span.formfield {
padding-left: 5px;
float: left;
text-align: left;
font-size: %;
}

#mouseDifficulties input[type=checkbox] {
border: solid 1px gray;
background-color: #fff;
}

.underline {
cursor: pointer;
font-size: %;
}

/* */

/* Section RW Stiles */

/* Font style form */
#fontstyleForm {
/** changes by Curt **/
position:relative;
/** end changes **/
}

#fontstyleForm div.image {
float: left;
border: dashed 0px red;
cursor: pointer;
/** changes by Curt **/
position:relative;
/** end changes **/
}

#fontstyleForm label {
cursor: pointer;
}

#fontstyleForm  .fontstyle {
float: left;
border: dashed 0px green;
width: 35%;
text-align: right;
padding-top: 4px;
/** changes by Curt **/
position:relative;
/** end changes **/
}

/* */
.spacer {
clear: both;
line-height: 0pt;
/** changes by Curt **/
position:relative;
/** end changes **/
}

/* Section RW - Line spacing examples */

#linespacing {
/** changes by Curt **/
position:relative;
/** end changes **/
}

#linespacing input[type="radio"] {
position: relative;
right: 5000px;
 /* set to large number to make radio buttons disappear off screen and use position absolute*/
margin-top: 10px;
margin-bottom: 10px;
}

.linespacing {
position: relative;
cursor: pointer;
border: 3px solid black;
width: 70%;
padding: 10px;
display: block;
}

.linespacingFocus {
position: relative;
cursor: pointer;
border: 3px dashed red;
width: 70%;
padding: 10px;
display: block;
}

.linespacingSelected {
position: relative;
cursor: pointer;
border: 3px solid black;
width: 70%;
text-decoration: underline;
padding: 10px;
display: block;
}

.linespacingSelectedFocus {
position: relative;
cursor: pointer;
border: 3px dashed red;
width: 70%;
text-decoration: underline;
padding: 10px;
display: block;
}