/* This is the CSS stylesheet used in the exercise. */





/* Elements in square brackets are replaced by data based on configuration settings when the exercise is built. */





/* BeginCorePageCSS */





/* Made with executable version 7.0 Release 2 Build 0 */





/* CSS variables for colours. */



:root {

    --strFontFace: Geneva, Arial, sans-serif;

    --strFontSize: medium;

    --strTextColor: #000000;

    --strTitleColor: #444444;

    --strFuncLightColor: #fff8f2;

    --strFuncShadeColor: #7f7973;

    --strLinkColor: #0000FF;

    --strVLinkColor: #0000CC;

    --strNavBarColor: #0000ff;

    --strNavLightColor: #7f7fff;

    --strNavShadeColor: #00007f;

    --strNavTextColor: #ffffff;

    --strPageBGColor: #eeeeee;

    --strExBGColor: #FFf2e6;

}



body {

    font-family: var(--strFontFace);

    /* background-color: var(--strPageBGColor); */

    color: var(--strTextColor);

    margin-right: 5%;

    margin-left: 5%;

    font-size: var(--strFontSize);

    /*padding-bottom: 0.5em;

    background-image: linear-gradient(to bottom, transparent 50px, white 50px, #d6d6d6), repeating-linear-gradient(-45deg, #303030, #303030 12px, #2a2a2a 12px, #2a2a2a 24px);*/

    background-image: linear-gradient(to bottom, transparent 25px, white 25px, #d6d6d6), repeating-linear-gradient(-45deg, #303030, #303030 6px, #2a2a2a 6px, #2a2a2a 12px);

    padding-top: 21px;

}



.logo1 {

    top: 10px;

    height: 15%;

    float: left;

    position: absolute;

}



.logo2 {

    height: 15%;

    position: absolute;

    right: 5%;

    top: 10px;

    display: block;

}



p {

    text-align: justify;

    margin: 0px;

    font-size: 1em;

    margin-top: 0.5em;

    margin-bottom: 0.5em;

}



ol li {

    margin-bottom: 10px;

}



ul li {

    margin-bottom: 5px;

}



div.Titles {

    padding: 0.5em;

    ;

    text-align: center;

    color: var(--strTitleColor);

}



button {

    font-family: var(--strFontFace);

    font-size: 1em;

    display: inline;

}



.ExerciseTitle {

    font-size: 140%;

    color: var(--strTitleColor);

}



.ExerciseSubtitle {

    font-size: 140%;

    color: var(--strTitleColor);

    text-align: center;

}



div.StdDiv {

    /*background-color: var(--strExBGColor);*/

    text-align: center;

    font-size: 120%;

    color: var(--strTextColor);

    /*	

			padding: 0.5em;

			

			border-style: solid;

			border-width: 1px 1px 1px 1px;

			border-color: var(--strTextColor);

			margin-bottom: 1px;

			*/

}



.container {

    margin-left: 5%;

    margin-right: 5%;

}



div.ExerciseContainer,

div.ReadingContainer {

    background-color: var(--strExBGColor);

    text-align: justify;

    font-size: 1em;

    color: var(--strTextColor);

    padding: 0.5em;

    border-style: solid;

    border-width: 1px 1px 1px 1px;

    border-color: var(--strTextColor);

    margin-bottom: 1px;

}



div.ReadingContainer,

div.ExerciseContainer {

    flex-grow: 1;

    flex-basis: 0;

}



div#ContainerDiv {

    margin: -1px;

    padding: 0;

    border: none;

    display: flex;

    justify-content: space-between;

}



@media (orientation: landscape) {

    div#ContainerDiv {

        flex-direction: row;

    }

}



@media (orientation: portrait) {

    div#ContainerDiv {

        flex-direction: column;

    }

}





/* EndCorePageCSS */



.ReadingText {

    text-align: left;

}



#ReadingDiv h3.ExerciseSubtitle {

    color: var(--strTextColor);

}



div.ExerciseDiv {

    color: var(--strTextColor);

}



.FuncButton {

    border-style: solid;

    border-radius: 0.5em;

    padding: 0.2em;

    min-width: 3em;

    border-left-color: var(--strFuncLightColor);

    border-top-color: var(--strFuncLightColor);

    border-right-color: var(--strFuncShadeColor);

    border-bottom-color: var(--strFuncShadeColor);

    color: var(--strTextColor);

    background-color: var(--strExBGColor);

    border-width: 1pt;

    cursor: pointer;

    box-shadow: 0.1em 0.2em 0.1em var(--strFuncShadeColor);

}



.FuncButtonQ {

    border-style: none;

    border-radius: 0.5em;

    /*

			padding: 0.5em;

			*/

    min-width: 3em;

    color: var(--strTextColor);

    background-color: var(--strExBGColor);

    border-width: 1pt;

    cursor: pointer;

    text-align: left;

}



.FuncButtonH {

    border-style: none;

    /*

			border-radius: 0.5em;

		

			padding: 0.5em;





			border-width: 1pt;



			*/

    color: var(--strTextColor);

    background-color: var(--strExBGColor);

    cursor: pointer;

    text-align: center;

}



.FuncButton:active {

    box-shadow: none;

}



.FuncButton:hover {

    color: var(--strExBGColor);

    background-color: var(--strTextColor);

}



.FuncButtonQ:hover,

.FuncButtonH:hover {

    color: var(--strExBGColor);

    background-color: var(--strTextColor);

}





/*BeginNavBarStyle*/



div.NavButtonBar {

    text-align: center;

    clear: both;

    font-size: 80%;

    box-sizing: border-box;

}



.NavButton {

    border-style: solid;

    border-radius: 0.5em;

    padding: 0.5em;

    min-width: 3em;

    border-left-color: var(--strNavLightColor);

    border-top-color: var(--strNavLightColor);

    border-right-color: var(--strNavShadeColor);

    border-bottom-color: var(--strNavShadeColor);

    background-color: var(--strNavBarColor);

    color: var(--strNavTextColor);

    border-width: 1pt;

    cursor: pointer;

    box-shadow: 0.2em 0.3em 0.2em var(--strNavShadeColor);

}



.NavButton:active {

    box-shadow: none;

}



.NavButton:hover {

    color: var(--strNavBarColor);

    background-color: var(--strNavTextColor);

}





/*EndNavBarStyle*/



a {

    color: var(--strLinkColor);

}



a:visited {

    color: var(--strVLinkColor);

}



a:hover {

    color: var(--strLinkColor);

}



table.PageTop {

    margin: auto auto 1em auto;

    border-collapse: collapse;

    padding: 0px;

}



table.PageTop tbody tr td {

    text-align: center;

    vertical-align: middle;

    font-size: 140%;

    padding: 1px;

    margin: 0px;

}