/* DIV : SURVEYDIV */

.site .surveydiv { width: 100% }

/* DIV : WARNINGDIV */

.site .surveydiv .warningdiv H2 { font-size: 120%; margin: 0px; color: #000000 }
.site .surveydiv .warningdiv { width: 100%; background: #ffcfcf; border: 1px solid #ffb2b2 }
.site .surveydiv .warningdiv .framediv { margin: 10px }
.site .surveydiv .warningdiv .icondiv { width: 10%; height: 50px; float: left }
.site .surveydiv .warningdiv .messagediv { width: 90%; float: left }
.site .surveydiv .warningdiv .buttondiv { text-align: right }
.site .surveydiv .warningdiv .buttondiv INPUT { border: 1px solid #808080; text-transform: lowercase; width: 100px }

/* DIV : TITLEDIV */

.site .surveydiv .titlediv { float: left; margin-bottom: 20px }

/* DIV : SURVEYPAGEDIV */

.site .surveypagediv { visibility: hidden; display: none }

/* DIV : SCALEDIV */

.site .surveydiv .scale { width: 716px; margin-bottom: 10px }

/* DIV : PROGRESSBAR */

.site .surveydiv .progressbardiv { height: 32px; float: right; margin-bottom: 20px }
.site .surveydiv .progressbardiv .pagediv { width: 10px; height: 30px; border: 1px solid #D0D0D0; float: left; margin-left: 2px; text-align: center }
.site .surveydiv .progressbardiv .pagediv P, .site .surveydiv .progressbardiv .titlediv P { margin: 0px; margin-top: 6px; font-weight: bold  }
.site .surveydiv .progressbardiv .completed { background: #89c36f }
.site .surveydiv .progressbardiv .current { background: #a7d891 }
.site .surveydiv .progressbardiv .titlediv { width: 153px; height: 32px; background: #F0F0F0; font-weight: bold; text-align: center }

/* FRAME FOR ONE SCALE */

.site .surveydiv .scale .items { border: 1px solid #808080 }
.site .surveydiv .scale .items .frame { margin: 10px }
.site .surveydiv .scale H2 { font-size: 120%; color: #000000; font-weight: bold; margin: 0px }
.site .surveydiv .scale .description { font-style: italic; margin-bottom: 10px }

/* HEADER FOR SCALE */

.site .surveydiv .items .header { width: 100%; background: #A0A0A0; color: #ffffff; text-transform: lowercase; font-size: 11px }
.site .surveydiv .items .header .scaleoption { }

/* SINGLE ITEM */

.site .surveydiv .items .item { width: 100%; vertical-align: middle; border-bottom: 1px solid #D0D0D0 }
.site .surveydiv .items .item .number, .site .surveydiv .items .header .number { width: 15px; float: left; font-size: 9px; font-weight: bold; color: #808080; margin-right: 10px }
.site .surveydiv .items .item .question, .site .surveydiv .items .header .question { width: 200px; float: left; margin-right: 20px }

/* SINGLE ITEM ANSWER OPTIONS */

.site .surveydiv .items .item .answer, .items .header .answer { width: 410px; float: left }
.site .surveydiv .items .item .answer .scaleoption, .site .surveydiv .items .header .answer .scaleoption { float: left }
.site .surveydiv .items .item .answer .scaleoption, .site .surveydiv .items .header .answer .scaleoption { text-align: center; vertical-align: middle }
.site .surveydiv .items .item .answer .scaleoption { height: 50px; border: 1px solid #ffffff }
.site .surveydiv .items .item .answer .scaleoption P { width: 100%; height: 100%; position: relative; top; margin-top: 15px }
.site .surveydiv .items .item .answer .scaleoption:hover { background: #F0F0F0; border: 1px solid #808080; cursor: hand }
.site .surveydiv .items .item .answer .selected { background: #E0E0E0; border: 1px solid #808080 }

.site .surveydiv .items .item .answer SPAN { padding: 0px; margin: 0px }
.site .surveydiv .items .item .answer .input, .site .surveydiv .items .item .answer .textarea, .site .surveydiv .items .item .answer .password, .site .surveydiv .items .item .answer .radio, .site .surveydiv .items .item .answer .checkbox, .site .surveydiv .items .item .answer .select, .site .surveydiv .items .item .answer .hidden { width: 406px; border: 1px solid #808080; margin: 0px; font-family: arial; font-size: 11px }
.site .surveydiv .items .item .answer .input { }
.site .surveydiv .items .item .answer .textarea { height: 100px; width: 90%; margin-bottom: 5px }
.site .surveydiv .items .item .answer .password { }
.site .surveydiv .items .item .answer .radio { width: 15px; border: 0px }
.site .surveydiv .items .item .answer .checkbox { width: 15px; border: 0px }
.site .surveydiv .items .item .answer .select { padding: 10px }
.site .surveydiv .items .item .answer .hidden { }

.site .surveydiv .items .item .answer .option { width: 410px }
.site .surveydiv .items .item .answer .extension { background: #e0e0e0 }
.site .surveydiv .items .item .answer .extension .frame { padding: 5px; width: 400px }
.site .surveydiv .items .item .answer .extension .frame .label { float: left; width: 350px; margin-right: 10px; padding-top: 2px }
.site .surveydiv .items .item .answer .extension .frame .field { float: left; width: 100% }
.site .surveydiv .items .item .answer .extension .frame .field input { margin: 0px; width: 220px }

.site .surveydiv .navigationbardiv { margin-top: 10px; text-align: right; width: 100% }
.site .surveydiv .navigationbardiv .next { border: 1px solid #808080; width: 100px }
.site .surveydiv .navigationbardiv .previous { border: 1px solid #808080; width: 100px }

/* DIV : AVERAGEBOX */

.site .averagebox { margin-top: 10px; border: 1px solid #808080; width: 100%; margin-bottom: 10px }
.site .averagebox .holderdiv { margin: 10px }
.site .averagebox .graphdiv { float: left; width: 65px; margin-right: 10px; height: 150px }
.site .averagebox .graphdiv .barsdiv { border-bottom: 2px solid #000000; height: 100px;  }

.site .averagebox .graphdiv .axisdiv { float: left; width: 5px; height: 100px }
.site .averagebox .graphdiv .graphboxdiv { float: left; width: 25px; height: 100px; margin-left: 2px }
.site .averagebox .normgroupdiv { background: #dfe36d }
.site .averagebox .ownscorediv { background: green }
.site .averagebox .favourablediv { background: green }
.site .averagebox .neutraldiv { background: #5881b6 }
.site .averagebox .unfavourablediv { background: red }
.site .averagebox .graphdiv .whitediv { width: 25px; background: white; text-align: center; font-size: 9px; font-weight: bold }
.site .averagebox .graphdiv .graph0div { height: 0px }
.site .averagebox .graphdiv .graph1div { height: 10px }
.site .averagebox .graphdiv .graph2div { height: 20px }
.site .averagebox .graphdiv .graph3div { height: 30px }
.site .averagebox .graphdiv .graph4div { height: 40px }
.site .averagebox .graphdiv .graph5div { height: 50px }
.site .averagebox .graphdiv .graph6div { height: 60px }
.site .averagebox .graphdiv .graph7div { height: 70px }
.site .averagebox .graphdiv .graph8div { height: 80px }
.site .averagebox .graphdiv .graph9div { height: 90px }
.site .averagebox .graphdiv .graph10div { height: 100px }
.site .averagebox .graphdiv .legenddiv { font-size: 9px }
.site .averagebox .graphdiv .legenddiv .itemdiv { margin: 0px; background: red  }
.site .averagebox .graphdiv .legenddiv .normgroupdiv { width: 5px; height: 5px; float: left; margin-top: 7px; margin-right: 5px; text-transform: lowercase }
.site .averagebox .graphdiv .legenddiv .ownscorediv { width: 5px; height: 5px; float: left; margin-top: 7px; margin-right: 5px; text-transform: lowercase }

.site .averagebox .detailsdiv { float: left; width: 590px }
.site .averagebox .detailsdiv P { margin: 0px }
.site .averagebox .detailsdiv .titlediv { font-weight: bold; margin-bottom: 5px }
.site .averagebox .descriptiondiv { background: #f0f0f0; margin-bottom: 5px; margin-top: 10px; border: 1px solid #e0e0e0 }
.site .averagebox .descriptiondiv P { margin: 5px }

/* DIV : groupnavigation */

.site .feedbackgroupnavigationdiv { width: 100%; margin-bottom: 15px }
.site .feedbackgroupnavigationdiv .itemdiv { cursor: pointer; margin-left: 3px; height: 60px; margin-right: 3px; width: 131px; float: left; text-align: center; background: #f0f0f0; border: 1px solid #c0c0c0 }
.site .feedbackgroupnavigationdiv .itemdiv .framediv { margin: 5px }
.site .feedbackgroupnavigationdiv .itemdiv .framediv A { text-decoration: none; color: #000000; font-weight: bold }

/* DIV : feedbackgroup */

.site .feedbackgroupdiv { visibility: hidden; display: none }

/* DIV : feedbacktext */

.site .feedbacktextdiv { visibility: hidden; display: none }

/* ELEMENT : HINT */

.hint { position: absolute; background: #f4f2b3; border: 1px solid #d6d37d; filter: alpha(opacity=80); -moz-opacity: 0.80; text-align: left; padding: 10px; z-index: 10; visibility: hidden }
.hint .header { font-weight: bold; margin: 0px }
.hint .text { margin: 0px; margin-bottom: 5px }

/* ELEMENT : VERBOSE */

.verbosevalue { color: #808080; margin-right: 10px }