/*##################
  DEFAULT STYLING
##################*/
body {
	font: 62.5% arial, verdana, sans-serif;
	background: #fff url(images/bg-container-repeat.png) 0 -27px repeat-x;
	color: #000;
}
body.page-home { background-position: 0 32px; }

a { text-decoration: underline; color: #000; }
a:hover, a:focus { text-decoration: none; }
button { overflow: visible; cursor: pointer; background: none; border: none; }

.structural, .hide { position: absolute; left: -9999px; }
.error-msg {
	display: block;
	padding-left: 18px;
	background: url(images/ico-error-msg.gif) 6px 3px no-repeat;
	color: #d03b3b;
	font-size: .9em;
	width: 250px;
}
.validation-failed { border: 1px solid #d03b3b !important; }

.form-theme1 p { margin-bottom: 10px; }
.form-theme1 p.footer { margin-bottom: 0; }
.form-theme1 .input-text { width: 175px; }
.form-theme1 label { display: block; float: left; width: 100px; font-size: 1.2em; }
.form-theme1 label.trailing { display: inline; float: none; width: auto; }

.align-left { text-align: left; }
.align-right { text-align: right; }

.input-text { font-size: 1.4em; padding: 3px; background-color: #e8e8e8; border: 1px solid #ddd; border-color: #ccc #ddd #ddd #ccc; }

.noticebox { margin-bottom: 4px; }
.noticebox .error { color: #d03b3b; }
.noticebox .success { color: #27981b; }

.zebra .odd, .zebra .odd td { background-color: #f1f1f1; }
.zebra .odd, .zebra .odd td, .zebra .even, .zebra .even td,
.zebra .odd, .zebra .odd th, .zebra .even, .zebra .even th { padding: 7px; border-bottom: 1px solid #dfdfdf; }

.generated-tabs { list-style-type: none; }
.generated-tabs li { float: left; }
.generated-tabs a { display: block; padding: 5px; }

.plus { color: green; }
.debt { color: red; }

/*##################
     HASLAYOUT
##################*/
#header:after,
#nav:after,
#intro:after,
#content:after,
form p:after,
#budget-stats:after,
#team-options:after,
#team-setup:after,
#header .options:after,
.form-theme1 p:after,
#login-procedure:after,
.trophies:after,
#ranking-switch:after,
#subpoule-management .two-columns:after,
#my-subpoules .poule-options:after,
#teamsetup-view:after,
.team-view li:after,
.team-navigation:after,
#footer:after,
#footer ul:after,
.generated-tabs:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*##################
     CONTAINER
##################*/
#container { background: url(images/bg-container.jpg) 0% -27px no-repeat; }
.page-home #container { background-position: 0% 32px; }

#header, #nav, #intro, #content { width: 780px; margin: 0 auto; }
#intro, #content, #footer { width: 790px; }

/*##################
       HEADER
##################*/
#header-wrap { background: url(images/bg-header.png) top left repeat-x; }
#header { position: relative; height: 175px; }
.page-home #header { height: 305px; }

#next-race {
	position: absolute;
	top: 32px;
	left: 20px;
	padding: 6px 9px;
	background: #b53737 url(images/bg-current-race.gif) top left repeat-x;
	font: 1.1em tahoma, verdana, sans-serif; font-weight: bold;
	color: #fff;
}

#header ul { list-style-type: none; }
#play, #goto-team { position: absolute; bottom: -14px; right: 0; }
#play a, #goto-team a {
	display: block;
	padding: 11px 31px 14px 31px;
	background: url(images/button-play-header.png) top left no-repeat;
	font: 2.6em arial, verdana, sans-serif;
	text-decoration: none;
}
#goto-team a { padding: 11px 36px 14px 36px; }
#play a:hover, #play a:focus,
#goto-team a:hover, #goto-team a:focus { background-image: url(images/button-play-header-flip.gif); text-decoration: underline; }

#header .options { position: absolute; top: 0; right: 5px; }
#header .options li { float: left; margin-left: 11px; }
#profile a, #logout a, #login a {
	display: block;
	padding: 9px 0px 6px 26px;
	font: 1.2em tahoma, verdana, sans-serif;
	color: #fff;
}
#login a { padding-left: 13px; background: url(images/bullet-header-login-link.gif) 0 63% no-repeat; }
#profile a.manager { background: url(images/bg-header-profile-link.png) 0 80% no-repeat; }
#logout a { padding: 12px 0 6px 0; font-size: .9em; text-decoration: none; }
#logout a:hover, #logout a:focus { text-decoration: underline; }
#logout-redirect { font-size: 1.2em; }

/*##################
        NAV
##################*/
#nav-wrap { position: relative; border-bottom: 3px solid #352f2f; }
#nav { list-style-type: none; }
#nav li { position: relative; top: 4px; float: left; margin-right: 3px; }
#nav li.active {  }
#nav a, #nav a span, #nav .active a, #nav a:hover, #nav a:hover span, #nav a:focus, #nav a:focus span {
	display: block;
	padding-left: 5px;
	background: url(images/nav.png) bottom left no-repeat;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#nav a { font: 1.2em verdana, arial, sans-serif; }
#nav a span, #nav .active a span, #nav a:focus span, #nav a:hover span { padding: 5px 13px 5px 8px; margin-bottom: 4px; background: url(images/nav.png) bottom right no-repeat; }
#nav .active a, #nav .active a span, #nav a:focus span, #nav a:focus, #nav a:hover, #nav a:hover span { background-image: url(images/nav-active.gif); color: #000; }
#nav .active a span, #nav a:focus span, #nav a:hover span { padding: 6px 13px 8px 8px; margin-bottom: 0; }

/*##################
      INTRO
##################*/
#intro-wrap { background: #f9f9f9 url(images/bg-intro.gif) bottom left repeat-x; }
#intro { position: relative; padding: 19px 0 18px 0; font: 1.3em "Trebuchet MS", arial, sans-serif; }
.page-login #intro { padding: 19px 0 18px 0 !important; }

.page-home #intro  { padding: 29px 0 18px 0; }
#intro h1, #intro h2 { margin-bottom: 2px; font: 1.4em tahoma, verdana, sans-serif; }
.page-home #intro h1, .page-home #intro h2 { margin-bottom: 18px; }
.page-login #intro h1 { margin-bottom: 0 !important; }
#intro .intro-txt { float: left; width: 430px; padding-left: 2px; }
#intro .intro-txt p { margin-bottom: 15px; }
#intro strong { font-weight: normal; }

#points { float: right; width: 340px; list-style-type: none; }
#points li { margin-bottom: 5px; padding-left: 15px; background: url(images/bullet-points.gif) 4px 50% no-repeat; }

/*##################
      CONTENT
##################*/
.page-2column-layout #primary-content { float: left; width: 450px; }
.page-2column-layout #aside { float: right; width: 285px; }

#content { padding: 25px 0; }
.page-home #content { padding: 40px 0; background: url(images/bg-home-news.jpg) top left no-repeat; }
.page-home #aside { width: 275px; }

.content { font-size: 1.2em; line-height: 1.4; }
.content p, .content dl, .content table { margin-bottom: 16px; }

/*##################
     NOTICE-BOX
##################*/
.notice-box, .notice-box #container, .notice-box #header-wrap { background: none; }
.notice-box #header-wrap, .notice-box #nav-wrap, .notice-box #intro-wrap,
.notice-box #footer-wrap, .notice-box #copyright { display: none; }
.notice-box { background-color: #3f3f3f; }

#notice-box {
	margin: 100px auto 0 auto;
	width: 450px;
	padding: 45px 15px 15px 15px;
	border: 4px solid #525252;
	background: #fff url(images/bg-header.png) top left repeat-x;
	font-size: 1.2em;
}
#notice-box h1 { margin-bottom: 12px; font: 1.7em tahoma, verdana, sans-serif; }

/*##################
       NEWS
##################*/
#news h2, #news h1, #rules h1 { margin-bottom: 18px; font: 1.5em tahoma, verdana, sans-serif; font-weight: bold; }
#news .content { font-size: 1.2em; line-height: 1.5; }
#news .content p, #news .content ol, #news .content ul { margin-bottom: 16px; }
#news .content ol, #news .content ul { list-style-position: inside; }
#news .content strong { font-weight: normal; }
#news .content .small { font-size: .9em; }

#google_ads_frame1 { margin-top: 5px; border: 1px solid #e4e4e4; border-width: 1px 0; }

#headlines { margin-top: 20px; }
#headlines h2 { margin-bottom: 12px; font: 1.5em tahoma, verdana, sans-serif; font-weight: bold; }
#headlines ul { list-style-type: none; }
#headlines li { position: relative; padding: 6px 8px; }
#headlines li.odd { background-color: #f1f1f1; }
#headlines li span { position: absolute; top: 9px; right: 6px; font-size: .8em; color: #707070; }
#headlines a { font-size: 1.2em; text-decoration: none; }
#headlines a:hover, #headlines a:focus { text-decoration: underline; }

/*##################
  	  MANAGER
##################*/
.page-manager #content { width: 750px; padding: 22px 0 120px 0; }
.page-login #content { width: 790px; }
.page-manager #intro, .page-rankings #intro { width: 855px; }
.page-login #intro { width: 790px; }
.page-manager #intro { padding-bottom: 0px; }
.page-manager #intro h1 { margin-bottom: 8px; }
.page-manager #intro h1, .page-manager #intro p,
.page-rankings #intro h1, .page-rankings #intro p { padding: 0 24px; }
.page-login #intro h1, .page-login #intro p { padding: 0; }

.team-success { width: 715px; margin-bottom: 15px; padding: 5px; border: 1px solid #008000; color: #008000; font-weight: bold; }

#races { margin-top: 29px; list-style-type: none; }
#races li { float: left; margin: 0 4px; padding-top: 1px; }
#races li.active { padding: 6px 15px 2px 15px; background: url(images/bg-active-race.png) bottom left no-repeat; }
#races li a {
	position: relative;
	display: block;
	width: 35px;
	height: 21px;
}

#races li a.flag-bh { background: url(images/flag/bh.png) top left no-repeat; }
#races li a.flag-au { background: url(images/flag/au.png) top left no-repeat; }
#races li a.flag-my { background: url(images/flag/my.png) top left no-repeat; }
#races li a.flag-cn { background: url(images/flag/cn.png) top left no-repeat; }
#races li a.flag-es { background: url(images/flag/es.png) top left no-repeat; }
#races li a.flag-mc { background: url(images/flag/mc.png) top left no-repeat; }
#races li a.flag-tr { background: url(images/flag/tr.png) top left no-repeat; }
#races li a.flag-ca { background: url(images/flag/ca.png) top left no-repeat; }
#races li a.flag-eu { background: url(images/flag/eu.png) top left no-repeat; }
#races li a.flag-gb { background: url(images/flag/gb.png) top left no-repeat; }
#races li a.flag-de { background: url(images/flag/de.png) top left no-repeat; }
#races li a.flag-hu { background: url(images/flag/hu.png) top left no-repeat; }
#races li a.flag-be { background: url(images/flag/be.png) top left no-repeat; }
#races li a.flag-it { background: url(images/flag/it.png) top left no-repeat; }
#races li a.flag-sg { background: url(images/flag/sg.png) top left no-repeat; }
#races li a.flag-jp { background: url(images/flag/jp.png) top left no-repeat; }
#races li a.flag-kr { background: url(images/flag/kr.png) top left no-repeat; }
#races li a.flag-br { background: url(images/flag/br.png) top left no-repeat; }
#races li a.flag-ae { background: url(images/flag/ae.png) top left no-repeat; }

#races a .race-wrap {
	display: none;
	position: absolute;
	top: -30px;
	left: 10px;
	padding-left: 6px;
	background: url(images/bg-flag-popup.gif) top left no-repeat;
	color: #fff;
	font-size: 0.9em;
}
#races .race-wrap .race { position: relative; width: 250px; padding: 2px 0 3px 0; background: url(images/bg-flag-popup.gif) top right no-repeat; }
#races .race .pointer {
	position: absolute;
	bottom: -8px;
	left: 10px;
	display: block;
	width: 14px;
	height: 13px;
	background: url(images/bg-flag-popup-pointer.png) bottom left no-repeat;
}
#races a:hover .race-wrap, #races a:focus .race-wrap { display: block; }
#races a:hover .race, #races a:focus .race { display: block; }

#races .flag-bh .race-wrap .race { width: 160px; }
#races .flag-au .race-wrap .race { width: 135px; }
#races .flag-my .race-wrap .race { width: 190px; }
#races .flag-cn .race-wrap .race { width: 120px; }
#races .flag-es .race-wrap .race { width: 200px; }
#races .flag-mc .race-wrap .race { width: 140px; }
#races .flag-tr .race-wrap .race { width: 115px; }
#races .flag-ca .race-wrap .race { width: 135px; }
#races .flag-eu .race-wrap .race { width: 195px; }
#races .flag-gb .race-wrap .race { width: 170px; }
#races .flag-de .race-wrap .race { width: 240px; }
#races .flag-hu .race-wrap .race { width: 95px; }
#races .flag-be .race-wrap .race { width: 110px; }
#races .flag-it .race-wrap .race { width: 180px; }
#races .flag-sg .race-wrap .race { width: 175px; }
#races .flag-jp .race-wrap .race { width: 210px; }
#races .flag-kr .race-wrap .race { width: 115px; }
#races .flag-br .race-wrap { left: -140px; }
#races .flag-br .race .pointer { left: auto; right: 40px; }
#races .flag-br .race-wrap .race { width: 205px; }
#races .flag-ae .race-wrap { left: -140px; }
#races .flag-ae .race .pointer { left: auto; right: 40px; }
#races .flag-ae .race-wrap .race { width: 215px; }

#races .active a:hover .race-wrap, #races .active a:focus .race-wrap { display: none; }
#races li .finished {
	position: absolute;
	bottom: -1px;
	right: -2px;
	display: block;
	width: 16px;
	height: 10px;
	background: url(images/rplc-finished.gif) top left no-repeat;
	text-indent: -9999px;
}
.teammanager-form button {
	float: left;
	display: block;
	margin-right: 11px;
	padding: 9px 7px;
	background: url(images/bg-button-save-team.png) top left no-repeat;
	font-weight: bold;
}
.invalid button { background-image: url(images/bg-button-team-disabled.gif); }

.teammanager-form #need-help { position: relative; top: 11px; }
#save-wrap { float: left; width: 200px; }
#budget-stats { float: right; width: 220px; margin-right: 23px; font-size: 1.8em; }
#budget-stats dt, #budget-stats dd { float: left; display: block; width: 105px; }
#budget-stats dt { clear: left; }
#budget-stats dd { width: 115px; text-align: right; }
#budget-stats .plus, .budget-toggle .plus { color: green; }
#budget-stats .debt, .budget-toggle .debt { color: red; }

#team-setup { margin-top: 24px; list-style-type: none; }
#team-setup li, .team-view li { position: relative; float: left; width: 144px; margin-right: 50px; }
#team-setup li.last { margin-right: 0px; }
#team-setup h3 { padding: 5px 7px; background:url("images/bg-team-view-header.gif") top left repeat; color: #ccc; font-size: 1.2em; }
#team-setup img { display: block; width: 140px; height: 200px; border: 2px solid #3c3636; border-width: 0 2px 2px 2px; }
#team-setup select { width: 144px; margin-top: 10px; padding: 3px; font-size: 1.1em; }
.js-enabled #team-setup .joker { position: absolute; left: -9999px; }
.js-enabled #team-setup .joker-block, .team-view .joker-block {
	position: absolute;
	top: 2px;
	right: 2px;
	display: block;
	width: 140px;
	height: 225px;
	background: url(images/bg-joker.jpg) bottom left no-repeat;
	text-indent: -9999em;
	cursor: pointer;
}
.js-enabled #team-setup .joker-active,
.team-view .joker-block { background-image: url(images/bg-joker-active.png); }

#team-additional { padding-top: 20px; }
#team-additional h2 { margin-bottom: 15px; font-size: 1.3em; background: url(images/bg-dotted-line.gif) 0 60% repeat-x; }
#team-additional h2 span { padding-right: 6px; background-color: #fff;  }
#team-additional p { float: left; width: 300px; }
#team-additional #quickest-lap-wrap { width: 390px; }
#team-additional label { font-size: 1.2em; font-weight: bold; }
#team-additional select { width: 200px; margin-left: 6px; padding: 3px; font-size: 1.1em; }

/*##################
  MYTEAM - HISTORY
##################*/
.team-navigation { list-style-type: none; margin: 0 0 15px 30px; }
.no-team-navigation { margin-left: 0px; }

.team-navigation li { float: left; margin-right: 17px; }
.team-navigation a { display: block; padding: 1px 2px 2px 22px; background-repeat: no-repeat; background-position: top left; }
.team-navigation .ico-rankings a { background-image: url(images/ico-rankings.gif); }
.team-navigation .ico-my-team a { background-image: url(images/ico-my-team.gif); }

.page-manager-history .content { font-size: 1.1em; line-height: 1.2; }
.page-manager-history .content p { margin-bottom: 6px; }

#selected-team-history thead th { background: url(images/bg-team-view-header.gif) top left repeat; color: #fff; }
#selected-team-history thead, #selected-team-history tfoot, #selected-team-history tbody.selected-entity { border: 1px solid #dfdfdf; }
#selected-team-history th, #selected-team-history td { padding: 4px; }
#selected-team-history .entity-image-wrap { padding: 0; }
#selected-team-history .entity-image-wrap img { border-right: 1px solid #dfdfdf; display: block; }
#selected-team-history .selected-names { width: 170px; padding-left: 17px; }
#selected-team-history .points { width: 100px; text-align: center; }
#selected-team-history .joker-wrap { position: relative; }
#selected-team-history .joker-block {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 82px;
	height: 28px;
	background: url(images/bg-mini-joker.png) top left no-repeat;
	text-indent: -9999px;
}

/*##################
      RANKINGS
##################*/
.page-rankings #content { font-size: 1.2em; }
.page-rankings #primary-content { width: 475px; }
.page-rankings #aside { float: left; width: 175px; margin-left: 30px; }
.page-rankings #intro { padding-bottom: 52px; }
.page-manager-history #intro { padding-bottom: 0; }

#join-poule { margin-bottom: 15px; font-size: .9em; }
#join-poule .content { position: relative; padding: 8px; border: 1px solid #dfdfdf; background-color: #f1f1f1; }
#join-poule .content p { margin: 0; }
.private-poule-form p.desc { font-size: .8em; }
#join-poule #poule-password-label { margin-right: 20px; }
#join-poule input { width: 220px; }
#join-poule p.password-wrap { margin-bottom: 5px; }
.join-button-wrap { position: absolute; top: 5px; right: 0; }
.private-poule .join-button-wrap { top: 7px; }
#join-poule button {
	background: url(images/button-join-poule.png) left top no-repeat;
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 11px;
	padding: 3px 13px;
}

.skip-to-position { margin-bottom: 10px; }
#ranking-switch { position: absolute; bottom: 0px; left: 18px; list-style-type: none; }
#ranking-switch li { float: left; margin-right: 4px; border-bottom: 1px solid #e3e3e3; }
#ranking-switch li.active { border-bottom: 1px solid #fff; }
#ranking-switch a, #ranking-switch span { padding-left: 5px; display: block; background: url(images/bg-ranking-nav.gif) bottom left no-repeat; }
#ranking-switch span { padding: 9px 11px 3px 7px; background-position: bottom right; }
#ranking-switch a { text-decoration: underline; font-weight: bold; }
#ranking-switch a:hover, #ranking-switch li.active a { text-decoration: none; }

#rankings p { margin-bottom: 10px; }
#rankings table { width: 100%; }
#rankings table th, #rankings table td { padding: 6px 5px; }
#rankings table thead th { background-color: #292727; color: #fff; }
#rankings tbody td { border-bottom: 1px solid #dfdfdf; }
#rankings .odd td { background-color: #f1f1f1; }
#rankings .highlight td { background-color: #fae888; }
#rankings .position { width: 20px; text-align: center; }
#rankings .difference { width: 20px; padding-right: 24px; text-align: right; }
#rankings td.difference { font-weight: bold; }
#rankings td.team { padding-left: 6px; }
#rankings .difference-plus { color: green; background: url(images/bg-difference-plus.gif) 35px 50% no-repeat; }
#rankings .difference-minus { color: #ea380b; background: url(images/bg-difference-min.gif) 35px 50% no-repeat; }
#rankings .points { width: 100px; text-align: right; }
#rankings .players { text-align: center; }
#rankings .poule { text-align: left; }

#rankings img.graph { margin-top: 10px; }

#race-filter { margin-top: 5px; }
#race-filter h2 { margin-bottom: 5px; font-size: 1.1em; }
#race-filter ul { list-style-type: none; }
#race-filter li { margin-bottom: 2px; padding: 3px 3px 3px 5px; }
#race-filter li.current { position: relative; background-color: #f1f1f1; }
#race-filter a { padding-left: 24px; background-position: 0 50%; background-repeat: no-repeat; }
#race-filter li.current a { text-decoration: none; }
#race-filter li.current span {
	position: absolute;
	top: 1px;
	left: -10px;
	display: block;
	width: 10px;
	height: 19px;
	background: url(images/bg-race-filter-current.gif) top left no-repeat;
}

#race-filter .flag-bh { background-image: url(images/flag/small/bh.png); }
#race-filter .flag-au { background-image: url(images/flag/small/au.png); }
#race-filter .flag-my { background-image: url(images/flag/small/my.png); }
#race-filter .flag-cn { background-image: url(images/flag/small/cn.png); }
#race-filter .flag-es { background-image: url(images/flag/small/es.png); }
#race-filter .flag-mc { background-image: url(images/flag/small/mc.png); }
#race-filter .flag-tr { background-image: url(images/flag/small/tr.png); }
#race-filter .flag-ca { background-image: url(images/flag/small/ca.png); }
#race-filter .flag-eu { background-image: url(images/flag/small/eu.png); }
#race-filter .flag-gb { background-image: url(images/flag/small/gb.png); }
#race-filter .flag-de { background-image: url(images/flag/small/de.png); }
#race-filter .flag-hu { background-image: url(images/flag/small/hu.png); }
#race-filter .flag-be { background-image: url(images/flag/small/be.png); }
#race-filter .flag-it { background-image: url(images/flag/small/it.png); }
#race-filter .flag-sg { background-image: url(images/flag/small/sg.png); }
#race-filter .flag-jp { background-image: url(images/flag/small/jp.png); }
#race-filter .flag-kr { background-image: url(images/flag/small/kr.png); }
#race-filter .flag-br { background-image: url(images/flag/small/br.png); }
#race-filter .flag-ae { background-image: url(images/flag/small/ae.png); }

#rankings .teamname, #rankings .poulename, #my-subpoules .poulename { float: left; margin-right: 10px; }
#rankings .trophies { list-style-type: none; float: left; }
#rankings .trophies li { float: left; }
#rankings .trophies span, .private-poule {
	float: left;
	display: block;
	width: 22px;
	height: 15px;
	margin-right: 4px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#rankings .trophies li.leader { margin-right: 8px; color: grey; font-size: .8em; }
#rankings .trophies li.leader span {
	margin-right: 0px;
	background-image: url(images/flag/winners/leader.png);
}
.private-poule { background-image: url(images/ico-private-poule.gif); }

#rankings .flag-bh { background-image: url(images/flag/winners/bh.png); }
#rankings .flag-au { background-image: url(images/flag/winners/au.png); }
#rankings .flag-my { background-image: url(images/flag/winners/my.png); }
#rankings .flag-cn { background-image: url(images/flag/winners/cn.png); }
#rankings .flag-es { background-image: url(images/flag/winners/es.png); }
#rankings .flag-mc { background-image: url(images/flag/winners/mc.png); }
#rankings .flag-tr { background-image: url(images/flag/winners/tr.png); }
#rankings .flag-ca { background-image: url(images/flag/winners/ca.png); }
#rankings .flag-eu { background-image: url(images/flag/winners/eu.png); }
#rankings .flag-gb { background-image: url(images/flag/winners/gb.png); }
#rankings .flag-de { background-image: url(images/flag/winners/de.png); }
#rankings .flag-hu { background-image: url(images/flag/winners/hu.png); }
#rankings .flag-be { background-image: url(images/flag/winners/be.png); }
#rankings .flag-it { background-image: url(images/flag/winners/it.png); }
#rankings .flag-sg { background-image: url(images/flag/winners/sg.png); }
#rankings .flag-jp { background-image: url(images/flag/winners/jp.png); }
#rankings .flag-kr { background-image: url(images/flag/winners/kr.png); }
#rankings .flag-br { background-image: url(images/flag/winners/br.png); }
#rankings .flag-ae { background-image: url(images/flag/winners/ae.png); }

/*##################
       RULES
##################*/
#rules h2 { margin-bottom: 10px; font: 1.1em tahoma, verdana, sans-serif; font-weight: bold; }
#rules h3 { margin-bottom: 5px; }
#rules table { width: 500px; }
#rules thead th { padding: 4px; background-color: #000; color: #fff; text-align: center; }
#rules tbody td { text-align: center; }
#rules #points-description { margin-bottom: 16px; list-style-type: none; }
#rules #points-description li { margin-bottom: 4px; font-weight: bold; }
#rules #points-description li ul { margin: 0 5px 0 30px; }
#rules #points-description li ul li { font-weight: normal; }

/*##################
       LOGIN
##################*/
.page-login #container #content { font-size: 1em; }
.page-login .errors, .page-login .notices { width: 605px; }

#login-procedure form { float: left; width: 298px; }
#login-procedure h2 { margin-bottom: 10px; font: 1.3em tahoma, verdana, sans-serif; font-weight: bold; border-bottom: 1px solid #000; }
#login-procedure button {
	float: right;
	display: block;
	margin-right: 11px;
	padding: 9px 20px;
	background: url(images/bg-button-save-team.png) top left no-repeat;
	font-weight: bold;
}
#loginform { margin-right: 20px; }

/*##################
      PROFILE
##################*/
.page-profile #content { padding: 5px 0 15px 0; font-size: 1.2em; }
.profile-block { border: 1px solid #dfdfdf; }
.profile-block button {
	display: block;
	float: right;
	width: 109px;
	padding: 3px 0;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	background: url(images/button-join-poule.png) left top no-repeat;
}

.page-profile #content h2 { margin: 17px 0; border-bottom: 1px solid #000; font-size: 1.3em; }
.page-profile #content h3 { padding: 4px 7px; background-color: #000; color: #fff; }
.page-profile .first-column { float: left; width: 300px; }
.page-profile .second-column { float: right; width: 300px; }
.page-profile #content p.footer { padding: 10px; }
.page-profile #content em { font-size: .9em; }

#manager-profile { font-size: .9em; }
#manager-profile label { width: 180px; }
.change-password-fields { padding-top: 15px; }
.change-password-fields h4 { padding: 5px 7px; background-color: #cfcfcf; }

#create-poule input, #poule-invite input { width: 150px; }
#poule-invite select { width: 155px; }

#subpoule-management .first-column, #subpoule-management .second-column { width: 380px; }
#manager-profile p, #poule-invite p, #create-poule p { margin: 0; padding: 7px 5px; }
#poule-invite label, #create-poule label { font-size: 1em; }
.page-profile .invite-description, .page-profile .no-owner-poules { padding: 5px; }
.poule-options a { display: block; width: 12px; height: 14px; text-indent: -9999px; background-repeat: no-repeat; background-position: top left; }
.poule-options .password-add-toggle a { background-image: url(images/ico-add-password.png); }
.poule-options .remove-password a { background-image: url(images/ico-remove-password.png); }


#subpoules-overview { clear: both; margin-top: 20px; }
#subpoules-overview .two-columns { margin-top: 10px; }
#subpoules-overview .first-column { width: 470px; }
#subpoules-overview .desc { padding: 2px 0; }
#my-subpoules { width: 100%; }
#my-subpoules th, h3.profile-block-header { padding: 4px 7px; background-color: #000; color: #fff; text-align: left; }
#my-subpoules .options { text-align: right; }
#my-subpoules .poule-options { float: right; list-style-type: none; }
#my-subpoules .poule-options li { float: left; margin-left: 9px; }
#my-subpoules .poule-options li a { color: #fff; text-decoration: none; }
#my-subpoules .poule-options li a:hover { text-decoration: underline; }
#my-subpoules .change-poule-password { padding: 5px; }
#my-subpoules .change-poule-password .error-msg { margin-top: 3px; padding-left: 85px; background-position: 75px 3px; }

#subpoules ul { list-style-type: none; }

/*##################
       ERROR
##################*/
.page-error .content h1 { margin-bottom: 18px; font: 1.5em tahoma, verdana, sans-serif; font-weight: bold; }
.page-error .content { font-size: 1.2em; line-height: 1.4; }
.page-error .content p { margin-bottom: 16px; }

/*##################
       ASIDE
##################*/
#play-callout { width: 253px; margin-top: 5px; padding: 10px; height: 116px; background: url(images/bg-play-callout.gif) top left no-repeat; color: #fff; }
#play-callout h2 {  margin-bottom: 4px; font: 2.1em tahoma, verdana, sans-serif; }
#play-callout p { font-size: 1.2em; line-height: 1.3; }
#play-callout a {
	display: block;
	float: right;
	margin-top: 4px;
	padding: 9px 16px;
	font-size: 1.5em;
	background: url(images/bg-play-callout-button.png) top left no-repeat;
	text-decoration: none;
}
#play-callout a:hover, #play-callout a:focus { text-decoration: underline; }

#twitter { clear: both; margin: 20px 0 0 -3px; }
#twitter a {
	display: block;
	padding: 25px 15px 20px 62px;
	text-decoration: none;
	color: #fff;
	background: url(images/bg-twitter-block.jpg) top left no-repeat;
}
#twitter a span { display: block; margin-bottom: 4px; font: 1.4em tahoma, verdana, sans-serif; font-weight: bold; }
#twitter a:focus, #twitter a:hover { text-decoration: underline; }

/*##################
  SIDEBAR - RANKINGS
##################*/
#ranking-tabs { font-size: 1.2em; }
#ranking-tabs { width: 270px; }
#ranking-tabs table { width: 268px; }
#ranking-tabs thead { display: none; }
#ranking-tabs .tab-content { margin-bottom: 7px; }
#ranking-tabs h3 { padding: 5px 7px; color: #fff; }

#ranking-tabs .generated-tabs li { margin-right: 2px; }
#ranking-tabs .generated-tabs a { position: relative; padding: 4px 8px 3px 8px; color: #fff; font-weight: bold; }
#ranking-tabs .generated-tabs .active a { text-decoration: none; }
#ranking-tabs .generated-tabs .corner { position: absolute; display: block; height: 2px; width: 2px; }
#ranking-tabs .generated-tabs .corner-tl { top: 0; left: 0; background: url(images/corner-ranking-tabs-top-left.gif) top left no-repeat; }
#ranking-tabs .generated-tabs .corner-tr { top: 0; right: 0; background: url(images/corner-ranking-tabs-top-right.gif) top right no-repeat; }


.tab-content { border: 1px solid #ccc; border-width: 1px 1px 0 1px; }
.rankings-subset-general { border-top: 2px solid #b53737; }
.rankings-subset-race { border-top: 2px solid #728937; }
.rankings-subset-poules { border-top: 2px solid #dac62f; }

.rankings-subset-general h3, li.type-general { background-color: #b53737; }
.rankings-subset-race h3, li.type-race { background-color: #728937; }
.rankings-subset-poules h3, li.type-poules { background-color: #dac62f; }

#ranking-tabs .position { width: 10px; text-align: right; }
#ranking-tabs .name { width: 190px; }
#ranking-tabs .points { width: 30px; text-align: right; }

/*##################
     INVITE BOX
##################*/
#invite-box { display: none; }
.invite-box form, #notice-box form { margin-top: 20px; }
.invite-box .input-text, #notice-box .input-text { width: 300px; }
.invite-box .footnote { float: right; margin-right: 5px; font-size: .9em; color: #878686; }

/*##################
   SYSTEM MESSAGES
##################*/
.system-messages-active {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 72px;
	background: url(images/bg-messages-block.png) top left repeat-x;
}
#system-messages { width: 700px; min-height: 38px; margin: 0 auto; padding: 13px 0 5px 49px; }
#system-messages h2 { margin-bottom: 0px; font: 1.7em "Trebuchet MS", verdana, sans-serif; color: #332d2d; font-weight: bold; line-height: 1.3; }
#system-messages p { color: #797878; font: 1.2em tahoma, arial, sans-serif; font-weight: bold; }
#system-messages-wrap .success { background: url(images/ico-message-success.png) 0 10px no-repeat; }
#system-messages-wrap .error { background: url(images/ico-message-error.png) 0 12px no-repeat; }

/*##################
      FOOTER
##################*/
#footer-wrap { margin-top: 25px; background-color: #e7e7e7; }
#footer { margin: 0 auto; padding: 6px; }
#footer ul { list-style: none; }
#footer ul li { float: left; margin-right: 13px; }
#footer a { text-decoration: none; }
#footer a:hover, #footer a:focus { text-decoration: underline; }

#footer ul.nav { float: left; }
#footer ul.secondary { float: right; }
#copyright { margin: 10px 0 20px 0; clear: both; text-align: center;  background-color: #fff; color: #aaa; }

/*##################
      THICKBOX
##################*/
#TB_ajaxContent { clear: both; padding: 20px 15px 15px 15px; overflow: auto; text-align: left; font-size: 1.2em;  }
#TB_ajaxContent h2, #notice-box h2 { margin-bottom: 10px; font: 1.7em tahoma, verdana, sans-serif; }
#TB_ajaxContent p, #notice-box p { margin-bottom: 14px; }

#TB_ajaxContent form label, #notice-box form label { display: block; width: 100px; float: left; font-size: 1.4em; }
#TB_ajaxContent form button, #notice-box form button { margin: -1px 0 0 10px; padding: 10px 15px; background: url(images/button-subscribe.png) top left no-repeat; font-weight: bold; }
#TB_ajaxContent .input-text { padding: 8px; }
#TB_ajaxContent .input-text:focus, #notice-box .input-text:focus { border: 1px solid #110b0b; }

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(images/macFFBgHack.png) repeat; }
.TB_overlayBG {	background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
#TB_window { position: fixed; background: #fff url(images/bg-header.png) top left repeat-x; z-index: 102; color: #000; display: none; border: 4px solid #525252; text-align: left; top: 50%; left: 50%; }

#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border: 1px solid #ccc; border-color: #666 #ccc #ccc #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }

#TB_ajaxContent.TB_modal { padding:15px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; }

#TB_HideSelect {	z-index:99; position:fixed; top: 0; left: 0;  background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }
#TB_closeWindowButton { display: block; width: 19px; height: 19px; text-indent: -9999px; background: url(images/ico-close-popup.png) top right no-repeat; }

/* ie6 hack */
* html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
* html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
* html #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
* html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }