
.minwidth {
    width: 95%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 2.5% 0px 2.5%;
}

.small {
    font-size: 12px;
    line-height:15px;
}

.warning, .red {
    color: #c64343;
}

.blue {
    color: #0E507E;
}

.green {
    color: #15751a;
}

.gray {
    color: #333;
}

.blueback {
    background-color:#227bb9;
    color:#FFF;
}

.redback {
    background-color:#C32830;
    color:#FFF;
}

.p20 {
    clear: both;
    height: 20px;
    font-size: 1px;
}

.p10 {
    clear: both;
    height: 10px;
    font-size: 1px;
}

.p5 {
    clear: both;
    height: 5px;
    font-size: 1px;
}

.hairline {
    display:block;
    height:1px;
    background-color:#DADADA;
}

.imginline {
    display: inline;
    vertical-align: middle;
}

.divrow {
    display: block;
    border-bottom: 1px solid #DDD;
    padding: 5px 5px 5px 3px;
    font-size:12px;
    background-color:#FAFAFA;
    min-height:15px;
    clear:both;
}

    .divrow:hover {
        background-color:#feefc7;
    }

.imglink {
    display: inline;
    vertical-align: middle;
    cursor:pointer;
    box-shadow:0px 0px 5px 0px #555;
    border:none;
    background-color:#FFF;
    border-radius:5px;
}

.alignleft {
    text-align:left;
}

.aligncenter {
    text-align:center;
}

.col80 {
    display: inline-block;
    width: 80%;
    float: left;
}

.col70 {
    display: inline-block;
    width: 70%;
    float: left;
}

.col50 {
    display: inline-block;
    width: 48%;
    margin-right:1%;
    float: left;
}

.col40 {
    display: inline-block;
    width: 38%;
    margin-right:2%;
    float: left;
}

.col33 {
    display: inline-block;
    width: 31%;
    margin-right:1%;
    float: left;
}

.col30 {
    display: inline-block;
    width: 28%;
    margin-right:2%;
    float: left;
}

.col25 {
    display: inline-block;
    width: 25%;
    float: left;
}

.col20 {
    display: inline-block;
    width: 20%;
    float: left;
}

.col15 {
    display: inline-block;
    width: 15%;
    float: left;
}

.col10 {
    display: inline-block;
    width: 10%;
    float: left;
}

.col7 {
    display: inline-block;
    width: 7%;
    float: left;
}

.col5 {
    display: inline-block;
    width: 5%;
    float: left;
}

@media screen and (max-width: 950px) {
    .col10 {width: 100%; margin-bottom:10px;}
    .col20 {width: 100%; margin-bottom:10px;}
    .col25 {width: 100%; margin-bottom:10px;}
    .col30 {width: 100%; margin-bottom:10px;}
    .col33 {width: 100%; margin-bottom:10px;}
    .col40 {width: 100%; margin-bottom:10px;}
    .col50 {width: 100%; margin-bottom:10px;}
    .col70 {width: 100%; margin-bottom:10px;}
    .col80 {width: 100%; margin-bottom:10px;}
}

.appdivblock {
    padding:10px 5%;
    width:90%;
    height:350px;
    border:1px solid #555;
    border-radius:5px;
}