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: 525px;
}

.sixpointfive {
    left: 613px;
}


.seven {
    left: 700px;
}

.sevenpointfive {
    left: 787px;
}

.eight {
    left: 876px;
}

.drop-down {
    left: 953px;
}

/* zoom seeting */

.zoom {
    zoom: 2;
}


/* positions of the top text boxes */

.ref-name {
    position: absolute;
    top: 8px;
    left: 335px;
}


.observer-name {
    position: absolute;
    top: 104px;
    left: 335px;
}

.fixture {
    position: absolute;
    top: 56px;
    left: 72px;
    background-color: white;
}

.date {
    position: absolute;
    top: 56px;
    left: 508px;
}

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

.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/info.jpg");
    min-height:136px;
    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;
}

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;
    height: 21px;
    /*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
}