/*ogólne*/
body {background: #eaeaea url(../gfx/nowy_lay/back.png) repeat-x; margin: 10px}
* {font-family: "Arial", "Lucida grande", "FreeSans", "Liberation sans", sans-serif; font-size: 12px; color: #000; line-height: 16px; padding: 0; margin: 0}
a  {text-decoration: underline; color: #000; outline: none}
 a img {border: none} 
img {border: 0;vertical-align: middle}
br {clear: both}
h3 {text-align: center}
/*koniec ogólnych*/

/*zarys strony*/
#header {margin: 0 auto; margin-bottom: 20px; padding-left: 10px; text-align: left; width: 979px; display: block; clear: both}
 #header img{ margin-top: 10px}

#top {margin: 0 auto; width: 979px; }
 #top * {color: #fff}
 #top div {float: left; padding-top: 10px; height: 28px}
 #top #left {background: url(../gfx/nowy_lay/top-left.png) no-repeat; width: 15px}
 #top #mid {background: url(../gfx/nowy_lay/top-mid.png) repeat-x; width: 950px}
  #top #mid div {padding: 0}
 #top #right {background: url(../gfx/nowy_lay/top-right.png) no-repeat; width: 14px}
  #top a img {border: 1px solid #eaeaea}

#user-panel {float: right; margin-right: 4px;font-size:10px}
 #user-panel a {font-size:10px}
#user-panel_top{background: url(../gfx/nowy_lay/user-top.png) no-repeat; height: 20px; width: 355px; padding-top: 11px; text-align: center; color: #fff; font-size: 15px; font-weight: bold}
#user-panel_mid{background: url(../gfx/nowy_lay/user-mid.png) repeat-y; padding: 5px 10px 10px 10px; height: 62px}
 #user-panel_mid #img{height:66px; width: 66px; margin: 0 20px 0 7px;border: #bcbcbc 1px solid; float:left}
 #user-panel_mid #region img {margin: 0; vertical-align: middle}
 #user-panel_mid #region .img {height:20px; width: 20px}
#user-panel_bot{background: url(../gfx/nowy_lay/user-bot.png) no-repeat; height: 11px; width: 355px}

#body { margin: 0 auto; text-align: left; width : 989px; z-index: 1}
#body_up { width: 989px; height: 17px; background: transparent url(../gfx/nowy_lay/body-top.jpg) no-repeat}
#body_mid { width: 989px; padding-top: 10px; background: url(../gfx/nowy_lay/body-mid.png)}

#main { height : auto; text-align : left; float: left; width: 700px; margin: 0 0 0 25px; z-index: 1}
#main_up { background: url(../gfx/nowy_lay/main-up.png) no-repeat; text-align: center; width: 700px; height: 18px; color: #fff; font-size: 15px; font-weight: bold; padding-top: 3px}
#main_mid { background: #f7f7f7 url(../gfx/nowy_lay/main-mid.png); width: 690px; padding: 5px; min-height: 400px}
#main_down { background: url(../gfx/nowy_lay/main-down.png) no-repeat; width: 700px; height: 33px; margin: -20px 0 20px 0}

#footer {text-align: center; width: 989px; display: block; padding-top: 15px; background: url(../gfx/nowy_lay/body-bot.png) no-repeat}
#footer a {color: #3c3c3c}

#bok {float: left; margin-left: 15px}
 .bok_up {background: url(../gfx/nowy_lay/bok-up.png) no-repeat; text-align: center; width: 225px; height: 18px; color: #fff; font-size: 15px; font-weight: bold; padding-top: 3px}
 .bok_mid {background: #f7f7f7 url(../gfx/nowy_lay/bok-mid.png); width: 215px; padding: 5px}
 .bok_down {background: url(../gfx/nowy_lay/bok-down.png) no-repeat; width: 225px; height: 33px; margin-top: -20px; margin-bottom: 20px; z-index:0}
 .chooser {text-align: center; width: 225px; height:21px; color: #fff; font-weight: bold; background: url(../gfx/nowy_lay/choose1.png)}
  .chooser a {float:left; display:block; height:16px; line-height: 12px; font-size: 12px; padding-top: 5px; text-decoration: none; color: #fff}
  .chooser span {float:left; display:block; height:21px; width: 2px; background: url(../gfx/nowy_lay/choose-sep.png)}
  .chooser .left1 {background: url(../gfx/nowy_lay/choose-left1.png)}
  .chooser .left2, .chooser .left1:hover {background: url(../gfx/nowy_lay/choose-left2.png)}
  .chooser .mid1 {background: url(../gfx/nowy_lay/choose-mid1.png)}
  .chooser .mid2, .chooser .mid1:hover {background: url(../gfx/nowy_lay/choose-mid2.png)}
  .chooser .right1 {background: url(../gfx/nowy_lay/choose-right1.png) right top}
  .chooser .right2, .chooser .right1:hover {background: url(../gfx/nowy_lay/choose-right2.png) right top}

#menu { margin: 0 auto; width: 977px; height: 24px; padding: 9px 0 0 12px; background: url(../gfx/nowy_lay/menu.png) no-repeat; position: relative}
 #menu ul ul {top:32px; padding-top: 5px; visibility: hidden; left: 0}
 #menu ul {list-style: none}
 #menu table {border-collapse: collapse; margin: -1px -10px 0 0; width:0; height:0}
 #menu li {float:left; height:24px; margin-right:1px}
  #menu li a {float:left; display:block; height: 24px; line-height:24px; padding:0 18px 0 18px; font-size:13px; color:#fff; font-weight:bold; text-decoration: none}
  #menu li  span {float:left; display:block; height:24px; width: 2px; background: url(../gfx/nowy_lay/menu-spacer.png)}
  #menu li a:hover, .menu_hover {background:url(../gfx/nowy_lay/menu-hover.png) no-repeat; padding:1px 18px 0 19px; height: 23px}
  #menu li ul {position:absolute; top:32px; z-index:10}
 #menu img {vertical-align: middle; border: none}
 #menu .down {height: 40px; padding-left: 10px}
  #menu  .down a, #menu  .down a:hover, #menu  .down:hover a, #menu ul:hover .down a {background: transparent; color: #000; font-size:10px; font-weight: normal; padding:0 0 0 10px; margin: -5px 0 0 -2px}
#menu_bot {margin: 0 auto; width: 989px; height: 27px; background: transparent url(../gfx/nowy_lay/menu-bot.png) no-repeat}

.bot {color: #a0a0a0}
.center {margin: 0 auto}
.center2 {text-align: center}
.me {color: #000; font-weight: bold}
/*.submit {background: transparent url(../gfx/nowy_lay/submit.png) 0 0 no-repeat;width: 85px; height:20px}
 .submit:hover {background: transparent url(../gfx/nowy_lay/submit_hover.png) 0 0 no-repeat}
 .submit input {width: 85px; height:20px; color: #fff; background: transparent; display: block; border: none; cursor: pointer; font-weight: bold}
 */
.error {background: #ffcccc; border: 1px solid #c99696; text-align: center; width: 90%; margin: 0 auto; margin-top: 10px; margin-bottom: 10px}
.warn {background: #f9f2b2; border: 1px solid #ecd300; text-align: center; width: 90%; margin: 0 auto; margin-top: 10px; margin-bottom: 10px}
.ok {background: #ccffd1; border: 1px solid #96c99b; text-align: center; width: 90%; margin: 0 auto; margin-top: 10px; margin-bottom: 10px}
.green {color: #32cd32}

.liga_tabela {border-collapse: collapse; border: 1px solid #e78846; background: #f0f0f0; margin-top: 10px}
 .liga_tabela a {text-decoration: none}
 .liga_tabela td {width: 25px; text-align: center}
 .liga_tabela tr {border: 1px solid #e78846}
 .liga_tabela .liga_top {background: #e78846}
 .liga_tabela .liga_mid {background: #eaeaea url(../gfx/tabela/topbg.png) repeat-y}
 .liga_tabela .liga_top th {color: #000; text-align: center}
 .liga_tabela .winner {background: transparent url(../gfx/tabela/1msc.png) repeat-y}
 .liga_tabela .vicewinner {background: transparent url(../gfx/tabela/2msc.png) repeat-y}
 .liga_tabela .middle {background: transparent url(../gfx/tabela/36msc.png) repeat-y}
 .liga_tabela .vicelooser {background: transparent url(../gfx/tabela/78msc.png) repeat-y}
 .liga_tabela .looser {background: transparent url(../gfx/tabela/910msc.png) repeat-y}

.fl {float: left}
.fl2 {float: left; clear: both; margin-top: 10px}
.fr {float: right}

.sidebar {margin-top: 4px; margin-bottom: 15px; padding: 6px}
div#regulamin ul {list-style-type: decimal}

.live_sklad {text-align: left}
#live .ay, #live .ay a {color: #cca200}
#live .ar, #live .ar a {color: #db0000}
#live .ab, #live .ab a {color: #116cc9}
#live .aw, #live .aw a {color: #7b7b7b}

.skill0, .skill1 {color: #FF0000}
.skill2, .skill3 {color: #FF00EC}
.skill4, .skill5 {color: #000000}
.skill6, .skill7 {color: #e07831}
.skill8, .skill9 {color: #4ABB00}

div#zaw_licyt {border: none; padding: 0px; width: 220px; float: right; text-align: right}
div#zaw_info {width: 438px; float: left}
div#zaw_info2 {width: 500px; float: left}
.new_motor {height: 38px; width: 115px; padding: 20px 0 0 80px;background: url(../gfx/kup_motor.png) no-repeat; color: #fff;}
.plus {color: green}
.minus {color: red}

.fr {float: right}
.fl {float: left}

#minis img{margin: 15px 0 0 19px}

/*skład*/
#match_ {position:relative;float:left;z-index:900;}
.dw-wrap {color:#fff;font:normal 12px Verdana;padding:5px;}
.dw-wrap div {float:left;padding:2px;border:1px dotted #ccc;}
#dw-ldiv {width:180px}
#dw-rdiv {width:140px}
#dw-cdiv {width:340px;border:0}
#dw-tmatch {width:100%;border:0;padding:0;border-collapse:separate;border-spacing:0;}

#dw-tmatch th.dw-tmatch-th1 {width:15px;} 
#dw-tmatch th.dw-tmatch-th3 {width:140px;}
.dw-riders, .dw-motors {width:auto;min-height:450px;margin:0;list-style:none; padding:0;}
.dw-riders li, .dw-motors li {padding:4px;z-index:901; min-height:14px;border:1px dotted #f0f0f0;margin:1px;cursor:move;}
.dw-match-target {background: #d2d2d2 !important}
.dw-seniors, .dw-juniors, .dw-mmotors {width:auto; list-style:none; min-height:20px; margin:1px; padding:1px; background: #eaeaea}
.dw-seniors li, .dw-juniors li, .dw-mmotors li {padding:3px 2px 3px 5px; margin:0}
.dw-senior {background:#df7024}
.dw-junior {background: #f4ad7d}
.dw-motor {background: #eaeaea}

#dw-tcard {background: url( '../gfx/sklad/ramkazaw.png' ); border: 1px solid #fff; width:268px; height: 183px; margin:auto; visibility:hidden}
#dw-tcard th {font-weight: normal; text-align:left}
#dw-tcard th.dw-tcard-th {width:126px}
#dw-img img{width: 100px; height: 129px; margin: -21px 0 0 7px}
#dw-tcard a {font-weight:bold; color:#a0a0a0; text-decoration:none} 
.dw-match li, .dw-mmotors li {cursor:move}
#dw-rnm {text-align:center;font: normal 13px Verdana;}

#dw-dialog { padding:50px 5px 5px 5px;text-align:center}
.ui-dialog { color:#000;background: #fff; padding: 2px}
.ui-dialog .ui-dialog-titlebar {background:#fe6d1f;padding:5px}
.ui-dialog .ui-dialog-titlebar a {float:right}

.dw-modal-hack {position:absolute;background: #fff; z-index: 1001}
.dw-def-team { background: #fff; color: #000; opacity:0.25; width:210px; border:1px solid #000;float:left;font-size:10px;margin:3px;padding:3px;cursor:pointer;text-align:center}
.dw-def-team:hover { background: transparent; opacity: 1}
.dw-def-team ul {margin:0;list-style:decimal; padding:5px 5px 5px 25px;text-align:left}

/*shortcuty*/
#facebook{background: #3b5999;padding: 10px; width: 200px;position: fixed;margin-top: -250px;left: 0;top: 50%;z-index: 900}
 .slide_button{height: 60px;width: 40px;position: absolute;right: -40px;top: 0}
 
#sl1, #sl2, #sl3, #sl4, #sl5{padding: 10px; width: 12px; height: 40px; position: fixed;left: 0;top: 50%}
#sp1, #sp2, #sp3, #sp4, #sp5 {padding: 10px; width: 12px; height: 40px; position: fixed;right: 0;top: 50%}
#sl1{margin-top: -185px}
#sl2{margin-top: -120px}
#sl3{margin-top: -55px}
#sl4{margin-top: 10px}
#sl5{margin-top: 75px}

#sp1{margin-top: -185px}
#sp2{margin-top: -120px}
#sp3{margin-top: -55px}
#sp4{margin-top: 10px}
#sp5{margin-top: 75px}

.shortcutl{background: url( '../gfx/shortcut/left.png' )}
.shortcutp{background: url( '../gfx/shortcut/right.png' )}
.pion{color: #fff; text-decoration: none; display:block; position:absolute; right: -1px; top: 18px;
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
}

.nowyl{top: 40px; background: url( '../gfx/shortcut/noweleft.png' )}
.nowyp{top: 40px; background: url( '../gfx/shortcut/noweright.png' )}