/** Fonts */
@font-face {
    font-family: 'Myriad Thin';
    src: url(../assets/shared/fonts/myriadpro/MyriadPro-LightCond.otf);
}

html {
    padding: 0px;
    margin: 0px;
    margin-right: auto;
    width: auto;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14;
    /* background: url("external_helpbg.jpg") fixed center !important; */
    background: white !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    color: black;
  }
  table,td,th{
    border: 2px solid black !important;

  }


  img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 300px;
  }

/* 
    Allows for the background to cover the whole of the text area and be scrollable
    Portrait mode also takes up a percentage of the screen to stop the text area becoming too small
*/
@media screen and (orientation: portrait)
{
    #wrapper
    {
        position: absolute;
        left: 0;
        right: 0;
        width: auto;
        min-height: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media screen and (orientation: landscape)
{
    #wrapper
    {
        position: absolute;
        left: 0;
        right: 0;
        width: 80%;
        min-height: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

/* Styles the background so that it doesn't scroll and takes up the whole screen */
html, body
{
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    overflow: auto;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

.header h1,
h2,
h3 {
  text-align: center;
  margin: 5px;
}

h3 {
    font-size: 25pt;
  }

.formattitle
{
    text-align: left;
}

/* Styles the main body of the text to be centred */
.formath2,.formath3
{
    text-align: center;
}

.formatul
{
    list-style-type: none;
    padding-bottom: 50px;
}

/* Styles text to have space in between each sentence and aligned to the left */
.formatli {
    padding-bottom: 6px;
    text-align: left;
}

ul li {
    padding-bottom: 20px;
    font-size: 15pt;
}

li {
    line-height: 30px;
}