@media screen
{
    .content
    {
        float: left;
        width: 78%;      
        background-color: transparent;
        margin-top: 0px;
        margin-bottom: 10px;
        margin-left: 0;
        padding-left: 2%;
        padding-right: 1%;
        padding-top: 5px;
        min-height: 1000px;
    }
    
    .content-middle
    {
        float: left;
        width: 56%;      
        background-color: transparent;
        margin-top: 0px;
        margin-bottom: 10px;
        margin-left: 0;
        padding-left: 2%;
        padding-right: 1%;
        padding-top: 5px;
        min-height: 1000px;
    }    

    #menuColumn
    {
        float: left;
        width: 17%;
        min-width: 100px;
        margin-top: 0px;
        margin-bottom: 10px;
        margin-right: 0px;
        margin-left: 0px;
        padding-left: 0px;
        border-radius: 5px;
        /* min-height: 1000px;*/
        background: -moz-linear-gradient(left, rgba(255,255,255,0.76) 70%, rgba(255,255,255,0.76) 72%, rgba(249,249,249,1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(70%,rgba(255,255,255,0.76)), color-stop(72%,rgba(255,255,255,0.76)), color-stop(100%,rgba(249,249,249,1))); 
        background: -webkit-linear-gradient(left, rgba(255,255,255,0.76) 70%,rgba(255,255,255,0.76) 72%,rgba(249,249,249,1) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0.76) 70%,rgba(255,255,255,0.76) 72%,rgba(249,249,249,1) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0.76) 70%,rgba(255,255,255,0.76) 72%,rgba(249,249,249,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2ffffff', endColorstr='#f9f9f9',GradientType=1 );
        background: linear-gradient(left, rgba(255,255,255,0.76) 70%,rgba(255,255,255,0.76) 72%,rgba(249,249,249,1) 100%);
        display:block;
    }

    #colright
    {
        margin-top: 0px;
        float: right;
        width: 25%;
        min-height: 1000px;        
        padding-left: 10px; 
        margin-bottom: 10px;
        padding-right: 10px;
        padding-top: 0px;
        background-color:white;
        border-left: none;
    }   
    
    
    img
    {
        max-width: 90%;
    }
    
}

@media only screen and (max-width : 800px) 
{
    .content
    {
        padding-left: 5px;
        padding-right: 5px;
        width: 95%;
    }
    
    .content-middle
    {
        width: 95%; 
        min-height: 50px;
    }
    
    #bannerloginform
    {
        display:none;
    }
    
    .banner-logo-image
    {
        margin-top: 0px;
        margin-left: 0px;
        max-width: 50%;
        height: 50px;        
    }
        
    
    div.top_banner_bottom
    {
        height:5px;
        margin-top:0px;
        padding-top:0px;
        position:relative;
        background-image:url(../images/bannerLogoGrey.gif);
        width:100%;
    }

    #mobilenav
    {
        display: block;
        background-color: white;
        height: 40px;
        padding: 5px;
    }

    #main
    {
        position: static;
        margin-top:10px;
        left:0px;
        width:100%;
        padding-left: 5px;
        padding-right: 5px;
    }

    #welcomeMain
    {
        position: static;
        margin-top:25px;
        padding-left: 5px;
        padding-right: 5px;
        width: 90%;
        left:0px;
    }


    #menuColumn
    {
        display: none;
        float:left;
        overflow:visible;
        background-image:none;
        background-repeat:none;
        width: 100%;
    }    
    
    #menuContainer
    {
        width:100%;
        margin-top:0px;
        border-top:1px solid #d9d9d9;
        z-index: 100;
        margin-bottom: 10px;
    }    

    div.welcomeRightColumn
    {
        width:90%;
        padding-top:30px;
        position: relative;
        float: left;
        left: 5px;
    }    

    div.panel-right
    {
        width:90%;
        padding-top:30px;
        position: relative;
        float: left;
        left: 5px;
    }    
}

 /* ENd of Neoserra */
    

/*
 * iPhone 6plus and less, reduce the logo size
 */
@media only screen and (max-width : 414px) 
{
    .banner-logo-image
    {
        margin-top: 0px;
        margin-left: 0px;
        max-width: 50%;
        height: 50px;        
    }
    

    input[type="text"], input[type="password"]
    {
        width:auto;
        padding-top:0px;
        vertical-align:top;
    }    
}

@media print
{
    root { 
        display: block;
    }

    #header, #menuColumn
    {
        display:none;
    }

    #colleft
    {
        width:1%;
        display: none;
    }


    #colright
    {
        width: 1%;
        float: left;
        margin-top: 5px;    
        min-height: 50px;        
        display: none;
    }

    .content{
        width: 100%;
        margin-top: 5px;
        min-height: 50px;
        border-left: white;         
    }


    .sectionEditLink
    {
        display:none;
    }    
    
    .print-only
    {
        
    }
    
    .screen-only
    {
        display:none;
    }    
}