body, html {
    min-height: 100%;
}

/*  Just in case VS2012 decides to "fix" my CSS for me again
    
body {    
    background: #f8f8f8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#d3d3d5));
    background-image: -webkit-linear-gradient( #fff , #d3d3d5 ); 
    background-image: -moz-linear-gradient( #fff , #d3d3d5 ); 
    background-image: -ms-linear-gradient( #fff , #d3d3d5 ); 
    background-image: -o-linear-gradient( #fff , #d3d3d5 ); 
    background-image: linear-gradient( #fff , #d3d3d5 );
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#d3d3d5', GradientType=0);
}*/

body {    
    background: #f8f8f8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#d3d3d5));
    background-image: -webkit-linear-gradient( #fff , #d3d3d5 ); 
    background-image: -moz-linear-gradient( #fff , #d3d3d5 ); 
    background-image: -ms-linear-gradient( #fff , #d3d3d5 ); 
    background-image: -o-linear-gradient( #fff , #d3d3d5 ); 
    background-image: linear-gradient( #fff , #d3d3d5 );
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#d3d3d5', GradientType=0);
}

.body-container {    
    margin: auto;
    max-width: 925px;
}

.bordered-container {
    position: relative;
    margin: auto;
    padding: 0px 19px 14px;
    *padding-top: 0px;
    max-width: 225px;
}

.logo-container {
    /*background-image: url(https://cdn.sun.ac.za/img/mobile-apps/logostackleft300.png);*/
    background-image: url(../cdn/img/logostackleft300.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 70px;
    width: 100%;
    position: relative;    
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

.otherlogo-container {
    display: none;
}

.footer-container {
    position: relative;
    margin: auto;
    max-width: 256px;
}

.footer-icon {
    display: none;
}

.footer-text {
    margin: 0px;
    font-size: 0.7em;
    line-height: 1.7em;
}

.noWrapText {
    white-space: nowrap;
}

.credentialBlock {
    display: none;
}

#language-container, #submit-container {
    padding-top: 10px;
}

.infoWin-container {
    margin-top: 20px;
}

.infoWin {
    border: 1px solid #DDD;
    background-color: white;
    -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
            border-radius: 12px;
    margin-bottom: 10px;
}

    .infoWin h4  {
        margin-left: 30px;
    }

    .infoWin ul {
        margin-left: 9px;
        padding-top: 8px;
    }

    .infoWin li {
        margin-bottom: 5px;
    }

.infoWinTitle {
    position: relative;
}

.infoWinTitle img {
    position: absolute;
    top: -2px;
    left: 0px;
}

@media (min-width: 480px) {

    .bordered-container {
        padding: 19px 30px 14px;
        *padding-top: 19px;
        background-color: #fff;
        border: 1px solid #ddd;
        -webkit-border-radius: 12px;
           -moz-border-radius: 12px;
                border-radius: 12px;
    }

    .footer-container{
        max-width: 485px;
    }

    .footer-icon {
        display: block;
        float: left;
        width: 28px;
        height: 26px;
        /*background-image: url(https://cdn.sun.ac.za/img/corporate/Leaf_maroon_h20px.png);*/
		background-image: url(../cdn/img/Leaf_maroon_h20px.png);
        background-repeat: no-repeat;
        background-position: top left;
    }

    .footer-text {
        margin: 0 0 0 34px;
        line-height: 250%;
    }

    form.bordered-container {
        box-shadow: 0px 0px 12px 6px #CCC;
        margin-bottom: 20px;
    }
    
}

@media (min-width: 614px) {
    .infoWin {
        float: left;
        margin: 10px;
        height: 287px;
    }

    .infoWin-container {
        max-width: 614px;
        margin: auto;
    }
}

@media (min-width: 940px) {

    .logo-container {
        float: left;
        width: 165px;
        height: 174px;
        margin-left: 60px;
        margin-top: 65px;
        background-image: url(../images/logostack300-165x174.png);
    }

    .otherlogo-container {
        display: block;
        float: right;
        width: 320px;
        padding-top: 1.5em;
        padding-bottom: 0px;
    }

    .alumnilogo-container {
        background-image: url(../images/Alumni-logo.png);
        background-position: center;
        background-repeat: no-repeat;
        height: 147px;
        width: 98px; 
        margin: auto;
    }

    .matieslogo-container {
        background-image: url(../images/maties-standalone300-129x124.png);
        background-position: bottom;
        background-repeat: no-repeat;
        height: 124px;
        width: 129px;
        margin: auto;
        padding-top: 18px;
    }

    .body-container {
        margin-top: 40px;
    }

    .infoWin-container {
        max-width: 940px;
    }
}