/* common */

* {
    font-family: Arial, Verdana, Tahoma, sans-serif;
}

html,
body,
form {
    margin: 0;
    padding: 0;
}

body {
    background: #f0f0f0 url(/images/bg.gif) repeat-x left top;
    margin: 0 auto 30px auto;
    text-align: center;
}

div#container {
    margin: 0 auto 0 auto;
    text-align: center;
    width: 999px;
}

.dottedline-y {
    background: url(/images/dottedline.gif) repeat-y center top;
}

/* vote layer */

div.layer {
    border: 2px solid #dfdfdf;
    background: #ffffff;
    text-align: left;
    position: absolute;
    margin: 6px 0 0 0;
}

div.layer span.layer-title {
    color: #13598e;
    font-size: 14px;
    font-weight: bold;
    padding: 11px 7px 9px 7px;
    margin: 0 6px 0 6px;
    display: block;
    background: url(/images/dottedline.gif) repeat-x left bottom;
}

div.layer form {
    padding: 13px;
    margin: 0;
}

/* header */

div#header {
    background: url(/images/header-bg.jpg) no-repeat right top;
    text-align: left;
    height: 224px;
    width: 999px;
}

div#header a#header-logo {
    background: url(/images/header-logo.jpg) repeat;
    height: 145px;
    width: 485px;
    display: block;
}

div#header ul#header-nav {
    background: url(/images/header-nav.jpg) no-repeat left top;
    margin: 0;
    padding: 0 3px 0 3px;
    list-style-type: none;
    height: 35px;
}

div#header ul#header-nav li {
    line-height: 35px;
    float: left;
    margin: 0;
    padding: 0;
}

div#header ul#header-nav li a,
div#header ul#header-nav li a:hover,
div#header ul#header-nav li a.header-nav-active,
div#header ul#header-nav li a.header-nav-active:hover {
    background: url(/images/header-nav-cut.gif) no-repeat right top;
    padding: 0 13px 0 13px;
    line-height: 35px;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    display: block;
    text-decoration: none;
}


div#header ul#header-nav li a:hover,
div#header ul#header-nav li a.header-nav-active,
div#header ul#header-nav li a.header-nav-active:hover {
    background: url(/images/header-nav-active.gif) repeat-x left top;
    color: #333333;
}

div#header div#header-bar {
    background: url(/images/header-bar.gif) no-repeat left top;
    height: 44px;
}

div#header div#header-bar form {
    width: 253px;
    float: right;
    padding: 6px 0 0 0;
    text-align: left;
}

/* content */

div#content {
    width: 999px;
}

div#content div#content-main {
    float: left;
    width: 734px;
    text-align: left;
}

div#content div#content-main div#content-ad-728x90 {
    background: url(/images/content-ad-728x90.gif) no-repeat left top;
    text-align: left;
    height: 105px;
    width: 734px;
}

div#content div#content-main div#content-ad-728x90 div.padding {
    padding: 3px 3px 0 3px;
}

div#content div#content-main div#content-ad-300x250 {
    background: url(/images/content-ad-300x250.gif) no-repeat left top;
    text-align: left;
    float: left;
    height: 265px;
    width: 315px;
}

div#content div#content-main div#content-ad-300x250 div.padding {
    padding: 3px 3px 0 3px;
}

div#content div#content-main div.content-box {
    background: url(/images/content-main-box-bg.gif) repeat-y left top;
    width: 734px;
}

div#content div#content-main div.content-box div.content-box-teaser-text-win {
    background: url(/images/content-main-teaser-text-win.jpg) no-repeat left top;
    height: 205px;
    text-align: left;
}

div#content div#content-main div.content-box div.content-box-teaser-text-win p {
    padding: 11px 430px 6px 16px;
    margin: 0;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
}

div#content div#content-main div.content-box div.content-box-teaser-text-win ul {
    list-style-type: none;
    margin: 0;
    padding: 0 430px 0 10px;
}

div#content div#content-main div.content-box div.content-box-teaser-text-win ul li {
    background: url(/images/dottedline-teaser.gif) repeat-x left top;
    padding: 7px 6px 6px 6px;
    display: block;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
}

div#content div#content-main div.content-box div.content-box-title {
    background: url(/images/content-main-box-title.gif) no-repeat left top;
    padding: 0 3px 0 3px;
    height: 41px;
}

div#content div#content-main div.content-box div.content-box-end {
    background: url(/images/content-main-box-end.gif) no-repeat left top;
    font-size: 10px;
    line-height: 12px;
    height: 12px;
}

div#content div#content-main div.content-nav {
    background: url(/images/content-main-nav-bg.gif) repeat-y left top;
    width: 205px;
}

div#content div#content-main div.content-nav div.content-nav-title {
    background: url(/images/content-main-nav-title.gif) no-repeat left top;
    padding: 0 3px 0 3px;
    height: 41px;
}

div#content div#content-main div.content-nav div.content-nav-end {
    background: url(/images/content-main-nav-end.gif) no-repeat left top;
    font-size: 10px;
    line-height: 12px;
    height: 12px;
}

div#content div#content-right {
    float: right;
    width: 256px;
    text-align: left;
}

div#content div#content-right div.content-box {
    background: url(/images/content-right-box-bg.gif) repeat-y left top;
    width: 256px;
}

div#content div#content-right div.content-box div.content-box-title {
    background: url(/images/content-right-box-title.gif) no-repeat left top;
    padding: 0 3px 0 3px;
    height: 41px;
}

div#content div#content-right div.content-box div.content-box-end {
    background: url(/images/content-right-box-end.gif) no-repeat left top;
    font-size: 10px;
    line-height: 12px;
    height: 12px;
}

div#content div#content-right div.content-box div.content-box-facebook {
    padding: 0 3px 0 3px;
}

div#content div#content-right div.content-box div.content-teaser-text {
    background: url(/images/content-right-teaser-text.gif) no-repeat left bottom;
    padding: 11px 16px 11px 16px;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
}

div#content div#content-right div.content-box div.content-teaser-text-win {
    background: url(/images/content-right-teaser-text-win.jpg) no-repeat left bottom;
    padding: 11px 16px 11px 16px;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
}

div#content div#content-right div.content-box div.content-teaser-text a,
div#content div#content-right div.content-box div.content-teaser-text a:hover {
    color: #ffffff;
    text-decoration: none;
}

div#content div#content-right div.content-box div.content-teaser-text a:hover {
    text-decoration: underline;
}

div#content div#content-right div.content-box div.content-teaser-link {
    background: url(/images/content-right-teaser-link.gif) no-repeat left top;
    padding: 13px 16px 12px 16px;
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
}

div#content div#content-right div.content-box div.content-teaser-link a,
div#content div#content-right div.content-box div.content-teaser-link a:hover {
    background: url(/images/content-right-teaser-link-bg.gif) repeat-x left top;
    padding: 7px 16px 7px 16px;
    color: #333333;
    text-decoration: none;
    line-height: 30px;
}

div#content div#content-right div.content-box div.content-teaser-link a:hover {
    text-decoration: underline;
}

div#content div div.content-box div.content-box-title h1,
div#content div div.content-box div.content-box-title h2,
div#content div div.content-box div.content-box-title h3,
div#content div div.content-box div.content-box-title h4,
div#content div div.content-box div.content-box-title h5,
div#content div div.content-box div.content-box-title h6 {
    font-size: 18px;
    font-weight: bold;
    color: #13598e;
    margin: 0;
    line-height: 38px;
    padding: 3px 13px 0 13px;
    float: left;
}

div#content div div.content-box div.content-box-title h1 a,
div#content div div.content-box div.content-box-title h1 a:hover,
div#content div div.content-box div.content-box-title h2 a,
div#content div div.content-box div.content-box-title h2 a:hover,
div#content div div.content-box div.content-box-title h3 a,
div#content div div.content-box div.content-box-title h3 a:hover,
div#content div div.content-box div.content-box-title h4 a,
div#content div div.content-box div.content-box-title h4 a:hover,
div#content div div.content-box div.content-box-title h5 a,
div#content div div.content-box div.content-box-title h5 a:hover,
div#content div div.content-box div.content-box-title h6 a,
div#content div div.content-box div.content-box-title h6 a:hover  {
    color: #13598e;
    text-decoration: none;
}

div#content div div.content-box div.content-box-title h1 a:hover,
div#content div div.content-box div.content-box-title h2 a:hover,
div#content div div.content-box div.content-box-title h3 a:hover,
div#content div div.content-box div.content-box-title h4 a:hover,
div#content div div.content-box div.content-box-title h5 a:hover,
div#content div div.content-box div.content-box-title h6 a:hover {
    text-decoration: underline;
}

div#content div div.content-box div.content-box-title h1.active,
div#content div div.content-box div.content-box-title h2.active,
div#content div div.content-box div.content-box-title h3.active,
div#content div div.content-box div.content-box-title h4.active,
div#content div div.content-box div.content-box-title h5.active,
div#content div div.content-box div.content-box-title h6.active {
    background: url(/images/content-box-title-active.gif) repeat-x left top;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    line-height: 38px;
    margin: 3px 0 0 0;
    padding: 0 13px 0 13px;
}

div#content div div.content-box div.content-box-title h1.active a,
div#content div div.content-box div.content-box-title h1.active a:hover,
div#content div div.content-box div.content-box-title h2.active a,
div#content div div.content-box div.content-box-title h2.active a:hover,
div#content div div.content-box div.content-box-title h3.active a,
div#content div div.content-box div.content-box-title h3.active a:hover,
div#content div div.content-box div.content-box-title h4.active a,
div#content div div.content-box div.content-box-title h4.active a:hover,
div#content div div.content-box div.content-box-title h5.active a,
div#content div div.content-box div.content-box-title h5.active a:hover,
div#content div div.content-box div.content-box-title h6.active a,
div#content div div.content-box div.content-box-title h6.active a:hover {
    color: #ffffff;
    text-decoration: none;
}

div#content div div.content-box div.content-box-title h1.active a:hover,
div#content div div.content-box div.content-box-title h2.active a:hover,
div#content div div.content-box div.content-box-title h3.active a:hover,
div#content div div.content-box div.content-box-title h4.active a:hover,
div#content div div.content-box div.content-box-title h5.active a:hover,
div#content div div.content-box div.content-box-title h6.active a:hover {
    text-decoration: underline;
}

div#content div div.content-box div.action h6 {
    float: none;
    background: url(/images/teaser-icon-action.gif) no-repeat right 3px;
}

div#content div div.content-box div.racing h6 {
    float: none;
    background: url(/images/teaser-icon-racing.gif) no-repeat right 3px;
}

div#content div div.content-box div.sport h6 {
    float: none;
    background: url(/images/teaser-icon-sport.gif) no-repeat right 3px;
}

div#content div div.content-box div.brain h6 {
    float: none;
    background: url(/images/teaser-icon-brain.gif) no-repeat right 3px;
}

div#content div div.content-box div.content-box-text {
    padding: 11px 16px 11px 16px;
    color: #333333;
    font-size: 12px;
    line-height: 16px;
}

div#content div div.content-box div.content-box-text h3 {
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    margin: 0;
    padding: 0 0 4px 0;
}

div#content div div.content-box div.content-box-text h2 {
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    margin: 0;
    padding: 0 0 6px 0;
}

div#content div div.content-box div.content-box-text h1 {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    margin: 0;
    padding: 0 0 8px 0;
}

div#content div div.content-box div.content-box-text h4,
div#content div div.content-box div.content-box-text h5,
div#content div div.content-box div.content-box-text h6 {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    margin: 0;
    padding: 0 0 4px 0;
}

div#content div div.content-box div.content-box-text p {
    font-size: 12px;
    color: #333333;
    margin: 0;
    padding: 8px 0 0 0;
}

div#content div div.content-box div.content-box-text a,
div#content div div.content-box div.content-box-text a:hover {
    color: #13598e;
    text-decoration: none;
}

div#content div div.content-box div.content-box-text a:hover {
    text-decoration: underline;
}

div#content div div.content-box div.content-box-game {
    background: url(/images/dottedline.gif) repeat-x left bottom;
    padding: 13px 13px 14px 13px;
    margin: 0 3px 0 3px;
    text-align: left;
}

div#content div div.content-box div.content-box-game div#game {
    text-align: center;
}

div#content div div.content-box div.content-box-list {
    padding: 13px 16px 13px 16px;
    color: #333333;
    font-size: 12px;
    line-height: 16px;
}

div#content div div.content-box div.content-box-list h3 {
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    margin: 0;
    padding: 0 0 4px 0;
}

div#content div div.content-box div.content-box-list a,
div#content div div.content-box div.content-box-list a:hover {
    color: #13598e;
    text-decoration: none;
}

div#content div div.content-box div.content-box-list a:hover {
    text-decoration: underline;
}

div#content div div.content-box div.content-box-tag {
    padding: 11px 16px 11px 16px;
    color: #333333;
    font-size: 12px;
    line-height: auto;
}

div#content div div.content-box div.content-box-tag a,
div#content div div.content-box div.content-box-tag a:hover {
    color: #13598e;
    text-decoration: none;
}

div#content div div.content-box div.content-box-tag a:hover {
    text-decoration: underline;
}

div#content div div.content-nav div.content-nav-title h1,
div#content div div.content-nav div.content-nav-title h2,
div#content div div.content-nav div.content-nav-title h3,
div#content div div.content-nav div.content-nav-title h4,
div#content div div.content-nav div.content-nav-title h5,
div#content div div.content-nav div.content-nav-title h6 {
    font-size: 18px;
    font-weight: bold;
    color: #13598e;
    margin: 0;
    line-height: 38px;
    padding: 3px 13px 0 13px;
    float: left;
}

div#content div div.content-nav div.content-nav-row {
    background: url(/images/dottedline.gif) repeat-x left bottom;
    padding: 11px 13px 12px 13px;
    margin: 0 3px 0 3px;
    color: #333333;
    font-size: 12px;
    line-height: 16px;
}

div#content div div.content-nav div.last {
    background: none;
    padding: 11px 13px 11px 13px;
}

div#content div div.content-nav div.content-nav-row h3 {
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    margin: 0;
    padding: 0 0 4px 0;
}

div#content div div.content-nav div.content-nav-row a,
div#content div div.content-nav div.content-nav-row a:hover {
    color: #13598e;
    text-decoration: none;
}

div#content div div.content-nav div.content-nav-row a:hover {
    text-decoration: underline;
}

div#content div#content-footer {
    background: url(/images/content-footer.gif) no-repeat left top;
    clear: both;
    height: 39px;
}

div#content div#content-footer div.content-footer-copy {
    float: left;
    padding: 12px 0 0 16px;
    line-height: 16px;
    text-align: left;
    color: #333333;
    font-size: 12px;
}

div#content div#content-footer div.content-footer-copy a,
div#content div#content-footer div.content-footer-copy a:hover {
    color: #333333;
    text-decoration: none;
}

div#content div#content-footer div.content-footer-copy a:hover {
    text-decoration: underline;
}

div#content div#content-footer form {
    width: 253px;
    float: right;
    padding: 9px 0 0 0;
    text-align: left;
}

/* search */

form div.search-field {
    background: url(/images/search-field.gif) no-repeat left top;
    float: left;
    width: 222px;
    height: 21px;
}

form div.search-field input {
    background: none;
    border: 0;
    font-size: 12px;
    color: #333333;
    padding: 0;
    margin: 4px 0 0 5px;
    width: 210px;
}

form input.search-button {
    float: left;
    border: 0;
    padding: 0;
    margin: 0;
}

/* login */

div#content div#content-right div.content-box form#content-box-form {
    background: url(/images/dottedline.gif) repeat-x left bottom;
    padding: 8px 6px 9px 6px;
    margin: 0 10px 0 10px;
    color: #333333;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
}

div#content div#content-right div.content-box form#content-box-form div#content-right-login-user,
div#content div#content-right div.content-box form#content-box-form div#content-right-login-password {
    background: url(/images/content-right-login-form.gif) no-repeat left top;
    width: 88px;
    height: 21px;
    float: left;
}

div#content div#content-right div.content-box form#content-box-form div#content-right-login-user input,
div#content div#content-right div.content-box form#content-box-form div#content-right-login-password input {
    background: none;
    border: 0;
    font-size: 12px;
    color: #333333;
    padding: 0;
    margin: 4px 0 0 5px;
    width: 74px;
}

div#content div#content-right div.content-box div.content-nav {
    background: url(/images/content-right-box-bg-end.gif) no-repeat left bottom;
    padding: 0 0 4px 0;
    color: #333333;
    font-size: 12px;
    line-height: 16px;
}

div#content div#content-right div.content-box div.content-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#content div#content-right div.content-box div.content-nav ul li {
    background: url(/images/dottedline.gif) repeat-x left bottom;
    padding: 6px 6px 7px 6px;
    margin: 0 10px 0 10px;
    display: block;
    font-size: 12px;
    line-height: 16px;
}

div#content div#content-right div.content-box div.content-nav a,
div#content div#content-right div.content-box div.content-nav a:hover {
    color: #13598e;
    text-decoration: none;
}

div#content div#content-right div.content-box div.content-nav a:hover {
    text-decoration: underline;
}

/* form */

div#content div#content-main div.content-box div.content-box-form {
    background: url(/images/content-main-box-bg-end.gif) no-repeat left bottom;
    padding: 0 3px 0 3px;
    color: #333333;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
}

div#content div#content-main div.content-box div.content-box-form table tr td {
    background: url(/images/dottedline.gif) repeat-x left bottom;
    padding: 8px 13px 8px 13px;
    text-align: left;
    font-size: 12px;
    color: #333333;
    line-height: 16px;
}

div#content div#content-main div.content-box div.content-box-form table tr.last td {
    background: none;
    padding: 13px 13px 13px 13px;
}

input.form-text,
textarea.form-text {
    color: #333333;
    border: 1px solid #c5c5c5;
    padding: 4px 4px 4px 4px;
    font-size: 12px;
    background: #ffffff;
    margin: 0 6px 0 0;
}

select.form-select {
    color: #333333;
    border: 1px solid #c5c5c5;
    padding: 4px 4px 4px 4px;
    font-size: 12px;
    background: #ffffff;
    margin: 0 6px 0 0;
}

input.form-button {
    background: #e8e8e8 url(/images/form-button.gif) repeat-x left top;
    border: 1px solid #c5c5c5;
    color: #333333;
    padding: 6px 9px 6px 9px;
    font-size: 12px;
    margin: 0 6px 0 0;
    font-weight: bold;
    margin: 0;
}

div#content div#content-main div.content-box div.content-box-form .hint {
    color: #13598e;
}

div#content div#content-main div.content-box div.content-box-form a {
    color: #13598e;
    text-decoration: none;
}

div#content div#content-main div.content-box div.content-box-form a:hover {
    color: #13598e;
    text-decoration: underline;
}

.navlink {
    background: url(/images/dottedline.gif) repeat-x left bottom;
    padding: 6px 6px 7px 6px;
    display: block;
}

div.gamerating {
    background: url(/images/dottedline.gif) repeat-x left bottom;
    padding: 6px 6px 7px 6px;
    display: block;
}

div#content div div.content-box div.content-box-list-row,
div#content div div.content-box div.content-box-list-row-last {
    background: url(/images/dottedline.gif) repeat-x left bottom;
    padding: 13px 13px 14px 13px;
    margin: 0 3px 0 3px;
    color: #333333;
    font-size: 12px;
    line-height: 16px;
}

div#content div div.content-box div.content-box-list-row-last {
    background: url(/images/content-main-box-bg-end.gif) no-repeat left bottom;
    padding: 13px 16px 13px 16px;
    margin: 0;
    color: #333333;
    font-size: 12px;
    line-height: 16px;
}

div#content div div.content-box div.content-box-list-row h3,
div#content div div.content-box div.content-box-list-row-last h3 {
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    margin: 0;
    padding: 0 0 4px 0;
}

div#content div div.content-box div.content-box-list-row a,
div#content div div.content-box div.content-box-list-row a:hover,
div#content div div.content-box div.content-box-list-row-last a,
div#content div div.content-box div.content-box-list-row-last a:hover {
    color: #13598e;
    text-decoration: none;
}

div#content div div.content-box div.content-box-list-row a:hover,
div#content div div.content-box div.content-box-list-row-last a:hover {
    text-decoration: underline;
}

div#header div#header-bar ul {
    float: left;
    padding: 9px 0 0 16px;
    margin: 0;
    list-style-type: none;
}

div#header div#header-bar ul li {
    line-height: 16px;
    text-align: left;
    color: #333333;
    font-size: 12px;
    float: left;
    margin: 0;
    padding: 0 13px 0 0;
}

div#header div#header-bar ul li a,
div#header div#header-bar ul li a:hover {
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}

div#header div#header-bar ul li a:hover {
    color: #333333;
    text-decoration: underline;
}

div#header div#header-bar ul li a.active {
    color: #13598e;
}

div#content div div.content-box div.content-box-title .community {
    background: url(/images/content-box-title-active.gif) repeat-x left bottom;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    line-height: 38px;
    margin: 0;
    padding: 3px 13px 0 13px;
    display: block;
    float: none;
}

div#preloadad {
    position: absolute;
    left: 50%;
    margin: 10px 0 0 -282px;
    width: 300px;
}

div#preloadad #preloadad-time {
    color: #333333;
    font-size: 12px;
    line-height: 16px;
    padding: 0 0 10px 0;
    text-align: center;
}

div#preloadad a#preloadad-register,
div#preloadad a:hover#preloadad-register {
    background: #e8e8e8 url(/images/form-button.gif) repeat-x left top;
    border: 1px solid #c5c5c5;
    color: #333333;
    padding: 6px 9px 6px 9px;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0 0 0;
    text-align: center;
    display: block;
    text-decoration: none;
}

div#preloadad div#preloadad-hide {
    color: #333333;
    font-size: 10px;
    margin: 10px 0 0 0;
    text-align: center;
    cursor: pointer;
}