/* 
  * Basic structure 
  */

a {
	text-decoration: none;
}

*:focus {
	outline: none;
}

textarea {
  resize: none;
}

#flow {
  background: url(/static/img/main_bg_vt.png?short) repeat-y;
  width: 970px; 
  margin: 0 auto;
}

#page {
  background: url(/static/img/main_bg.jpg?short) no-repeat top left;
  min-height: 714px;
}

#footer {
  width: 970px;
  padding-top: 24px;
  padding-left: 2px;
  font-weight: normal;
  margin: 0 auto;
}

#footer li.soon {
  color: #dcdcdc;
}

#task-panel {
  height: 33px;
  padding-left: 3px;
}

#breadcrumb-line {
  padding-left: 14px;
  padding-top: 7px;
  width: 100%;
}

#content-panel {
  color: #4e4e4e;
  font-family: Tahoma, Helvetica;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
}

/*
  * User panel
  */

#user-panel {
  height: 33px;
}

#login-box {
  margin-top: 5px;
  float: left;
}

#login-box .editbox {
  margin-left: 5px;
  margin-right: 10px;
}

#login-box .editbox-content {
  width: 93px;
}

#user-panel form {
	float: left;
}

#user-panel .login-info {
  float: left;
  margin: 4px;
  font-size: 9px;
  text-align: right;
  position: relative;
}

/*
  * Title panel
  */

#title-panel {
  height: 112px;
}

#title-panel #logo-float, #title-panel #logo-float a {
  float: left;
  display: block;
  height: 112px;
  width: 215px; 
}

/*
  * Task panel
  */

#task-panel #search-box {
  margin-top: 5px;
  margin-right: 9px;
  height: 21px;
}

#search-widget {
  width: 214px;
  height: 23px;
  margin-right: 5px;
  background: url(/static/img/bar_search.png) no-repeat;
  position: relative;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
	z-index: 1;
}

#search-box label {
  margin-right: 5px;
}

.query {
  width: 143px;
  height: 19px;
  margin-left: 3px;
  padding-top: 4px;
  border: 0;
  background: transparent;
  color: #05a4ae;
}

#search-widget .select-wrapper {
	float: none;
	clear: none;
	position: static;
}

#search-widget .selected {
  display: inline-block;
  padding-left: 7px;
  width: 57px;
  background: transparent;
  position:absolute;
  right: 0;
  top: 0;
  vertical-align: middle;
  cursor: pointer;
	z-index: 1;
}

#search-widget .selected-right {
	background: transparent;
  padding-right: 12px;
}

#search-widget .selected-far-right {
	display: none;
}

#search-widget .selected-center {
	background: transparent;
  color: #05a4ae;
  padding-top: 4px;
  height: 19px;
  line-height: 15px;
}

#search-widget .combo {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 66px;
  display: none;
	z-index: 1;
	background: transparent;
}

#search-widget .combo .top {
  background: url(/static/img/combo_search_top.png) no-repeat;
  height: 2px;
	margin: 0;
}


#search-widget .combo .top-right, #search-widget .combo .bottom-right {
	display: none;
}


#search-widget .combo .center-left {
  width: 63px;
  background: url(/static/img/combo_search_center.png) repeat-y;
  padding: 0px 1px 2px 2px;
}


#search-widget .combo .center-right {
	background: transparent;
	margin: 0;
}

#search-widget .combo .center {
	height: auto;
	margin: 0;
}

#search-widget .combo .center div {
  color: black;
  margin: 0px 3px;
  padding: 2px 0px 2px 5px;
}

.combo .center div.first {
  color: #bab6b7 !important; 
  height: 20px;
  padding-top: 1px !important;
}

.combo .center div.first:hover {
  color: #bab6b7 !important; 
  background-color: white;
  font-weight: normal;
}

#search-widget .combo .bottom {
  background-image: url(/static/img/combo_search_bottom.png);
	background-repeat: no-repeat;
	height: 3px;
}

#task-panel #search-box .submit {
  height: 21px;
  vertical-align: middle;
}

/*
  * Breadcrumb line 
  */

#breadcrumb-line {
  margin-bottom: 7px;
}

#breadcrumb-line a {
  color: #037cb1;
  text-decoration: none;
}

#breadcrumb-line a:hover {
  text-decoration: underline;
}

/*
 * Tagcloud
 */

.html-box.tagcloudwide p,
.html-box.tagcloudinner p,
.html-box.tagcloud p {
    text-align: center;
    margin-bottom: 1em;
}

.html-box.tagcloudwide a,
.html-box.tagcloudinner a,
.html-box.tagcloud a {
  color: #037cb1;
  font-weight: normal;
  padding-left: 1em;
  padding-right: 1em;
}

.html-box.tagcloudwide a:hover,
.html-box.tagcloudinner a:hover,
.html-box.tagcloud a:hover {
  color: #029ce2;
  text-decoration: underline;
}

.html-box.tagcloud {
  width: 223px;
  margin-left: 10px;
  float: left;
}

.html-panel.tagcloud {
  width: 219px;
}

.html-box.tagcloudwide {
  width: 710px;
  margin-left: 10px;
  float: left;
}

.html-panel.tagcloudwide {
  width: 709px;
}

.html-box.tagcloudinner {
  width: 710px;
  margin-left: 12px;
  margin-top: 10px;
  float: left;
}

.html-panel.tagcloudinner {
  width: 709px;
}

/*
  * Sitemap
  */

#sitemap-panel {
  float: left;
  background: url(/static/img/sitemap_bg.png) no-repeat top left;
  height: 156px;
  width: 479px;
}

#sitemap-panel p, #sitemap-panel ul {
  padding-top: 12px;
  padding-left: 12px;
}

#sitemap-panel a {
  color: #ffffff;
  text-decoration: none;
  font-weight: normal;
}

#sitemap-panel a:hover {
  text-decoration: underline;
}

#sitemap-panel #about-allplay {
  margin-left: 6px;
  float: left;
}

#sitemap-panel #gameplay {
  float: left; width: 25%;
}

#sitemap-panel #community {
  float: left; width: 25%;
}

#sitemap-panel #portal {
  float: left; width: 30%;
}

/*
  * Legal stuff
  */

#legal-panel {
  float: left;
  width: 440px;
  height: 150px;
  margin-left: 10px;
  text-align: center;
  font-weight: normal;
  color: #000000;
  padding: 1em;
}

input {
  font-weight: normal;
}

.icon-link img {
	vertical-align: middle;
  padding: 2px 8px;
}

.icon-link div { 
  color: #037db0;
}

.icon-link:hover div { 
  color: #FFFFFF;
}

.icon-link:hover div {
  background-color: #06A4AF;
}

#title-panel #wide-float {
  float: left;
  margin-left: 14px;
  margin-top: 6px;
}

#title-panel #first-time-float {
  float: left;
  margin-left: 69px;
  margin-top: 32px;
}

#title-panel #first-time-float a {
  display: block;
  height: 48px;
  width: 203px;
  background: url(/static/img/title_first_time_pl.png) no-repeat;
}

#title-panel #what-is-allplay-float {
  float: left;
  margin-left: 49px;
  margin-top: 38px;
}

#title-panel #what-is-allplay-float a {
  display: block;
  height: 37px;
  width: 187px;
  background: url(/static/img/title_what_is_pl_normal.png) no-repeat;
}

#title-panel #what-is-allplay-float a:hover {
  background: url(/static/img/title_what_is_pl_hover.png) no-repeat;
}

#title-panel #how-to-play-float {
  float: left;
  margin-left: 22px;
  margin-top: 38px;
}

#title-panel #how-to-play-float a {
  display: block;
  height: 37px;
  width: 187px;
  background: url(/static/img/title_how_to_play_pl_normal.png) no-repeat;
}

#title-panel #how-to-play-float a:hover {
  background: url(/static/img/title_how_to_play_pl_hover.png) no-repeat;
}

/* MEGA CLEARFIX */

.cfix {
  height: 0;
  clear: both;
	font-size: 0;
  visibility: hidden;
}

/* comments */

.comments h2 {
  font-weight: bold;
  font-size: 18px;
  color: #2e5552;
  margin: 1em 0;
}

.comments form#add-new-comment {
  margin-top: 2em;
}

.comments table#comment-list {
  font-weight: normal;
  width: 700px;
}

.comments table#comment-list td {
  vertical-align: top;
}

.comments table#comment-list td.avatar {
  width: 48px;
  padding-left: 2em;
  text-align: right;
}

.comments table#comment-list td.comment-content {
  padding-left: 4px;
}

.comments table#comment-list td.comment-content p.comment-meta-left a {
  color: #037cb1;
  font-weight: bold;
}

.comments table#comment-list td.comment-content p.comment-meta-right,
.comments table#comment-list td.comment-content p.comment-actions {
  padding-right: 4px;
  float: right;
}

.comments table#comment-list td.comment-content p.comment-actions a {
  font-weight: bold;
  color: #2e5552;
}

.comments table#comment-list td.comment-content p.comment-actions.visible {
  margin-top: 1em;
}

.comments table#comment-list td.comment-content span.comment-published-human.hidden,
.comments table#comment-list td.comment-content span.comment-published-raw.hidden,
.comments table#comment-list td.comment-content p.comment-actions.hidden,
.comments table#comment-list td.comment-content p.comment-actions.hidden {
  display: none;
}

.comments table#comment-list td.comment-content p.comment-text strong {
  font-weight: bold;
}

.comments table#comment-list td.comment-content p.comment-text em {
  font-style: italic;
}

.comments table#comment-list tr.comment-hidden {
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}

.comments table#comment-list tr.comment-hidden:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.comments table#comment-list tr.comment-hidden td.avatar img {
  display: none;
}

.comments table#comment-list tr.comment-visible span.comment-show {
  display: none;
}

.comments table#comment-list tr.comment-hidden span.comment-show a {
  color: black;
  font-weight: bold;
}

.comments table#comment-list tr.comment-hidden p.comment-text {
  display: none;
}

.comments h2 span.comment-count {
  font-weight: normal;
  font-size: 10px;
  color: #aaaaaa;
}

.comments .markItUp {
  width: 702px;
}

.comments .markItUpEditor {
  width: 679px;
}

#comment-list .html-box.admincomment,
#comment-list .html-box.comment {
	width: 100%;
  float: left;
}

#comment-list .html-box.admincomment .html-box,
#comment-list .html-box.comment .html-box{
	margin-bottom: 4px;
	width: 400px;
}

#comment-list .html-box.admincomment > .html-box-top {
	background: url(/static/img/box/admin_comment_tl.png) top left no-repeat;
}

#comment-list .html-box.admincomment > .html-box-top div {
	background: url(/static/img/box/admin_comment_tr.png) top right no-repeat;
}

#comment-list .html-box.admincomment > .html-box-bottom {
	background: url(/static/img/box/admin_comment_bl.png) top left no-repeat;
}

#comment-list .html-box.admincomment > .html-box-bottom div {
	background: url(/static/img/box/admin_comment_br.png) top right no-repeat;
}

#comment-list .html-box.admincomment > .html-box-center {
  padding-left: 1em;
	background: url(/static/img/box/admin_comment_l.png) no-repeat;
}

#comment-list .html-box.admincomment > .html-box-center > .html-box-content {
	background: url(/static/img/box/admin_comment_r.png) top right repeat-y;
}

#comment-list .html-box.comment > .html-box-top {
	background: url(/static/img/box/comment_tl.png) top left no-repeat;
}

#comment-list .html-box.comment > .html-box-top div {
	background: url(/static/img/box/comment_tr.png) top right no-repeat;
}

#comment-list .html-box.comment > .html-box-bottom {
	background: url(/static/img/box/comment_bl.png) top left no-repeat;
}

#comment-list .html-box.comment > .html-box-bottom div {
	background: url(/static/img/box/comment_br.png) top right no-repeat;
}

#comment-list .html-box.comment > .html-box-center {
  padding-left: 1em;
	background: url(/static/img/box/comment_l.png) no-repeat;
}

#comment-list .html-box.comment > .html-box-center > .html-box-content {
	background: url(/static/img/box/comment_r.png) top right repeat-y;
}

#comment-list tr.comment-visible .html-box.admincomment > .html-box-center > .html-box-content, 
#comment-list tr.comment-visible .html-box.comment > .html-box-center > .html-box-content { 
  min-height: 41px;
}

#comment-list tr.comment-hidden .html-box.admincomment > .html-box-center > .html-box-content,
#comment-list tr.comment-hidden .html-box.comment > .html-box-center > .html-box-content { 
  min-height: 0;
}

div#podium-leagues,
div#matches-leagues,
div#popular-leagues {
  min-width: 190px;
}

div#forum-categories {
  min-width: 220px;
}

div#forum-categories a,
div#podium-leagues a,
div#matches-leagues a,
div#popular-leagues a {
  color: #027BAA;
  padding-right: 0.5em;
}

div#forum-categories li,
div#podium-leagues li,
div#matches-leagues li,
div#popular-leagues li {
  clear: both;
}

div#forum-categories li img,
div#podium-leagues li img,
div#matches-leagues li img,
div#popular-leagues li img {
  float: left;
  margin: 0 0.5em 1em 0.5em;
}

div.match-list-data table.match-list {
  width: 301px;
}

div.match-list-data table.match-list tr.match-list-league,
div.match-list-data table.match-list tr.even,
div.match-list-data table.match-list tr.odd {
  height: 2.4em;
}

div.match-list-data a {
	color: #037CB1; 
    font-weight: bold;
}

div.match-list-data table.match-list tr td {
  padding: 2px 4px 0px 4px;
}

div.match-list-data table.match-list tr.even {
    background-color: #E1E1ED;
}

div.match-list-data table.match-list tr.odd {
    background-color: #F3F3F5;
}

div.match-list-data table.match-list a {
  color: #027BAA;
}

div.match-list-data table.match-list tr td.lc span.versus {
  padding: 0 8px;
  font-weight: normal;
  color: black;
}

div.match-list-data table.match-list tr td.lc img {
  vertical-align: top;
  margin-top: -2px;
}

div.match-list-data table.match-list .right {
  float: right;
}

table.podium-list {
  width: 301px;
}

table.podium-list tr.empty,
div.match-list-data table.match-list tr.empty {
  background-color: white;
  height: 2px;
}

table.podium-list tr.first-place {
    background-color: #e8e8ea;
}

table.podium-list tr.second-place {
    background-color: #f0f0f2;
}

table.podium-list tr.third-place {
    background-color: #f8f8fa;
}

table.podium-list tr.first-place,
table.podium-list tr.second-place,
table.podium-list tr.third-place,
table.podium-list tr.podium-list-league {
  height: 48px;
  vertical-align: middle;
}

table.podium-list td.left {
  text-align: center;
  padding-right: 2em;
  padding-left: 2em;
  width: 34px;
}

table.podium-list td.avatar {
  width: 42px;
}

table.podium-list td img {
  margin-top: 2px;
}

table.podium-list td.name {
  padding-left: 1em;
  width: 110px;
}

table.podium-list td.name a {
  color: #027BAA;
}

table.podium-list td.points {
  font-weight: normal;
}

.fbConnectWidgetTopmost {
  border-width: 0 !important;
  border-style: none !important;
  padding-left: 8px !important;
}

div#joinleaguebutton {
  margin-left: 13px;
  margin-bottom: 5px;
  width: 219px;
  height: 39px;
  background: transparent url(/static/img/allplay_dolacz.png) no-repeat;
  text-align: center;
}

#share-cell {
  padding-left: 10px;
}

#share-cell .chicklets {
  padding-left: 12px !important;
}

.pagination {
  width: 100%;
  text-align: center;
}

.site-message {
  text-align: center;
  padding: 1em 0;
  margin: 1em 1em 0 1em;
  background-color: #f0fafb;
  border: #07a4ad 1px solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #058a92;
}

.site-error {
  text-align: center;
  padding: 1em 0;
  margin: 1em 1em 0 1em;
  background-color: #fbf2f0;
  border: #ad0907 1px solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #920805;
}

.conflict-score {
  color: red;
}

.won-score {
  color: #22aa22;
}

.lost-score {
  color: #aa2222;
}

.draw-score {
  color: #2222aa;
}

#left-cpm {
  position: fixed;
  top: 33px;
  left: 1152px;
  z-index: 10;
}

#right-cpm {
  position: fixed;
  top: 33px;
  top: 634px;
  left: 1152px;
  z-index: 10;
}

@media only screen and (max-width: 1200px) {
  #left-cpm,
  #right-cpm {
    left: 972px !important;
  }
}

.bar-count {
    float: right;
    border: 1px #cccccc solid;
    padding: 0 4px;
    min-width: 12px;
    text-align: center;
    background-color: #fcfcfc;
}

#user-panel .bar-count {
    margin-left: 8px;
    color: #4E4E4E;
}

table.user {
    width: 346px;
    margin: 0 4px 4px 0;
    font-weight: normal;
}

table.user h2 {
    font-weight: bold;
    font-size: 1.2em;
}

table.user td.usertd {
    padding: 4px;
    vertical-align: top;
    font-size: 10px;
}

table.userlist tr.odd table.user {
    background-color: #ebfeff;
}

table.userlist tr.even table.user {
    background-color: #fcfcff;
}

table.user img.avatar {
    margin: 8px 0;
}

table.user td.left {
    padding-right: 8px;
}

table.user td.right {
    font-weight: bold;
    height: 18px;
}

.profile-silver-badge,
.profile-premium-badge,
.league-premium-badge,
.tournament-premium-badge {
  width: 80px;
  height: 80px;
  position: relative;
  top: -24px;
  left: 612px;
  margin-bottom: -80px;
}

.profile-silver-badge a,
.profile-premium-badge a,
.league-premium-badge a,
.tournament-premium-badge a {
  display: block;
  width: 80px;
  height: 80px;
}

.profile-silver-badge {
	background: url(/static/img/konto_silver_s.png) top left no-repeat;
}

.profile-premium-badge {
	background: url(/static/img/konto_pro_s.png) top left no-repeat;
}

.league-premium-badge {
	background: url(/static/img/liga_pro_s.png) top left no-repeat;
}

.tournament-premium-badge {
	background: url(/static/img/turniej_pro_s.png) top left no-repeat;
}

span.avatar-plus {
  position: relative;
  display: inline;
  float: left;
}

span.avatar-107 img.avatar-pro,
span.avatar-72 img.avatar-pro {
  position: absolute;
  bottom: 6px;
  right: -6px;
}


span.avatar-24 img.avatar-pro,
span.avatar-32 img.avatar-pro {
  width: 11px;
  height: 11px;
  position: absolute;
  bottom: -1px;
  right: -4px;
}

span.avatar-64 img.avatar-pro,
span.avatar-48 img.avatar-pro {
  position: absolute;
  bottom: -2px;
  right: -6px;
}

#last-articles .artslide {
  width: 970px;
  height: 130px;
  margin-left: 116px;
}

#last-articles .artslide .single {
  margin-top: 14px;
  width: 190px;
  height: 100px;
  float: left;
}

#last-articles .artslide .title {
  background-color: #05a4ae;
  width: 166px;
  overflow: hidden;
  height: 18px;
  padding-left: 4px;
  padding-top: 4px;
  margin-top: -4px;
  float: left; 
  line-height: 1.4;
}

#last-articles .artslide a,
#last-articles .artslide a:hover
#last-articles .artslide a:active {
  color: white;
}

.bgclick-box {
  position: fixed;
  cursor: pointer;
}