@media screen and (min-width:815px)
{
div#main_layer
{
text-align: left;
border-color: #376BAD;
border-width: 1px;
border-style: solid;
border-radius: 5px;
font-family: verdana;
color: #000000;
padding: 8px;
font-size: 14px;
width: auto;
height: auto;
background-color: #bbcee6;
}
.item h1
{
font-size: inherit;
margin-top: 0px;
}
.item
{
border-radius: 5px;
padding: 5px;
background-color: #FFFFFF;
height: auto;
width: auto;
}
.header
{
width: 165px;
height: 60px;
}
.job
{
margin-left: 170px;
width: auto;
margin-top: -60px;
border-left: 2px solid #376BAD;
padding-left: 8px;
}

}
/*start of mobile css*/
@media screen and (max-width:814px)
{
    div#main_layer{
        clear: both;
        margin: 0;
        padding: 0;
        border-style: none;
        border-width: 0;
        border-radius: 0;
        width: auto;
        height: auto;
        font-size: 16px;
        text-align: left;
        background: none;
        background-color: none;
    }
    div.header{
        margin: 0;
        padding: 0;
        width: auto;
        height: auto;
    }
    div.item{
        margin: 0;
        padding: 4px;
        width: auto;
        height: auto;
        border-radius: 0;
        border-style: none;
    }
    div.job{
        margin: 0;
        border-radius: 0;
        border-style: none;
        border-radius: 0;
        border-width: 0;
        padding: 0;
        width: auto;
        height: auto;
    }
    br#qbbreak{
        display: none;
    }
    br.jobbreaks{
       display: none;
    }
    div.item h1{
        width: auto;
        height: auto;
        font-size: inherit;
        border-bottom-style: solid;
        border-bottom-color: #376BAD;
        border-bottom-width: 2px;
    }
    
    div#payroll{
        clear: both;
    }
   
    
}