
* {
    margin: 0px;
    padding: 0px;
    font-family: Arial, sans, Tahoma, Verdana;
}

body {
    color: #6e6e6e; /* textcolor frontpage landingpage */
    background: #676F26 url(images/main_body_bg.jpg) no-repeat center top;
    background-attachment:fixed;
}

body.plain {
    color: #6e6e6e;
    background: #ffffff;
    height: auto !important;
    margin: 10px 10px 0px 10px;
}

body, p, div, td {
    font-family: Arial, sans, Tahoma, Verdana;
    font-size: 11px;
}

th, td {
    text-align: left;
}

a, a:link, a:visited, a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a.lined {
    text-decoration: underline !important;
}

input, textarea, select {
	color: #6e6e6e;   /* textcolor eingabefelder */
    border: solid 1px #646464;
    font-family: Arial, sans, Tahoma, Verdana;
    font-size: 11px;
    padding: 1px 3px;
    background: #ffffff;
}

h3 {
    font-size: 18px;
    font-weight: bold;
}

img.img_border {
    border: solid 1px #6e6e6e;
}

img.imgmargin { margin: 0 2px; }

img.cashImg { 
    display: inline;
    border: 0;
    margin: -3px 3px 0px 0px;
    padding-top: 0px;
    position: relative;
    top: 2px;
}

img.bbCashImg { 
    display: inline;
    border: 0;
    margin: -3px 3px 0px 0px;
    padding-top: 0px;
    position: relative;
    top: 2px;
}

#pagecontainer {
    width: 950px;
    margin: 0px auto;
    background: #e0e0e0 url(images/bodybg.gif) scroll repeat-x left 134px;
    border-left: solid 1px #929292;
    border-right: solid 1px #929292;
    -moz-box-shadow: 0 0 15px #000000;
    -webkit-box-shadow: 0 0 15px #000000;
    -khtml-box-shadow: 0 0 15px #000000;
    box-shadow: 0 0 15px #000000;
}

#pageheader {
    background: transparent url(images/headbg.jpg) no-repeat scroll left top;
    height: 173px;
    position: relative;
}

#logobox {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 156px;
    height: 173px;
    background: transparent url(images/logobox.png) no-repeat scroll left top;
    z-index: 500;
}

#ads_top {
    display: block;
    float: left;
    margin: 10px 10px 10px 460px;
    width: 468px;
    height: 60px;
    background-color: #ffffff;
    border: solid 1px #b3b3b3;
}

h1#logo {
    display: block;
    text-indent: -3000px;
    width: 150px;
    height: 65px;
}

#menucontainer {
    position: relative;
    display: block;
    float: left;
}

#main_lang_choose {
    position: absolute;
    z-index: 500;
    bottom: 30px;
    right: 5px;
    width: 50px;
    height: 40px;
}

span.lang_choose_de {
    display: block;
    float: left;
    width: 19px;
    height: 12px;
    margin: 2px;
    background: transparent url(images/flag_de.gif) no-repeat left top;
}

span.lang_choose_en {
    display: block;
    float: left;
    width: 19px;
    height: 12px;
    margin: 2px;
    background: transparent url(images/flag_en.gif) no-repeat left top;
}

span.lang_choose_nl {
    display: block;
    float: left;
    width: 19px;
    height: 12px;
    margin: 2px;
    background: transparent url(images/flag_nl.gif) no-repeat left top;
}

span.lang_choose_lt {
    display: block;
    float: left;
    width: 19px;
    height: 12px;
    margin: 2px;
    background: transparent url(images/flag_lt.gif) no-repeat left top;
}

.faded {
    opacity: 0.5;
    filter:alpha(opacity: 50);
}


#pagebody {
    width: 770px; /* 950 - 120 - 50 - 20 */
    padding: 25px 0px 10px 20px;
    float: left;
}

#atpa {
    float: left;
    width: 120px;
    height: 25px;
    margin: 25px 0 0 25px;
}

#ads_sky {
    width: 120px;
    height: 600px;
    margin: 25px 0px 0px 25px;
    float: left;
    border: solid 1px #b3b3b3;
    background-color: #ffffff;
}

#pagefooter {
    height: 15px; /*20*/
    background: transparent url(images/footer_bg.gif) scroll repeat-x left top;
    color: #ffffff;
    padding: 5px 10px 0px;
    margin-top: 0px;
}

.abspos {
    position: absolute;
}

.invlink.abspos {
    top: 0px;
    left: 0px;
}

.relative {
    position: relative;
}

.hidden {
    display: none;
}

div.centerbox {
    margin: 0px auto;
}

div.w_30 {
    width: 30px;
}

div.w_70 {
    width: 70px;
}

div.w_110 {
    width: 110px;
}

div.w_120 {
    width: 120px;
}

div.w_125 {
    width: 125px;
}

div.w_150 {
    width: 150px;
}

div.w_170 {
    width: 170px;
}

div.w_200 {
    width: 200px;
}

div.w_215 {
    width: 215px;
}

div.w_225 {
    width: 225px;
}

div.w_230 {
    width: 230px;
}

div.w_240 {
    width: 240px;
}

div.w_245 {
    width: 245px;
}

div.w_255 {
    width: 255px;
}

div.w_250 {
    width: 250px;
}

div.w_260 {
    width: 260px;
}

div.w_265 {
    width: 265px;
}

div.w_270 {
    width: 270px;
}

div.w_275 {
    width: 275px;
}

div.w_305 {
    width: 305px;
}

div.w_315 {
    width: 315px;
}

div.w_320 {
    width: 320px;
}

div.w_340 {
    width: 340px;
}

div.w_350 {
    width: 350px;
}

div.w_360 {
    width: 360px;
}

div.w_370 {
    width: 370px;
}

div.w_380 {
    width: 380px;
}

div.w_390 {
    width: 390px;
}

div.w_400 {
    width: 400px;
}

div.w_410 {
    width: 410px;
}


div.w_420 {
    width: 420px;
}

div.w_430 {
    width: 430px;
}

div.w_435 {
    width: 435px;
}

div.w_440 {
    width: 440px;
}

div.w_445 {
    width: 445px;
}

div.w_450 {
    width: 450px;
}

div.w_470 {
    width: 470px;
}

div.w_480 {
    width: 480px;
}

div.w_500 {
    width: 500px;
}

div.w_510 {
    width: 510px;
}

div.w_525 {
    width: 525px;
}

div.w_540 {
    width: 540px;
}

div.w_550 {
    width: 550px;
}

div.w_580 {
    width: 580px;
}


div.w_590 {
    width: 590px;
}

div.w_600 {
    width: 600px;
}

div.w_660 {
    width: 660px;
}

div.w_705 {
    width: 705px;
}

div.w_730 {
    width: 730px;
}

div.w_750 {
    width: 750px;
}

div.w_770 {
    width: 770px;
}

div.w_800 {
    width: 800px;
}

div.w_910 {
    width: 910px;
}

.h_40 {
    height: 40px;
}

.h_315 {
    height: 315px !important;
}

div.box div.box_title {
    height: 23px;
    background: transparent url(images/box_tr.png) scroll no-repeat right top;
}

div.box div.box_title span {
    display: block;
    height: 23px;
    background: transparent url(images/box_tl.png) scroll no-repeat left top;
}

div.box div.box_title span span {
    display: block;
    height: 17px; /*23*/
    margin: 0px 13px 0px 9px;
    padding: 6px 0px 0px 5px;
    background: transparent url(images/box_tbg.png) scroll repeat-x left top;
    color: #ffffff;
    font-weight: bold;
}

div.box div.box_body {
    background: transparent url(images/box_rbg.png) scroll repeat-y right top;
}

div.box div.box_body div.box_l {
    background: transparent url(images/box_lbg.png) scroll repeat-y left top;
    min-height: 100%;
}

div.box div.box_body div.box_l div.box_container {
    margin: 0px 7px 0px 4px;
    background: #ffffff url(images/box_bg.gif) scroll repeat-x left bottom;
    min-height: 100%;
}

div.box div.box_body div.box_l div.box_container div.box_content {
    padding: 10px 8px 5px 10px;
    background: transparent url(images/box_ball.gif) scroll no-repeat right bottom;
    min-height: 100%;
}

div.box div.box_footer {
    height: 14px;
    background: transparent url(images/box_br.png) scroll no-repeat right top;
}

div.box div.box_footer span {
    display: block;
    height: 14px;
    background: transparent url(images/box_bl.png) scroll no-repeat left top;
}

div.box div.box_footer span span {
    display: block;
    height: 14px;
    margin: 0px 13px 0px 9px;
    background: transparent url(images/box_bb.png) scroll no-repeat right top;
}

div.box div.box_footer span span span {
    display: block;
    height: 14px;
    margin: 0px 227px 0px 0px;
    background: transparent url(images/box_bbg.png) scroll repeat-x left top;
}


div.shad_box {
    width: 730px;
    margin: 0px auto;
}

div.shad_box_small {
    width: 530px;
    margin: 0px auto;
}

div.shad_box_head {
    background: transparent url(images/shadow_tl.png) scroll no-repeat left top;
}
div.shad_box_head div {
    background: transparent url(images/shadow_tr.png) scroll no-repeat right top;
}
div.shad_box_head div div {
    background: transparent url(images/shadow_tbg.png) scroll repeat-x left top;
    margin: 0px 6px 0px 5px;
    height: 7px;
}
div.shad_box_head div.shad_box_ghead {
    background: transparent url(images/shadow_tbgg.png) scroll repeat-x left top;
    width: 200px;
    float: right;
    height: 7px;
    margin: 0px;
}

div.shad_box_body {
    background: transparent url(images/shadow_lbg.png) scroll repeat-y left top;
}
div.shad_box_body div.sbox_outer {
    background: transparent url(images/shadow_rbg.png) scroll repeat-y right top;
    width: 730px;
}

div.shad_box_body div.sbox_outer_small {
    background: transparent url(images/shadow_rbg.png) scroll repeat-y right top;
    width: 530px;
}

div.shad_box_body div.sbox_outer div.sbox_inner {
    background: #e8e8e8;
    margin: 0px 6px 0px 5px;
    height: 100%;
}
div.shad_box_body div.sbox_outer div.sbox_inner_white {
    background: #ffffff;
    margin: 0px 6px 0px 5px;
    height: 100%;
}
div.shad_box_body div.sbox_outer div.sbox_inner_balance {
    background: #ffffff url(images/balance_br.gif) scroll no-repeat right bottom;
    margin: 0px 6px 0px 5px;
    height: 100%;
}
div.shad_box_body div.sbox_content {
    float: right;
    width: 150px;
    padding: 20px 20px 0px 20px;
}
div.shad_box_body div.shad_box_gbody {
    background: #ffffff;
    width: 479px;
    padding: 0px 20px;
    margin: 0px;
    float: left;
}

div.shad_box_foot {
    background: transparent url(images/shadow_bl.png) scroll no-repeat left top;
}
div.shad_box_foot div {
    background: transparent url(images/shadow_br.png) scroll no-repeat right top;
}
div.shad_box_foot div div {
    background: transparent url(images/shadow_bbg.png) scroll repeat-x left top;
    margin: 0px 6px 0px 8px;
    height: 6px;
}

span.balance_title {
    display: block;
    color: #ffffff;
    font-weight: bold;
    background: #6e6e6e;
    padding: 5px 10px;
}

div.balance_content {
    background: transparent url(images/balance_left.gif) scroll no-repeat 30px top;
    padding: 5px 10px 10px 80px;
    min-height: 325px;
}

div.arrange_box {
    width: 780px;
    margin: 0px auto;
}

div.arbox_head {
    background: transparent url(images/arbox_tl.png) scroll no-repeat left top;
}
div.arbox_head div {
    background: transparent url(images/arbox_tr.png) scroll no-repeat right top;
}
div.arbox_head div div {
    background: transparent url(images/arbox_tbg.png) scroll repeat-x left top;
    margin: 0px 9px;
    height: 7px;
}
div.arbox_head div.arbox_ghead {
    background: transparent url(images/arbox_tbgg.png) scroll repeat-x left top;
    width: 190px;
    float: right;
    height: 7px;
    margin: 0px;
}

div.arbox_body {
    background: transparent url(images/arbox_lbg.png) scroll repeat-y left top;
}
div.arbox_body div.arbox_outer {
    background: transparent url(images/arbox_rbg.png) scroll repeat-y right top;
}
div.arbox_body div.arbox_outer div.arbox_inner {
    position: relative;
    background: #ffffff;
    margin: 0px 6px 0px 5px;
}

div.arbox_pen {
    position: absolute;
    bottom: 0px;
    left: 444px;
    width: 146px;
    height: 9px;
    background: transparent url(images/arbox_pen.png) scroll no-repeat left top;
}

div.arbox_foot {
    background: transparent url(images/arbox_bl.png) scroll no-repeat left top;
}
div.arbox_foot div {
    background: transparent url(images/arbox_br.png) scroll no-repeat right top;
}
div.arbox_foot div div {
    background: transparent url(images/arbox_bbg.png) scroll repeat-x left top;
    margin: 0px 9px;
    height: 19px;
}

div.arbox_foot div div {
    background: transparent url(images/arbox_bbg.png) scroll repeat-x left top;
    margin: 0px 9px;
    height: 19px;
}

div#arrange_field {
    position: relative;
    margin-left: 105px;
    width: 280px;
    height: 400px;
    background: transparent url(images/arr_field.jpg) scroll no-repeat left top;
}

div#arrange_field.live_arrange_field {
    margin-left: 0px !important;
}

div#arrange_bank {
    position: absolute;
    left: -100px;
    top: 0px;
    width: 95px;
    height: 385px;
    /*border: dotted 1px #b3b3b3;*/
}

div#penalty_container {
    position: relative;
    width: 280px;
    margin-left: 105px;
}

div#penalty_shooters {
    border: dotted 1px #b3b3b3;
    height: 100%;
}

div.arbox_inner div.arbox_plinfo {
    width: 321px; /* 364 */
    height: 336px; /* 353 */
    padding: 12px 20px 5px 23px ;
    background: transparent url(images/arr_pinfo.gif) scroll no-repeat left top;
}


span.del_penalty {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    float: left;
    width: 7px;
    height: 7px;
    padding: 0px 2px 5px 3px;
    border-bottom: dotted 1px #b3b3b3;
    border-left: dotted 1px #b3b3b3;
}

div.training_box {
    width: 87px;
    height: 88px;
    background: transparent url(images/training_box.gif) scroll no-repeat left top;
}

div.training_box div.tbox_head {
    width: 77px; /*87*/
    height: 28px; /*38*/
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}

div.training_box div.tbox_body {
    width: 87px;
    height: 50px;
}

input.training_points {
    width: 40px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-top: -3px;
    color: #6e6e6e;
    border: none;
    background: transparent;
    cursor: default;
}

div.contract_box {
    width: 175px;
    height: 213px;
    background: transparent url(images/cont_bg.gif) scroll no-repeat left top;
}

table.full {
    width: 100%;
}

table.hover, table.bordered {
    border-collapse: collapse;
}

table.hover.clickable td {
    cursor: pointer;
}

table.hover tr {
    /*background-color: transparent;*/
}

table.hover th {
    padding: 4px 10px;
}

table.hover td {
    padding: 4px 10px;
}

table.hover tr.odd td {
}

table.hover.notoppad td {
    padding: 0px 10px;
}

table.hover tr:hover {
    /*background-color: #ffffff;*/
}

table.hover tr:hover td {
}

table.hover tr:hover td a {
}

table.bordered {
}

table.bordered td {
    padding: 3px 6px;
    vertical-align: middle;
}

table.balance th {
    padding: 4px 10px;
    background-color: transparent;
    color: #6e6e6e;
    font-weight: bold;
}

table.balance td {
    padding: 4px 10px;
    vertical-align: top;
    border: none !important;
}

table.balance tr.even {
    background: #defcbf;
}

table.balance tr.odd {
    background: transparent;
}

table.small_balance td {
    padding: 0px;
    border-collapse: collapse;
}

tr.odd {
    background: #e8e8e8;
}

tr.even {
    background: transparent;
}



/* position field styles */

div.position_field {
    position: relative;
    width: 55px;
    height: 83px;
    background: transparent url(images/pos_field.gif) left top no-repeat;
}

div.position_field.small {
    width: 15px;
    height: 22px;
    background: transparent url(images/pos_field_sm.gif) left top no-repeat;
}

div.position_field span {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

div.position_field span.position_ol {
    background: transparent url(images/pos_field_ol.gif) left top no-repeat;
}

div.position_field span.position_oc {
    background: transparent url(images/pos_field_oc.gif) left top no-repeat;
}

div.position_field span.position_or {
    background: transparent url(images/pos_field_or.gif) left top no-repeat;
}

div.position_field span.position_ml {
    background: transparent url(images/pos_field_ml.gif) left top no-repeat;
}

div.position_field span.position_mc {
    background: transparent url(images/pos_field_mc.gif) left top no-repeat;
}

div.position_field span.position_mr {
    background: transparent url(images/pos_field_mr.gif) left top no-repeat;
}

div.position_field span.position_dl {
    background: transparent url(images/pos_field_dl.gif) left top no-repeat;
}

div.position_field span.position_dc {
    background: transparent url(images/pos_field_dc.gif) left top no-repeat;
}

div.position_field span.position_dr {
    background: transparent url(images/pos_field_dr.gif) left top no-repeat;
}

div.position_field span.position_gk {
    background: transparent url(images/pos_field_gk.gif) left top no-repeat;
}


div.position_field.small span.position_ol {
    background: transparent url(images/pos_field_ol_sm.gif) left top no-repeat;
}

div.position_field.small span.position_oc {
    background: transparent url(images/pos_field_oc_sm.gif) left top no-repeat;
}

div.position_field.small span.position_or {
    background: transparent url(images/pos_field_or_sm.gif) left top no-repeat;
}

div.position_field.small span.position_ml {
    background: transparent url(images/pos_field_ml_sm.gif) left top no-repeat;
}

div.position_field.small span.position_mc {
    background: transparent url(images/pos_field_mc_sm.gif) left top no-repeat;
}

div.position_field.small span.position_mr {
    background: transparent url(images/pos_field_mr_sm.gif) left top no-repeat;
}

div.position_field.small span.position_dl {
    background: transparent url(images/pos_field_dl_sm.gif) left top no-repeat;
}

div.position_field.small span.position_dc {
    background: transparent url(images/pos_field_dc_sm.gif) left top no-repeat;
}

div.position_field.small span.position_dr {
    background: transparent url(images/pos_field_dr_sm.gif) left top no-repeat;
}

div.position_field.small span.position_gk {
    background: transparent url(images/pos_field_gk_sm.gif) left top no-repeat;
}



span.weather_sm {
    display: block;
    width: 30px;
    height: 30px;
    margin-left: 3px;
}

span.weather_sm.weather_unknown {
    background: transparent url(images/clear.gif) left top no-repeat;
}
span.weather_sm.weather_0 {
    background: transparent url(images/weather_0s.gif) left top no-repeat;
}
span.weather_sm.weather_1 {
    background: transparent url(images/weather_1s.gif) left top no-repeat;
}
span.weather_sm.weather_2 {
    background: transparent url(images/weather_2s.gif) left top no-repeat;
}
span.weather_sm.weather_3 {
    background: transparent url(images/weather_3s.gif) left top no-repeat;
}
span.weather_sm.weather_4 {
    background: transparent url(images/weather_4s.gif) left top no-repeat;
}
span.weather_sm.weather_5 {
    background: transparent url(images/weather_5s.gif) left top no-repeat;
}


div#player_table_rows {
    overflow: auto;
    position: relative;
    width: 741px;
    height: 300px;
}

div#player_table_rows * td {
    position: relative;
}

table.hover tr.invisible {
    visibility: hidden;
}

tr.invisible th, tr.invisible td {
    height: 1px;
    padding-top: 0px;
    padding-bottom: 0px;
}

table.hover td.marked {
    /*border: dashed 1px #000000; /* TODO COLOR */
}

td.quoted {
    padding-left: 5px;
}

td.marked_text a {
}

td.bold {
    font-weight: bold !important;
}

td.noborder {
    border: none !important;
}

tr.t_c_cupandup {
    background: #fde2ad;
}

tr.t_c_cup {
    background: #fcf8b0;
}

tr.t_cupandup {
    background: #cbeaf8;
}

tr.t_up {
    background: #d4feb8;
}

tr.t_cup {
    background: #d6d7fc;
}

tr.t_down {
    background: #fed3d3;
}

tr.bot_thickline td {
    border-bottom: solid 1px #6e6e6e;
}

div.proc_bar {
    float: left;
    height: 12px;
    min-width: 4px;
}

div.proc_bar span {
    display: block;
    min-width: inherit;
    width: 100%;
    height: 100%;
}

div.proc_bar span span {
    display: block;
    min-width: inherit;
    width: 100%;
    height: 100%;
    font-size: 10px;
    text-align: center;
    color: #000000;
}

div.proc_bar.stars {
    background: transparent url(images/procbar_stars.png) left top repeat-x !important;
}

div.proc_bar.stars span {
    background: transparent !important;
}

div.proc_bar.stars span span {
    background: transparent !important;
}

div.proc_bar.r {
    background: transparent url(images/barrmid.gif) left top repeat-x;
}

div.proc_bar.r span {
    background: transparent url(images/barrleft.gif) left top no-repeat;
}

div.proc_bar.r span span {
    background: transparent url(images/barrright.gif) right top no-repeat;
    /*color: #ffffff;*/
}

div.proc_bar.y {
    background: transparent url(images/barymid.gif) left top repeat-x;
}

div.proc_bar.y span {
    background: transparent url(images/baryleft.gif) left top no-repeat;
}

div.proc_bar.y span span {
    background: transparent url(images/baryright.gif) right top no-repeat;
}

div.proc_bar.g {
    background: transparent url(images/bargmid.gif) left top repeat-x;
}

div.proc_bar.g span {
    background: transparent url(images/bargleft.gif) left top no-repeat;
}

div.proc_bar.g span span {
    background: transparent url(images/bargright.gif) right top no-repeat;
}

span.proc_text {
    display: block;
    float: left;
    margin-left: 3px;
    width: 25px;
    text-align: right;
}

span.proc_text.r {
}

span.proc_text.y {
}

span.proc_text.g {
}

div.tooltip_hover {
    display: inline;
    cursor: pointer;
}

div#tool_tip {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    z-index: 999;
    margin-top: 10px;
}

div#tool_tip span {
    background: #ffffff; /*TODO*/
    padding: 5px;
    white-space: nowrap;
    border: solid 1px #b5b5b5;
    opacity: 0.9;
}

span.transfer_user {
    display: block;
    float: left;
    margin-left: 3px;
    width: 18px;
    height: 18px;
    background: transparent url(images/trans_user.gif) left top no-repeat;
}

span.transfer_system {
    display: block;
    float: left;
    margin-left: 3px;
    width: 18px;
    height: 18px;
    background: transparent url(images/trans_system.gif) left top no-repeat;
}

span.pl_stat {
    display: block;
    float: left;
    margin-left: 3px;
    width: 20px;
    height: 13px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    color: #444444 !important;
}

span.pl_stat.arrx {
    background: transparent url(images/arrange1.gif) -6px 50% no-repeat;
    text-indent: 13px;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
    width: auto;
}

span.pl_stat.arr1 {
    background: transparent url(images/arrange1.gif) 50% 50% no-repeat;
}

span.pl_stat.arr2 {
    background: transparent url(images/arrange2.gif) 50% 50% no-repeat;
}

span.pl_stat.ycard {
    background: transparent url(images/cardy.gif) 50% 50% no-repeat;
}

span.pl_stat.yrcard {
    background: transparent url(images/cardyr.gif) 50% 50% no-repeat;
}

span.pl_stat.rcard {
    background: transparent url(images/cardr.gif) 50% 50% no-repeat;
}

span.pl_stat.injury {
    background: transparent url(images/injury.gif) 50% 50% no-repeat;
}

span.pl_stat.contract {
    background: transparent url(images/contract.gif) 50% 50% no-repeat;
}

span.pl_stat.transfer {
    background: transparent url(images/is_on_list.gif) 50% 50% no-repeat;
}

span.num_up {
    display: block;
    margin-top: 2px;
    width: 11px;
    height: 11px;
    background: transparent url(images/num_up.gif) left top no-repeat;
}

span.num_down {
    display: block;
    margin-top: 2px;
    width: 11px;
    height: 11px;
    background: transparent url(images/num_down.gif) left top no-repeat;
}

span#pd_player_shownum, span.pd_player_shownum {
    display: block;
    width: 40px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-top: -3px;
    color: #6e6e6e;
}

/*button, a.button {
    border: 0px;
    padding: 0px;
    margin: 0px;
    min-width: 45px;
    height: 23px;
    cursor: pointer;
    color: #ffffff;
    background: transparent;
    overflow: visible;
    white-space: nowrap;
    text-decoration: none !important;
}

button span, a.button span {
    display: block;
    height: 23px;
    min-width: 45px;
    background: transparent url(images/button_mid.gif) left top repeat-x;
    white-space: nowrap;
}

button span span, a.button span span {
    display: block;
    height: 23px;
    background: transparent url(images/button_right.gif) right top no-repeat;
    white-space: nowrap;
}

button span span span, a.button span span span {
    display: block;
    height: 20px;
    padding-top: 3px;
    padding-right: 9px;
    background: transparent url(images/button_left.gif) left top no-repeat;
    text-indent: 28px;
    color: #ffffff;
    font-weight: bold;
    white-space: nowrap;
    font-size: 11px;
}
*/

a.invlink {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none !important;
}

div.lfloat.cols {
    margin: 0px 15px 20px 15px;
}

.col_70 {
    float: left;
    width: 70px;
    min-height: 18px;
}

.col_80 {
    float: left;
    width: 80px;
    min-height: 18px;
}

.col_90 {
    float: left;
    width: 90px;
    min-height: 18px;
}

.col_100 {
    float: left;
    width: 100px;
    min-height: 18px;
}

.col_110 {
    float: left;
    width: 110px;
    min-height: 18px;
}

.col_130 {
    float: left;
    width: 130px;
    min-height: 18px;
}

.col_140 {
    float: left;
    width: 140px;
    min-height: 18px;
}

.col_170 {
    float: left;
    width: 170px;
    min-height: 18px;
}

.col_245 {
    float: left;
    width: 245px;
    min-height: 18px;
}

.col_370 {
    float: left;
    width: 370px;
    min-height: 18px;
}

.bm_5 {
    margin-bottom: 5px !important;
}

.bm_15 {
    margin-bottom: 15px !important;
}

.tm_neg5 {
    margin-top: -5px !important;
}

.tm_3 {
    margin-top: 3px !important;
}

.tm_5 {
    margin-top: 5px !important;
}

.tm_8 {
    margin-top: 8px !important;
}

.tm_10 {
    margin-top: 10px !important;
}

.tm_15 {
    margin-top: 15px !important;
}

.lm_5 {
    margin-left: 5px !important;
}

.lm_8 {
    margin-left: 8px !important;
}

.lm_10 {
    margin-left: 10px !important;
}

.lm_15 {
    margin-left: 15px !important;
}

.lm_25 {
    margin-left: 25px !important;
}

.lm_30 {
    margin-left: 30px !important;
}

.lm_50 {
    margin-left: 50px !important;
}

.lm_100 {
    margin-left: 100px !important;
}

.lm_150 {
    margin-left: 150px !important;
}

.lm_163 {
    margin-left: 163px !important;
}

.rm_7 {
    margin-right: 7px !important;
}

.rm_15 {
    margin-right: 15px !important;
}

.rm_150 {
    margin-right: 150px !important;
}

.lrm_5 {
    margin-left: 5px;
    margin-right: 5px;
}

.centered {
    text-align: center !important;
}

.right {
    text-align: right !important;
}

.nowrap {
    white-space: nowrap;
}

.lfloat {
    display: block;
    float: left;
}

.rfloat {
    display: block;
    float: right;
}

.cl {
    clear: both;
}

.clr {
    clear: right;
}

.cll {
    clear: left;
}















input.default, select.default {
    width: 190px;
}

input.radiobutton, input.checkbox {
    border: solid 1px #646464;
    width: 13px !important;
    height: 13px !important;
}

input.imageinput {
    border: none;
    width: auto !important;
    height: auto !important;
}

span.mini_input input, span.mini_input input {
    width: 20px;
}

span.mini_input select, div.invbox span.mini_input select {
    width: 20px;
}

span.medi_input input, span.medi_input input, div.invbox span.medi_input input {
    width: 40px;
}

span.medi_input select, span.medi_input select, div.invbox span.medi_input select {
    width: 40px;
}

span.normal_input input, span.normal_input input, div.invbox span.normal_input input {
    width: 100px;
}

span.normal_input select, span.normal_input select, div.invbox span.normal_input select {
    width: 100px;
}

span.full_input input, span.full_input textarea {
    width: 100%;
}

span.post_input input, div.invbox span.post_input input {
    width: 250px;
}

span.post_input textarea, div.invbox span.post_input textarea {
    width: 250px;
    height: 160px;
}

span.maxi_input input, div.invbox span.maxi_input input {
    width: 330px;
}

span.maxi_input textarea, div.invbox span.maxi_input textarea {
    width: 330px;
    height: 160px;
}

span.date_input input {
    width: 55px;
}

span.notes_input textarea {
    width: 385px;
    min-height: 300px;
}

span.date_input select {
    width: 55px;
}

span.gender_input select {
    width: 75px;
}

span.input_75 select, span.input_75 input {
    width: 75px;
}

span.color_input input {
    width: 65px;
}

span.color_input select {
    width: 80px;
}

span.price_input input, span.price_input select {
    width: 80px;
}

span.team_input input, span.team_input input {
    width: 120px;
}

span.team_input select, span.team_input select {
    width: 110px;
}

div.strat_bar {
    width: 226px;
    height: 32px;
    margin-top: 5px;
}

div.strat_bar.small {
    width: 125px;
    height: 16px;
    margin-top: 5px;
}

div.strat_bar div.bar_0 {
    float: left;
    width: 75px;
    height: 32px;
    text-align: left;
    color: #00b000;
    font-size: 10px;
    background: transparent url(images/strat_bar_0.gif) left bottom no-repeat;
}

div.strat_bar div.bar_0.small {
    width: 30px !important;
    height: 16px !important;
    font-size: 8px !important;
    background: transparent url(images/small/strat_bar_0.gif) left bottom no-repeat;
}

div.strat_bar div.bar_0.act {
    background: transparent url(images/strat_bar_0a.gif) left bottom no-repeat;
}

div.strat_bar div.bar_0.small.act {
    width: 30px !important;
    height: 16px !important;
    font-size: 8px !important;
    background: transparent url(images/small/strat_bar_0a.gif) left bottom no-repeat;
}

div.strat_bar div.bar_1 {
    float: left;
    width: 76px;
    height: 32px;
    text-align: center;
    color: #ffb000;
    font-size: 10px;
    background: transparent url(images/strat_bar_1.gif) left bottom no-repeat;
}

div.strat_bar div.bar_1.small {
    width: 30px !important;
    height: 16px !important;
    font-size: 8px !important;
    background: transparent url(images/small/strat_bar_1.gif) left bottom no-repeat;
}

div.strat_bar div.bar_1.act {
    background: transparent url(images/strat_bar_1a.gif) left bottom no-repeat;
}

div.strat_bar div.bar_1.small.act {
    width: 30px !important;
    height: 16px !important;
    font-size: 8px !important;
    background: transparent url(images/small/strat_bar_1a.gif) left bottom no-repeat;
}

div.strat_bar div.bar_2 {
    float: left;
    width: 75px;
    height: 32px;
    text-align: right;
    color: #b70f33;
    font-size: 10px;
    background: transparent url(images/strat_bar_2.gif) left bottom no-repeat;
}

div.strat_bar div.bar_2.small {
    width: 30px !important;
    height: 16px !important;
    font-size: 8px !important;
    background: transparent url(images/small/strat_bar_2.gif) left bottom no-repeat;
}

div.strat_bar div.bar_2.act {
    background: transparent url(images/strat_bar_2a.gif) left bottom no-repeat;
}

div.strat_bar div.bar_2.small.act {
    width: 30px !important;
    height: 16px !important;
    font-size: 8px !important;
    background: transparent url(images/small/strat_bar_2a.gif) left bottom no-repeat;
}

div.strat_bar div a {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    font-size: inherit;
    white-space: nowrap;
}

div.strat_choose {
    height: 95px;
    margin-top: 5px;
}

div.strat_choose.small {
    height: 34px;
    margin-top: 5px;
}

div.strat_choose div {
    float: left;
    width: 57px;
    height: 85px;
    border: solid 2px transparent;
    margin-right: 10px;
}

div.strat_choose.small div {
    width: 23px;
    height: 34px;
    margin-right: 5px;
}

div.strat_choose div.act {
    border: solid 2px #47A601;
}

div.strat_choose div.strat_ballplay_0 {
    background: transparent url(images/s_ballplay_0.gif) left top no-repeat;
}

div.strat_choose div.strat_ballplay_1 {
    background: transparent url(images/s_ballplay_1.gif) left top no-repeat;
}

div.strat_choose div.strat_orientation_0 {
    background: transparent url(images/s_orientation_0.gif) left top no-repeat;
}

div.strat_choose div.strat_orientation_1 {
    background: transparent url(images/s_orientation_1.gif) left top no-repeat;
}

div.strat_choose div.strat_orientation_2 {
    background: transparent url(images/s_orientation_2.gif) left top no-repeat;
}

div.strat_choose div.strat_inout_0 {
    background: transparent url(images/s_inout_0.gif) left top no-repeat;
}

div.strat_choose div.strat_inout_1 {
    background: transparent url(images/s_inout_1.gif) left top no-repeat;
}

div.strat_choose div.strat_inout_2 {
    background: transparent url(images/s_inout_2.gif) left top no-repeat;
}

div.strat_choose div.strat_ballplay_0.small {
    background: transparent url(images/small/s_ballplay_0.gif) left top no-repeat !important;
}

div.strat_choose div.strat_ballplay_1.small {
    background: transparent url(images/small/s_ballplay_1.gif) left top no-repeat !important;
}

div.strat_choose div.strat_orientation_0.small {
    background: transparent url(images/small/s_orientation_0.gif) left top no-repeat !important;
}

div.strat_choose div.strat_orientation_1.small {
    background: transparent url(images/small/s_orientation_1.gif) left top no-repeat !important;
}

div.strat_choose div.strat_orientation_2.small {
    background: transparent url(images/small/s_orientation_2.gif) left top no-repeat !important;
}

div.strat_choose div.strat_inout_0.small {
    background: transparent url(images/small/s_inout_0.gif) left top no-repeat !important;
}

div.strat_choose div.strat_inout_1.small {
    background: transparent url(images/small/s_inout_1.gif) left top no-repeat !important;
}

div.strat_choose div.strat_inout_2.small {
    background: transparent url(images/small/s_inout_2.gif) left top no-repeat !important;
}

div.strat_choose div a {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    font-size: inherit;
}


div.strat_check {
    margin: 8px 0px;
    width: 150px;
}

div.strat_check.small {
    margin-top: 10px;
    width: 100px;
}

div.strat_check span a, div.strat_check span.act a {
    display: block;
    text-indent: 15px;
    width: 150px;
    height: 11px;
    font-size: 11px;
    text-decoration: none;
    color: inherit;
}

div.strat_check span a {
    background: url(images/strat_check.gif) left top no-repeat;
}

div.strat_check span.act a {
    background: url(images/strat_checka.gif) left top no-repeat;
}

div.strat_check span.small a, div.strat_check span.small.act a {
    display: block;
    text-indent: 11px;
    width: 130px;
    height: 10px;
    font-size: 11px;
    text-decoration: none;
    color: inherit;
}

div.strat_check span.small a {
    background: url(images/small/strat_check.gif) left center no-repeat;
}

div.strat_check span.small.act a {
    background: url(images/small/strat_checka.gif) left center no-repeat;
}

div#calendar {
    width: 770px;
    height: 603px;
}

div#calendar_details {
    width: 510px;
    height: 390px;
    background: #ffffff; 
}

div#cal_head {
    height: 25px;
    background: transparent url(images/cal_tl.png) left top no-repeat;
}

div#cal_head span {
    display: block;
    height: 100%;
    background: transparent url(images/cal_tr.png) right top no-repeat;
}

div#cal_head span span {
    display: block;
    height: 100%;
    margin: 0px 11px;
    background: transparent url(images/cal_tbg.png) left top repeat-x;
}


div#cal_inner div.desc {
    float: left;
    width: 285px;
    min-height: 25px;
    overflow: none;
    padding-top: 2px;
}

div#cal_inner div.cont {
    float: left;
    min-width: 30px;
    max-width: 130px;
    min-height: 25px;
    overflow: none;
    padding-right: 10px;
}

div#cal_inner div.cont_add {
    float: left;
    min-width: 30px;
    max-width: 80px;
    min-height: 25px;
    overflow: none;
}

div#cal_body {
    width: inherit;
    background: transparent url(images/cal_lbg.png) left top repeat-y;
}

div#cal_body div#cal_content {
    display: block;
    background: transparent url(images/cal_rbg.png) right top repeat-y;
}

div#cal_body div#cal_content div#cal_inner {
    display: block;
    width: 765;
    margin: 0px 11px;
    padding: 10px 10px 0px 15px;
    background: #ffffff;
    height: 100%;
}

div#cal_bottom {
    height: 18px;
    background: transparent url(images/cal_bl.png) left top no-repeat;
}

div#cal_bottom span {
    display: block;
    height: 100%;
    background: transparent url(images/cal_br.png) right top no-repeat;
}

div#cal_bottom span span {
    display: block;
    height: 100%;
    margin: 0px 11px;
    background: transparent url(images/cal_bbg.png) left top repeat-x;
}

div#cal_inner span.cal_title {
    display: block;
    width: 200px;
    margin: 0px auto;
    font-size: 18px;
    color: #646464;
    text-align: center;
    font-weight: bold;
}

div#cal_inner span.day_header {
    display: block;
    float: left;
    width: 90px;
    height: 15px;
    padding: 3px;
    margin: 3px;
    font-size: 11px;
    font-weight: bold;
    color: #646464;
}

div#cal_inner div.rfloat {
    margin-top: -18px;
}

div#cal_inner span.date_input select {
    width: 100px;
}

div#cal_inner div.cal_day {
    float: left;
    position: relative;
    margin: 3px;
    width: 90px;
    height: 75px;
    padding: 17px 3px 3px 3px;
    background: #e8e8e8;
    font-size: 10px;
    white-space: nowrap;
}

div#cal_inner div.cal_day.active {
}

div#cal_inner div.cal_day.transparent {
    background: transparent;
}

div.cal_day span.cal_day_num {
    position: absolute;
    top: 3px;
    left: 3px;
    font-size: 10px;
}

div.cal_day.active span.cal_day_num {
}

div#penalty_shooters {
}

div.posgood {
    border: solid 0px transparent;
    padding: 2px;
    cursor: pointer;
}

div.posok {
    border: solid 2px #ffff00;
    cursor: pointer;
}

div.posbad {
    border: solid 2px #b70f33;
    cursor: pointer;
}

div.green_line {
    height: 1px;
}

span.green {
}

span.red {
}

span.error {
}

.strong, .bold {
    font-weight: bold;
}

.nobold {
    font-weight: normal !important;
}

span.marked {
    font-weight: bold;
}

span.small_green {
    font-size: 10px;
}

div.env_logo {
    font-weight: bold;
    width: 102px;
    height: 23px;
    padding-top: 47px;
    text-align: center;
    color: #6e6e6e !important;
}

div.env_logo.env_snackbar {
    background: transparent url(images/env_snackbar.jpg) scroll no-repeat left top;
}

div.env_logo.env_parking {
    background: transparent url(images/env_parking.jpg) scroll no-repeat left top;
}

div.env_logo.env_video {
    background: transparent url(images/env_video.jpg) scroll no-repeat left top;
}

div.env_logo.env_fanshop {
    background: transparent url(images/env_fanshop.jpg) scroll no-repeat left top;
}

div.env_logo.env_pressroom {
    background: transparent url(images/env_pressroom.jpg) scroll no-repeat left top;
}

div.env_logo.env_lawnheating {
    background: transparent url(images/env_heating.jpg) scroll no-repeat left top;
}

div.env_logo.env_busstop {
    background: transparent url(images/env_bus.jpg) scroll no-repeat left top;
}

div.env_logo.env_trainstop {
    background: transparent url(images/env_train.jpg) scroll no-repeat left top;
}

div.staff_logo {
    font-weight: bold;
    width: 102px;
    height: 23px;
    padding-top: 47px;
    text-align: center;
    color: #6e6e6e !important;
}

div.staff_logo.staff_0 {
    background: transparent url(images/staff_doctor.jpg) scroll no-repeat left top;
}

div.staff_logo.staff_1 {
    background: transparent url(images/staff_info.jpg) scroll no-repeat left top;
}

div.staff_logo.staff_2 {
    background: transparent url(images/staff_youth.jpg) scroll no-repeat left top;
}

div.staff_logo.staff_3 {
    background: transparent url(images/staff_masseur.jpg) scroll no-repeat left top;
}

div.staff_logo.staff_4 {
    background: transparent url(images/staff_watcher.jpg) scroll no-repeat left top;
}

div.staff_logo.staff_5 {
    background: transparent url(images/staff_scout.jpg) scroll no-repeat left top;
}

div.staff_logo.staff_6 {
    background: transparent url(images/staff_trainer.jpg) scroll no-repeat left top;
}

div.staff_logo.staff_7 {
    background: transparent url(images/staff_goal.jpg) scroll no-repeat left top;
}

div.staff_logo.staff_8 {
    background: transparent url(images/staff_security.jpg) scroll no-repeat left top;
}

div.staff_logo.staff_9 {
    background: transparent url(images/staff_moti.jpg) scroll no-repeat left top;
}

div.staff_logo.staff_10 {
    background: transparent url(images/staff_agent.jpg) scroll no-repeat left top;
}

div.acc_home_bg {
    position: relative;
    width: 503px;
    height: 327px; /*342*/
    padding: 15px 0px 0px 0px;
    margin: 5px 5px 10px 7px;
    line-height: 17px;
    background: transparent url(images/acc_home_bg.jpg) scroll no-repeat left top;
}

div.acc_home_notelink {
    position: absolute;
    bottom: 95px;
    left: 275px;
}

div.grey_bg_1 {
    margin-top: 5px;
    background-color: #e2e2e2;
    padding: 10px;
    width: 180px;
}

div.grey_bg_2 {
    margin-top: 5px;
    background-color: #e7e7e7;
    padding: 10px;
    width: 180px;
}

div.grey_bg_3 {
    margin-top: 5px;
    background-color: #ededed;
    padding: 10px;
    width: 180px;
}

div.grey_bg_4 {
    margin-top: 5px;
    background-color: #f2f2f2;
    padding: 10px;
    width: 180px;
}

span.bigbold {
    font-size: 14px;
    font-weight: bold;
}

span.verysmall {
    font-size: 8px;
}

div.stadium_small {
    float: left;
    width: 193px;
    height: 154px;
    background: transparent url(images/stadium_small.gif) scroll no-repeat left top;
}

div.stadium_big  {
    float: left;
    width: 288px;
    height: 190px;
    background: transparent url(images/stadium_big.gif) scroll no-repeat left top;
}

span.stadium_expand {
    display: block;
    float: left;
    margin: 45px 0px 0px 25px;
    width: 50px;
    height: 86px;
    background: transparent url(images/stad_extend.gif) scroll no-repeat left top;
}

span.stadium_expanding {
    display: block;
    float: left;
    margin: 45px 0px 0px 25px;
    width: 50px;
    height: 86px;
    background: transparent url(images/stad_extend_b.gif) scroll no-repeat left top;
}


div.league_stats {


    width: 710px;
    height: 389px;
    background-repeat: no-repeat;
    background-image: url('/tpl/images/league_background.jpg'); 
    background-size: 100%;
    padding:10px;
    /* border-width:1px;border-style:solid;*/
}



div.league_stats_textbox {
    font-size: 11px;

    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.7);
    font-weight: normal;
    text-align: left;
    border-radius: 5px; 
    padding: 0px; 
    border: 1px solid #b3b3b3; }

div.league_stats_textbox_title {
    width:99%;
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 5px 5px 0px 0px;
    padding: 0.5%;
    font-weight: bold;
    font-size: 12px;
    border-bottom: 1px solid #b3b3b3;
    text-align: center;
}

div.cup_match_cell {
    width:150px;
    height:40px;
    position:relative;
}

table.cup_match_cell {
    width:100%;
    vertical-align: middle;
    border-collapse: collapse;
}

td.cup_match_cell {
    font-size: 10px;
    height:20px;
}

div.cup_match_name_wrapper {
    font-size: 10px;
    line-height: 1;
    overflow: hidden;
    width:115px;
    height:11px;
    white-space:nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url('assets/xml/ellipsis.xml#ellipsis');
}

div.stadium_pictures {
    position: relative;
    display: block;
    width: 740px;
    height: 389px;
    background-repeat: no-repeat; }

.stadium_image-1 { background-image: url('/tpl/images/stadium_1.jpg'); }
.stadium_image-2 { background-image: url('/tpl/images/stadium_2.jpg'); }
.stadium_image-3 { background-image: url('/tpl/images/stadium_3.jpg'); }
.stadium_image-4 { background-image: url('/tpl/images/stadium_4.jpg'); }
.stadium_image-5 { background-image: url('/tpl/images/stadium_5.jpg'); }
.stadium_image-6 { background-image: url('/tpl/images/stadium_6.jpg'); }
.stadium_image-7 { background-image: url('/tpl/images/stadium_7.jpg'); }
.stadium_image-8 { background-image: url('/tpl/images/stadium_8.jpg'); }
.stadium_image-9 { background-image: url('/tpl/images/stadium_9.jpg'); }
.stadium_image-10 { background-image: url('/tpl/images/stadium_10.jpg'); }
.stadium_image-11 { background-image: url('/tpl/images/stadium_11.jpg'); }
.stadium_image-12 { background-image: url('/tpl/images/stadium_12.jpg'); }
.stadium_image-13 { background-image: url('/tpl/images/stadium_13.jpg'); }
.stadium_image-14 { background-image: url('/tpl/images/stadium_14.jpg'); }
.stadium_image-15 { background-image: url('/tpl/images/stadium_15.jpg'); }
.stadium_image-16 { background-image: url('/tpl/images/stadium_16.jpg'); }
.stadium_image-17 { background-image: url('/tpl/images/stadium_17.jpg'); }
.stadium_image-18 { background-image: url('/tpl/images/stadium_18.jpg'); }



div.stadium_fieldinfo {
    position: absolute;
    left: 315px;
    top: 250px;
    display: block;
    font-size: 11px;
    background: none scroll no-repeat 0 0;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.7);
    font-weight: normal;
    text-align: left;
    border-radius: 5px; 
    padding: 4px; 
    border: 0px solid #b3b3b3; }

div.stadium_lawninfofield {
    position: absolute;
    left: 490px;
    top: 250px;
    display: block;
    font-size: 11px;
    background: none scroll no-repeat 0 0;
    background-color: #ffffff; 
    background-color: rgba(255, 255, 255, 0.7);
    font-weight: normal;
    text-align: left;
    border-radius: 5px; 
    padding: 4px; 
    border: 0px solid #b3b3b3; }

div.stadium_lawngrafic {
    position: absolute;
    left: 500px;
    top: 250px;
    display: block;
    font-size: 11px;
    background: none scroll no-repeat 0 0;
    background-color: #ffffff; 
    background-color: rgba(255, 255, 255, 0.5);
    font-weight: normal;
    text-align: left;
    border-radius: 5px; 
    padding: 4px; 
    border: 0px solid #b3b3b3; }



a.lawn_quality, a.lawn_quality:hover {
    display: block;
    margin-left: 4px;
    width: 60px;
    height: 46px;
    text-decoration: none;
}

a.lawn_quality.q1 {
    background: transparent url(images/lawn1.gif) left top no-repeat;
}

a.lawn_quality.q2 {
    background: transparent url(images/lawn2.gif) left top no-repeat;
}

a.lawn_quality.q3 {
    background: transparent url(images/lawn3.gif) left top no-repeat;
}

a.lawn_quality.q4 {
    background: transparent url(images/lawn4.gif) left top no-repeat;
}

a.lawn_quality.q5 {
    background: transparent url(images/lawn5.gif) left top no-repeat;
}

a.delete_entry {
    background: transparent url(images/entry_delete.gif) left top no-repeat;
    margin-right: 3px;
    display: block;
    float: left;
    width: 18px;
    height: 18px;
}

a.new_entry {
    background: transparent url(images/new_entry.gif) left top no-repeat;
    margin-right: 3px;
    display: block;
    float: left;
    width: 18px;
    height: 18px;
}

a.edit_notes {
    display: block;
    float: left;
    background: transparent url(images/note.gif) left top no-repeat;
    width: 10px;
    height: 10px;
    margin-right: 3px;
}

a.switch {
    background: transparent url(images/switch.gif) left top no-repeat;
    padding: 9px;
}


div.block_repair {
    float: right;
    width: 19px;
    height: 18px;
    background: transparent url(images/repair.gif) left top no-repeat;
}

div.block_build {
    float: right;
    width: 31px;
    height: 40px;
    margin-top: 6px;
    background: transparent url(images/build.gif) left top no-repeat;
}

div.block_build_div {
    display: none;
}

a.btype, a.btype:hover, a.btype:link {
    display: block;
    float: left;
    width: 18px;
    height: 19px;
    text-decoration: none;
    margin-right: 2px;
}

div.sector_roof {
    width: 19px;
    height: 18px;
    background: transparent url(images/place_roof.gif) left top no-repeat;
}

div.sector_roofed {
    width: 19px;
    height: 18px;
    background: transparent url(images/place_roofb.gif) left top no-repeat;
}

a.btype.stand {
    background: transparent url(images/place_stand.gif) left top no-repeat;
}

a.btype.sit {
    background: transparent url(images/place_sit.gif) left top no-repeat;
}

a.btype.loge {
    background: transparent url(images/place_loge.gif) left top no-repeat;
}

span.table_pos {
    display: block;
    width: 10px;
    height: 5px;
}

span.table_pos.up {
    background: transparent url(images/pos_up.gif) left top no-repeat;
}

span.table_pos.down {
    background: transparent url(images/pos_down.gif) left top no-repeat;
}

span.friendly_extension {
    display: block;
    float: left;
    margin-left: 3px;
    width: 18px;
    height: 18px;
    background: transparent url(images/fs_extend.gif) left top no-repeat;
}

span.friendly_password {
    display: block;
    float: left;
    margin-left: 3px;
    width: 18px;
    height: 18px;
    background: transparent url(images/fs_passwd.gif) left top no-repeat;
}

a.friendly_delete {
    display: block;
    float: left;
    margin-left: 3px;
    width: 18px;
    height: 18px;
    background: transparent url(images/fs_delete.gif) left top no-repeat;
}

a.friendly_take {
    display: block;
    float: left;
    margin-left: 3px;
    width: 18px;
    height: 18px;
    background: transparent url(images/fs_take.gif) left top no-repeat;
}

span.usercup_password {
    display: block;
    float: left;
    margin-left: 3px;
    width: 18px;
    height: 18px;
    background: transparent url(images/fs_passwd.gif) left top no-repeat;
}

span.usercup_ticket {
    display: block;
    float: left;
    margin-left: 3px;
    width: 18px;
    height: 18px;
    background: transparent url(images/uc_ticket.gif) left top no-repeat;
}

span.usercup_takingpart {
    display: block;
    float: left;
    margin-left: 3px;
    width: 18px;
    height: 18px;
    background: transparent url(images/trans_user.gif) left top no-repeat;
}

span.pagelink {
    display: block;
    float: right;
    margin-right: 20px;
}

span.btrans_pages {
    display: block;
    float: right;
    margin-right: 7px;
    margin-top: 5px;
}

span.pagelink a, span.pagelink a:link, span.pagelink a:visited, span.pagelink a:active, span.pagelink a:hover {
    display: block;
    width: 23px;
    height: 17px; /* 20 */
    float: left;
    padding: 3px 0px 0px 0px;
    background: transparent url(images/page_link.png) left top no-repeat;
    text-decoration: none;
    color: #464646;
    text-align: center;
    font-weight: normal;
}

span.pagelink a:hover, span.pagelink a.active, span.pagelink a.active:link, span.pagelink a.active:visited {
    background: transparent url(images/page_link_active.png) left top no-repeat !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

span.pagelink a.odd {
    margin: 0px -6px 0px 0px;
}

span.pagelink a.even {
    margin: 10px -6px 0px 0px;
}

span.btrans_pages a, span.btrans_pages a:link, span.btrans_pages a:visited, span.btrans_pages a:active, span.btrans_pages a:hover {
    display: block;
    width: 13px;
    height: 12px; /* 20 */
    float: left;
    padding: 1px 0px 0px 0px;
    text-decoration: none;
    color: #6e6e6e;
    text-align: center;
    font-weight: normal;
    border: solid 1px transparent;
}

span.btrans_pages a:hover, span.btrans_pages a.active, span.btrans_pages a.active:link, span.btrans_pages a.active:visited {
    font-weight: bold !important;
}

span.btrans_pages a.active, span.btrans_pages a.active:link, span.btrans_pages a.active:visited {
    border: solid 1px #6e6e6e;
}

span.league_choose {
    display: block;
    margin-top: 11px;
}

span.league_choose a, span.league_choose a:link, span.league_choose a:active, span.league_choose a:visited, span.league_choose a:hover {
    display: block;
    width: 73px;
    height: 17px; /* 20 */
    float: left;
    padding: 3px 0px 0px 0px;
    background: transparent url(images/button_link.png) left top no-repeat;
    text-decoration: none;
    color: #464646;
    text-align: center;
    font-weight: normal;
}

span.league_choose a:hover, span.league_choose a.active, span.league_choose a.active:link, span.league_choose a.active:visited {
    background: transparent url(images/button_link_active.png) left top no-repeat !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

span.league_choose a.odd {
    margin: -11px -6px 0px 0px;
}

span.league_choose a.even {
    margin: -1px -6px 0px 0px;
}

div.right span.round_choose {
    display: block;
    float: right;
}

span.round_choose {
    display: block;
    margin-top: 11px;
}

span.round_choose a, span.round_choose a:link, span.round_choose a:active, span.round_choose a:visited, span.round_choose a:hover {
    display: block;
    width: 73px;
    height: 17px; /* 20 */
    float: left;
    padding: 3px 0px 0px 0px;
    background: transparent url(images/button_link.png) left top no-repeat;
    text-decoration: none;
    color: #464646;
    text-align: center;
    font-weight: normal;
}

span.round_choose a:hover, span.round_choose a.active, span.round_choose a.active:link, span.round_choose a.active:visited {
    background: transparent url(images/button_link_active.png) left top no-repeat !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

span.round_choose a.odd {
    margin: -11px -6px 0px 0px;
}

span.round_choose a.even {
    margin: -1px -6px 0px 0px;
}

div.img_stars_1 {
    background: transparent url(images/star.gif) left top no-repeat;
    width: 15px;
    height: 15px;
}

div.img_stars_2 {
    background: transparent url(images/star2.gif) left top no-repeat;
    width: 30px;
    height: 15px;
}

div.img_stars_3 {
    background: transparent url(images/star3.gif) left top no-repeat;
    width: 44px;
    height: 15px;
}

div.img_stars_4 {
    background: transparent url(images/star4.gif) left top no-repeat;
    width: 58px;
    height: 15px;
}

div.img_stars_5 {
    background: transparent url(images/star5.gif) left top no-repeat;
    width: 72px;
    height: 15px;
}

div.img_stars_1_camp {
    background: transparent url(images/camp_star1.png) left top no-repeat;
    width: 235px;
    height: 150px;
}

div.img_stars_2_camp {
    background: transparent url(images/camp_star2.png) left top no-repeat;
    width: 235px;
    height: 150px;
}

div.img_stars_3_camp {
    background: transparent url(images/camp_star3.jpg) left top no-repeat;
    width: 218px;
    height: 150px;
}

div.img_stars_4_camp {
    background: transparent url(images/camp_star4.jpg) left top no-repeat;
    width: 218px;
    height: 137px;
}

div.img_stars_5_camp {
    background: transparent url(images/camp_star5.jpg) left top no-repeat;
    width: 218px;
    height: 137px;
}

.nopadding {
    padding: 0px !important;
}

span.team_locked {
    display: block;
    float: left;
    width: 8px;
    height: 9px;
    margin: 1px 0px 0px 2px;
    background: transparent url(images/locked.gif) left top no-repeat;
}



.right span.team_name {
    margin: 0px 22px 0px 0px !important;
    padding: 0px !important;
    background: none !important;
}

span.team_name {
    margin: 0px 0px 0px 22px !important;
    padding: 0px !important;
    background: none !important;
}

.right span.team_nation {
    background-position: right center !important;
}

div.box_title span.team_nation {
    background-position: left top !important;
}

.right span.team_banner {
    background-position: right center !important;
}

span.team_banner {
    background-position: left center !important;
    background-repeat: no-repeat !important;
    padding: 0px !important;
    margin: 0px !important;
}

span.team_banner.banner_4players {
    background-image: url(images/team_banner_4players.gif) !important;
}

span.team_banner.banner_1asport {
    background-image: url(images/team_banner_1asport.png) !important;
}

span.team_banner.banner_main {
    background-image: url(images/team_banner_goalstar.png) !important;
}

span.team_banner.banner_VFL {
    background-image: url(images/team_banner_vfl.gif) !important;
}

span.team_banner.banner_RWE {
    background-image: url(images/team_banner_RWE.png) !important;
}

span.team_banner.banner_waldhofmannheim {
    background-image: url(images/team_banner_waldhof.gif) !important;
}

span.team_banner.banner_fcmagdeburg {
    background-image: url(images/team_banner_fcm.png) !important;
}

span.team_banner.banner_heimspiel {
    background-image: url(images/team_banner_heimspiel.gif) !important;
}

span.team_banner.banner_oranje {
    background-image: url(images/team_banner_oranje.gif) !important;
}

span.team_banner.banner_lithuania {
    background-image: url(images/team_banner_lithuania.gif) !important;
}

span.team_banner.banner_idsoccer {
    background-image: url(images/team_banner_idsoccer.png) !important;
}

span.team_banner.banner_jahnregensburg {
    background-image: url(images/team_banner_jahn.png) !important;
}

span.team_banner.banner_kfcuerdingen {
    background-image: url(images/team_banner_kfc.png) !important;
}

span.team_banner.banner_serbia {
    background-image: url(images/team_banner_serbia.png) !important;
}

span.team_banner.banner_tsv1860 {
    background-image: url(images/team_banner_tsv1860.png) !important;
}

.right span.team_banner span.team_nation {
    margin: 0px 22px 0px 0px !important;
}

span.team_banner span.team_nation {
    margin: 0px 0px 0px 22px !important;
}

span.team_nation {
    background-position: left center !important;
    background-repeat: no-repeat !important;
    padding: 0px !important;
    margin: 0px !important;
}

span.team_nation.nation_int {
    background-image: url(images/flag_int.gif) !important;
}

span.team_nation.nation_de {
    background-image: url(images/flag_de.gif) !important;
}

span.team_nation.nation_en {
    background-image: url(images/flag_en.gif) !important;
}

span.team_nation.nation_tr {
    background-image: url(images/flag_tr.gif) !important;
}

span.team_nation.nation_sr {
    background-image: url(images/flag_sr.gif) !important;
}

span.team_nation.nation_nl {
    background-image: url(images/flag_nl.gif) !important;
}

div.sponsor_div {
    display: none;
}

div.visdiv {
    display: block;
}

div#live_box {
    position: absolute;
    left: 182px;
    top: 0px;
    width: 163px; /*247*/
    height: 58px; /*83*/
    background: transparent url(images/top_live.jpg) scroll no-repeat left top;
    padding: 10px 60px 15px 25px;
}

div#live_box.live_running {
    background: transparent url(images/top_live_active.jpg) scroll no-repeat left top !important;
}




/* live game */

div.live_win_title {
    font-weight: bold;
    width: 100%;
    padding: 5px 0px 0px 0px;
    text-indent: 20px;
    height: 20px;
    background: #98d709;
    border-bottom: solid 1px #6db705;
    margin-bottom: 10px;
    cursor: move;
    color: #ffffff;
}

div#live_strategy {
    position: absolute;
    top: 270px;
    left: 220px;
    width: 280px;
    background: #ffffff;
    border: solid 1px #d7dde0;
    opacity: 0.95;
    z-index: 10000;
}

div#live_strategy div.live_win_content {
    padding: 0px 10px 10px 10px;
    width: 300px;
    height: 250px;
    line-height: 100% !important;
}

div#live_strategy div.live_win_title {
    text-indent: 10px !important;
}

div#live_arrange {
    position: absolute;
    width: 680px;
    top: 100px;
    left: 150px;
    background: #ffffff;
    border: solid 1px #d7dde0;
    opacity: 0.95;
    z-index: 5001;
}

div#live_arrange div.live_win_content {
    padding: 0px 20px 20px 20px;
    width: 640px;
    height: 450px;
}


.live_buttons {
    text-align: center;
}

#match_field {
    position: absolute;
    width: 788px; /*710px;*/ /* 500 schmale Stelle */
    height: 308px; /*267px;*/
    top: 0px;
    left: -30px;
    background: transparent url(images/field.jpg) -8px top no-repeat;
    clip: rect(0px, 749px, 308px, 26px);
}

#match_teams {
    text-align: center;
    white-space: nowrap;
}

span.home_name {
    color: #3b7ea8;
}

span.guest_name {
    color: #b70f33;
}

#match_teams span.home_name {
    font-weight: bold;
}

#match_teams span.guest_name {
    font-weight: bold;
}

.act_pmarker {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker.gif) left top no-repeat;
    z-index: 2500;
}

.act_pmarker_blue {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_b.gif) left top no-repeat;
    z-index: 2500;
}

.act_pmarker_red {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_r.gif) left top no-repeat;
    z-index: 2500;
}

.act_pmarker_g {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_g.gif) left top no-repeat;
    opacity: 0.8;
    z-index: 2499;
}

.ball_dot {
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: 26px;
    right: 40px;
    background: transparent url(images/ball.gif) center top no-repeat;
}

.player_char {
    width: 19px;
    height: 40px;
    position: absolute;
    bottom: 26px;
    right: 40px;
    cursor: pointer;
    text-align: left;
}

div.player_char span.number {
    position: absolute;
    display: block;
    width: 12px;
    top: 9px;
    left: 4px;
    font-family: Arial;
    font-size: 7px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}
/**  Jersey Numbers white or black depending on jersey color club color */
div.player_char.blackyellow_7 span.number, div.player_char.white_7 span.number, div.player_char.whitegreen_7 span.number, div.player_char.whitered_7 span.number, div.player_char.yellowblue_7 span.number, div.player_char.whiteblack_7 span.number, div.player_char.whiteblue_7 span.number, div.player_char.yellowred_7 span.number {
    color: #000000;
}

div.player_char div.ycard {
    margin-left: 15px;
    width: 8px;
    height: 9px;
    background: transparent url(images/ycard.gif) center top no-repeat;
}

div.player_char div.captain {
    /**  margin-right: 60px;*/
    position: relative;
    left:-10px;
    width: 21px;
    height: 12px;
    background: transparent url(images/symbol_captain_armband.png) center top no-repeat;
}

div.player_char div.injury_1 {
    margin-left: 15px;
    width: 8px;
    height: 8px;
    background: transparent url(images/injury.gif) center top no-repeat;
}

div.player_char div.injury_2 {
    margin-left: 15px;
    width: 8px;
    height: 8px;
    background: transparent url(images/injury.gif) center top no-repeat;
}

div.player_char div.injury_3 {
    margin-left: 15px;
    width: 8px;
    height: 8px;
    background: transparent url(images/injury.gif) center top no-repeat;
}

div.player_char div.fatigue {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 17px;
    height: 2px;
    border: solid 1px #000000;
    background-color: #ffffff;
}

div.player_char div.fatigue div.green {
    height: 2px;
    background-color: #009900;
}

div.player_char div.fatigue div.yellow {
    height: 2px;
    background-color: #ffde00;
}

div.player_char div.fatigue div.red {
    height: 2px;
    background-color: #990000;
}

div.player_char div.ew {
    position: absolute;
    bottom: 3px;
    left: 0px;
    width: 17px;
    height: 2px;
    border: solid 1px #000000;
    background-color: #ffffff;
}

div.player_char div.ew div.green {
    height: 2px;
    background-color: #009900;
}

div.player_char div.ew div.yellow {
    height: 2px;
    background-color: #ffde00;
}

div.player_char div.ew div.red {
    height: 2px;
    background-color: #990000;
}

/* red players */
.red_1 {
    background: transparent url(images/red_1.gif) center top no-repeat;
}

.red_2 {
    background: transparent url(images/red_2.gif) center top no-repeat;
}

.red_3 {
    background: transparent url(images/red_3.gif) center top no-repeat;
}

.red_4 {
    background: transparent url(images/red_4.gif) center top no-repeat;
}

.red_5 {
    background: transparent url(images/red_5.gif) center top no-repeat;
}

.red_6 {
    background: transparent url(images/red_6.gif) center top no-repeat;
}

.red_7 {
    background: transparent url(images/red_7.gif) center top no-repeat;
}

.red_8 {
    background: transparent url(images/red_8.gif) center top no-repeat;
}


/* red goalkeeper */
.red_gk_1 {
    background: transparent url(images/black_1.gif) center top no-repeat;
}

.red_gk_2 {
    background: transparent url(images/black_2.gif) center top no-repeat;
}

.red_gk_3 {
    background: transparent url(images/black_3.gif) center top no-repeat;
}

.red_gk_4 {
    background: transparent url(images/black_4.gif) center top no-repeat;
}

.red_gk_5 {
    background: transparent url(images/black_5.gif) center top no-repeat;
}

.red_gk_6 {
    background: transparent url(images/black_6.gif) center top no-repeat;
}

.red_gk_7 {
    background: transparent url(images/black_7.gif) center top no-repeat;
}

.red_gk_8 {
    background: transparent url(images/black_8.gif) center top no-repeat;
}

/* blue goalkeeper */
.blue_gk_1 {
    background: transparent url(images/grey_1.gif) center top no-repeat;
}

.blue_gk_2 {
    background: transparent url(images/grey_2.gif) center top no-repeat;
}

.blue_gk_3 {
    background: transparent url(images/grey_3.gif) center top no-repeat;
}

.blue_gk_4 {
    background: transparent url(images/grey_4.gif) center top no-repeat;
}

.blue_gk_5 {
    background: transparent url(images/grey_5.gif) center top no-repeat;
}

.blue_gk_6 {
    background: transparent url(images/grey_6.gif) center top no-repeat;
}

.blue_gk_7 {
    background: transparent url(images/grey_7.gif) center top no-repeat;
}

.blue_gk_8 {
    background: transparent url(images/grey_8.gif) center top no-repeat;
}

/* blue players */
.blue_1 {
    background: transparent url(images/blue_1.gif) center top no-repeat;
}

.blue_2 {
    background: transparent url(images/blue_2.gif) center top no-repeat;
}

.blue_3 {
    background: transparent url(images/blue_3.gif) center top no-repeat;
}

.blue_4 {
    background: transparent url(images/blue_4.gif) center top no-repeat;
}

.blue_5 {
    background: transparent url(images/blue_5.gif) center top no-repeat;
}

.blue_6 {
    background: transparent url(images/blue_6.gif) center top no-repeat;
}

.blue_7 {
    background: transparent url(images/blue_7.gif) center top no-repeat;
}

.blue_8 {
    background: transparent url(images/blue_8.gif) center top no-repeat;
}



div.refereediv {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #ffffff;
    border: dashed 1px #b3b3b3;
    padding: 2px;
    display: none;
}

div.inv {
    display: none;
}


#game_events {
    background-color: transparent;
    width: 490px;
    height: 320px;
}

div#game_events {
    overflow: auto;
}

iframe#game_events {
    margin: 0px;
    border: 0px;
}

tr.listitem {

}

tr.listitem td {
    padding: 2px 0px;
}

tr.listitemhigh {

}

tr.listitemhigh td {
    padding: 2px 0px;
}

#goal_field {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

ul.features {
    list-style: disc;
}

ul.features li {
    margin-left: 18px;
    margin-top: 3px;
    line-height: 17px;
}

.logo_submit {
    position: absolute;
    right: 12px;
    top: 140px;
    color: #ffffff;
}

.logo_submit button.textonly {
    border: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    font-family: Arial, sans, Tahoma, Verdana;
}

#pagefooter a {
    color: #ffffff !important;
}

div.game_help_title {
    font-weight: bold;
    width: 100%;
    padding: 5px 0px 0px 0px;
    text-indent: 20px;
    height: 20px;
    background: #98d709;
    border-bottom: solid 1px #6db705;
    margin-bottom: 10px;
    cursor: move;
}

div#game_help {
    position: absolute;
    width: 500px;
    height: 80%;
    top: 100px;
    right: 100px;
    background: #ffffff;
    border: solid 1px #d7dde0;
    opacity: 0.95;
    z-index: 5001;
}

div#game_help div#game_help_content {
    padding: 0px 5% 10% 5%;
    width: 90%;
    height: 80%;
    overflow: auto;
}

#game_help_content pre {
    margin: 5px 0px;
    padding: 5px;
    display: block;
    border: dashed 1px #b3b3b3;
    white-space: normal;
}

#game_help_content h1, #game_help_content h2, #game_help_content h3, #game_help_content h4, #game_help_content h5 {
    margin-top: 10px;
}

#game_help_content ul {
    list-style: inside;
}

div.game_help_icon {
    float: right;
    margin-right: 0;
}

div#toctitle, table#toc {
    display: none;
}

#game_help_content .thumb {
    margin: 5px;
}

#game_help_content .tright {
    float: right;
}

.thumbcaption .magnify {
    display: none;
}

div.tutorial_title {
    font-weight: bold;
    width: 100%;
    padding: 5px 0px 0px 0px;
    text-indent: 20px;
    height: 20px;
    background: #98d709;
    border-bottom: solid 1px #6db705;
    margin-bottom: 10px;
    cursor: move;
}

div#tutorial {
    position: absolute;
    width: 600px;
    top: 100px;
    left: 100px;
    background: #ffffff;
    border: solid 1px #d7dde0;
    opacity: 0.95;
    z-index: 5002;
}

div#tutorial div#tutorial_content {
    padding: 0px 5% 10% 5%;
    width: 90%;
    height: 80%;
    min-height: 60px;
    overflow: auto;
}

h1.innertitle {
    font-weight: bold;
    font-size: 12px;
}

a.buy_voucher {
    display: block;
    width: 80px;
    height: 65px;
    padding: 35px 20px 20px;
    text-decoration: none !important;
    text-align: center;
    color: #444444 !important;
    font-weight: bold;
    font-family: Helvetica, Arial !important;
    font-size: 11px;
    background: url(images/hoticon.png) no-repeat;
    line-height: 160%;
}

a.tablink {
    display: block;
    float: left;
    height: 13px;
    padding: 0 10px;
    border-right: solid 1px #ffffff;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: normal;
}

a.tablink.active {
    color: #ffffff !important;
    font-weight: bold;
}

ul.rss_feed {
    list-style: none;
    margin-top: 5px;
}

li.rss_feed_item {
    margin-bottom: 1px;
    margin-top: 1px;
    border-bottom: dashed 1px #b3b3b3;
}

.award-item {
    float: left;
    margin: 5px;
    width: 100px;
    text-align: center;
    cursor: help;
    height: 120px;
}

.faded {
    opacity: 0.5;
}

.pxToolTip {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    z-index: 1300000;
    margin-top: 15px;
    margin-left: 10px;
    background-color: #ffffff;
    border: solid 1px #b5b5b5;
    -moz-opacity: 0.90;
    filter:alpha(opacity: 90);
    opacity: 0.90;
    padding: 5px;
    white-space: nowrap;
    font-family: Arial;
    font-size: 11px;
}

#new_award_notify {
    position: absolute;
    z-index: 12999;
    top: 175px;
    left: 50%;
    width: 200px;
    margin-left: -125px;
    height: 200px;
    padding: 25px 50px 50px;
    background: #ffffff;
    border: solid 1px #888888;
    text-align: center;
    -moz-box-shadow: 0 0 15px #000000;
    -webkit-box-shadow: 0 0 15px #000000;
    -khtml-box-shadow: 0 0 15px #000000;
    box-shadow: 0 0 15px #000000;
}

.closebut {
    position: absolute;
    right: 5px;
    top: 5px;
}


#chatbox {
    position: relative;
    margin: 25px auto 0;
    width: 700px;
    height: 300px;
    -moz-box-shadow: 0 0 10px #000000;
    -khtml-box-shadow: 0 0 10px #000000;
    -webkit-box-shadow: 0 0 10px #000000;
    box-shadow: 0 0 10px #000000;
    background: #ffffff;
}

.chatbox-form {
    position: absolute;
    width: 100%;
    height: 40px;
    left: 0;
    bottom: 0;
    padding: 0;
}

.chatbox-iform {
    padding: 5px;
}

.chatbox-content {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 5px 0;
    bottom: 40px;
    background: #f3f3f3;
}

.chatbox-msglist {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    right: 5px;
    overflow: auto;
}

#chatbox-list {
    margin: 0;
    list-style: none;
}

#chatbox-list li {
    border-bottom: dotted 1px #e3e3e3;
    padding: 2px 0;
}

#chatboxmsg {
    width: 60%;
    font-size: 9px;
    height: 13px;
}

.chatbox-lineend {
    clear: both;
    height: 0;
    display: block;
}

.chatbox-time {
    display: block;
    float: left;
    width: 72px;
}

.chatbox-text {
    display: block;
    margin-left: 72px;
}

.chatbox-user {
    font-weight: bold !important;
    margin-right: 4px;
}

#chatbox-menu {
    position: absolute;
    bottom: 100%;
    width: 100%;
}

#chatbox-tabs {
    display: block;
    width: 100%;
}

#chatbox-tabs li {
    display: block;
    float: left;
    margin-right: 5px;
    width: 100px;
    height: 25px;
    background: #f7f7f7;
    border-bottom: solid 1px #b3b3b3;
    -moz-box-shadow: 0 0 10px #000000;
    -khtml-box-shadow: 0 0 10px #000000;
    -webkit-box-shadow: 0 0 10px #000000;
    box-shadow: 0 0 10px #000000;

    font-size: 16px;
    font-weight: bold;
    text-decoration: none !important;
    line-height: 24px;
    color: inherit !important;
    text-align: center;
    cursor: pointer;
}

#chatbox-tabs li.active {
    background: #f3f3f3;
    border-bottom: solid 1px transparent;
    cursor: default;
}

#chatbox-tabs li.poptab {
    float: right;
    margin-right: 0;
    margin-top: 10px;
    width: 120px;
    height: 15px;
    font-size: 10px;
    line-height: 13px;
}

.chatbox-deleted {
    opacity: 0.5;
    border: dotted 1px #ff0000 !important;
}

body.plain #chatbox {
    margin-top: 60px;
    min-width: 340px;
    width: 95%;
}

.chatbox-sysmsg {
    font-weight: bold;
    font-style: italic;
}





#mainWrapper{margin:0 auto;width:950px;box-shadow:0 0 7px #000;-moz-box-shadow:0 0 7px #000;-webkit-box-shadow:0 0 7px #000;border:none;}
#header{width:950px;height:150px;}
#logo{float:left;background:url('images/logo_bg.png') 0 0 no-repeat;margin-left:19px;width:246px;height:133px;}
#logo a{display:block;width:100%;height:100%;background:url('images/logo.png') 0 0 no-repeat;}
#livebox{float:left;position:relative;margin-left:19px;width:400px;height:150px;}
.livebox{background:url('images/livebox_bg.png') 0 0 no-repeat;}
.livebox.livegame{background:url('images/livebox_bg_live.png') 0 0 no-repeat;}
#team_home, #team_away{margin-top:4px;font-size:11px;font-weight:bold;color:#fff;}
#team_home{float:left;margin-left:25px;}
#team_away{float:right;margin-right:25px;}
#logo_home, #logo_away{position:absolute;top:28px;opacity:0.85;}
#logo_home a, #logo_away a, #logo_home a img, #logo_away a img {border:none !important;text-decoration:none !important}
#logo_home{left:25px;}
#logo_away{right:25px;}
#logo_home img, #logo_away img{width:75px;height:100px;}
#result{display:block;float:left;margin-top:41px;margin-left:115px;width:180px;}
.result{display:block;float:left;width:35px;height:45px;}
.result.vs{background:url('images/numbers/vs.png') 0 0 no-repeat;}
.result.number-0{background:url('images/numbers/number-0.png') 0 0 no-repeat;}
.result.number-1{background:url('images/numbers/number-1.png') 0 0 no-repeat;}
.result.number-2{background:url('images/numbers/number-2.png') 0 0 no-repeat;}
.result.number-3{background:url('images/numbers/number-3.png') 0 0 no-repeat;}
.result.number-4{background:url('images/numbers/number-4.png') 0 0 no-repeat;}
.result.number-5{background:url('images/numbers/number-5.png') 0 0 no-repeat;}
.result.number-6{background:url('images/numbers/number-6.png') 0 0 no-repeat;}
.result.number-7{background:url('images/numbers/number-7.png') 0 0 no-repeat;}
.result.number-8{background:url('images/numbers/number-8.png') 0 0 no-repeat;}
.result.number-9{background:url('images/numbers/number-9.png') 0 0 no-repeat;}
#cupresult{display:block;width:180px;}
.cupresult{display:block;width:35px;height:45px;}
.cupresult.vs{background:url('images/numbers/vs.png') 0 0 no-repeat;}
.cupresult.number-0{background:url('images/numbers/number-0.png') 0 0 no-repeat;}
.cupresult.number-1{background:url('images/numbers/number-1.png') 0 0 no-repeat;}
.cupresult.number-2{background:url('images/numbers/number-2.png') 0 0 no-repeat;}
.cupresult.number-3{background:url('images/numbers/number-3.png') 0 0 no-repeat;}
.cupresult.number-4{background:url('images/numbers/number-4.png') 0 0 no-repeat;}
.cupresult.number-5{background:url('images/numbers/number-5.png') 0 0 no-repeat;}
.cupresult.number-6{background:url('images/numbers/number-6.png') 0 0 no-repeat;}
.cupresult.number-7{background:url('images/numbers/number-7.png') 0 0 no-repeat;}
.cupresult.number-8{background:url('images/numbers/number-8.png') 0 0 no-repeat;}
.cupresult.number-9{background:url('images/numbers/number-9.png') 0 0 no-repeat;}
#attendance{position:absolute;bottom:3px;width:135px;height:18px;left:133px;line-height:18px;}
#attendance span{font-size:10px;color:#fff;}
#attendance .title{float:left;margin-left:7px;}
#attendance .value{float:right;margin-right:7px;}
#attendance .value-mid{display:inline-block;text-align:center;width:100%;font-weight:bold;}
#live-minute{position:absolute;bottom:15px;width:90px;height:18px;left:160px;line-height:18px;}
#live-minute span{font-size:10px;color:#fff;margin-left:7px;float:left;}
#userpanel{float:left;margin-left:30px;width:170px;color:#fff;}
#userpanel a,#userpanel a:visited,#userpanel a:active{color:#fff;font-size:10px;}
#userpanel a:hover{color:#ddd;}
#userpanel label{display:block;font-weight:bold;}
#userpanel input[type='text'], #userpanel input[type='password']{margin:2px 0;width:100%;border:1px #555 solid;}
#userpanel input[type='text']:focus, #userpanel input[type='password']:focus{background:#000;border:1px #777 solid;}
#userpanel input[type='checkbox']{margin-top:0;vertical-align:middle;}
#userpanel button{margin-left:5px;}
.userpanelbox{margin-bottom:2px;padding:5px 20px;width:100%;background:url('images/trans.png') 0 0 repeat;line-height:14px;}
.userpanelline{margin-bottom:2px;width:210px;background:url('images/ubox_bgr.png') 0 0 repeat;line-height:14px;}
.userpanelline.first-line{margin-top:0;}
.userpanel-icon{background:url('images/ubox_bgr.png') 0 0 repeat;width:22px;height:100%;min-height:15px;float:left;padding:5px;text-align:center;}
.userpanel-desc{font-weight:bold;float:left;color:#ffffff;width:68px;padding:5px 0 0 5px;}
.userpanel-cont{font-weight:normal;float:left;color:#ffffff;padding:5px 0 0 5px;}
#mainmenu{clear:both;width:100%;height:40px;list-style:none;margin:0;padding:0;position:relative;z-index:5000;}
.submenu{float:left;margin-top:-2px;line-height:44px;height:44px;font-weight:bold;font-size:12px;color:#555;cursor:pointer;}
.submenu:hover{color:#fff;}
.submenu img{vertical-align:middle;}
.submenu ul{position:relative;display:none;margin:0;margin-top:-1px;padding:0;list-style:none;}
.submenu li{background:url('images/menu_sub_bg.png') 0 0 no-repeat;width:inherit;height:22px;font-size:12px;font-weight:normal;color:#fff;cursor:pointer;}
.submenu li:hover{background-position:0 -26px;}
.submenu li a{display:block;height:23px;padding:3px 0 0 5px;line-height:16px;text-decoration:none;color:#fff;}
.submenu:hover ul{display:block;}
.submenu span{display: inline-block;margin-left:5px;text-align:center;}
.submenu.menu_account{background:url('images/menu_item_account.png') 0 0 no-repeat;width:142px;}
.submenu.menu_account span{width:90px;}
.submenu.menu_team{background:url('images/menu_item_team.png') 0 0 no-repeat;width:163px;}
.submenu.menu_team span{width:95px;}
.submenu.menu_stats{background:url('images/menu_item_stats.png') 0 0 no-repeat;width:165px;}
.submenu.menu_stats span{width:112px;}
.submenu.menu_office{background:url('images/menu_item_office.png') 0 0 no-repeat;width:142px;}
.submenu.menu_office span{width:90px;}
.submenu.menu_info{background:url('images/menu_item_info.png') 0 0 no-repeat;width:165px;}
.submenu.menu_info span{width:96px;}
.submenu.menu_community{background:url('images/menu_item_community.png') 0 0 no-repeat;width:148px;}
.submenu.menu_community span{width:96px;}
.submenu.language{line-height:20px;background:url('images/language_selector.png') 0 0 no-repeat;width:25px;}
.submenu.language ul{margin-top:15px;}
.submenu.language li{background:#eaeaea;background:rgba(220,220,220,0.85);}
.submenu:hover{background-position:0 -44px;}
#innermain{clear:both;width:100%;padding-bottom: 15px;min-height:300px;background:url('images/main_bg.png') 0 0 repeat-x #e0e0e0;}
#main{width: 770px;padding: 5px 0 0 20px;float:left;}



button, a.button {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    height: 23px;
    margin: 0;
    min-width: 45px;
    overflow: visible;
    padding: 0;
    text-decoration: none !important;
    white-space: nowrap;
}

button span, a.button span {
    background: url("images/button_mid.png") repeat-x scroll left top transparent;
    display: block;
    height: 23px;
    min-width: 45px;
    white-space: nowrap;
    color: white;
}

button span span, a.button span span {
    background: url("images/button_right.png") no-repeat scroll right top transparent;
    display: block;
    margin:0 -1px;
    height: 23px;
    white-space: nowrap;
}

button span span span, a.button span span span {
    background: url("images/button_left.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    padding-right: 9px;
    padding-top: 3px;
    text-indent: 28px;
    white-space: nowrap;
}

.blackblue_7 {
    background: transparent url(images/blackblue_7.gif) center top no-repeat;
}

.blackblue_gk_7 { background: transparent url(images/blackblue_gk_7.gif) center top no-repeat;
}

.act_pmarker_blackblue {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_blackblue.gif) left top no-repeat;
    z-index: 2500;
}

.blackgreen_7 {
    background: transparent url(images/blackgreen_7.gif) center top no-repeat;
}

.blackgreen_gk_7 { background: transparent url(images/blackgreen_gk_7.gif) center top no-repeat;
}

.act_pmarker_blackgreen {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_blackgreen.gif) left top no-repeat;
    z-index: 2500;
}



.blackred_7 {
    background: transparent url(images/blackred_7.gif) center top no-repeat;
}

.blackred_gk_7 { background: transparent url(images/blackred_gk_7.gif) center top no-repeat;
}

.act_pmarker_blackred {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_blackred.gif) left top no-repeat;
    z-index: 2500;
}


.blackwhite_7 {
    background: transparent url(images/blackwhite_7.gif) center top no-repeat;
}

.blackwhite_gk_7 { background: transparent url(images/blackwhite_gk_7.gif) center top no-repeat;
}

.act_pmarker_blackwhite {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_blackwhite.gif) left top no-repeat;
    z-index: 2500;
}



.kingblue_7 {
    background: transparent url(images/kingblue_7.gif) center top no-repeat;
}

.kingblue_gk_7 { background: transparent url(images/kingblue_gk_7.gif) center top no-repeat;
}

.act_pmarker_kingblue {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_kingblue.gif) left top no-repeat;
    z-index: 2500;
}


.bluewhite_7 {
    background: transparent url(images/bluewhite_7.gif) center top no-repeat;
}

.bluewhite_gk_7 { background: transparent url(images/bluewhite_gk_7.gif) center top no-repeat;
}

.act_pmarker_bluewhite {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_bluewhite.gif) left top no-repeat;
    z-index: 2500;
}


.lightblue_7 {
    background: transparent url(images/lightblue_7.gif) center top no-repeat;
}

.lightblue_gk_7 { background: transparent url(images/lightblue_gk_7.gif) center top no-repeat;
}

.act_pmarker_lightblue {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_lightblue.gif) left top no-repeat;
    z-index: 2500;
}


.purplewhite_7 {
    background: transparent url(images/purplewhite_7.gif) center top no-repeat;
}

.purplewhite_gk_7 { background: transparent url(images/purplewhite_gk_7.gif) center top no-repeat;
}

.act_pmarker_purplewhite {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_purplewhite.gif) left top no-repeat;
    z-index: 2500;
}



.greenwhite_7 {
    background: transparent url(images/greenwhite_7.gif) center top no-repeat;
}

.greenwhite_gk_7 { background: transparent url(images/greenwhite_gk_7.gif) center top no-repeat;
}

.act_pmarker_greenwhite {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_greenwhite.gif) left top no-repeat;
    z-index: 2500;
}


.orangewhite_7 {
    background: transparent url(images/orangewhite_7.gif) center top no-repeat;
}

.orangewhite_gk_7 { background: transparent url(images/orangewhite_gk_7.gif) center top no-repeat;
}

.act_pmarker_orangewhite {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_orangewhite.gif) left top no-repeat;
    z-index: 2500;
}

.redwhite_7 {
    background: transparent url(images/redwhite_7.gif) center top no-repeat;
}

.redwhite_gk_7 { background: transparent url(images/redwhite_gk_7.gif) center top no-repeat;
}

.act_pmarker_redwhite {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_redwhite.gif) left top no-repeat;
    z-index: 2500;
}


.redblue_7 {
    background: transparent url(images/redblue_7.gif) center top no-repeat;
}

.redblue_gk_7 { background: transparent url(images/redblue_gk_7.gif) center top no-repeat;
}

.act_pmarker_redblue {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_redblue.gif) left top no-repeat;
    z-index: 2500;
}


.redgreen_7 {
    background: transparent url(images/redgreen_7.gif) center top no-repeat;
}

.redgreen_gk_7 { background: transparent url(images/redgreen_gk_7.gif) center top no-repeat;
}

.act_pmarker_redgreen {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_redgreen.gif) left top no-repeat;
    z-index: 2500;
}

.red_7 {
    background: transparent url(images/red_7.gif) center top no-repeat;
}

.red_gk_7 { background: transparent url(images/red_gk_7.gif) center top no-repeat;
}

.act_pmarker_red {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_red.gif) left top no-repeat;
    z-index: 2500;
}

.whitered_7 {
    background: transparent url(images/whitered_7.gif) center top no-repeat;
}

.whitered_gk_7 { background: transparent url(images/whitered_gk_7.gif) center top no-repeat;
}

.act_pmarker_whitered {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_whitered.gif) left top no-repeat;
    z-index: 2500;
}


.whitegreen_7 {
    background: transparent url(images/whitegreen_7.gif) center top no-repeat;
}

.whitegreen_gk_7 { background: transparent url(images/whitegreen_gk_7.gif) center top no-repeat;
}

.act_pmarker_whitegreen {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_whitegreen.gif) left top no-repeat;
    z-index: 2500;
}

.blackyellow_7 {
    background: transparent url(images/blackyellow_7.gif) center top no-repeat;
}

.blackyellow_gk_7 { background: transparent url(images/blackyellow_gk_7.gif) center top no-repeat;
}

.act_pmarker_blackyellow {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_blackyellow.gif) left top no-repeat;
    z-index: 2500;
}

.yellowblue_7 {
    background: transparent url(images/yellowblue_7.gif) center top no-repeat;
}

.yellowblue_gk_7 { background: transparent url(images/yellowblue_gk_7.gif) center top no-repeat;
}

.act_pmarker_yellowblue {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_yellowblue.gif) left top no-repeat;
    z-index: 2500;
}

.brown_7 {
    background: transparent url(images/brown_7.gif) center top no-repeat;
}

.brown_gk_7 { background: transparent url(images/brown_gk_7.gif) center top no-repeat;
}

.act_pmarker_brown {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_brown.gif) left top no-repeat;
    z-index: 2500;
}

.pink_7 {
    background: transparent url(images/pink_7.gif) center top no-repeat;
}

.pink_gk_7 { background: transparent url(images/pink_gk_7.gif) center top no-repeat;
}

.act_pmarker_pink {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_pink.gif) left top no-repeat;
    z-index: 2500;
}

.white_7 {
    background: transparent url(images/white_7.gif) center top no-repeat;
}

.white_gk_7 { background: transparent url(images/white_gk_7.gif) center top no-repeat;
}

.act_pmarker_white {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_white.gif) left top no-repeat;
    z-index: 2500;
}

.black_7 {
    background: transparent url(images/black_7.gif) center top no-repeat;
}

.black_gk_7 { background: transparent url(images/black_gk_7.gif) center top no-repeat;
}

.act_pmarker_black {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_black.gif) left top no-repeat;
    z-index: 2500;
}


.whiteblack_7 {
    background: transparent url(images/whiteblack_7.gif) center top no-repeat;
}

.whiteblack_gk_7 { background: transparent url(images/whiteblack_gk_7.gif) center top no-repeat;
}

.act_pmarker_whiteblack {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_whiteblack.gif) left top no-repeat;
    z-index: 2500;
}

.whiteblue_7 {
    background: transparent url(images/whiteblue_7.gif) center top no-repeat;
}

.whiteblue_gk_7 { background: transparent url(images/whiteblue_gk_7.gif) center top no-repeat;
}

.act_pmarker_whiteblue {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_whiteblue.gif) left top no-repeat;
    z-index: 2500;
}

.yellowred_7 {
    background: transparent url(images/yellowred_7.gif) center top no-repeat;
}

.yellowred_gk_7 { background: transparent url(images/yellowred_gk_7.gif) center top no-repeat;
}

.act_pmarker_yellowred {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(images/act_pmarker_yellowred.gif) left top no-repeat;
    z-index: 2500;
}

div.gradient-title {
    width:300px;
    background: -moz-linear-gradient(left, rgba(156,212,46,1) 0%, rgba(156,212,46,1) 52%, rgba(156,212,46,0.02) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(156,212,46,1)), color-stop(52%,rgba(156,212,46,1)), color-stop(100%,rgba(156,212,46,0.02))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(156,212,46,1) 0%,rgba(156,212,46,1) 52%,rgba(156,212,46,0.02) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(156,212,46,1) 0%,rgba(156,212,46,1) 52%,rgba(156,212,46,0.02) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(156,212,46,1) 0%,rgba(156,212,46,1) 52%,rgba(156,212,46,0.02) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(156,212,46,1) 0%,rgba(156,212,46,1) 52%,rgba(156,212,46,0.02) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cd42e', endColorstr='#059cd42e',GradientType=1 ); /* IE6-9 */
    color: white;
    padding:2px;
}

div.graph-bar-background { width: 291px; height:40px; background: rgba(156,212,46,1);vertical-align: bottom;position:relative}
div.graph-bar { padding-left:14px; background-color: #fff;margin-left:5px; display:inline;margin-bottom: 0px;padding-bottom:0px;font-size: 1px;}


/* shop css */

a.shop_item {
    width: 155px;
    height: 180px;
    background-image: url('/tpl/images/shop/shop_item_button.png');
    background-position: 0 0;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    color: black !important;
    margin: 10px 0;
}

a.shop_item:hover {
    color: black;
    background-position: -180px 0;
}

a.shop_item:active {
    color: black;
    background-position: -360px 0;
}

a.shop_item img {
    display: block;
    margin: 0px auto;
}

div.box_banner {
    display: block;
    height: 75px;
    background: transparent url(images/bannerr.jpg) scroll no-repeat right top;
}

div.box_banner span {
    display: block;
    height: 75px;
    background: transparent url(images/bannerl.jpg) scroll no-repeat left top;
}

div.box_banner span span {
    display: block;
    position: relative;
    height: 63px;
    border: #aaa solid;
    border-width: 2px 0 0 0;
    background: #ffbc47;
    color: black;
    text-align: center;
    margin: 0px 12px 0px 9px;
    padding: 5px 20px;
}

div.box_banner h4 {
    font-size: 18px;
    margin-bottom: 5px;
}

div.box_banner h5 {
    display: inline;
    font-size: 14px;
}

div.box_banner a {
    color: #0a394a;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

div.box_banner a:hover {
    text-decoration: underline;
}

div.box_banner page_select {
    position: absolute;
    left: 50%;
}

#shop_filter_pitch {
    position: absolute;
    right: 0px;
    top: 7px;
    width: 199px;
    height: 0px;
    background-image: url('/tpl/images/shop/pitch.png');
    z-index: 9999;
    overflow: hidden;
}

#shop_filter_pitch .filter_pitch_selector {
    position: absolute;
    width: 41px;
    height: 39px;
    background-image: url('/tpl/images/shop/pitch_area_select.png');
    background-position: 0 0;
    cursor: pointer;
}

#shop_filter_pitch .filter_pitch_selector.select {
    background-position: -41px 0;
}

/* player bios */

div.player_bio_box {
    position: relative;
    height: 360px;
    width: 325px;
    background: #81b6c9;
    color: black;
    padding: 8px;
    border: #1055cc solid 1px;
    float: left;
    margin: 10px;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #888;
}

.player_bio_box span.player_name {
    font-size: 20px;
    font-weight: bold;
    width:150px;
}

.player_bio_box span.player_age {
    font-size: 14px;
    width:150px;
}

.player_bio_box span.player_birthday {
    font-size: 14px;
    width:150px;
}

.player_bio_box span.player_salary {
    font-size: 14px;
    width:150px;
}

.player_bio_box span.player_price {
    font-size: 14px;
    width:150px;
}

.player_bio_box div.buy_button {
    height: 24px;
    width: 142px;
    background-image: url('/tpl/images/shop/shop_smaller_button.png');
    cursor: pointer;
    margin: 0 7px 8px 0;
    color: black;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 13px 0;
}

.player_bio_box div.buy_button:hover {
    background-position: -142px 0;
}

.player_bio_box div.buy_button:active {
    background-position: -283px 0;
}

.player_bio_box div.player_head_photo {
    width: 160px;
    height: 220px;
    background: no-repeat scroll center center rgb(255, 255, 255); 
    border: 1px solid #1055cc;
    margin: 0 8px -49px 0;
}

.player_bio_box .position_field {
    border: 1px solid #1055cc;
}

table.player_stats_table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 255px;
    background: #eee;
    border-color: #444444;
    border-style: solid;
    margin-right: 10px;
}

table.player_stats_table tr {
    border: 1px;
}

table.player_stats_table td {
    font-size: 14px;
    text-align: center;
}

table.player_stats_table td:nth-child(odd) {
    min-width: 83px;
    max-width: 83px;
}

table.player_stats_table td:nth-child(even) {
    min-width: 41px;
    max-width: 41px;
    font-weight: bold;
    font-style: italic;
    font-size: 16px;
}

table.player_stats_table td:nth-child(2) {
    border-right: #444 solid 1px;
}

table.player_stats_table tr:nth-child(even) {
    background: #ddd;
}

.confirmBox {
    font-size: 12px;
}


/* shop css */

a.shop_item {
    width: 155px;
    height: 180px;
    background-image: url('/tpl/images/shop/shop_item_button.png');
    background-position: 0 0;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    color: black !important;
    margin: 10px 0;
}

a.shop_item:hover {
    color: black;
    background-position: -180px 0;
}

a.shop_item:active {
    color: black;
    background-position: -360px 0;
}

a.shop_item img {
    display: block;
    margin: 0px auto;
    border-width: 0px;
}

div.box_banner {
    display: block;
    height: 75px;
    background: transparent url(images/bannerr.jpg) scroll no-repeat right top;
}

div.box_banner span {
    display: block;
    height: 75px;
    background: transparent url(images/bannerl.jpg) scroll no-repeat left top;
}

div.box_banner span span {
    display: block;
    height: 63px;
    border: #aaa solid;
    border-width: 2px 0 0 0;
    background: #ffbc47;
    color: black;
    text-align: center;
    margin: 0px 12px 0px 9px;
    padding: 5px 20px;
}

div.box_banner h4 {
    font-size: 18px;
    margin-bottom: 5px;
}

div.box_banner h5 {
    display: inline;
    font-size: 14px;
}

#shop_filter_pitch {
    position: absolute;
    top: 7px;
    right: 0px;
    width: 199px;
    height: 0px;
    background-image: url('/tpl/images/shop/pitch.png');
}

#shop_filter_pitch .filter_pitch_selector {
    position: absolute;
    width: 41px;
    height: 39px;
    background-image: url('/tpl/images/shop/pitch_area_select.png');
    background-position: 0 0;
    cursor: pointer;
}

#shop_filter_pitch .filter_pitch_selector.select {
    background-position: -41px 0;
}

/* player bios */

div.player_bio_box {
    position: relative;
    height: 360px;
    width: 335px;
    background: #81b6c9;
    color: black;
    padding: 8px 0 0 8px;
    border: #1055cc solid 1px;
    float: left;
    margin: 10px;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #888;
}

.player_bio_box span.player_name {
    font-size: 20px;
    font-weight: bold;
    width:150px;
}

.player_bio_box span.player_age {
    font-size: 14px;
    width:150px;
}

.player_bio_box span.player_birthday {
    font-size: 14px;
    width:150px;
}

.player_bio_box span.player_salary {
    font-size: 14px;
    width:150px;
}

.player_bio_box span.player_price {
    font-size: 14px;
    width:150px;
}

.player_bio_box div.buy_button {
    height: 24px;
    width: 142px;
    background-image: url('/tpl/images/shop/shop_smaller_button.png');
    cursor: pointer;
    margin: 0 7px 8px 0;
    color: black;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 13px 0;
}

.player_bio_box div.buy_button:hover {
    background-position: -142px 0;
}

.player_bio_box div.buy_button:active {
    background-position: -283px 0;
}

.player_bio_box div.player_head_photo {
    width: 160px;
    height: 220px;
    background: no-repeat scroll center center rgb(255, 255, 255); 
    border: 1px solid #1055cc;
    margin: 0 8px -49px 0;
}

.player_bio_box .position_field {
    border: 1px solid #1055cc;
}

table.player_stats_table {
    border-collapse: collapse;
    table-layout: fixed;
    max-width: 250px;
    background: #eee;
    border-color: #444444;
    border-style: solid;
    margin-right: 10px;
}

table.player_stats_table tr {
    border: 1px;
}

table.player_stats_table td {
    font-size: 14px;
    text-align: center;
}

table.player_stats_table td:nth-child(odd) {
    min-width: 83px;
    max-width: 83px;
}

table.player_stats_table td:nth-child(even) {
    min-width: 38px;
    max-width: 38px;
    font-weight: bold;
    font-style: italic;
    font-size: 16px;
}

table.player_stats_table td:nth-child(2) {
    border-right: #444 solid 1px;
}

table.player_stats_table tr:nth-child(even) {
    background: #ddd;
}

/* map css */

#map_holder {
    position: relative;
    width: 740px;
    height: 500px;
    background: Sienna;
    overflow: hidden;
    z-index: 0;
}

.map_square {
    background-image: url('/tpl/images/map/tile.png');
    position: absolute;
    width: 100px;
    height: 50px;
}

.map_square.hover {
    background-position: -100px 0;
}

area {
    border: black solid 1px;
}

#button_panel {
    position: absolute;
    bottom: 20px;
    left:20px;
    width: 700px;
    height: 120px;
    background: #444;
    color: Lightgrey;
    z-index: 9999;
}

#button_panel div {
    width: 100px;
    height: 70px;
    background: Grey;
    border: transparent solid 1px;
    margin: 10px;
    font-weight: bold;
    text-align: center;
    padding-top: 30px;
    float: left;
}

#button_panel div:hover {
    border: black solid 1px;
    cursor: pointer;
}

#building_placer {
    position: absolute;
}    

#building_placer.stadium, .map_square.stadium {
    width: 300px;
    height: 163px;
    background-image: url('/tpl/images/map/map_stadium.png');
    margin-top: -13px;
}

#building_placer.road, .map_square.road {
    width: 100px;
    height: 50px;
    background-image: url('/tpl/images/map/roads.png');
    background-position: -300px 0;
}

.map_square.road.tl, #building_placer.road.tl { background-position: -300px -152px; }
.map_square.road.tr, #building_placer.road.tr { background-position: -100px -152px; }
.map_square.road.bl, #building_placer.road.bl { background-position: -200px -152px; }
.map_square.road.br, #building_placer.road.br { background-position:    0px -152px; }
.map_square.road.br.bl, #building_placer.road.br.bl { background-position: -200px -50px; }
.map_square.road.br.tr, #building_placer.road.br.tr { background-position: -300px -50px; }
.map_square.road.tl.bl, #building_placer.road.tl.bl { background-position:    0px -50px; }
.map_square.road.tr.tl, #building_placer.road.tr.tl { background-position: -100px -50px; }
.map_square.road.tl.br, #building_placer.road.tl.br { background-position: -100px   0px; }
.map_square.road.tr.bl, #building_placer.road.tr.bl { background-position:    0px   0px; }
.map_square.road.br.bl.tl, #building_placer.road.br.bl.tl { background-position: -100px -101px; }
.map_square.road.br.bl.tr, #building_placer.road.br.bl.tr { background-position: -200px -101px; }
.map_square.road.tr.bl.tl, #building_placer.road.tr.bl.tl { background-position:    0px -101px; }
.map_square.road.br.tr.tl, #building_placer.road.br.tr.tl { background-position: -300px -101px; }
.map_square.road.br.bl.tl.tr, #building_placer.road.br.bl.tl.tr { background-position: -200px 0; }


