body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, th, td { margin: 0; padding: 0 }
body { background: #f4f4f4 url(/ssi-images/misc/fade-background.gif) top left repeat-x fixed; font: 13px/1.385 Verdana, Geneva, "DejaVu Sans", Arial, Helvetica, Clean, sans-serif; *font-size:small; *font:x-small }

#content { float: inherit; } 

fieldset, img { border: 0 }
select, input, textarea { font-family: inherit; font-size: 99% }

blockquote { margin: 1em 40px; padding: 0 }
abbr, acronym { border: 0; border-bottom: 1px dotted #333; cursor: help }
cite, dfn, em, i, var, address { font-style: italic }
b, strong { font-weight: bolder }
address, var, cite  code, kbd, samp, pre { font-weight: normal }

pre, tt, code, kbd, samp  { font: 100% monospace }
pre { white-space: pre; margin-bottom: 1.385em }

dd { margin-left: 2em }
dl, p, address { display: block; margin-bottom: 1.385em }

h1, h2, h3, h4, h5, h6 { font-weight: bold }
h4,h5,h6 { font-size:100% }

h1 { color: #1a587c; font-size: 231%; line-height: 1.2em; margin-bottom: 0.6em }
h2 { color: #1a587c; font-size: 192%; line-height: 1.45em; margin-bottom: 0.725em }
h3 { color: #666666; font-size: 154%; line-height: 1.8em }

li ul, li ol { margin-top: 0; margin-bottom: 0 }
ul,ol { margin: 1em 2em 1.385em 2em }
ol { list-style-type: decimal }
ul { list-style-type: none }

table { border-collapse: collapse; border-spacing: 0; font: inherit; font: 100% }
caption { font-style: normal; font-weight: normal; text-align: left }

th { font-weight: bold; text-align: left }
th, td { padding: .2em }
tr.array2 td, tr.array1 td { text-align: center; }

/*************** tables ****************/
table.standard { width:100% }
table.standard td, table.standard th { border: 1px solid #ccc; padding: 4px; vertical-align:top }
table.standard th { background-color:#1a587c; color:#fff }

/***********************************************************************/

/* Default Survey Template */

.arraycaptionleft { text-align:right; }
.surveytitle { font-size:1.2em; height:1.5em; }
.surveytitle:hover { text-decoration:underline; color:#819d26; }
.languagechanger { font-size:1em; }
.errormandatory,.warningjs { font-size:12px; font-weight:700; color:RED; }
xtable.question tr.array1:hover,xtable.question tr.array2:hover { background-color:#A7A9D1; }

/* *** */


x.rank,x.rank td { font-size:10px; background-color:#f5f9f9; }
x.select { background-color:#EFEFEF; color:#555; font-family:arial; font-size:9pt; }
.textarea { width:99% }

.completed, .followupurl { text-align: center; width: 75%; margin: 20px auto; padding: 5px }
.completed { border: 2px solid #333 }
.followupurl { font-weight: bold; padding-bottom: 20px }

.survey-cleared { text-align:center; margin:0 auto; }

.text { }

.answertext { font-family:arial; color:#000; font-size:12px; font-weight:400; }

.survey-welcome { border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f5f9f9; padding:5px; }

.grayboxheader { font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#000; text-align:center; }
.grayboxfont { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#424142; }

.percentage { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:400; color:#000; }

.error { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:700; text-align:center; color:#CB0404; }


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


table,.printouttable { width:100%; }

xtable.question tr.array1:hover,xtable.question tr.array2:hover { background-color:#A7A9D1; }



/************************************************************************/
/* Start/End Page */

#frame { background-color: white; text-align: left; width: 880px; } 

#frame h1 { display: none; }
address { margin: 0; height: 1.5em; padding: 6px }
@media print { 
body { background: white }
#frame { width: 100%; border: none }
h1 img { display: inline } h1 div { display: none } 
address { background: white; color: grey }
}

th { font-weight: bold; text-align: center }

/* useful everywhere */
.pad { padding: 0 20px 0 20px }
.box { padding: 5px; margin: 10px 0; border: 2px solid black; border-left: 0; border-right: 0 }

/* Welcome/Survey */
.warningjs { display: block; color: red; font-weight: bold; text-align: center }
.surveydescription { }
.welcome { margin: 10px 0; border: 5px solid #1a587c; border-left: 0; border-right: 0; padding: 5px; background-color: #fff }
.therearexquestions { font-size: 90%;  font-style: italic }


.languagechanger { font-size:1em; display: none }

/* Navigatation  */
.navarea { padding: 3px; margin: 25px 0 0 0; xborder-top: 5px solid #1a587c }
.navarea .side { width: 12em; padding: 5px }
.navarea .center { text-align: center }
.navigator, .submit, .saveall, .clearall { cursor: pointer }
.clearall { text-align: right; width: 100% }
.clearall, .saveall { font-size: 80%; }
.clearall a { color: black }

/* Submit Page? */


/* Privacy Message? */
.privacymessage { margin: 10px 50px; padding: 5px; border: 1px solid black }

/* Group */

.groupname { 
font-weight: bold;
background-color:#e4e4e4; 
color:#1A587C; 
display:block;
float: left;
font-size:192%; 
line-height:1.45em; 
margin-bottom:0.725em; 
margin-left:-5px;
padding-left:5px;
width:100%;
} /* Based on EMU h2 styling */


/* Question */

input { margin: 0 3px }

.questionbox { margin: 20px 5px 10px 5px; background-color:#fff; padding: 1px 5px }
.questioncode { display: none }
.questiontext { xdisplay: inline; font-weight: bold }
.questionanswer { xdisplay: inline; font-weight: normal; margin-left: 5px; margin-right: 5px }
.questionhelp { font-size: 80%; margin: 5px 0 0 0; }
.questionhelp img { padding: 0 5px 0 0; }

table.question { width: auto }
.questionhelp { font-size: 80% }

.array2 { background-color:#eee }
tbody .array1, .array2 { border: 1px solid #999 }

.answertext, .answertextright { text-align:left }

font { font: inherit }

.graph { background-color: #1a587c; width: 180px; margin: 0 auto }
.innergraph { font-size: 80%; color: white; }
.innergraph table { background-color: white; height: 12px; table-layout: fixed !important;  }
.innergraph img { height: 12px; vertical-align: top }
.innergraph td { height: 12px; padding: 1px; width: 88px }

.asterisk { color: red; font-size: 75%; margin-left: -5px; display: none }


.printouttable { width: 100%}
.printouttable th, .printouttable td { border: 1px solid black }
.printouttable th:first-child { background-color: #f0f7ff }
.printouttable td:first-child { background-color: #f0f7ff; text-align: right; padding: 1px 5px }
.printouttitle { font-size: 1.2em; padding: 10px; display: none }

.printsidtoken { width: 440px; text-align: center; position: relative; top: -3em; float: left }

/************************* Custom CSS ****************************************************/
.dsheader{
   background-color:#efefef;
   border:1px solid #999;
}

.dual_scale_separator{
   background-color:#999;
}

#progress-wrapper #progressbar{
   margin-bottom:10px;
}

#progress-pre{
   color:#fff;
}

#progress-post{
   color:#fff;
}