/* CSS Document */
body {background: url(/i/img/bg_body.gif) repeat-y fixed center}
* {padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #373e40}
a img {border: 0 solid}
a {text-decoration: none; color: #363636; outline: none}
ul {list-style: none}
.loading {background: url(/i/img/preloader.gif) no-repeat center}
h1 {font-size: 20px; font-weight: bold; color: #3fb277; border-bottom: 1px solid #d5dbdc; padding-bottom: 10px; margin-bottom: 23px}
fieldset {border: 0 solid}
table {border-collapse: separate; border-spacing: 0}
input.ui-autocomplete-input {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF}
select, button, input, textarea {outline: none}
textarea {resize: none}

.cornerBox {position: relative; clear: both; float: left; width: 100%}

#dymek {background: #31393b; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; opacity: 0.9;padding: 8px 16px; position: absolute; z-index: 100}

/*Banery*/
.banner_750_100 {width: 750px; min-height: 100px; background-color: #FFF; clear: both; padding: 19px; border: 1px solid #c9cbb4; border-top: 0 solid; margin-bottom: 20px; float: right}
.banner_120_600 {width: 120px; height: 600px; background-color: #f3f4ec; margin: 0 auto; text-align: center}
.banner_150_100 {width: 150px; min-height: 100px; background-color: #f3f4ec; margin: 0 auto; text-align: center}
.banner_180_150 {width: 180px; min-height: 150px; background-color: #f3f4ec; margin: 20px 0; text-align: center}
.rek_empty { display: none }
.rek_none { display: none }

/*menu gorne*/
div#container div#menu {height: 54px; position:absolute; top: 123px; left: 147px}

div#container div#menu ul {margin-left: 8px}
div#container div#menu ul li {float: left; line-height: 37px; border-right: 1px solid #8bccab}
div#container div#menu ul li:last-child {border: 0 solid}
div#container div#menu ul li:first-child {border-left: 1px solid #328e55}
div#container div#menu ul li a {font-weight: bold; padding: 0 14px; height: 36px}
div#container div#menu ul li a span {font-size: 11px; color: #FFF; text-transform: uppercase}

div#container div#menu ul li.active {float: left}
div#container div#menu ul li.active a {float: left; background: url(/i/img/bg_bar_playoff.gif) repeat-x; height: 37px}
div#container div#menu ul li.active a span {}

/*Sciezka nawigacyjna*/
#container #navigation {height: 38px; line-height: 38px; font-weight: bold; color: #939392; font-size: 11px; position: absolute; top: 161px; left: 188px}
#container #navigation a {color: #939392; background:url(/i/img/arrow2.gif) no-repeat 0 5px; padding-left: 9px; margin-left: 10px; font-weight: normal}

/*Lewa kolumna*/
#container .columns {background-color: #FFF; float: left; padding: 0 20px 20px 0; width: 990px}
#container .columns #left-column {width: 180px; float: left; margin-right: 20px}
#container .columns #main-column #content {float: left; width: 650px; margin-right: 20px}
#container .columns #main-column #right-column {float: right; width: 120px}
#container .columns #main-column #right-column #disclaimer {margin-top: 20px}
#container .columns #main-column #right-column #disclaimer p {font-size: 11px; line-height: 16px}
#container .columns #main-column #right-column #disclaimer p strong {display: block; line-height: 23px}


/*Rozwijanew menu krajow i lig*/
#left-column h2 {background: #727272 url(/i/img/bg_bar_playoff.gif) repeat-x; width: 100%; height: 39px; line-height: 39px; color: #FFF; font-size: 13px; text-indent: 15px; border-bottom: 1px solid #949494; margin-top: 20px}
#left-column .menu-playoff {}
#left-column .menu-playoff p {background: url(/i/img/bg_p_playoff.gif) repeat-x; height: 30px; line-height: 30px; color: #FFF; padding-left: 15px; border-bottom: 1px solid #FFF; font-weight: bold; position: relative}

#left-column #international ul.countries {padding-bottom: 7px}
#left-column .menu-playoff ul.countries {background-color: #ebece1; outline: none; padding: 10px}
#left-column .menu-playoff ul.countries li {list-style: none}
#left-column .menu-playoff ul.countries li a {display: block; padding: 1px 10px 1px; font-weight: bold; border: 1px solid #ebece1; color: #373e40}

#left-column .menu-playoff ul.countries li:hover a {border-right: 1px solid #f9f9f8; border-bottom: 1px solid #f9f9f8; border-top: 1px solid #c6c7be; border-left: 1px solid #c6c7be; background-color: #dbdcd2}

#left-column .menu-playoff ul.countries li.active a {border-top: 1px solid #c6c7be; border-left: 1px solid #c6c7be; border-right: 1px solid #f9f9f8; border-bottom: 0 solid; background-color: #dbdcd2}
#left-column .loading ul.countries li.active a {border-bottom: 1px solid #88969a}
#left-column .menu-playoff ul.countries li.active ul {border-left: 1px solid #c6c7be; border-right: 1px solid #f9f9f8; border-bottom: 1px solid #f9f9f8; background-color: #dbdcd2; border-top: 0 solid}
#left-column .menu-playoff ul.countries li.active ul li {border: 0 solid; width: auto; padding: 0 10px 0 12px}
#left-column .menu-playoff ul.countries li.active ul li a {border: 0 solid; background-color: #FFF; font-weight: normal; background: url(/i/img/arrow.gif) no-repeat 0 7px; padding: 3px 10px}
#left-column .menu-playoff ul.countries li.active ul li a:hover {color: #369b68}

#left-column #national {background-color: #ebece1; padding-bottom: 10px; border-bottom: 0 solid; margin-bottom: 20px}
#left-column #national p {border-top: 1px solid #e4f0f1}
#left-column #national ul {height: 305px; overflow-y: scroll; width: 153px; padding-top: 0; margin-top: 10px; border-right: 0 solid; border-top: 0 solid}
#left-column .loading ul {filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3}
#left-column #national ul li {width: 142px}
#left-column #national ul li a {padding: 3px 10px 3px}
#left-column #national ul li.active ul {height: auto; width: auto; overflow: visible; padding: 0 0 3px 0; margin-top: 0; border-right: 1px solid #f9f9f8}
#left-column #national ul li.active ul li {width: auto}

/*Srodkowa kolumna*/
#container .columns #main-column {width: 790px; float: right}

/*Główna*/
#middle h2 {float: left; height: 36px}
#middle h2 strong {float: left; color: #515151; font-weight: bold; line-height: 35px; padding: 0 0 0 20px; background:url(/i/img/arrow2.gif) no-repeat 76px 16px}
#middle h2 strong span {margin-left: 20px}
#container .columns #main-column #middle #content form#homepage .cornerBox .caption a#btn_league {margin-left: 15px}
#container .columns #main-column #middle #content form#homepage .cornerBox .caption a#btn_country {margin-left: 5px}
#container .columns #main-column #middle #content form#homepage .cornerBox .caption .tabs {position: relative; float:left; z-index:1}
#container .columns #main-column #middle #content form#homepage .cornerBox .caption a.deselected {float: left; height: 30px; display: block; border: 1px solid #c6c6c6; border-bottom: 1px solid #eff0f1; background: #f6f6f7 url(/i/img/bg_button.gif)}
#container .columns #main-column #middle #content form#homepage .cornerBox .caption a.deselected span{float: left; height: 31px; padding: 0 17px; line-height: 31px; color: #515151; font-weight: bold}
#container .columns #main-column #middle #content form#homepage .cornerBox .caption a.selected {float: left; height: 31px; display: block; border: 1px solid #c6c6c6; border-bottom: 1px solid #FFF}
#container .columns #main-column #middle #content form#homepage .cornerBox .caption a.selected span {float: left; height: 31px; padding: 0 17px; line-height: 31px; color: #515151; font-weight: bold}
#container .columns #main-column #middle #content form#homepage .cornerBox .caption a span strong {color: inherit; text-transform: uppercase; font-weight: bold}
#container .columns #main-column #middle #content form#homepage .cornerBox .caption fieldset {float: left; height: 24px; background: url(/i/img/bg_select_calendar.gif) no-repeat; width: 124px}
#container .columns #main-column #middle #content form#homepage .cornerBox .caption fieldset p {float: left; color: #7b7b7b; font-weight: bold; line-height:24px; padding: 0; height:24px}
#container .columns #main-column #middle #content form#homepage .cornerBox .caption fieldset input.ui-autocomplete-input {background-image: none; font-weight: bold; width:85px; color: #7b7b7b; height: 25px; line-height: 23px; margin: 0; padding: 0 0 0 15px}
#container .columns #main-column #middle #content form#homepage .cornerBox .caption fieldset button.ui-button {background-image: none; width: 23px; height: 25px; margin-top: 0}
#container .columns #main-column #middle #content form#homepage .cornerBox .caption fieldset button.ui-button .ui-button-text {background: none}
.homepage .ui-menu {padding-right: 14px}

/*Wybor lig na glownej*/
#container .columns #main-column #middle #content form#homepage {clear: both; float: left; margin-bottom: 15px}
#container .columns #main-column #middle #content form#homepage .cornerBox .caption fieldset {float: right}

#container .columns #main-column #middle #content form#homepage .cornerBox {width: 650px; background-color: #FFF; margin-bottom: 0}
#container .columns #main-column #middle #content form#homepage .cornerBox .caption {display: block; float: left; width: 100%; z-index: 1}
#container .columns #main-column #middle #content form#homepage .cornerBox .cornerBox {margin-top: -4px; position: relative}
#container .columns #main-column #middle #content form#homepage .cornerBox .cornerBox .loading ul {filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3}
#container .columns #main-column #middle #content form#homepage .cornerBox .cornerBox .loading .buttons {filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3}
#container .columns #main-column #middle #content form#homepage .cornerBox .chooseleagues {width: 648px; border: 0 solid; background-color: #FFF; border: 1px solid #939393}
#container .columns #main-column #middle #content form#homepage .cornerBox .corner {background:url(/i/img/corners2.gif); height: 10px; width: 10px}
#container .columns #main-column #middle #content form#homepage .cornerBox .bl {background-position: 0 -10px}
#container .columns #main-column #middle #content form#homepage .cornerBox .br {background-position: -10px -10px}
#container .columns #main-column #middle #content form#homepage .cornerBox .tl {background-position: 0 0}
#container .columns #main-column #middle #content form#homepage .cornerBox .tr {background-position: -10px 0}


#container .columns #main-column #middle #content form#homepage .cornerBox .chooseleagues ul#chooseleague {margin: 0; padding: 15px 20px 16px 20px; width: 608px; background:url(/i/img/dots.gif) repeat-x bottom; float: left}
#container .columns #main-column #middle #content form#homepage .cornerBox .chooseleagues ul#chooseleague li {cursor: pointer; float: left; height: 15px; line-height: 15px; margin:4px 0 4px; overflow: hidden; padding-right: 10px; width: 192px}

#container .columns #main-column #middle #content form#homepage .cornerBox .chooseleagues ul#chooseleague li div.ez-checkbox {vertical-align: text-top; /*margin-right: 8px;*/ cursor: pointer; float: left}
#container .columns #main-column #middle #content form#homepage .cornerBox .chooseleagues ul#chooseleague li div.ez-checkbox input { cursor: pointer}
#container .columns #main-column #middle #content form#homepage .cornerBox .chooseleagues ul#chooseleague li label {cursor: pointer; padding-left: 8px}
#container .columns #main-column #middle #content form#homepage .cornerBox .chooseleagues ul#chooseleague li label strong {cursor: pointer}

#container .columns #main-column #middle #content form#homepage .cornerBox .chooseleagues .buttons {padding: 9px 0 18px 18px; clear: both;  height: 29px}
#container .columns #main-column #middle #content form#homepage .cornerBox .cornerBox .chooseleagues ul#chooseleague li input {vertical-align: text-top}
#container .columns #main-column #middle #content form#homepage .cornerBox .chooseleagues .buttons a#chooseleagues_selAll {background: url(/i/img/bg_checkbox.gif) no-repeat scroll bottom left transparent; display: block; float: right; font-weight: bold; height: 15px; line-height: 15px; margin-right: 22px; margin-top: 12px; padding-left: 20px; text-transform: lowercase}
#container .columns #main-column #middle #content form#homepage .cornerBox .chooseleagues .buttons a#chooseleagues_deselAll {background: url(/i/img/bg_checkbox.gif) no-repeat scroll top left transparent; display: none; float: right; font-weight: bold; height: 15px; line-height: 15px; margin-right: 22px; margin-top: 12px; padding-left: 20px; text-transform: lowercase}
#container .columns #main-column #middle #content form#homepage .cornerBox .cornerBox .chooseleagues .buttons .calcio {background: #f6f6f7 url(/i/img/bg_button.gif); border: 1px solid #c6c6c6; height: 30px; line-height: 30px; color: #515151; margin-right: 178px; margin-top: 2px; width: 93px; display: block; float: left; text-align:center; font-weight: bold}
#container .columns #main-column #middle #content form#homepage .cornerBox .cornerBox .chooseleagues .buttons .active {background: #60c893 url(/i/img/calcio-active.gif); border: 1px solid #3da276; color: #FFF; text-align: center}
#container .columns #main-column #middle #content form#homepage .cornerBox .cornerBox .chooseleagues .buttons span.submit {}
#container .columns #main-column #middle #content form#homepage .cornerBox .cornerBox .chooseleagues .buttons span.submit input {background: #f6f6f7 url(/i/img/bg_button.gif) repeat-x; height: 32px; line-height: 32px; color:#515151; text-align: center; padding: 0 20px; font-weight: bold; float: left; border: 0 solid; cursor: pointer; border: 1px solid #c6c6c6; margin-top: 3px}

#container .columns #main-column #middle #content form#homepage .cornerBox .cornerBox .chooseleagues .buttons p.leagues #myleagues {float: right; margin: 12px 15px 0 0; text-decoration: none; display: block; text-transform: lowercase; background: none; border: 0 solid; color: #363636}
#container .columns #main-column #middle #content form#homepage .cornerBox .cornerBox .chooseleagues .buttons p.leagues #myleagues span {display: block; width: 15px; height: 15px; background-image: url(/i/img/bg_checkbox.gif); background-repeat: no-repeat; float: left; margin-right: 6px}
#container .columns #main-column #middle #content form#homepage .cornerBox .cornerBox .chooseleagues .buttons p.leagues .active span {background-position: bottom}
#container .columns #main-column #middle #content form#homepage .cornerBox .cornerBox .chooseleagues .buttons p.leagues .inactive span {background-position: top}

#hint_league {width: 177px; padding: 12px 35px 12px 12px; color: #FFF; font-weight: bold; background: #31393b url(/i/img/close.png) no-repeat 191px 6px; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; position: absolute; cursor: pointer; display: none; z-index: 10}

/*Last minute i recent scores na glownej*/
#container .columns #main-column #middle #content .table {clear: none; width: 315px; float: left}
#container .columns #main-column #middle #content .table .cornerBox {background-color: #ebece1}
#container .columns #main-column #middle #content .table .cornerBoxInner {width: 315px}
#container .columns #main-column #middle #content .table .caption .content h2 {height: 30px; background: #727272 url(/i/img/bg_p_playoff.gif) repeat-x}
#container .columns #main-column #middle #content .table .caption .content h2 strong {padding: 0 20px; color: #FFF; line-height: 30px}
#container .columns #main-column #middle #content .table .caption .content a.button1 {background: #a2a2a2 url(../img/bg_link_more.gif) repeat-x; height: 30px; margin: 0; padding: 0 10px 0 0}
#container .columns #main-column #middle #content .table .caption .content a.button1 span {text-transform: lowercase; color: #FFF; line-height: 30px; height: 30px; background: url(/i/img/arrow4.gif) no-repeat right; padding: 0 16px 0 11px}
#container .columns #main-column #middle #content .lastMinute {}
#container .columns #main-column #middle #content .lastMinute .cornerBoxInner {padding-bottom: 10px}
#container .columns #main-column #middle #content .recentScores {float: right}
#container .columns #main-column #middle #content .recentScores .cornerBoxInner {padding-bottom: 10px}
#container .columns #main-column #middle #content .table ul {padding: 15px 0 10px; width: 295px; margin: 0 auto}
#container .columns #main-column #middle #content .table ul li {height: 20px; line-height: 21px; overflow:hidden; margin-bottom: 2px; width: 293px}
#container .columns #main-column #middle #content .table ul li.even {background-color: #dbdcd2; border: 1px solid #FFF; border-top: 1px solid #c6c6bf; border-left: 1px solid #c6c6bf}
#container .columns #main-column #middle #content .table ul li:last-child {background-image: none}
#container .columns #main-column #middle #content .table ul li a {float: left; color: #525252; font-weight: bold}
#container .columns #main-column #middle #content .table ul li a.host {width: 132px; text-indent: 10px}
#container .columns #main-column #middle #content .table ul li.even a.host {width: 131px}
#container .columns #main-column #middle #content .table ul li a.vs {text-align: center; width: 32px}
#container .columns #main-column #middle #content .table ul li a.guest {width: 119px; text-align: right}
#container .columns #main-column #middle #content .table ul li a.guest2 {width: 119px; text-align: left}
#container .columns #main-column #middle #content .table ul li a.result {font-weight: bold; width: 28px; text-align:center}

/*Ogolne ustawienia tabelki statystyk*/
#middle .statistics div#teamMenu {background-color: #f3f4ec; margin-bottom: 15px}
#middle .statistics div#teamMenu div.caption div.content a.button3 {margin-right: 1px; margin-left: 2px; float: left}
#middle .statistics div#teamMenu div.caption div.content a.button4 {margin-right: 1px; margin-left: 2px; float: left}
#middle .statistics .cornerBox {background-color: #f3f4ec}
#middle .statistics .corner {background-image: url(/i/img/corners.gif); width: 5px; height: 5px}
#middle .statistics .tl {top: 0; left: 0; background-position: 0 0}
#middle .statistics .tr {top: 0; right: 0; background-position: -5px 0}
#middle .statistics .bl {bottom: 0; left: 0; background-position: 0 -5px}
#middle .statistics .br {bottom: 0; right: 0; background-position: -5px -5px}
#middle div.cornerBox table {border-left: 1px solid #bfc0b2; border-right: 1px solid #bfc0b2; border-bottom: 1px solid #bfc0b2; /*border-top: 1px solid #FFF; */width: 100%}
#middle div.cornerBox table tr {height: 21px; line-height: 20px}
#middle div.cornerBox table tr.additional-info {height: auto}
#middle div.cornerBox table tr th {font-weight: normal; text-align: left; border-bottom: 1px solid #9b9c91}
#middle div.cornerBox table tr td {border-bottom: 1px solid #d9dacf}
#middle div.cornerBox table tr th:first-child {padding-left: 15px}
#middle div.cornerBox table tr:first-child td {padding-top: 7px}
#middle div.cornerBox table tr.even td {border-bottom: 1px solid #d9dacf}
#middle div.cornerBox table tr.even:last-child td {border-bottom: 1px solid #d9dacf}
#middle div.cornerBox table tr:last-child td {border-bottom: 0 solid}
#middle div.cornerBox table tfoot tr:first-child td {padding-top: 0}
#middle div.cornerBox table tr.even {background-color: #FFF}
#middle div.cornerBox table tr td:first-child {padding-left: 12px}
#middle div.cornerBox table tr td:last-child {padding-right: 10px}
#middle div.cornerBox	{margin-bottom: 14px}
#middle div.tight {width: 317px; clear: none}
#middle div.left {clear: left}
#middle div.right {float: right; clear: right}
#middle div.cornerBox table thead	{background-color: #d3d4cd; border-bottom: 1px solid #9b9c91; -moz-box-shadow: 0 1px 0 #FFF; -webkit-box-shadow: 0 1px 0 #FFF; box-shadow: 0 1px 0 #FFF}
#middle div.cornerBox table tr.th:first-child {-moz-box-shadow: 0 1px 0 #FFF; -webkit-box-shadow: 0 1px 0 #FFF; box-shadow: 0 1px 0 #FFF}
#middle div.cornerBox table tr.th {background-color: #d3d4cd; -moz-box-shadow: 0 1px 0 #FFF,  0 -1px 0 #9b9c91; -webkit-box-shadow:0 1px 0 #FFF,  0 -1px 0 #9b9c91; box-shadow: 0 1px 0 #FFF,  0 -1px 0 #9b9c91}
/*ponizsze test na potrzebe buga w chromie*/
#middle div.cornerBox table tr.th td {-webkit-box-shadow:0 1px 0 #FFF,  0 -1px 0 #9b9c91}
#middle div.cornerBox table tr.th:first-child td {-webkit-box-shadow: none}

#middle div.cornerBox table tr.th td {border-bottom: 1px solid  #9b9c91; font-weight: bold}
#middle div.cornerBox table tr.th td:first-child {padding-top: 0; border-left: 1px solid #d3d4cd}
#middle div.cornerBox table tr.th td:last-child {padding-top: 0; border-right: 1px solid #d3d4cd}
#middle .statistics .cornerBox table tbody tr td {color: #3c454c}
#middle .statistics .cornerBox table tbody tr td img {vertical-align:text-top; float: right; margin-right: 4px}
#middle .statistics .cornerBox table tbody tr td a {color: #3c454c}
#middle .statistics .cornerBox table tbody tr td a:hover {text-decoration: underline}
#middle .statistics .cornerBox table tbody tr td a.matchLive1 {color: #028c9c}
#middle .statistics .cornerBox table tfoot tr {height: 7px}
#middle .statistics .cornerBox table tfoot tr td {}
#middle .statistics .cornerBox div.teams_info {width: 633px; border-left: 1px solid #bfc0b2; border-right: 1px solid #bfc0b2; border-bottom: 1px solid #bfc0b2; border-top: 1px solid #FFF; padding-left: 15px; padding-top: 12px; background-color: #f3f4ec}
#middle .statistics .cornerBox div.caption div.content a.button3 {float: right; margin-left: 3px}
#middle .statistics .cornerBox div.caption div.content a.button4 {float: right; margin-left: 5px}
#middle .statistics .cornerBox div.caption div.content a.select {margin-left: 5px; float: right}
#middle .cornerBox .caption .content a.button4 span span {background: none; float: none; height: auto; line-height: normal; padding: 0}
#middle .statistics .cornerBox div.caption div.content a.select ul {background-color: #F2F2F2; border: 1px solid #899089; margin-top: 26px}
#middle .statistics .cornerBox div.content a.select ul li {margin: 5px 0 5px 15px}
#middle .statistics .cornerBox table tbody tr td.compare a {background:url(/i/img/ico_compare.gif) no-repeat center left; height: 13px; width: 16px; float: right; margin-right: 4px}
/*Wstawienie ikonki do tabel live przy odpowienich meczach (tj w zaleznosci od classy livetable-active*/
#middle .statistics .cornerBox table tbody tr td.compare a.livetable {background: url(/i/img/ico_livetable.png) no-repeat; width: 16px; height: 13px; display: block; float: right}
/*Ozdnaczony wiersz aktualnie ogladanego zespolu*/
#middle .statistics .cornerBox table tbody tr.team {background: url(/i/img/bg_tr_active_hover.gif) repeat-x bottom left}
#middle .statistics .cornerBox table.form-table tbody tr.team td {-moz-box-shadow: 0 -1px 0 #bfc0b2; -webkit-box-shadow: 0 -1px 0 #bfc0b2; box-shadow: 0 -1px 0 #bfc0b2;border-bottom: 1px solid #bfc0b2}
/*Niedorobiony przypadek - gdy odznaczony jest pierwszy wiersz to nie ma gornego bordera*/
#middle .statistics .cornerBox table.form-table tbody tr.team:first-child td {background-image: url(/i/img/bg_border.gif); background-repeat: repeat-x; background-position: 0 5px}
#middle .statistics .cornerBox table.form-table tbody tr.team td:first-child {border-left: 1px solid #dadad7}
#middle .statistics .cornerBox table.form-table tbody tr.team td:last-child {border-right: 1px solid #dadad7}
#middle .statistics .cornerBox table.form-table tbody tr td.team {font-weight: bold; width: 310px}
#middle .statistics .cornerBox table.form-table tr .pos {text-align:left}
#middle .statistics .cornerBox table.form-table tr .team {text-align:left}
/*#middle .statistics .cornerBox table.form-table thead tr th:first-child {-moz-box-shadow: 1px 0 #FFF inset; -webkit-box-shadow: 1px 0 #FFF inset; box-shadow: 1px 0 #FFF inset}
#middle .statistics .cornerBox table.form-table thead tr th:last-child {-moz-box-shadow: -1px 0 #FFF inset; -webkit-box-shadow: -1px 0 #FFF inset; box-shadow: -1px 0 #FFF inset}*/
#middle .statistics .cornerBox table.form-table tbody tr td, #middle .statistics .cornerBox table.form-table thead tr th {text-align: center}
#middle .statistics .cornerBox table.form-table tbody tr td.type {text-align: left}
#middle .statistics .cornerBox table.form-table thead {border-bottom: 1px solid #FFF}
#middle .statistics .cornerBox table.form-table thead tr th {border-bottom: 1px solid #9b9c91; border-top: 1px solid #FFF; box-shadow: 0px 1px #FFF; -moz-box-shadow: 0px 1px #FFF; -webkit-box-shadow: 0px 1px #FFF}
#middle .statistics .cornerBox table.form-table thead tr th:first-child {box-shadow: -1px 0px #9b9c91, 0px 1px #FFF; -moz-box-shadow: -1px 0px #9b9c91, 0px 1px #FFF; -webkit-box-shadow: -1px 0px #9b9c91, 0px 1px #FFF}
#middle .statistics .cornerBox table.form-table thead tr th:last-child {box-shadow: 1px 0px #9b9c91, 0px 1px #FFF; -moz-box-shadow: 1px 0px #9b9c91, 0px 1px #FFF; -webkit-box-shadow: 1px 0px #9b9c91, 0px 1px #FFF}
#middle .statistics .cornerBox table.form-table thead tr th.pts {font-weight: bold}
#middle div.statistics .loading {background: url(/i/img/preloader.gif) no-repeat center}
#middle div.statistics .loading tbody {filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3}
#middle .statistics .cornerBox div.content form {float: right}
/*Na potrzeby ladnego select-boxa*/
span.ui-helper-hidden-accessible {display: none}
#middle .statistics .cornerBox div.content fieldset {float: right; margin-left: 3px}
#middle .statistics .cornerBox .caption .content fieldset select {margin-top: 7px; background-color: #606060; color: #FFF; padding: 3px 2px 3px 3px; border-left: 1px solid #2a3335; border-top: 1px solid #2a3335; border-right: 1px solid #7a8385; border-bottom: 1px solid #7a8385}
#middle .statistics .cornerBox .caption .content fieldset select option {color: #FFF}
#middle .statistics .cornerBox div.content fieldset.short input.ui-autocomplete-input {width: 25px}
#middle .statistics .cornerBox div.content fieldset.medium input.ui-autocomplete-input {width: 45px}
#middle div.statistics fieldset.long input.ui-autocomplete-input {width: 95px}
#middle .statistics .cornerBox div.content fieldset.vlong input.ui-autocomplete-input {width: 135px}
#middle .statistics .cornerBox table tbody tr.hover {background: url(/i/img/bg_tr_active_blue.gif) repeat-x bottom left}
#middle .statistics .cornerBox table tbody tr.hover td {border-bottom: 1px solid #bfc0b2; -moz-box-shadow: 0 -1px 0 #bfc0b2; -webkit-box-shadow: 0 -1px 0 #bfc0b2; box-shadow: 0 -1px 0 #bfc0b2}

/*Bary*/
#middle .statistics .caption {background: #606060 url(/i/img/bg_bar_stats.gif) repeat-x; border-top: 1px solid #444343; height: 38px}
#middle .statistics .caption .content {height: 39px; padding: 0 12px 0 14px; position: relative}
#middle .statistics .caption .content h2 {line-height: 39px; color: #FFF; font-weight: bold; width: auto; float: left; background: none}

#middle .statistics .tight .caption {background: #567d69 url(/i/img/bg_bar_stats_tight.gif) repeat-x; border-top: 1px solid #416854; height: 39px}


/*Buttony*/
/*Bialy na gladkie tla*/
a.button1 {background:url(/i/img/bg_button1_right.gif) no-repeat right; height: 33px; float: left; margin: 4px 0 0 4px}
a.button1 span {background: url(/i/img/bg_button2_left.gif) no-repeat left; height: 33px; line-height: 33px; text-align: center; padding: 0 11px; font-weight: bold; float: left}

/*Jasnoszary, naszykowany na szare tlo z gradientem na barze*/
a.button3 {background:url(/i/img/bg_button3_right.png) no-repeat right top; height: 30px; float: right; margin-top: 5px}
a.button3 span {background:url(/i/img/bg_button3_left.png) no-repeat left top; height: 30px; line-height: 26px; color:#FFF; text-align: center; padding: 0 17px 0 14px; float: left; font-weight: bold}
a.button3:hover {background-image: url(/i/img/bg_button4_right.png)}
a.button3:hover span {color: #FFF; background-image: url(/i/img/bg_button4_left.png)}
a.button3.active {background-image: url(/i/img/bg_button4_right.png)}
a.button3.active span {color: #FFF; background-image: url(/i/img/bg_button4_left.png)}

/*ciemnoszary, naszykowany na szare tlo z gradientem na barze*/
a.button4 {background:url(/i/img/bg_button4_right.png) no-repeat right top; height: 30px; float: left; margin-top: 5px}
a.button4 span {background:url(/i/img/bg_button4_left.png) no-repeat left top; height: 30px; line-height: 26px; color:#FFF; text-align: center; padding: 0 17px 0 14px; float: left; font-weight: bold}

/*Wybor druzyn do porowania*/
#middle .statistics form.compareSelectTeam .loading {background: url(/i/img/preloader.gif) no-repeat center}
#middle .statistics form.compareSelectTeam .loading .select {filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3}
#middle .statistics form.compareSelectTeam {margin-top: 11px; float: left; width: 100%}
#middle .statistics form.compareSelectTeam div.caption {background: #606060 url(/i/img/bg_bar_stats.gif) repeat-x; border-top: 1px solid #416854}
#middle .statistics form.compareSelectTeam div.caption div.content h2 {width: 100px}
#middle .statistics form.compareSelectTeam div.caption div.content fieldset {float: right}
#middle .statistics div.cornerBox div.select {border-left: 1px solid #9b9c91; border-right: 1px solid #9b9c91; border-bottom: 1px solid #9b9c91;  height: 245px}
#middle .statistics form#statTC div.cornerBox div.select select {border: 0 solid; margin: 14px 0 0 15px; background-image: none; width: 285px; height: 215px; border: 1px solid #939393; padding: 10px}
#middle .statistics form#statTC div.cornerBox div.select select option {height: 16px; line-height: 16px}
#middle .statistics form#statTC div.cornerBox div.caption div.content select.country {float: right; margin: 7px 6px 0 0}
#middle .statistics form#statTC a.button1 {margin-left: 250px}

/*Porównanie drużyn*/
#middle .statistics div#compare div.cornerBox div.caption div.content h2 {width: 250px}
#middle .statistics div#compare div.cornerBox div.caption div.content a.select {padding-right: 80px; margin-right: 7px; margin-left: 0; float: right}
#middle .statistics div#compare div.cornerBox div.caption div.content a.select span {padding-right: 30px}
#middle .statistics div#compare div.cornerBox div.caption div.content a.button3 {float:right}
#middle .statistics div#compare div.cornerBox div.caption div.content a.button4	{margin-left: 7px; margin-right: 7px; float: right}
/*wywalic jak przerobie select na ul*/
#middle .statistics div#compare.statistics div.cornerBox div.caption div.content form select {margin-top: 9px; float: right; margin-right: 3px}

#middle .statistics div#compare div.cornerBox table.form-table tbody tr td.type {width: 85px; text-align:left}
#middle .statistics div#compare div.cornerBox table.form-table tbody tr td {width: 29px; text-align: center}
#middle .statistics div#compare div.cornerBox table.form-table thead tr th {text-align: center; padding: 0}

#middle .statistics div.teams_info span	{margin: 28px 0 0 0; float: left; display:block; width: 28px; text-align: center; font-weight: bold; font-size: 12px; background-color: #f3f4ec; border: 1px solid #c9cbb4}
#middle .statistics div.teams_info {clear: both; float: left; padding-bottom: 11px}
#middle .statistics div.teams_info div.team1 {width: 309px; float: left}
#middle .statistics div.teams_info div.team1 a.team_logo	{display:block; float: left; margin-right: 20px; height: 100px; padding-bottom: 2px}
#middle .statistics div.teams_info div.team1 a.team_name {font-size: 14px; font-weight: bold; margin-top: 12px; display: block}
#middle .statistics div.teams_info div.team1 a.team_country {font-size: 12px}
#middle .statistics div.teams_info div.team1 a.team_country strong {font-weight: normal; vertical-align: text-top}
#middle .statistics div.teams_info div.team1 a.team_country img {margin: 6px 8px 0 0}

#middle .statistics div.teams_info div.team2	{width: 311px; float: right; text-align:right}
#middle .statistics div.teams_info div.team2 a.team_logo	{float: right; margin-left: 20px}
#middle .statistics div.teams_info div.team2 a.team_name {font-size: 14px; margin-top: 12px; font-weight: bold; display: block}
#middle .statistics div.teams_info div.team2 a.team_country {font-size: 12px}
#middle .statistics div.teams_info div.team2 a.team_country strong {font-weight: normal; vertical-align: sub}
#middle .statistics div.teams_info div.team2 a.team_country img	{float: right; margin-left: 8px; margin-top: 6px}

#middle .statistics div.cornerBox table tbody tr td.date {width: 12%}
#middle .statistics div.cornerBox table tbody tr td.league {width: 7%; text-align: left}
#middle .statistics div.cornerBox table tbody tr td.host {text-align: right; width:28%; font-weight: bold}
#middle .statistics div.cornerBox table tbody tr td.result {width: 13%; text-align:center; font-weight: bold}
#middle .statistics div.cornerBox table tbody tr td.result a.matchLive1 {color: #028c9c}
#middle .statistics div.cornerBox table tbody tr td.guest {width: 32%; font-weight: bold}
#middle .statistics div.cornerBox table tbody tr td.compare {width: 11%}

/*Compare teams - tabelka latest results z ikonkami + - .*/
#middle .statistics div.cornerBox table.result-ico tbody tr td.guest {width: 31%}
#middle .statistics div.cornerBox table.result-ico tbody tr td.result-ico {width: 4%}
#middle .statistics div.cornerBox table.result-ico tbody tr td.result-ico img {vertical-align: text-top}

/*Liga - naglowek ze sciezka lig*/
#middle .statistics div.cornerBox div.leaguePath {border-left: 1px solid #9b9c91; border-right: 1px solid #9b9c91; border-bottom: 1px solid #9b9c91; border-top: 1px solid #e4f0f1; padding: 9px 10px 13px 16px; background-color: #d3d4cd; float: left; width: 622px}
#middle .statistics div.cornerBox div.leaguePath ul {line-height: 20px; clear: both; float: left; margin-top: 8px}
#middle .statistics div.cornerBox div.leaguePath ul li {float: left; margin-right: 13px}
#middle .statistics div.cornerBox div.leaguePath ul li a {background:url(/i/img/arrow3.gif) no-repeat 0 6px; font-size: 16px; font-weight: bold; padding-left: 13px; color: #383f41}
#middle .statistics div.cornerBox div.leaguePath fieldset {float: right; margin-right: 4px}
#middle .statistics div.cornerBox div.leaguePath input.ui-autocomplete-input {margin-top: 3px; background-image: url(/i/img/bg_select_left.gif); background-position: left top; color: #383f41; width: 55px}
#middle .statistics div.cornerBox div.leaguePath button.ui-button {margin-top: 3px; background-image:url(/i/img/bg_select_right.gif); height: 27px}
#middle .statistics div.cornerBox div.leaguePath button.ui-button span {display: none}
#middle .statistics div.cornerBox div.subleaguePath {border-left: 1px solid #bfc0b2; border-right: 1px solid #bfc0b2; border-bottom: 1px solid #bfc0b2; padding: 8px 15px 5px 16px; float: left; width: 617px; background-color: #f3f4ec; -moz-box-shadow: 0 0 0 1px #FFF inset; -webkit-box-shadow: 0 0 0 1px #FFF inset; box-shadow: 0 0 0 1px #FFF inset;}
#middle .statistics div.cornerBox div.subleaguePath ul {display: block; clear: both; margin-bottom: 10px}
#middle .statistics div.cornerBox div.subleaguePath ul li {float: left; margin: 4px 10px 4px 0}
#middle .statistics div.cornerBox div.subleaguePath ul li a {background:url(/i/img/arrow3.gif) no-repeat 0 3px; padding-left: 13px; color: #383f41}
#middle .statistics div.cornerBox div.subleaguePath ul li a.active {color: #e63e3e; text-decoration: underline; font-weight: bold}

/*Liga - strona glowna statystyk*/
#middle .statistics div.cornerBox table.goals_scored tbody tr td.type {width: 215px; font-weight: normal; text-align: left}
#middle .statistics div.cornerBox table.goals_scored tbody tr td {font-weight: bold; width: 40px; text-align: center}
#middle .statistics div.cornerBox table.top5 tr .pos {width: 15%}
#middle .statistics div.cornerBox table.top5 tr .team {width: 35%}
#middle .statistics div.cornerBox table.top5 tr .goals {width: 25%; text-align: center}
#middle .statistics div.cornerBox table.top5 tr .goalspermatch {width: 25%; text-align: center}

/*Liga - strona glowna statystyk - tabela ligowa*/
#middle .statistics div.cornerBox table.form-table tbody tr td.pos {width: 7%; text-align: center}
#middle .statistics div.cornerBox table.form-table tbody tr td.pos span.position {display: block; width: 12px; height: 12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: left; margin: 4px 1px 0 0px}
#middle .statistics div.cornerBox table.form-table tbody tr td.team {width: 30%}
#middle .statistics div.cornerBox table.form-table tbody tr td.pts {font-weight: bold}
#middle .statistics div.cornerBox table.form-table tbody tr td {width: 4%} /*Wszystkie pozosytale*/
#middle .statistics div.cornerBox table.form-table tbody tr td.no span.position {display: block; width: 12px; height: 12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: left; margin: 4px 1px 0 0px}
#middle .statistics div.cornerBox table.form-table tbody tr td.result-ico {width: 15%; text-align: left; padding-left: 20px}
#middle .statistics div.cornerBox table.form-table tbody tr td.result-ico img {vertical-align: text-top}
#middle .statistics div.cornerBox table.form-table tbody tr td.h2h {width: 10%}
#middle .statistics div.cornerBox table.form-table tbody tr td.h2h input.checkbox {cursor: pointer}
#middle .statistics div.cornerBox table.form-table tbody tr td.h2h .ez-checkbox {margin-left: 12px; vertical-align: sub; background-image: url(/i/img/bg_checkbox.gif)}
#middle .statistics div.cornerBox table.form-table tbody tr td.h2h .ez-checked {/*background-position: center 22px*/}
/*#middle .statistics div.cornerBox table.form-table tbody tr td.selected {background-image: url(/i/img/checkbox_on.gif)}*/
#middle .statistics div.cornerBox div.caption2 div.content form {float: right; margin-top: 0}
#middle .statistics div.cornerBox table.form-table tbody tr td a.button1 {float: right; margin-top: 6px; margin-right: 17px}
/*Dodatkowe info w tabeli na dole*/
#middle .statistics div.cornerBox table.form-table tbody tr td span.info strong {font-weight: bold; font-size: 14px; vertical-align: text-top}
#middle .statistics div.cornerBox table.form-table tbody tr td span.info {float: left; margin-top: 11px; color: #4AB27D}
#middle .statistics div.cornerBox table.form-table tbody tr td a.button1 input {background:url(/i/img/bg_button2_left.gif) no-repeat left top; height: 33px; color:#363636; text-align: center; padding: 5px 15px 7px 15px; font-weight: bold; float: left; border: 0 solid; cursor: pointer}
#middle .statistics div.cornerBox table.form-table tbody tr td a.button1 input:hover {background-position: bottom left}

#middle .statistics div.cornerBox table.form-table td.legend {border-bottom: 0 solid}
#middle .statistics div.cornerBox table.form-table td.legend div.legend {float: left; margin-top: 10px}
#middle .statistics div.cornerBox table.form-table td.legend div.legend p {line-height: 12px; float: left; margin-right: 14px; margin-bottom: 10px}
#middle .statistics div.cornerBox table.form-table td.legend div.legend p span.position {display: block; width: 12px; height: 12px; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; float: left; margin-right: 8px}

/*Liga - fixtures, wyjatek dla rozgrywek pucharowych kiedy sa dlugie nazwy lig*/
#middle .statistics div.cornerBox table.cupfixtures tbody tr td.date {width: 10%}
#middle .statistics div.cornerBox table.cupfixtures tbody tr td.league {width: 22%; white-space: nowrap}
#middle .statistics div.cornerBox table.cupfixtures tbody tr td.host {width: 25%}
#middle .statistics div.cornerBox table.cupfixtures tbody tr td.result {width: 7%}
#middle .statistics div.cornerBox table.cupfixtures tbody tr td.guest {width: 25%}
#middle .statistics div.cornerBox table.cupfixtures tbody tr td.compare {width: 7%}

/*Liga - results, wyjatek dla rozgrywek pucharowych kiedy sa dlugie nazwy lig*/
#middle .statistics div.cornerBox table.cupresults tbody tr td.date {width: 13%}
#middle .statistics div.cornerBox table.cupresults tbody tr td.league {width: 22%; white-space: nowrap}
#middle .statistics div.cornerBox table.cupresults tbody tr td.host {width: 21%}
#middle .statistics div.cornerBox table.cupresults tbody tr td.result {width: 11%}
#middle .statistics div.cornerBox table.cupresults tbody tr td.guest {width: 29%}

/*Liga - dwumecz*/
#middle .statistics div.two-legs div.caption div.content {position: relative}
#middle .statistics div.two-legs div.caption div.content h2 {width: 100%}
#middle .statistics div.two-legs div.caption div.content h2 span.host {color: #FFF; position: absolute; right: 372px; font-size: 13px}
#middle .statistics div.two-legs div.caption div.content h2 a.button4 {position:absolute; left: 294px}
#middle .statistics div.two-legs div.caption div.content h2 a.button4 span {font-size: 13px}
#middle .statistics div.two-legs div.caption div.content h2 span.guest {color: #FFF; font-size: 13px; left: 364px; position: absolute}
#middle .statistics div.two-legs table tbody tr td.date {width: 12%}
#middle .statistics div.two-legs table tbody tr td.host {width: 29%}
#middle .statistics div.two-legs table tbody tr td.result {width: 13%}
#middle .statistics div.two-legs table tbody tr td.guest {width: 35%}
#middle .statistics div.two-legs table tbody tr td.compare {width: 7%}

/*Liga - statystyki*/
#middle .statistics div.half {width: 50%; float: left}

/*Druzyna - tabela*/

/*Druzyna - fixtures*/
#middle .statistics div#fixtures div.cornerBox table tbody tr:first-child td {padding-top: 0}
#middle .statistics div#fixtures div.cornerBox table tbody tr td.date {width: 79px}
#middle .statistics div#fixtures div.cornerBox table tbody tr td.league {width: 45px; text-align: left}
#middle .statistics div#fixtures div.cornerBox table tbody tr td.host {text-align: right; width: 175px; font-weight: bold}
#middle .statistics div#fixtures div.cornerBox table tbody tr td.result {width: 85px; text-align:center; font-weight: bold}
#middle .statistics div#fixtures div.cornerBox table tbody tr td.guest {width: 210px; font-weight: bold}
#middle .statistics div#fixtures div.cornerBox table tbody tr td.compare {width: 30px}

/*Diagramy*/
#middle .statistics div.cornerBox table.head-to-head tbody tr td.number .chart	{float: left; height: 14px; margin: 0 6px; width: 72%; border-width: 1px; border-style: solid; margin-top: 1px; display: inline; background-color: #e9e9e9; border-left-color: #bfbfbf; border-top-color: #bfbfbf; border-right-color: #dbd8d8; border-bottom-color: #dbd8d8; position: relative}
#middle .statistics div.cornerBox table.head-to-head tbody tr td.number .chart div {float: left; height: 10px; position: absolute; border-style: solid; border-width: 1px; background-image:url(/i/img/bg_chart.gif); background-repeat: repeat-x}

#middle .statistics div.cornerBox table.head-to-head tbody tr td.number .chart .chart-inner {border-color: #E9E9E9; border-style: solid; border-width: 1px 3px 1px 1px; float: none; position: relative; top: 0; left: 0; background: none}

#middle .statistics div.cornerBox table.head-to-head tbody tr td.number div.grey-chart {}
#middle .statistics div.cornerBox table.head-to-head tbody tr td.number div.grey {background: #58c68e; background-position: 0 0; border-color: #2a945e}

#middle .statistics div.cornerBox table.head-to-head tbody tr td.number div.green-chart {}
#middle .statistics div.cornerBox table.head-to-head tbody tr td.number div.green {background: #58c68e; background-position: 0 0; border-color: #2a945e}

#middle .statistics div.cornerBox table.head-to-head tbody tr td.number div.orange-chart {}
#middle .statistics div.cornerBox table.head-to-head tbody tr td.number div.orange	{background: #9ea19b; background-position: 0 10px; border-color: #7a7f75}

#middle .statistics div.cornerBox table.head-to-head tbody tr td.number div.red-chart {}
#middle .statistics div.cornerBox table.head-to-head tbody tr td.number div.red	{background: #ff7777; background-position: 0 20px; border-color: #dd3232}

#middle .statistics div.cornerBox table.head-to-head tbody tr td {width: 37%; border-bottom: 0 solid}
#middle .statistics div.cornerBox table.head-to-head tbody tr td.percent {width: 14%; text-align: right}
#middle .statistics div.cornerBox table.head-to-head tbody tr td.number {width: 38%; font-weight: bold}

#middle .statistics div.cornerBox table.additional tbody tr td.number {font-weight: bold; text-align: right; padding-right: 20px}

/*Tabele live w popupie*/
.popup_livetable {padding: 10px; clear: both; float: left; background: #FFF}
.popup_livetable #livetable {}
.popup_livetable #livetable .cornerBox {margin-bottom: 0}
.popup_livetable #livetable .cornerBox .caption .content a.refresh {}
.popup_livetable #livetable .cornerBox .caption .content a.refresh span {}
.popup_livetable #livetable .cornerBox .caption .content a.refresh span strong {background: url(/i/img/refresh.png) no-repeat center; font-size: 1px; text-indent: -9999px; display: block; width:20px; height: 20px; margin-top: 3px}
.popup_livetable #livetable .cornerBox .caption .content a.auto-refresh:hover {background-image:url(/i/img/bg_button3_right.png)}
.popup_livetable #livetable .cornerBox .caption .content span.auto-refresh:hover {background-image:url(/i/img/bg_button3_left.png)}
.popup_livetable #livetable .cornerBox .caption .content span.auto-refresh strong {font-weight: bold; color: #FFF}
.popup_livetable #livetable .cornerBox .caption .content span.auto-refresh strong span#seconds {background: none; padding: 0; margin-right: 5px}
.popup_livetable #livetable table.form-table tbody tr.status-active1 {background-color: #DCF0E6}
.popup_livetable #livetable table.form-table tbody tr td.up-down span {display: block; width: 15px; height: 13px; background: none; margin: 0 5px 0 0; float: right}
.popup_livetable #livetable table.form-table tbody tr td.up-down span.u {background:url(/i/img/up-down.gif) top}
.popup_livetable #livetable table.form-table tbody tr td.up-down span.d {background:url(/i/img/up-down.gif) bottom}

#container #footer {clear: both; float: left; width: 990px; padding-right: 20px; background-color: #FFF}
#container #footer .footer-content {border-top: 1px solid #c9cbb4; line-height: 72px; height: 72px}
#container #footer .footer-content span.copyright {float: left}
#container #footer .footer-content span.project {float: right}
#container #footer .footer-content span.engine {float: right; margin-right: 20px}
#container #footer .footer-content span strong {font-weight: bold}
#container #footer .footer-content span a {color: #4ab27d; font-weight: bold}

#left {background: url(/i/img/bg_header_left.gif) no-repeat right bottom; width: 20px; padding-left: 20px; height: 198px; position: absolute; left: -21px; border-bottom: 1px solid #c0c2a7; border-left: 1px solid #c0c2a7}
#container {width: 990px; padding: 0 20px; margin-left: -515px; background-color: #FFF; z-index: 100; position: absolute; left: 50%}

#header {background:url(/i/img/bg_header.gif); width: 990px; height: 198px; border-bottom: 1px solid #c0c2a7; position: relative}
#header .ball {width: 371px; height: 111px; position: absolute; left: 156px; top: 0; background: no-repeat}
#header #ball-1 {background-image: url(/i/img/header_ball1.jpg)}
#header #ball-2 {background-image: url(/i/img/header_ball2.jpg)}
#header #ball-3 {background-image: url(/i/img/header_ball3.jpg)}
#header a.logo {border-right: 1px solid #c0c2a7; display: block; width: 155px; height: 198px}

/*Contact*/
#middle #contact {padding: 0 15px 0 16px}
#middle #contact span.title {font-weight: bold; font-size: 16px; color: #525252; display: block; margin-bottom: 12px}
#middle #contact div.left div.sent {width: 100%; height: 100px; text-align: center; color: #E63E3E; border: 1px solid #E63E3E; padding-top: 60px}
#middle #contact p {color: #525252; margin-bottom: 24px; font-size: 12px}
#middle #contact div.left {width: 293px; float: left; margin-right: 25px}
#middle #contact div.left form {}
#middle #contact div.left form fieldset label {clear: both; display: block; color: #525252; margin-top: 8px; cursor: pointer}
#middle #contact div.left form fieldset label span {display: none}
#middle #contact div.left form fieldset label.error span {color: #e44242; display: inline}
#middle #contact div.left form fieldset label select {width: 295px; height: 33px; background:url(/i/img/bg_textfield.gif) no-repeat bottom left; border: 0 solid; padding-left: 10px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-top: 5px; margin-top: 6px}
#middle #contact div.left form fieldset label.error select {background-position: top}
#middle #contact div.left form fieldset label select option {line-height: 31px; font-size: 12px; padding: 3px 0}
#middle #contact div.left form fieldset label input.text {background: #F5F5F5 url(/i/img/bg_textfield.gif) no-repeat bottom left; width: 275px; height: 33px; border: 0 solid; margin: 6px 0 0 0; line-height: 33px; padding: 0 10px; font-size: 12px; font-family: Arial, Helvetica, sans-serif}
#middle #contact div.left form fieldset label.error input.text {background-position: top}
#middle #contact div.left form fieldset label textarea.text {background: #F5F5F5 url(/i/img/bg_textarea.gif) no-repeat bottom left; width: 275px; height: 141px; border: 0 solid; padding: 10px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 6px 0 0}
#middle #contact div.left form fieldset label.error textarea.text {background-position: top}
#middle #contact div.left form fieldset label input.checkbox {/*margin: 10px 5px 0 0*/}
#middle #contact div.left form fieldset label div.ez-checkbox {margin-right: 4px}
#middle #contact div.left form fieldset span.submit {background:url(/i/img/bg_button1_right.gif) no-repeat right top; height: 33px; float: left; float: right; margin-top: 20px}
#middle #contact div.left form fieldset span.submit input {background:url(/i/img/bg_button2_left.gif) no-repeat left top; height: 33px; line-height: 33px; color:#363636; text-align: center; padding: 0 15px; font-weight: bold; float: left; border: 0 solid; cursor: pointer}
#middle #contact div.left form fieldset span.submit:hover {background-position: bottom right}
#middle #contact div.left form fieldset span.submit:hover input {background-position: bottom left}

#middle #contact div.right {width: 291px}
#middle #contact div.right div.phone {background: url(/i/img/bg_contact_phone.gif) no-repeat 0 0 #55bcc3; color: #FFFFFF; height: 47px; padding-left: 73px; padding-top: 12px; line-height: 18px; font-size: 12px; margin-bottom: 17px}
#middle #contact div.right div.phone strong {color: #FFF; font-weight: bold}
#middle #contact div.right div.mail {background: url(/i/img/bg_contact_mail.gif) no-repeat 0 0 #55bcc3; color: #FFFFFF; height: 59px; line-height: 59px; padding-left: 73px; font-size: 12px}
#middle #contact div.right div.mail a {color: #FFF; font-weight: bold; font-size: 12px}

/*Advertising*/
#middle #advertising {padding: 10px 16px 0 13px}
#middle #advertising p {font-size: 12px; line-height: 18px; color: #3d5a5c}



/*STyl do pluginu od checkvboxa*/
.ez-hide { opacity: 0; filter:alpha(opacity=0)}
.ez-checkbox {background: transparent url(/i/img/bg_checkbox.gif) top no-repeat; display:inline-block; height: 15px; width: 15px}
.ez-checked { background-position: bottom}


/*Styl do pluginu od selecta*/
/*GLownie lewy input*/
.ui-widget-content {/* border: 1px solid #899089*/}
.ui-autocomplete-input {float:left; border: 0 solid; background: url(/i/img/bg_select.png) no-repeat top left; /*text-indent:15px; */margin-top: 5px; cursor: pointer; padding: 5px 0 8px 15px; height: 16px /*wysokosc 16 wstawiona bo razem z pionowymi paddingami tworzy taka wysokosc ze lista rozwijana pojawia sie kilka px ponizej selecta*/}
/*Lista rozwijana*/
.ui-menu {padding: 7px 10px 7px 0; max-height: 205px; overflow-y: scroll; background-color: #FFF; border: 1px solid #929292; /*box-shadow: inset 1px -1px 0px #929292; -moz-box-shadow: inset 1px -1px 0px #929292; -webkit-box-shadow: inset 1px -1px 0px #929292; border-right: 1px solid #929292; border-top: 1px solid #929292; */line-height: 13px; z-index:300}
.ui-menu li {padding: 3px; cursor: pointer}
.ui-menu li div {display: block; padding: 0 15px 0 12px}
.ui-menu li div:hover {color: #369b68}
/*Glownie button*/
.ui-button { display: inline-block; position: relative; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; height: 30px ; width: 23px; background:url(/i/img/bg_button3_right.png) right top no-repeat; margin-top: 5px; border: 0} /* the overflow property removes extra width in IE */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0 solid; font-weight: normal; color: #555555; }
/*Styl selecta z hoverem*/
fieldset:hover .ui-autocomplete-input {background-position: left -30px; color: #FFF}
fieldset:hover .ui-button{background:url(/i/img/bg_button4_right.png) right bottom no-repeat}
/*Span ze strzalka*/
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute}
.ui-state-default .ui-icon {background: none}
.ui-icon { width: 7px; height: 4px; background-color: red}
/*Span z textem*/
.ui-button .ui-button-text {line-height: 1px; width: 5px; height: 3px; display: block; float: right; margin: 6px 16px 11px 0; background:url(/i/img/bg_select_arrow.gif) no-repeat center}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {text-indent: -9999999px; }
.ui-helper-hidden-accessible {display: none}

/*Ladny scroll*/
.jspContainer {overflow: hidden; position: relative}
.jspPane {position: absolute}
.jspVerticalBar {position: absolute; top: 0; right: 0; width: 18px; height: 100%}
.jspVerticalBar *, .jspHorizontalBar *{margin: 0; padding: 0}
.jspCap{display: block; background-color: none}
.jspHorizontalBar .jspCap{float: left}
.jspTrack{background: url(/i/img/panescroll_track.gif) repeat-y left; position: relative}
.jspDrag{background: #eaeaed url(/i/img/panescroll_scroll.gif) center no-repeat; position: relative; top: 0; left: 0; cursor: pointer; border: 1px solid #c3c4c8; border-bottom: 1px solid #7f8083; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 1px 0px 0px #FFF; -moz-box-shadow: inset 0px 1px 0px 0px #FFF; box-shadow: inset 0px 1px 0px 0px #FFF; z-index: 10}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{float: left; height: 100%}
.jspArrow{text-indent: -20000px; display: block; cursor: pointer; height: 1px; width: 12px; margin-left: 3px}
.jspArrowUp {border-bottom: 1px solid #afafaf; z-index:5; position: absolute; height: 0}
.jspArrowDown {border-top: 1px solid #cecece}
.jspVerticalBar .jspArrow {}
.jspVerticalBar .jspArrow:focus{outline: none}
.jspCorner{background: #eeeef4; float: left; height: 100%}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin: 0 -3px 0 0}

