body.default {background-color:#fff; font-size:11px; line-height:150%; font-family:Arial,Helvetica,sans-serif; color: #333;}

h1, h2, h3, h4, h5, h6, caption, legend {font-family: "Lucida Sans", Arial, Verdana, sans-serif;}

a:link,a:visited {color:#D31C5C; text-decoration:none;}

.outerframe {border: 1px solid #ddd;}

.welcome-survey-name, .survey-name {background: #D31C5C; border: 1px solid #ddd; border-bottom: 0; color: #fff;}

/*  what is this */
.assessment-heading {background: #D31C5C; border-bottom: 5px solid yellow}
.assessments {background: #fff;}

.surveydescription {text-align: left}

/* privacy */
.privacy {background: #eee; border-top: 1px solid #ddd;}
.privacynote {padding: 10px 20px 0;}

.navigator {background: #eee; border: 1px solid #ddd; border-top: 0;}

.left {float:left; margin-right: 5px}
.right {float:right; margin-left: 5px}

.welcome-survey-name .left {margin-right: 15px}
.welcome-survey-name .right {margin-left: 15px}

/* progress graph */
td.graph {background-color: #f6d2de; padding: 0.2em 0%;}
#progress-graph {line-height: 1.6em; width: 300px; margin-left: auto; margin-right: auto; margin-top: 0.2em; padding: 0.5em 0.5em 0.4em 1em; text-align: left;}
.hide {font-weight: normal; position: absolute; top: -9999px; left: -9999px;}
#progress-graph div.zero {width: 2.6em; margin-right: 0%;}
#progress-graph div.graph {width: 260px; height: 1em; border: 1px solid #000; margin-top: -1.2em; margin-left: 2.6em; margin-right: 0%;}
#progress-graph div.cent {width: 3em; margin-top: -1.5em; margin-left: 13.3em; margin-right: 0%;}

/* unchanged styles */
.questionhelp {
font-size:10px;
}

.clearall {
font-size:11px;
}

.answertextright {
text-align:left;
}

.array1 {
font-family:verdana;
font-size:11px;
text-align:center;
background-color:#fff;
}

.array2 {
font-family:verdana;
font-size:11px;
text-align:center;
background-color:#eee;
}

.arraycaptionleft {
text-align:right;
}

.saveall {
font-weight:400;
color:#000;
}

.asterisk {
color:red;
font-size:9pt;
font-family:verdana;
}

.innergraph {
direction: ltr;
}

.innergraph img {
height:12px;
vertical-align:top;
}

.innergraph table {
height:12px;
border:1px solid #000;
table-layout:fixed !important;
}

.innergraph td {
height:12px;
}

.printouttable {
width:100%;
}

.printouttable td {
border-color:#fff #fff #ddf;
border-style:solid;
border-width:1px;
}

.printouttable td:first-child {
background-color:#ddf;
font-weight:700;
text-align:right;
padding-right:5px;
padding-left:5px;
}

.printouttitle {
padding-right:5px;
padding-left:5px;
font-size:18px;
}

.surveytitle {
font-size:1.2em;
height:1.5em;
}

.surveytitle:hover {
text-decoration:underline;
color:#D31C5C;
}

.languagechanger {
font-size:1em;
}

.question,.answertext {
font-family:verdana;
font-size:11px;
}

.questiontext{
font-family:verdana;
font-size:12px;
font-weight:bold;
}

.errormandatory,.warningjs {
font-size:12px;
font-weight:700;
color:RED;
}

table.question {
width: 100%;
}

table.question tr.array1:hover,table.question tr.array2:hover {
background-color:#E5E5E5;
}