body {
    background: #ffffff;
}

white-backg {
    background: #ffffff;
}

.fa-report {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position:relative;
}

.five-to-four {
    background-image:url("/images/observer_report/5to4title.jpg");
    min-height:170px;
    min-width:1024px;

}



/* left margin for mark checkboxes / dropdowns*/

.six {
    left: 532px;
}

.sixpointfive {
    left: 613px;
}


.seven {
    left: 715px;
}


.eight {
    left: 872px;
}

.zero {
    left: 975px;
}

.drop-down {
    left: 953px;
}

/* zoom seeting */

.zoom {
    zoom: 2;
}

.q {
    position: absolute;
}

.q1 {
    top: 45px;
}

.q2 {
    top: 85px
}
.q3 {
    top: 123px
}
.q4 {
    top: 162px
}
.q5 {
    top: 206px
}
.q6 {
    top: 285px
}
.q7 {
    top: 323px
}
.q8 {
    top: 361px
}
.q9 {
    top: 400px
}
.q10 {
    top: 439px
}
.q11 {
    top: 511px
}
.q12 {
    top: 551px
}
.q13 {
    top: 591px
}
.q14 {
    top: 631px
}
.q15 {
    top: 701px
}
.q16 {
    top: 740px
}
.q17 {
    top: 778px
}
.q18 {
    top: 817px
}
.q19 {
    top: 854px
}
.q20 {
    top: 893px
}
.q21 {
    top: 964px
}
.q22 {
    top: 1001px
}
.q23 {
    top: 1040px
}

/* positions of the top text boxes */

.ref-name {
    position: absolute;
    top: 7px;
    left: 271px;
    width: 326px;
}


.observer-name {
    position: absolute;
    top: 37px;
    left: 271px;
    width: 326px;
}

.home-team {
    position: absolute;
    top: 97px;
    left: 276px;
    background-color: white;
    width: 351px;
}

.away-team {
    position: absolute;
    top: 97px;
    left: 663px;
    background-color: white;
    width: 350px;
}

.competition {
    position: absolute;
    top: 68px;
    left: 271px;
    background-color: white;
    width: 748px;
}

.strengths {
    background-image: url("/images/observer_report/strengths.jpg");
    min-height: 43px;

}

.key-focus {
    background-image: url("/images/observer_report/key_focus.jpg");
    min-height: 45px;

}

.overall-summary {
    background-image: url("/images/observer_report/overall_summary.jpg");
    min-height: 45px;
}

.overall-summary-comment {
    width: 998px !important;
}

.date {
    position: absolute;
    height: 21px;
    top: 7px;
    left: 827px;
}

.ko {
    position: absolute;
    top: 56px;
    left: 887px;
}

.main-grid {
    background-image:url("/images/observer_report/7to6maingrid.jpg");
    min-width: 1027px;
    min-height: 1074px;
}

.normal {
    position: absolute;
    bottom: 11px;
    left: 448px;
}

.challenging {
    position: absolute;
    bottom: 11px;
    left: 708px;
}

.very-challenging {
    position: absolute;
    bottom: 11px;
    left: 959px;
}

/* sizes for background images of question */

.header {
    background-image:url("/images/observer_report/7to6header.jpg");
    min-height:129px;
    min-width:1024px;
}

.category-div {
    background-image:url("/images/observer_report/category.jpg");
    min-height:41px;
    min-width:1024px;
}

.question-1-1 {
    background-image:url("/images/observer_report/1-1.jpg");
    min-height:170px;
    min-width:1024px;
}

.question-1-2 {
    background-image:url("/images/observer_report/1-2.jpg");
    min-height:88px;
    min-width:1024px;
}

.question-1-3 {
    background-image:url("/images/observer_report/1-3.jpg");
    min-height:111px;
    min-width:1024px;
}

.question-1-4 {
    background-image:url("/images/observer_report/1-4.jpg");
    min-height:59px;
    min-width:1024px;
}

.question-1-5 {
    background-image:url("/images/observer_report/1-5.jpg");
    min-height:110px;
    min-width:1024px;
}

.question-2-1 {
    background-image:url("/images/observer_report/2-1.jpg");
    min-height:200px;
    min-width:1024px;
}

.question-2-2 {
    background-image:url("/images/observer_report/2-2.jpg");
    min-height:63px;
    min-width:1024px;
}

.question-2-3 {
    background-image:url("/images/observer_report/2-3.jpg");
    min-height:138px;
    min-width:1024px;
}

.question-3-1 {
    background-image:url("/images/observer_report/3-1.jpg");
    min-height:272px;
    min-width:1024px;
}

.question-3-2 {
    background-image:url("/images/observer_report/3-2.jpg");
    min-height:134px;
    min-width:1024px;
}

.question-3-3 {
    background-image:url("/images/observer_report/3-3.jpg");
    min-height:94px;
    min-width:1024px;
}

.question-4-1 {
    background-image:url("/images/observer_report/4-1.jpg");
    min-height:240px;
    min-width:1024px;
}

.question-4-2 {
    background-image:url("/images/observer_report/4-2.jpg");
    min-height:91px;
    min-width:1024px;
}

.question-4-3 {
    background-image:url("/images/observer_report/4-3.jpg");
    min-height:89px;
    min-width:1024px;
}

.question-5-1 {
    background-image:url("/images/observer_report/5-1.jpg");
    min-height:216px;
    min-width:1024px;
}

.question-5-2 {
    background-image:url("/images/observer_report/5-2.jpg");
    min-height:90px;
    min-width:1024px;
}

.question-5-3 {
    background-image:url("/images/observer_report/5-3.jpg");
    min-height:113px;
    min-width:1024px;
}


.marks {
    background-image:url("/images/observer_report/marks.jpg");
    min-height:343px;
    min-width:1024px;
}

#section-1-mark {
    position: absolute;
    left: 728px;
    top: 92px;
}

#section-1-total {
    position: absolute;
    left: 968px;
    top: 92px;
}

#section-2-mark {
    position: absolute;
    left: 728px;
    top: 133px;
}

#section-2-total {
    position: absolute;
    left: 968px;
    top: 133px;
}

#section-3-mark {
    position: absolute;
    left: 728px;
    top: 178px;
}

#section-3-total {
    position: absolute;
    left: 968px;
    top: 178px;
}

#section-4-mark {
    position: absolute;
    left: 728px;
    top: 221px;
}

#section-4-total {
    position: absolute;
    left: 968px;
    top: 221px;
}

#section-5-mark {
    position: absolute;
    left: 728px;
    top: 264px;
}

#section-5-total {
    position: absolute;
    left: 968px;
    top: 264px;
}




#grand-total {
    position: absolute;
    left: 968px;
    top: 310px;
}


.total {
    font-size: larger;
    font-weight: bold;
}

input[type='text'] {
    font-size: larger;
    background-color: #f0eff3;
    /*background-color: #ffffff;*/
    border: 0px;
    text-align: center;
}

textarea {
    font-family: Arial;
    font-size: 11pt;
    height: 2em;
    width: 62em;
/*    background-color: #f0eff3;
    border: 0px; */
}


input[type='date'] {
    font-size: larger;
    background-color: #f0eff3;
    /*background-color: #ffffff;*/
    border: 0px;
}

input[type='time'] {
    font-size: larger;
    background-color: #f0eff3;
    /*background-color: #ffffff;*/
    border: 0px;
}

/* various options for sitting up from the bottom*/

.off-bottom-8 {
    position: absolute;
    bottom: 8px
}

.off-bottom-29 {
    position: absolute;
    bottom: 29px
}

.off-bottom-43 {
    position: absolute;
    bottom: 43px
}

.off-bottom-46 {
    position: absolute;
    bottom: 46px
}

.off-bottom-20 {
    position: absolute;
    bottom: 20px
}

.off-bottom-22 {
    position: absolute;
    bottom: 20px
}

.off-bottom-60 {
    position: absolute;
    bottom: 60px
}

.off-bottom-55 {
    position: absolute;
    bottom: 55px
}

.off-bottom-34 {
    position: absolute;
    bottom: 34px
}


.off-bottom-35 {
    position: absolute;
    bottom: 35px
}


.off-bottom-36 {
    position: absolute;
    bottom: 36px
}

.off-bottom-38 {
    position: absolute;
    bottom: 38px
}

.off-bottom-41 {
    position: absolute;
    bottom: 41px
}

.outer-fieldset {
    border-width:1px;
    border-style: solid;
    padding:0;
    margin: 0;
    border-color: #cf9fa1
}

.inner-fieldset {
    border-color:#eb938f;
    border-style: solid;
    border-width:1px;
    padding:0;
    margin:0;
}

.comment-number {
    display: inline-block;
    min-width: 100px;
    vertical-align: middle;
}

.table-row {
    display: table-row;
}
.table-cell {
    display: table-cell;
}
.left-number {
    width: 100px;
    border-right: 1px black;
    border-right-style: solid;
    text-align: center;
    vertical-align: middle;

}
.comment7to6 {
    margin: 5px 10px 5px 10px;
    resize: none;
    width: 896px;
}
.odd {
    background-color: #ebebeb;
}