/* >> Global styles definition */

/* body */
body {
    background-color: #dddddd;
    background-position: top 52px center;
    background-repeat: no-repeat;
    margin: 0;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

/* content */
.content-holder {
    width: 986px; /* note: actual width is 1024px */
    padding: 10px;
    margin: 0 auto;
    text-align: center;
}

/* href */
a {text-decoration: none;}
button, input[type="submit"], a:hover {cursor: pointer;}

/* float */
.to-left {float: left;}
.to-right {float: right;}
.clear {clear: both;}

.to-left:after,
.to-right:after {
    display: block;
    clear: both;
}

.spinner {
    background: white url('../images/spinner.gif') no-repeat 50% 50%;

    min-height: 14px;
    height: auto !important;
    height: 14px;

    min-width: 14px;
    width: auto !important;
    width: 14px;

}

.no-bg-cl {
    background-color: transparent !important;
}

.hidden {display: none;}


@media all and (max-width: 640px)
{
    #userbar {
        position: absolute !important;
        width: auto !important;
    }

    footer {
        width: auto !important;
        position: absolute !important;
        height: 111px;
    }

    footer .content-holder {
        padding: 11px 19px 0 19px;
    }
}

/* << Global styles definition */