body {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ccaa22;
    background-color: #000;
    margin: 0;
}


a {
    color: #0070b0;
    font-weight: bold;
    cursor: pointer;
    text-decoration:none;
}

a:hover {
    color: #50a0e0;
    text-decoration: underline;
}


img {
    border: none;
}

#logobar {
    background: #000;
    /*background-image: linear-gradient(#000000, #d0c030);*/
}
#logo{
    display:inline-block;
    padding:12px;
}

#logo a img
{
    height: 80px;
    
}

#maintop {
    float: right;
}

#strap {
    
    font-size: 40pt;
    font-style:italic;
    font-weight:bolder;
    color:#f7fcc2;
    padding: 0 12px;
    margin:6px 6px 6px 60px;
    text-align:right;
}

h1,
h2,
h3,
h4
{
    font-weight: 600;
    color: #d0c030;
    margin-bottom:3px;
}

h1{font-size:16pt;}
h2 {
    font-size: 15pt;
}
h3 {
    font-size: 14pt;
}

em {
    color: #7f8c8d;
}

p {
    word-spacing: 0.05em;
}

a.button,
input.button {
    padding: 0.75em 2em;
    border-radius: 2em;
    display: inline-block;
    color: #fff;
    background-color: #d0c030;
    transition: all 0.15s ease;
    box-sizing: border-box;
    border: 1px solid #d0c030;
}

    a.button.has-icon,
    input.button.has-icon {
        position: relative;
        text-indent: 1.4em;
    }

        a.button.has-icon > svg,
        input.button.has-icon > svg {
            position: absolute;
            left: 0.4em;
            top: 0.4em;
            width: 2em;
        }

    a.button.white,
    input.button.white {
        background-color: #fff;
        color: #d0c030;
    }

    a.button.gray,
    input.button.gray {
        background-color: #f6f6f6;
        color: #7f8c8d;
        border-color: #f6f6f6;
    }


.moduleSummary
{
    font-size: 0.8em;
    color: #f0d0a0;
}




.edit_link, SmallButton {
    display: inline-block;
    margin: 3px 3px 12px 0;
}

.edit_link a, SmallButton a {
    border: 1px solid #007000;
    background: #3060c0;
    padding: 3px 8px 3px 8px;
    color: white;
    font-size:1.1em;
}


#main, #foot 
{
    padding: 15px;
    
}

#main {
    margin: 0;
    background: #ffffff;
}

#foot {
    background: #000;
    /*background-image: linear-gradient(#d0c030, #000);*/
    color: white;

}

.footbit
{
    width:32%;
    float:left;
    padding: 0 0 0 4px;
}

#foot a {
    color: #f0e0a0;
}


/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

/* 12 column system:
    full screen:
    page = 12
    half page = 6
    quarter page = 3
    icon width = 2

    phone:
    3 cols
    icon = half page width
*/
.iconwidth{
    width:300px;
}

.megaiconwidth{
    width:300px;
}

.todo
{
    color:#500030;
    background:#c0c070;
}

#streak
{
    font-weight:bold;
    font-size: 1.3em;
    text-align:center;
    margin: 0 0 4px 0;
}

#streak .figure
{
    padding:2px 8px 2px 8px;
    margin: 0 4px 0 4px;
    background: #000;
    color:white;
}

.searchLabel{
    font-size:1.8em;
    font-weight:bold;
    color:#209010;
}

.emptySearch{
    margin:18px 0 18px 0;
}

sup {
    font-size: 0.4em;
}

#cookie_consent {
    background: #002000;
    color: #ccaa22;
    padding: 20px;
    font-size: 1.1em;
}

#cookie_consent a 
{
    color: #168989;
}
    #cookie_consent button {
        padding: 20px 40px 20px 40px;
        margin: 12px;
        font-size: 1.1em;
        font-weight: bold;
        background: #ccaa22;
        color: #002000;
    }

.message_area{
    width:50%;
    height:120px;
}

/* mobile */
@media only screen and (max-width: 800px) {
    .iconwidth, .megaiconwidth, .moduleIcon, .pageIcon
    {
        width:100% !important;
    }
    .moduleIcon, .pageIcon {
        height: 45px !important;
    }
    #strap
    {
        font-size:1.2em;
    }
    iframe{
        max-width:100% !important;
    }
    .courseIntroImage, .courseIntroImage img {
        width: 100%;
        max-width:100%;
    }
    
    .footbit {
        width: 100%;
    }
    .bigSearch input
    {
        width:80%;
    }
    .message_area {
        width: 90%
    }
}


.hide
{
    display:none;
}

.clear
{
    clear:both;
    margin-bottom:3px;
    padding-left:44px;
}


/*reporting*/

.bar {
    background: #5080b0;
}