/*Gridview Pager Style*/
.gridview {
    background-color: #808080 !important;
    color: white !important;
    padding: 2px !important;
    margin: 2% auto !important;
}

    /*Gridview Pager Inactive*/
    .gridview a {
        border-radius: 50% !important;
        background-color: #444 !important;
        padding: 5px 10px 5px 10px !important;
        color: #fff !important;
        text-decoration: none !important;
        -o-box-shadow: 1px 1px 1px #111 !important;
        -moz-box-shadow: 1px 1px 1px #111 !important;
        -webkit-box-shadow: 1px 1px 1px #111 !important;
        box-shadow: 1px 1px 1px #111 !important;
    }
        /*Gridview Pager Hover*/
        .gridview a:hover {
            background-color: #13e8d6 !important;
            color: #fff !important;
        }

    /*Gridview Pager Active*/
    .gridview span {
        background-color: #028d81 !important;
        color: #fff !important;
        -o-box-shadow: 1px 1px 1px #111 !important;
        -moz-box-shadow: 1px 1px 1px #111 !important;
        -webkit-box-shadow: 1px 1px 1px #111 !important;
        box-shadow: 1px 1px 1px #111 !important;
        border-radius: 50% !important;
        padding: 5px 10px 5px 10px !important;
    }
/*
.footer {
   
    text-align: center;
    font-size: 12px;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    color: #666;
}
*/

span .footer {
    font-size: 12px!important;
}

/*body {*/
   /* font: 100% Verdana, Arial, Helvetica, sans-serif;
    font: 100% myriad!important;*/
    /*background: #EBEBEB!important;
    margin: 0 0 30px 0!important;  it's good practice to zero the margin and padding of the body element to account for differing browser defaults 
    padding: 0!important;
    text-align: center;  this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector 
    color: #666!important;
    height: 100%!important;
    min-height: 100%!important;
}*/