* { font-family: Arial,sans-serif; font-size: 10pt; padding: 0; margin: 0; }

html, body { margin: 0; padding: 0; border: none; width: 100%; height: 100%; }
body { background: #f0f0f0; }
h1 { color: #00B6E5; font-size: 14pt;  font-weight: normal; margin-bottom: 20px; }
h2 { color: #333132; text-transform: uppercase; margin-bottom: 20px; }
h3 { color: #333132; text-transform: uppercase; margin-bottom: 20px; font-weight: bold; font-size: 9pt; }
p { color: #333132; line-height: 1.5em; margin-bottom: 20px; }
code, pre { background: #f5f5f5; color: #000; font-family: "Courier New",monospace; font-size: 9pt; white-space: pre; display: block; }
code i { font-style: normal; font-family: "Courier New", monospace; background: #CADCE3; font-size: 9pt; }
pre { background: #f5f5f5; }
a,
a:link,
a:visited,
a:active { color: #00B6E5; text-decoration: none; }
a:hover { color: #0072B1; }

.clear { display: block; height: 0; width: 0; visibility: hidden; clear: both; }

.header-container { background: #fff; }

.header { height: 70px; width: 960px; margin-left: auto; margin-right: auto; background: #fff; }
.header .logo { background: url('/img/betradar_logo.gif') left top no-repeat; width: 258px; height: 70px;  display: inline-block; }

.header-spacer { height: 40px; background: #00B6E5; position: relative; }
.header-spacer .left-fill { background: #0072B1; position: absolute; height: 100%; width: 50%; }
.header-spacer .center-fill { height: 40px; width: 960px; margin-left: auto; margin-right: auto; background: #00B6E5; position: relative; }
.header-spacer .badge { position: absolute; height: 40px; top: 0; left: 0; width: 90px; background: url('/img/nav_header.png'); }

.content { width: 960px; margin: 0 auto; background: #fff; }

.content .main {
    width: auto;
    padding: 20px 0 20px 0; 
    margin: 0 20px 20px 20px;
    float: left;
    position: relative;
}

.footer { width: 960px; margin: 0 auto; background: url('/img/footer_bg.png') no-repeat top left; height: 80px; }

ul { display:inline-block; margin: 5px;}
li { margin-left:15px; line-height: 1.5em; }

hr.default { color: #87cefa; border:none; border-top:1px dotted #87cefa; height:1px; }

.info-msg,
.success-msg,
.warning-msg,
.error-msg {
    margin: 10px 0;
    padding: 10px;
    border-radius: 3px 3px 3px 3px;
}

.info-msg {
    color: #059;
    background-color: #BEF;
}

.success-msg {
    color: #270;
    background-color: #DFF2BF;
}

.warning-msg {
    color: #9F6000;
    background-color: #FEEFB3;
}

.error-msg {
    color: #D8000C;
    background-color: #FFBABA;
}