/****************************************************************************** * Sokator CSS Document ******************************************************************************/ body { color: #000000; /*background: #b8c7c4 url(../images/background.gif) repeat-x 0px 0px;*/ } body { background: #b8c7c4 url(../images/home_background.jpg) repeat-x top center; } .relative { position: relative; } .hide { display: none; } .block { display: block; } .float_left { float: left; } .float_right { float: right; } .clear { clear: both; } .center { text-align: center; } .uppercase { text-transform: uppercase; } .transform_none { text-transform: none; } .underline { text-decoration: underline; } .list_none { list-style: none; } .margin_auto { margin: 0px auto; } .white { color: #ffffff; } .yellow { color: #f4d234; } .yellow_dark { color: #e6bf08; } .orange { color: #f28a10; } .red { color: #b92f0d; } .red_dark { color: #822504; } .blue { color: #0d9ac5; } .blue_dark { color: #093f50; } .black { color: #000000; } .w_100 { width: 100px; } .w_120 { width: 120px; } .w_140 { width: 140px; } .w_141 { width: 141px; } .w_146 { width: 146px; } .w_150 { width: 150px; } .w_160 { width: 160px; } .w_180 { width: 180px; } .w_200 { width: 200px; } .w_230 { width: 230px; } .w_242 { width: 242px; } .w_250 { width: 250px; } .w_280 { width: 280px; } .w_300 { width: 300px; } .w_321 { width: 321px; } .w_323 { width: 323px; } /****************************************************************************** * Snippet Styles ******************************************************************************/ .page_heading { position: relative; height: 50px; display: block; } .page_heading h1 { color: #ffffff; line-height: 2.94em; padding: 0px 0px 0px 10px; } .page_heading h1 strong { color: #f4d234; } .page_heading h1 span.large { color: #f4d234; font-size: 1.67em; } .page_heading h1 a:link, .page_heading h1 a:visited { color: #ffffff; text-decoration: underline; } .page_heading h1 a:hover { text-decoration: none; } .page_heading h1 .delimiter { padding: 0px 4px 0px 8px; } .page_heading .button { position: absolute; top: 10px; right: 318px; } .page_heading_breadcrum { position: relative; width: 640px; height: 50px; display: block; float: left; padding: 0px 320px 0px 0px; } .page_heading_breadcrum h1 { width: 422px; display: block; float: left; color: #ffffff; font-size: 1.09em; text-transform: none; padding: 18px 0px 0px 10px; } .page_heading_breadcrum h1 strong { color: #f4d234; } .page_heading_breadcrum h1 a:link, .page_heading_breadcrum h1 a:visited { color: #ffffff; text-decoration: underline; } .page_heading_breadcrum h1 a:hover { text-decoration: none; } .page_heading_breadcrum h1 .delimiter { padding: 0px 4px 0px 8px; } /*.page_heading_breadcrum .button { position: absolute; top: 10px; right: 318px; }*/ .page_heading_breadcrum .button { width: 104px; float: right; padding: 10px 0px 0px 0px; } .box_heading { position: relative; width: 100%; height: 30px; display: block; overflow: hidden; background: #822504; } th.box_heading { text-align: left; display: table-cell; } .box_heading h2 { display: block; color: #ffffff; line-height: 3.00em; padding: 0px 0px 0px 10px; } .box_heading h2 strong { color: #f4d234; } .box_heading h2 a:link, .box_heading h2 a:visited { display: block; color: #ffffff; line-height: 3.00em; text-decoration: underline; text-transform: uppercase; padding: 0px 10px 0px 0px; } .box_heading h2 a:hover { text-decoration: none; } .box_heading .link { position: absolute; top: 0px; right: 0px; display: block; } .box_heading .link a:link, .box_heading .link a:visited { display: block; color: #ffffff; font-size: 0.91em; line-height: 3.00em; text-decoration: underline; text-transform: uppercase; padding: 0px 10px 0px 0px; } .box_heading .link a:hover { text-decoration: none; } .box_heading_blue { position: relative; width: 100%; height: 30px; display: block; overflow: hidden; background: #10566c; } th.box_heading_blue { text-align: left; display: table-cell; } .box_heading_blue h2 { display: block; color: #ffffff; line-height: 3.00em; padding: 0px 0px 0px 10px; } .box_heading_blue h2 strong { color: #f4d234; } .box_heading_blue h2 strong a:link, .box_heading_blue h2 strong a:visited { color: #f4d234; text-decoration: none; } .box_heading_blue h2 strong a:hover { color: #f4d234; } a.btn_accept { width: 72px; height: 0px; display: block; overflow: hidden; background: url(../images/btn_accept.gif) no-repeat 0px 0px; padding-top: 27px; } a.btn_accept:hover { background-position: 0px -27px; } a.btn_decline { width: 72px; height: 0px; display: block; overflow: hidden; background: url(../images/btn_decline.gif) no-repeat 0px 0px; padding-top: 27px; } a.btn_decline:hover { background-position: 0px -27px; } a.btn_buy { width: 53px; height: 0px; display: block; overflow: hidden; background: url(../images/btn_buy.gif) no-repeat 0px 0px; padding-top: 27px; } a.btn_buy:hover { background-position: 0px -27px; } a.btn_edit { width: 53px; height: 0px; display: block; overflow: hidden; background: url(../images/btn_edit.gif) no-repeat 0px 0px; padding-top: 27px; } a.btn_edit:hover { background-position: 0px -27px; } a.btn_cancel { width: 72px; height: 0px; display: block; overflow: hidden; background: url(../images/btn_cancel.gif) no-repeat 0px 0px; padding-top: 27px; } a.btn_cancel:hover { background-position: 0px -27px; } .btn_orange { display: block; background: url(../images/btn_orange_lhs.png) no-repeat top left; padding: 0px 0px 0px 4px; } .btn_orange strong { display: block; background: url(../images/btn_orange_rhs.png) no-repeat top right; padding: 0px 4px 0px 0px; } .btn_orange strong a:link, .btn_orange strong a:visited { height: 15px; display: block; color: #ffffff; font-size: 0.91em; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; background: url(../images/btn_orange_mid.png) repeat-x top left; padding: 9px 0px 11px 0px; } .btn_orange strong a:hover { color: #822504; } .btn_orange strong input { width: 100%; height: 35px; display: block; color: #ffffff; font-size: 0.91em; font-weight: bold; line-height: 3.00em; text-align: center; text-transform: uppercase; text-decoration: none; background: url(../images/btn_orange_mid.png) repeat-x top left; padding: 0px 0px 5px 0px; } .btn_orange strong input:hover { cursor: pointer; color: #822504; } .btn_orange2 { display: block; background: url(../images/btn_orange2_lhs.png) no-repeat top left; padding: 0px 0px 0px 4px; } .btn_orange2 strong { display: block; background: url(../images/btn_orange2_rhs.png) no-repeat top right; padding: 0px 4px 0px 0px; } .btn_orange2 strong a:link, .btn_orange2 strong a:visited { height: 25px; display: block; color: #ffffff; font-size: 1.45em; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; background: url(../images/btn_orange2_mid.png) repeat-x top left; padding: 20px 0px; } .btn_orange2 strong a:hover { color: #822504; } .btn_blue { display: block; background: url(../images/btn_blue_lhs.png) no-repeat top left; padding: 0px 0px 0px 4px; } .btn_blue strong { display: block; background: url(../images/btn_blue_rhs.png) no-repeat top right; padding: 0px 4px 0px 0px; } .btn_blue strong a:link, .btn_blue strong a:visited { height: 15px; display: block; color: #ffffff; font-size: 0.91em; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; background: url(../images/btn_blue_mid.png) repeat-x top left; padding: 9px 0px 11px 0px; } .btn_blue strong a:hover { color: #093f50; } .btn_blue strong input { width: 100%; height: 35px; display: block; color: #ffffff; font-size: 0.91em; font-weight: bold; line-height: 3.00em; text-align: center; text-transform: uppercase; text-decoration: none; background: url(../images/btn_blue_mid.png) repeat-x top left; padding: 0px 0px 5px 0px; } .btn_blue strong input:hover { cursor: pointer; color: #093f50; } .btn_grey { display: block; background: url(../images/btn_grey_lhs.png) no-repeat top left; padding: 0px 0px 0px 4px; } .btn_grey strong { display: block; background: url(../images/btn_grey_rhs.png) no-repeat top right; padding: 0px 4px 0px 0px; } .btn_grey strong span { height: 15px; display: block; color: #888888; font-size: 0.91em; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; background: url(../images/btn_grey_mid.png) repeat-x top left; padding: 9px 0px 11px 0px; } .btn_grey strong span:hover { cursor: default; } ul.button_float_right { list-style: none; display: block; float: right; padding: 22px 0px 0px 0px; } ul.button_float_right li { display: block; float: left; padding: 0px 0px 0px 10px; } ul.button_float_right li.text { display: block; float: left; font-size: 0.91em; font-weight: bold; line-height: 3.00em; text-transform: uppercase; } .buttons_h_center { width: 100%; display: block; float: left; overflow: hidden; } .buttons_h_center ul { position: relative; left: 50%; display: block; float: left; list-style: none; padding: 10px 0px; margin: 0px auto; } .buttons_h_center ul li { position: relative; right: 50%; display: block; float: left; padding: 0px 10px; } div.buttons_v_center { width: 100%; display: block; float: left; overflow: hidden; } div.buttons_v_center ul { position: relative; left: 50%; display: block; float: left; list-style: none; margin: 0px auto; } div.buttons_v_center ul li { position: relative; right: 50%; display: block; float: left; clear: both; padding: 0px 0px 5px 0px; } table.buttons_v_center { width: 100%; } table.buttons_v_center td { padding: 0px 0px 5px 0px; } ul.tabs { display: block; float: left; clear: both; list-style: none; background: #ca3400; } ul.tabs li { display: block; float: left; background: #ca3400; } ul.tabs li a:link, ul.tabs li a:visited { width: 170px; display: block; float: left; color: #ffffff; line-height: 3.00em; text-decoration: none; background: url(../images/tabs_delimiter.gif) repeat-y top right; padding: 0px 0px 0px 10px; } ul.tabs li a:hover { background-color: #822504; } ul.tabs li.active { background: #822504; } .ajax_dropdown { z-index: 200; position: relative; display: block; } .ajax_dropdown div { z-index: 200; position: absolute; overflow: hidden; width: 145px; display: block; } .ajax_dropdown ul { top: 0px; left: 0px; width: 145px; display: block; list-style: none; font-size: 0.91em; text-transform: uppercase; background: #ffffff; border-top: 1px solid #993300; border-bottom: 1px solid #993300; } .ajax_dropdown ul li { top: 0px; left: 0px; width: 145px; display: block; } .ajax_dropdown ul li a:link, .ajax_dropdown ul li a:visited { display: block; text-decoration: none; padding: 2px 6px; } .ajax_dropdown ul li a:hover { background: #ffcc00; } .ajax_dropdown IFRAME { display: none; display/**/:block; position: absolute; top: 0; left: 0; z-index: -1; filter: mask(); width: 2000px; height: 3000px; } .pagination { height: auto !important; height: 30px; min-height: 30px; display: block; } .pagination h2 { float: left; font-size: 1.09em; line-height: 2.50em; text-transform: none; padding: 0px 0px 0px 14px; } .pagination ul { float: right; list-style: none; padding: 0px 10px; } .pagination ul li { display: block; float: left; } .pagination ul li span { display: block; color: #822504; line-height: 3.00em; padding: 0px 5px; } .pagination ul li a { display: block; line-height: 3.00em; text-decoration: none; padding: 0px 5px; } .pagination ul li.active a { color: #b92f0d; font-weight: bold; text-decoration: underline; } .box_388 { display: block; background: url(../images/box_388_bottom.png) no-repeat bottom left; padding: 0px 0px 9px 0px; } .box_388 .mid { display: block; background: url(../images/box_388_mid.png) repeat-y top left; padding: 0px 4px; } .box_388 .bk_yellow { width: 360px; height: auto !important; height: 80px; min-height: 80px; display: block; font-size: 1.09em; background: #f4d234; padding: 30px 10px 20px 10px; } .box_388 .bk_blue { width: 360px; height: auto !important; height: 80px; min-height: 80px; display: block; font-size: 1.09em; background: #70c4ca; padding: 30px 10px 20px 10px; } .box_388 .bk_orange { width: 380px; height: auto !important; height: 80px; min-height: 80px; display: block; font-size: 1.09em; font-weight: bold; background: #f2a510; } .box_470 { display: block; background: url(../images/box_470_bottom.png) no-repeat bottom left; padding: 0px 0px 9px 0px; } .box_470 .mid { display: block; background: url(../images/box_470_mid.png) repeat-y top left; padding: 0px 4px; } .box_470 .bk_yellow { width: 442px; height: auto !important; height: 205px; min-height: 205px; display: block; text-align: center; background: #ffcc00; padding: 25px 10px 0px 10px; } .box_470 p { font-size: 1.09em; font-weight: bold; padding: 0px 0px 17px 0px; } .box_548 { display: block; background: url(../images/box_548_bottom.png) no-repeat bottom left; padding: 0px 0px 9px 0px; } .box_548 .mid { display: block; background: url(../images/box_548_mid.png) repeat-y top left; padding: 0px 4px; } .box_548 .bk_blue { width: 260px; height: auto !important; height: 310px; min-height: 310px; display: block; background: #10566c; } table.loading { width: 100%; height: 500px; } table.loading td { width: 100%; height: 500px; text-align: center; } .trophies { width: 120px; height: auto !important; height: 35px; min-height: 35px; display: block; float: left; padding: 3px 0px 0px 0px; } .trophies .trophy { width: 29px; height: auto !important; height: 35px; min-height: 35px; display: block; float: left; } .trophies .trophy .trophy_text { display: none; } .kudos_stars { width: 120px; display: block; padding: 5px 0px 0px 0px; } .kudos_stars .row { width: 120px; display: block; clear: both; list-style: none; padding: 0px 0px 0px 0px; } .kudos_stars .row div { display: block; float: left; } .condition_white li.label { color: #ffffff; } .condition_red_dark li.label { color: #822504; } ul.condition { display: block; float: left; list-style: none; padding: 0px 0px 10px 0px; } ul.condition li { cursor: help; width: 16px; height: 16px; display: block; float: left; background-repeat: no-repeat; background-position: 0px 0px; padding: 0px 1px 0px 0px; } ul.condition li.label { cursor: text; width: 55px; height: auto; text-align: left; line-height: 1.45em; padding: 0px; } ul.condition li.icon1 { background-image: url(../images/icon_condition1.png); } ul.condition li.icon2 { background-image: url(../images/icon_condition2.png); } ul.condition li.icon3 { background-image: url(../images/icon_condition3.png); } ul.condition li.icon4 { background-image: url(../images/icon_condition4.png); } ul.condition li.icon5 { background-image: url(../images/icon_condition5.png); } ul.condition li.active { background-position: 0px -16px; } /****************************************************************************** * General Content Styles ******************************************************************************/ #popup_box_overlay { /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */ position: absolute; left: 20px; top: 10px; } body > div#popup_box_overlay { /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */ position: fixed; } #popup_box_overlay { z-index: 100; top: 0px; left: 0px; width: 100%; height: 100%; display: block; background: #016282; } .popup_box_container_488 { z-index: 101; position: fixed; top: 50%; left: 50%; width: 488px; height: auto; display: block; text-align: center; background: url(../images/popup_box_bk_bottom_488.png) no-repeat bottom left; padding: 0px 0px 9px 0px; margin: -250px 0px 0px -244px; } .popup_box_container_488 .shadow { width: 480px; background: url(../images/popup_box_bk_mid_488.png) repeat-y top left; padding: 0px 4px; } table.popup_box_488 {} table.popup_box_488 th.header { height: 24px; color: #ffffff; font-size: 0.88em; line-height: 1.71em; font-weight: bold; background: #802504; } table.popup_box_488 th.header a:link, table.popup_box_488 th.header a:visited { display: block; font-size: 1.06em; font-weight: bold; color: #e1bd16; padding: 3px 5px 1px 5px; } table.popup_box_488 th.header a:hover { color: #ffffff; } table.popup_box_488 td.content { width: 480px; height: 200px; font-size: 0.75em; background: #cca905 url(../images/popup_box_bk.gif) repeat-x; padding: 8px 0px 0px 0px; } .popup_box_container { z-index: 101; position: fixed; top: 50%; left: 50%; width: 470px; height: auto; display: block; text-align: center; background: url(../images/popup_box_bk_bottom.png) no-repeat bottom left; padding: 0px 0px 9px 0px; margin: -200px 0px 0px -230px; } .popup_box_container .shadow { width: 462px; background: url(../images/popup_box_bk_mid.png) repeat-y top left; padding: 0px 4px; } table.popup_box {} table.popup_box th.header { height: 24px; color: #ffffff; font-size: 0.88em; line-height: 1.71em; font-weight: bold; background: #802504; } table.popup_box th.header a:link, table.popup_box th.header a:visited { display: block; font-size: 1.06em; font-weight: bold; color: #e1bd16; padding: 3px 5px 1px 5px; } table.popup_box th.header a:hover { color: #ffffff; } table.popup_box td.content { width: 402px; height: 200px; font-size: 0.75em; background: #cca905 url(../images/popup_box_bk.gif) repeat-x; padding: 22px 30px 17px 30px; } table.popup_box td.content .image { display: block; padding: 0px 0px 17px 0px; } table.popup_box td.content .kaptcha { width: 50px; height: 50px; display: block; background: #f6d842; padding: 5px; border: 3px solid #c8430b; margin: 0px auto 17px auto; } table.popup_box td.content p { font-weight: bold; padding: 0px 0px 17px 0px; } table.popup_box td.content a:link, table.popup_box td.content a:visited { text-decoration: underline; } table.popup_box td.content a:hover { color: #ffffff; } table.popup_box td.content label { display: block; font-weight: bold; padding: 0px 0px 17px 0px; } table.popup_box td.content .field { display: block; padding: 0px 0px 17px 0px; } table.popup_box td.content .field input { width: 200px; padding: 3px; border: 1px solid #ffffff; } table.popup_box td.content .field input:focus { color: #026283; } table.popup_box td.content .ajax_dropdown {} table.popup_box td.content .ajax_dropdown div { left: 50%; width: 208px; margin: 0px 0px 0px -104px; } table.popup_box td.content .ajax_dropdown ul { width: 208px; text-align: left; text-transform: none; border-top: 1px solid #f4d234; border-bottom: 1px solid #f4d234; } table.popup_box td.content .ajax_dropdown ul li { width: 208px; } table.popup_box td.content .ajax_dropdown ul li a:link, table.popup_box td.content .ajax_dropdown ul li a:visited { color: #000000; text-decoration: none; } table.popup_box td.content .ajax_dropdown ul li a:hover { color: #026283; } table.popup_box td.content .btn_orange, table.popup_box td.content .btn_blue { margin: 0px auto; } table.popup_box td.content .buttons_h_center .btn_orange, table.popup_box td.content .buttons_h_center .btn_blue, table.popup_box td.content .buttons_v_center .btn_orange, table.popup_box td.content .buttons_v_center .btn_blue { margin: 0px; } table.popup_box td.content .buttons_v_center { padding: 0px 0px 10px 0px; } table.popup_box td.content .bottom_buttons { padding: 10px 0px 0px 0px; } table.popup_box td.content .btn_orange a:link, table.popup_box td.content .btn_orange a:visited, table.popup_box td.content .btn_blue a:link, table.popup_box td.content .btn_blue a:visited { text-decoration: none; } table.popup_box td.content .btn_orange strong a:hover { color: #822504; } table.popup_box td.content .btn_blue strong a:hover { color: #093f50; } table.popup_box_item { width: 462px; } table.popup_box_item th.lhs { height: 24px; color: #ffffff; font-size: 0.63em; line-height: 1.71em; font-weight: bold; text-align: left; text-transform: uppercase; background: #802504; padding: 0px 0px 0px 10px; } table.popup_box_item th.lhs strong { color: #f4d234; } table.popup_box_item th.rhs { height: 24px; color: #ffffff; font-size: 0.88em; line-height: 1.71em; font-weight: bold; text-align: right; background: #802504; } table.popup_box_item th.rhs a:link, table.popup_box_item th.rhs a:visited { display: block; font-size: 1.06em; font-weight: bold; color: #e1bd16; padding: 3px 7px 1px 10px; } table.popup_box_item th.rhs a:hover { color: #ffffff; } table.popup_box_item td.lhs { width: 300px; height: 325px; font-size: 0.69em; background: #f4d234; } table.popup_box_item td.lhs .image { display: block; padding: 10px 0px 10px 0px; margin: 0px auto; } table.popup_box_item td.lhs ul.player_icons { list-style: none; text-align: center; padding: 0px 0px 10px 0px; } table.popup_box_item td.lhs ul.player_icons li { display: inline; padding: 0px 1px 0px 2px; } table.popup_box_item td.lhs ul.player_icons li img { border: 3px solid #b92f0d; } table.popup_box_item td.lhs .equipment { width: 200px; display: block; padding: 0px 0px 10px 0px; margin: 0px auto; } table.popup_box_item td.lhs .equipment ul.condition { width: 140px; background: url(../images/dline_brown.gif) repeat-x 0px 25px; padding: 0px 30px 20px 30px; } table.popup_box_item td.lhs .equipment table.purchase { clear: both; padding: 0px 0px 10px 0px; margin: 0px auto; } table.popup_box_item td.lhs .equipment table.purchase td.price { font-weight: bold; font-size: 1.09em; padding: 0px 10px 0px 0px; } table.popup_box_item td.lhs .equipment table.purchase td.quantity { padding: 0px 10px 0px 0px; } table.popup_box_item td.lhs .equipment table.purchase td.quantity input { width: 17px; height: 16px; color: #ffffff; font-weight: bold; text-align: center; background: #b92f0d; padding: 1px 1px 0px 1px; } table.popup_box_item td.lhs .equipment table.purchase td.quantity input:focus { background: #822504; } table.popup_box_item td.lhs .equipment table.purchase td.btn {} table.popup_box_item td.lhs .equipment table.purchase td.btn a.btn_buy {} table.popup_box_item td.lhs .equipment table.purchase .btn_unavailable { position: relative; width: 112px; height: 0px; display: block; background: url(../images/btn_unavailable.gif) no-repeat 0px 0px; padding-top: 27px; } table.popup_box_item td.lhs .equipment table.purchase .btn_unavailable:hover { cursor: help; background-position: 0px -27px; } table.popup_box_item td.lhs .equipment table.purchase .btn_unavailable table { display: none; } table.popup_box_item td.lhs .equipment table.purchase .btn_unavailable:hover table { position: absolute; bottom: -28px; right: 0px; width: 112px; display: block; } table.popup_box_item td.lhs .equipment table.purchase .btn_unavailable:hover table tr td { height: 77px; font-size: 1em; background: none; border: none; } table.popup_box_item td.lhs .equipment table.purchase .btn_unavailable:hover table tr td strong { width: 92px; display: block; color: #ffffff; background: #2a8721; padding: 10px; border: none; } table.popup_box_item td.rhs { width: 142px; vertical-align: top; font-size: 0.69em; text-align: left; text-transform: uppercase; background: #e6bf08; padding: 0px 10px 0px 10px; } table.popup_box_item td.rhs .overview { width: 142px; display: block; float: left; background: url(../images/dline_brown.gif) repeat-x bottom left; padding: 5px 0px 7px 0px; } table.popup_box_item td.rhs .overview ul { list-style: none; } table.popup_box_item td.rhs .overview ul li { color: #802504; font-size: 0.91em; font-weight: bold; line-height: 1.36em; text-transform: uppercase; } table.popup_box_item td.rhs .attributes { width: 142px; display: block; float: left; background: url(../images/dline_brown.gif) repeat-x bottom center; padding: 5px 0px 7px 0px; } table.popup_box_item td.rhs .attributes table {} table.popup_box_item td.rhs .attributes table tr td.name { width: 85px; color: #802504; font-size: 0.91em; font-weight: bold; line-height: 1.36em; text-transform: uppercase; } table.popup_box_item td.rhs .attributes table tr td.value { width: 41px; } table.popup_box_item td.rhs .attributes table tr td.value .green { color: #1a5c05; } table.popup_box_item td.rhs .attributes table tr td.value .red { color: #cc0606; } table.popup_box_item td.rhs .attributes table tr td.name_row { width: 142px; color: #802504; font-size: 0.91em; font-weight: bold; line-height: 1.36em; text-transform: uppercase; } table.popup_box_item td.rhs .attributes table tr td.value_row { width: 142px; font-size: 0.91em; text-transform: none; padding: 0px 0px 5px 0px; } table.popup_box_item td.rhs .attributes table tr td.pad { padding: 0px 0px 5px 0px; } table.popup_box_item td.rhs .attributes table tr td.allows { text-transform: none; padding: 0px 0px 5px 0px; } table.popup_box_item td.rhs .attributes table tr td.minus { width: 14px; } table.popup_box_item td.rhs .attributes table tr td.minus a { width: 12px; height: 12px; display: block; float: left; padding: 1px 1px 0px 1px; } table.popup_box_item td.rhs .attributes table tr td.minus a span { width: 12px; height: 0px; display: block; float: left; overflow: hidden; background: #b92f0d url(../images/player_detail_levelup_minus.gif) 1px 1px; padding: 12px 0px 0px 0px; } table.popup_box_item td.rhs .attributes table tr td.plus { width: 15px; } table.popup_box_item td.rhs .attributes table tr td.plus a { width: 12px; height: 12px; display: block; float: left; padding: 1px 2px 0px 1px; } table.popup_box_item td.rhs .attributes table tr td.plus a span { width: 12px; height: 0px; display: block; float: left; overflow: hidden; background: #b92f0d url(../images/player_detail_levelup_plus.gif) 1px 1px; padding: 12px 0px 0px 0px; } table.popup_box_item td.rhs .attributes table tr td.minus a:hover span, table.popup_box_item td.rhs .attributes table tr td.plus a:hover span { background-color: #822504; } table.popup_box_item td.rhs .description { width: 142px; display: block; float: left; background: url(../images/dline_brown.gif) repeat-x bottom left; padding: 8px 0px 0px 0px; } table.popup_box_item td.rhs .description h2 { padding: 0px 0px 1px 0px; } table.popup_box_item td.rhs .description p { text-transform: none; } table.popup_box_item td.rhs .trophies { width: 142px; float: none; text-align: center; padding: 8px 0px 0px 0px; } table.popup_box_item td.rhs .trophies .trophy { display: block; float: left; } table.popup_box_item td.rhs_button { vertical-align: bottom; font-size: 0.69em; background: #e6bf08; padding: 10px 0px 0px 0px; } table.popup_box_item td.rhs_button div { padding-bottom: 5px; } .popup_box_validation { z-index: 101; position: fixed; top: 50%; left: 50%; width: 527px; height: auto; display: block; font-size: 0.88em; margin: -200px 0px 0px -230px; } .popup_box_validation a:link, .popup_box_validation a:visited { display: block; color: #ffcc00; text-decoration: none; padding: 3px 10px; } .popup_box_validation a:hover { color: #ffffff; } .popup_box_validation .close { width: 527px; display: block; font-weight: bold; text-align: right; background: #02645a; } .popup_box_validation .flash { width: 527px; height: 282px; display: block; } .popup_box_validation .email_correct { width: 527px; display: block; text-align: center; background: #02645a; } .general_content_container { width: 940px; padding: 0px 10px 20px 10px; } .general_content { width: 600px; font-size: 1.09em; background: #f4d234; padding: 20px 320px 10px 20px; } .general_content h3 { padding: 0px 0px 15px 0px; } .general_content h4 { padding: 0px 0px 5px 0px; } .general_content p { padding: 0px 0px 15px 0px; } .general_content ol { padding: 0px 0px 0px 18px; } .general_content ul { padding: 0px 0px 15px 0px; } .general_content ul li { padding: 0px 0px 8px 0px; } .general_content ul li ul { padding: 0px 0px 0px 18px; } .swf_layout1_container { width: 640px; display: block; float: left; padding: 0px 10px 20px 0px; } .sound_track { width: 640px; display: block; font-weight: bold; text-transform: uppercase; padding: 10px 0px 0px 0px; } .swf_layout1_boxes_overlay { z-index: 999 !important; position: absolute; top: 115px; right: 6px; width: 300px; height: 364px; display: block; } .swf_layout1_boxes_container { width: 300px; display: block; float: left; padding: 0px 0px 20px 10px; } .swf_layout1_boxes { width: 300px; display: block; float: left; padding: 0px 0px 5px 0px; } .swf_layout1_boxes .heading { width: 290px; color: #ffffff; font-weight: bold; line-height: 2.27em; text-transform: uppercase; padding: 0px 0px 0px 10px; } .swf_layout1_boxes .heading strong { color: #f4d234; } .swf_layout1_boxes ul.overview { width: 300px; display: block; float: left; list-style: none; padding: 0px 0px 6px 0px; border: none; } .swf_layout1_boxes ul.overview li.image { width: 91px; height: 79px; display: block; padding: 6px 0px 0px 0px; } .swf_layout1_boxes ul.overview li.image img { width: 79px; height: 79px; border-width: 0px 6px 0px 6px; border-style: solid; } .swf_layout1_boxes ul.overview li.row { color: #ffffff; font-weight: bold; line-height: 2.00em; padding: 0px 10px; border-width: 6px 6px 0px 6px; border-style: solid; } .swf_layout1_boxes ul.overview span { color: #f4d234; } .swf_layout1_boxes ul.overview li.description { color: #000000; padding: 4px 10px 0px 10px; } .swf_layout1_boxes ul.overview li.description .trophies { width: 300px; height: auto; display: block; float: none; } .swf_layout1_boxes ul.overview li.description .trophies .trophy { width: 300px; height: auto; display: block; float: none; } .swf_layout1_boxes ul.overview li.description .trophies .trophy_image { display: none; } .swf_layout1_boxes ul.overview li.description .trophies .trophy_text { display: block; color: #000000; } .swf_layout1_boxes ul.overview li.description p { padding: 6px 0px 4px 0px; } .swf_layout1_boxes ul.overview li.button { display: block; padding: 5px 0px 0px 4px; } .swf_layout1_boxes ul.overview li.button .btn_orange { float: left; } .swf_layout1_boxes ul.overview li.button .btn_orange strong { float: left; } .swf_layout1_boxes ul.overview li.button .btn_orange strong a { float: left; width: 284px; } .swf_layout1_boxes .blue .heading { background: #096a92; } .swf_layout1_boxes .blue ul.overview { background: #00b4ff; } .swf_layout1_boxes .blue ul.overview li.image { float: left; background: #00b4ff; margin: 0px 6px 0px 0px; } .swf_layout1_boxes .blue ul.overview li.image img { border-color: #00b4ff; } .swf_layout1_boxes .blue ul.overview li.row { background: #096a92; border-color: #00b4ff; } .swf_layout1_boxes .green .heading { background: #2d7307; } .swf_layout1_boxes .green ul.overview { background: #48c902; } .swf_layout1_boxes .green ul.overview li.image { float: right; background: #48c902; margin: 0px 0px 0px 6px; } .swf_layout1_boxes .green ul.overview li.image img { border-color: #48c902; } .swf_layout1_boxes .green ul.overview li.row { text-align: right; background: #2d7307; border-color: #48c902; } .swf_layout1_boxes .yellow .heading { background: #b92f0d; } .swf_layout1_boxes .yellow ul.overview { background: #f8d73e; } .swf_layout1_boxes .yellow ul.overview li.row { background: #b92f0d; border-color: #f8d73e; } .swf_layout1_boxes .blue_light { position: relative; } .swf_layout1_boxes .blue_light .heading { background: #0177a9; } .swf_layout1_boxes .blue_light .stadium_ticket_sifa { z-index: 10; position: absolute; top: 0px; left: 0px; width: 300px; height: 216px; display: block; } .swf_layout1_boxes .blue_light ul.overview { background: #47c4f9; } .swf_layout1_boxes .blue_light ul.overview li.row { color: #045679; text-align: center; background: #b4e9ff; border-color: #47c4f9; } .swf_layout1_boxes .blue_light ul.overview li.row span { color: #045679; } .swf_layout1_boxes .blue_light ul.overview li.row .slider { position: relative; width: 170px; height: 13px; display: block; background: url(../images/mysquad_medic_slider_bk.gif) no-repeat 0px 0px; padding: 0px 0px 8px 0px; margin: 8px auto 0px auto; } .swf_layout1_boxes .blue_light ul.overview li.row .slider .handle { position: absolute; top: -11px; left: 0px; width: 35px; height: 35px; display: block; cursor: pointer; } .swf_layout1_boxes .blue_light ul.overview li.row .slider_text { width: 170px; height: 20px; display: block; color: #045679; text-align: center; font-size: 1.18em; font-weight: bold; line-height: 1.54em; background: url(../images/mysquad_medic_text_bk.gif) no-repeat 0px 0px; padding: 0px 0px 6px 0px; margin: 0px auto; } .swf_layout1_boxes_container .buttons { width: 300px; display: block; float: left; } .swf_layout1_boxes_container .buttons .btn_orange { float: left; } .swf_layout1_boxes_container .buttons .btn_orange strong { float: left; } .swf_layout1_boxes_container .buttons .btn_orange strong a { float: left; width: 292px; } .site_message_container { width: 940px; display: block; padding: 20px 10px; } .site_message { width: 920px; height: auto !important; height: 265px; min-height: 265px; display: block; background: #f4d234 url(../images/container_bk_poser1.png) no-repeat top left; padding: 35px 0px 0px 20px; } .vaildation {} .vaildation .image { padding: 0px 0px 20px 0px; } .vaildation p { font-size: 1.45em; font-weight: bold; padding: 0px 0px 20px 0px; } .advert250_container { width: 250px; display: block; float: right; padding: 0px 0px 20px 10px; } .advert250 { width: 250px; height: 250px; display: block; background: #b92f0d; } .advert300_container { width: 300px; display: block; float: right; padding: 0px 0px 20px 10px; } .advert300 { width: 300px; height: 250px; display: block; background: #b92f0d; } /****************************************************************************** * 1.1 Forgot Password / 1.3 Welcome ******************************************************************************/ .forgot_password { padding: 0px 0px 15px 0px; } .forgot_password .row { padding: 0px 0px 10px 0px; } .forgot_password input.field { width: 242px; padding: 3px; border: 1px solid #ffffff; } .forgot_password input.field:focus { color: #026283; } .forgot_password select.issue { width: 250px; background: #ffffff; padding: 0px 0px; border: 1px solid #ffffff; } /****************************************************************************** * 2.0 Manager Overview / 2.1 My Bling ******************************************************************************/ .manager_overview_container { width: 460px; display: block; float: left; padding: 0px 10px 20px 10px; } .manager_overview_container .sifa_logo { position: absolute; top: 1px; right: 29px; width: 100px; height: 30px; display: block; } .manager_overview { width: 460px; } .manager_overview .lhs { width: 300px; height: 395px; display: block; float: left; background: #f4d234; } .manager_overview .lhs .image { display: block; text-align: center; padding: 0px; } .manager_overview .lhs .position { font-size: 0.91em; text-align: center; text-transform: uppercase; background: url(../images/dline_brown.gif) repeat-x top left; padding: 5px 0px 0px 0px; } .manager_overview .lhs .position .trophies { width: auto; padding: 0px 0px 0px 15px; } .manager_overview .lhs .position .trophies .trophy_image {} .manager_overview .lhs .position .leaguepos { display: block; float: right; padding: 0px 15px 0px 0px; } .manager_overview .lhs .position .leaguepos span { display: block; float: left; line-height: 3.73em; } .manager_overview .lhs .position .leaguepos strong { display: block; float: left; color: #b92f0d; font-size: 3.27em; line-height: 1.11em; padding: 0px 0px 0px 5px; } .manager_overview .rhs { z-index: 7; position: relative; width: 157px; height: 395px; display: block; float: left; vertical-align: top; background: #f28a10; padding: 0px 0px 0px 3px; } .manager_overview .rhs h3 { width: 157px; display: block; text-align: center; padding: 10px 0px 5px 0px; } .manager_overview .rhs .bling { display: block; float: left; padding: 0px 0px 5px 0px; } .manager_overview .rhs .bling ul { list-style: none; } .manager_overview .rhs .bling ul li { position: relative; display: block; float: left; padding: 0px 0px 3px 0px; } .manager_overview .rhs .bling ul li a { width: 136px; display: block; float: left; color: #e6bf08; font-size: 0.91em; font-weight: bold; line-height: 3.30em; text-transform: uppercase; text-decoration: none; background: #b92f0d; padding: 3px 3px 3px 15px; } .manager_overview .rhs .bling ul li.active a { background: #398da8; } .manager_overview .rhs .bling ul li a:hover, .manager_overview .rhs .bling ul li.active a:hover { color: #ffffff; } .manager_overview .rhs .bling ul li.active span.arrow { position: absolute; top: 1px; left: 158px; width: 19px; height: 37px; display: block; background: url(../images/overlay_arrow_left1.gif) no-repeat top left; } .manager_overview .rhs .bling ul li span.arrow { display: none; } .manager_overview .rhs .bling ul li a strong.slot { width: 103px; display: block; float: left; } .manager_overview .rhs .bling ul li a span.image { width: 33px; height: 33px; display: block; float: right; background: #e6bf08; } .manager_overview .rhs .bling ul li a span.image img { width: 33px; height: 33px; } .manager_overview .rhs .bling .overlay_bling_header { z-index: 8; position: absolute; top: -30px; left: 180px; width: 460px; height: 30px; display: block; background: #10566c; } .manager_overview .rhs .bling .overlay_bling_header a:link, .manager_overview .rhs .bling .overlay_bling_header a:visited { width: 440px; height: 30px; display: block; color: #e1bd16; font-weight: bold; font-size: 1.27em; line-height: 2.14em; text-align: right; text-decoration: none; padding: 0px 10px; } .manager_overview .rhs .bling .overlay_bling_header a:hover { color: #ffffff; } .manager_overview .rhs .bling .overlay_bling { z-index: 7; position: absolute; top: 0px; left: 180px; width: 460px; height: 394px; display: block; overflow: auto; overflow-x: hidden; background: #35a5c9 url(../images/dline_white.gif) repeat-x top left; padding: 1px 0px 0px 0px; } .manager_overview .rhs .bling .overlay_bling table { width: 100%; } .manager_overview .rhs .bling .overlay_bling table tr { background: #35a5c9 url(../images/dline_white.gif) repeat-x bottom left; } .manager_overview .rhs .bling .overlay_bling table tr:hover { cursor: pointer; background-color: #4aadcb; } .manager_overview .rhs .bling .overlay_bling table tr.even { background-color: #398da8; } .manager_overview .rhs .bling .overlay_bling table tr.even:hover { cursor: pointer; background-color: #47a2be; } .manager_overview .rhs .bling .overlay_bling table tr.active { background-color: #b92f0d; } .manager_overview .rhs .bling .overlay_bling table tr.active:hover { background-color: #822504; } .manager_overview .rhs .bling .overlay_bling table tr td {} .manager_overview .rhs .bling .overlay_bling table tr td.image { width: 100px; padding: 5px 7px 6px 7px; } .manager_overview .rhs .bling .overlay_bling table tr td.details { padding: 0px 17px 0px 17px; } .manager_overview .rhs .bling .overlay_bling table tr td.details strong { display: block; color: #ffffff; font-size: 1.36em; font-weight: normal; text-transform: uppercase; padding: 10px 0px 0px 0px; } .manager_overview .rhs .bling .overlay_bling table tr td.details em { display: block; color: #f9d944; font-size: 1.09em; font-style: normal; font-weight: bold; padding: 0px 0px 10px 0px; } .manager_overview .rhs .bling .overlay_bling table tr td.details p { padding: 0px; } .manager_overview .rhs .bling .overlay_bling .noitems { } .manager_overview .rhs .bling .overlay_bling .noitems a { display: block; text-decoration: none; padding: 25px 0px 25px 20px; } .manager_overview .rhs .bling .overlay_bling .noitems a:hover { text-decoration: none; background-color: #4aadcb; } .manager_overview .rhs .bling .overlay_bling .noitems strong { display: block; color: #f9d944; font-size: 1.63em; padding: 10px 0px 0px 0px; } .manager_overview .rhs .bling .overlay_bling .noitems em { display: block; color: #ffffff; font-size: 1.09em; font-style: normal; font-weight: bold; padding: 0px 0px 10px 0px; } .manager_overview .rhs .bling .overlay_bling .noitems p { padding: 0px; } .manager_overview .rhs .featured { display: block; padding: 0px 0px 0px 0px; } .manager_overview .rhs .featured h3 { padding: 0px 0px 0px 0px; } .manager_overview .rhs .featured .image { width: 157px; display: block; text-align: center; padding: 2px 0px 0px 0px; } .manager_overview .rhs .featured p { text-align: center; font-size: 0.91em; font-weight: bold; text-transform: uppercase; } .manager_overview .rhs .featured .btn_orange { float: left; } .manager_overview .rhs .featured .btn_orange strong { float: left; } .manager_overview .rhs .featured .btn_orange strong a { width: 146px; float: left; } .manager_latest_container { width: 220px; display: block; float: left; padding: 0px 10px 20px 10px; } .manager_latest { position: relative; width: 220px; height: 220px; overflow: hidden; background: #f4d234; } .manager_latest ul { list-style: none; } .manager_latest ul li { display: block; float: left; } .manager_latest ul li a:link, .manager_latest ul li a:visited { width: 200px; display: block; text-decoration: none; background: url(../images/dline_brown.gif) repeat-x bottom left; padding: 8px 10px; } .manager_latest ul li a span.heading { color: #000000; font-size: 1.09em; font-weight: bold; } .manager_latest ul li a strong { display: block; color: #822504; font-size: 1.09em; } .manager_latest ul li a em { display: block; color: #b92f0d; font-size: 0.91em; font-weight: bold; font-style: normal; } .manager_latest ul li a span { display: block; color: #000000; padding: 0px; } .manager_latest ul li.news {} .manager_latest ul li.news a:hover {} .manager_latest ul li.tip { background: #e6bf08; } .manager_latest ul li.tip a {} .manager_latest ul li.tip a strong { color: #000000; font-size: 1.00em; font-weight: normal; } .manager_latest ul li.tip a:hover { background-color: #ebcb11; } .manager_latest ul li.forum { background-color: #f4d234; } .manager_latest ul li.forum a { background-image: none; } .manager_latest ul li.forum a:hover { background-color: #f6db4a; } .manager_promo_container { position: relative; width: 220px; display: block; float: left; padding: 0px 10px 20px 10px; } .manager_freetokens { position: absolute; top: -7px; right: -9px; width: 252px; height: 143px; display: block; background: url(../images/manager_freetokens_bk.gif) no-repeat 0px 0px; } .manager_freetokens .heading { position: absolute; top: -3px; left: 12px; width: 240px; height: 42px; display: block; } .manager_freetokens .heading a:link, .manager_freetokens .heading a:visited { width: 240px; height: 0px; display: block; overflow: hidden; cursor: pointer; background: url(../images/manager_freetokens_heading.gif) no-repeat 0px 0px; padding-top: 42px; } .manager_freetokens .flash { position: absolute; top: 44px; left: 24px; width: 215px; height: 65px; display: block; } .manager_freetokens .click { position: absolute; top: 115px; left: 22px; width: 213px; height: 26px; display: block; } .manager_freetokens .click a:link, .manager_freetokens .click a:visited { width: 213px; height: 0px; display: block; overflow: hidden; cursor: pointer; background: url(../images/manager_freetokens_click.gif) no-repeat 0px 0px; padding-top: 26px; } .manager_gotcode { position: absolute; top: 140px; right: 0px; width: 245px; height: 125px; display: block; background: url(../images/manager_gotcode_bk.gif) no-repeat 0px 0px; } .manager_gotcode .heading { position: absolute; top: -5px; left: 0px; width: 158px; height: 0px; display: block; overflow: hidden; background: url(../images/manager_gotcode_heading.gif) no-repeat 0px 0px; padding-top: 40px; } .manager_gotcode .copy { position: absolute; top: 40px; left: 30px; width: 201px; height: 0px; display: block; overflow: hidden; background: url(../images/manager_gotcode_copy.gif) no-repeat 0px 0px; padding-top: 30px; } .manager_gotcode .form { position: absolute; top: 80px; left: 30px; width: 200px; display: block; } .manager_gotcode .input { display: block; float: left; } .manager_gotcode .input input { width: 110px; color: #d34311; font-weight: bold; padding: 4px 2px; border: 2px solid #000000; } .manager_gotcode .submit { width: 67px; height: 27px; display: block; float: left; padding: 0px 0px 0px 7px; } .manager_gotcode .submit a { width: 67px; height: 0px; display: block; overflow: hidden; background: url(../images/manager_gotcode_submit.gif) no-repeat 0px 0px; padding-top: 27px; } .manager_gotcode .submit a:hover { background-position: 0px -27px } .manager_league_container { width: 460px; display: block; float: left; padding: 0px 10px 20px 10px; } .manager_league { width: 460px; height: 125px; background: #f4d234; } .manager_league table { font-weight: bold; } .manager_league table thead { color: #822504; font-size: 0.91em; text-transform: uppercase; } .manager_league table thead th { height: 19px; text-align: left; padding-left: 10px; } .manager_league table thead th.date { width: 55px; } .manager_league table thead th.home { width: 110px; } .manager_league table thead th.away { width: 110px; } .manager_league table thead th.results { width: 75px; text-align: center; padding-left: 0px; } .manager_league table thead th.view { width: 80px; text-align: center; padding-left: 0px; } .manager_league table tr {} .manager_league table tr td { background: #f28a10; padding-left: 10px; } .manager_league table tr td.delimiter { height: 2px; background: none; } .manager_league table tr td.date {} .manager_league table tr td.home span { width: 110px; height: 14px; display: block; overflow: hidden; } .manager_league table tr td.away span { width: 110px; height: 14px; display: block; overflow: hidden; } .manager_league table tr td.home a { width: 110px; height: 14px; display: block; overflow: hidden; text-decoration: underline; } .manager_league table tr td.away a { width: 110px; height: 14px; display: block; overflow: hidden; text-decoration: underline; } .manager_league table tr td.results { text-align: center; padding-left: 0px; } .manager_league table tr td.view { font-weight: normal; text-align: center; padding-left: 0px; } .manager_league table tr td.view a { text-decoration: underline; display: block; color: #ffffff; padding: 1px 0px; } .manager_league table tr td a:hover { text-decoration: none; } .manager_checklist_container { width: 460px; display: block; float: left; padding: 0px 10px 20px 10px; } .manager_checklist { width: 460px; height: auto !important; height: 395px; min-height: 395px; background: #f4d234; } .manager_checklist .description { height: 70px; font-size: 1.09em; padding: 20px 10px 0px 10px; } .manager_checklist ul { list-style: none; } .manager_checklist ul li { display: block; float: left; background: url(../images/dline_brown.gif) repeat-x top left; padding: 1px 0px 6px 0px; } .manager_checklist ul li div { width: 460px; display: block; float: left; color: #b92f0d; background: #ebc516 url(../images/dline_brown.gif) repeat-x bottom left; } .manager_checklist ul li span { width: 37px; display: block; float: left; font-size: 2.73em; font-weight: bold; line-height: 1.43em; padding: 0px 0px 0px 20px; } .manager_checklist ul li strong { width: 403px; display: block; float: left; font-size: 1.09em; padding: 13px 0px 0px 0px; } .manager_checklist ul li.completed {} .manager_checklist ul li.completed div { background: url(../images/dline_brown.gif) repeat-x bottom left; } .manager_checklist ul li.completed strong { text-decoration: line-through; } .manager_checklist ul li.active {} .manager_checklist ul li.active a:link, .manager_checklist ul li.active a:visited { width: 460px; display: block; float: left; color: #000000; text-decoration: none; background: #f28a10 url(../images/dline_brown.gif) repeat-x bottom left; } .manager_checklist ul li.active a:hover strong { text-decoration: none; } .manager_checklist ul li.active a strong { text-decoration: underline; } .manager_featured_manager_container { width: 460px; display: block; float: left; padding: 0px 10px 20px 10px; } .manager_featured_manager { position: relative; width: 460px; height: 200px; background: #70c4ca; } .manager_featured_manager .heading { position: absolute; top: -39px; left: -8px; width: 263px; height: 0px; display: block; overflow: hidden; background: url(../images/manager_featman_heading.gif) no-repeat 0px 0px; padding-top: 48px; } .manager_featured_manager .image { width: 200px; height: 195px; display: block; float: left; text-align: center; padding: 2px 0px 0px 20px; } .manager_featured_manager table.details { width: 226px; height: 200px; display: block; float: left; } .manager_featured_manager table.details td { width: 166px; height: 200px; padding: 0px 0px 0px 60px; } .manager_featured_manager ul { list-style: none; background: url(../images/dline_brown.gif) repeat-x bottom left; padding: 6px 0px 7px 0px; } .manager_featured_manager ul li { color: #000000; font-weight: bold; line-height: 1.36em; text-transform: uppercase; } .manager_featured_manager ul li span { color: #ffffff; } .manager_featured_manager ul li .trophies { float: none; background: none; padding: 3px 0px 0px 0px; } .manager_featured_manager ul li .trophies .trophy { display: block; float: left; } .manager_featured_card_container { width: 220px; display: block; float: left; padding: 0px 10px 20px 10px; } .manager_featured_card { height: 200px; text-align: center; background: #70c4ca; } .manager_featured_card .details { height: 28px; display: block; overflow: hidden; font-weight: bold; text-align: left; padding: 10px 10px 0px 10px; } .manager_featured_card .image { width: 122px; height: 159px; display: block; margin: 0px auto; } .manager_featured_card .image a:link, .manager_featured_card .image a:visited { width: 100px; height: 137px; display: block; background: url(../images/card_active_bk_blue.gif) no-repeat -159px -122px; padding: 11px; } .manager_featured_card .image a:hover { background-position: 0px 0px; } .manager_share_container { width: 220px; display: block; float: left; padding: 0px 10px 20px 10px; } .manager_share { height: 200px; background: #70c4ca; } .manager_share p { padding: 10px; } .manager_share .field { width: 166px; padding: 0px 0px 10px 27px; } .manager_share .field input { width: 158px; color: #70c4ca; padding: 3px; border: 1px solid #ffffff; } .manager_share .field input:focus { color: #10566c; } .manager_share .buttons_v_center div { width: 166px; } .bling_detail_container_empty { width: 360px; height: 510px; display: block; float: left; background: url(../images/empty_detail3.png) no-repeat center center; padding: 0px 10px 20px 10px; } .bling_detail_container { width: 360px; height: auto !important; height: 510px; min-height: 510px; display: block; float: left; padding: 0px 10px 20px 10px; } .bling_detail { width: 360px; height: auto !important; height: 480px; min-height: 480px; display: block; float: left; background: #f28a10; } .bling_detail .bling_image { width: 360px; height: 285px; text-align: center; background: #f2bf10; padding: 0px 0px; } .bling_detail .description { background: url(../images/dline_brown.gif) repeat-x top left; padding: 9px 60px 9px 60px; } .bling_detail .description h3 { padding: 0px 0px 0px 0px; } .bling_detail .description p { padding: 0px; } .bling_detail .buttons { width: 360px; display: block; float: left; background: url(../images/dline_brown.gif) repeat-x top left; padding: 11px 0px 3px 0px; } .bling_items_container { width: 560px; display: block; float: left; padding: 0px 10px 20px 10px; } .bling_items { width: 560px; display: block; float: left; background: #f4d234; } .bling_items ul.tabs { width: 560px; } .bling_items ul.tabs li a:link, .bling_items ul.tabs li a:visited { width: 102px; } .bling_items .bling { width: 560px; height: 470px; display: block; float: left; overflow: auto; padding: 10px 0px 0px 0px; } .bling_items .bling .noitems { } .bling_items .bling .noitems a { display: block; text-decoration: none; padding: 25px 0px 25px 20px; } .bling_items .bling .noitems a:hover { text-decoration: none; background-color: #f2bf10; } .bling_items .bling .noitems strong { color: #b92f0d; font-size: 1.63em; } .bling_items .bling .noitems em { color: #822504; font-size: 1.09em; font-style: normal; font-weight: bold; } .bling_items .bling ul { width: 528px; display: block; float: left; list-style: none; padding: 0px 0px 0px 10px; } .bling_items .bling ul li { width: 126px; height: auto !important; height: 103px; min-height: 103px; display: block; float: left; padding: 0px 6px 8px 0px; } .bling_items .bling ul li a { width: 122px; display: block; float: left; font-size: 0.91em; font-weight: bold; text-decoration: none; padding: 2px; } .bling_items .bling ul li.equipped a, .bling_items .bling ul li.equipped a strong.name, .bling_items .bling ul li.equipped a strong.name span.bottom { color: #ffffff; background: #31a727; } .bling_items .bling ul li a:hover, .bling_items .bling ul li a:hover strong.name, .bling_items .bling ul li a:hover strong.name span.bottom, .bling_items .bling ul li.active a:hover strong.name span.bottom, .bling_items .bling ul li.equipped a:hover strong.name span.bottom, .bling_items .bling ul li.active a, .bling_items .bling ul li.active a strong.name, .bling_items .bling ul li.active a strong.name span.bottom { color: #ffffff; background: #802504; } .bling_items .bling ul li a:hover span.image img, .bling_items .bling ul li.active a span.image img { border-color: #ca3400; } .bling_items .bling ul li a span.image { width: 122px; height: 82px; display: block; float: left; text-align: center; background: #f2bf10; padding: 11px 0px; } .bling_items .bling ul li a span.image img { width: 100px; } .bling_items .bling ul li a strong.name { width: 114px; height: 24px; display: block; float: left; overflow: hidden; text-align: left; background: #f28a10; padding: 2px 4px 3px 4px; margin-right: -3px; } .bling_items .bling ul li a strong.name span.bottom { width: 114px; display: block; float: left; color: #ffffff; text-transform: uppercase; background: #f28a10; } /****************************************************************************** * 3.0 Squad Overview / 3.0.1 Player Detail / 3.1 My Equipment / 5.3 Review Opponent ******************************************************************************/ .squad_opponent_container { width: 940px; padding: 0px 10px 20px 10px; } .squad_opponent { height: 200px; background: #f4d234; } .squad_opponent .manager_image { width: 167px; height: 195px; display: block; float: left; padding: 2px 10px; } .squad_opponent .manager_details { width: 209px; display: block; float: left; background: url(../images/dline_brown.gif) repeat-x 0px 35px; padding: 35px 0px 0px 0px; } .squad_opponent .stadium_image { width: 281px; height: 163px; display: block; float: left; padding: 18px 15px; } .squad_opponent .stadium_details { width: 209px; display: block; float: left; background: url(../images/dline_brown.gif) repeat-x 0px 35px; padding: 35px 0px 0px 0px; } .squad_opponent ul { list-style: none; background: url(../images/dline_brown.gif) repeat-x bottom left; padding: 8px 0px; } .squad_opponent ul li { color: #000000; font-weight: bold; line-height: 1.36em; text-transform: uppercase; } .squad_opponent ul li span { color: #b92f0d; } .squad_automedic_container { width: 380px; display: block; float: left; padding: 0px 10px 20px 10px; } .squad_automedic { position: relative; width: 368px; display: block; float: left; background: #1d6297; padding: 0px 6px 6px 6px; } .squad_automedic .heading { position: absolute; top: -25px; left: 61px; width: 246px; height: 0px; display: block; overflow: hidden; background: url(../images/mysquad_medic_heading.png) no-repeat 0px 0px; padding: 69px 0px 0px 0px; } .squad_automedic .image { display: block; background: #2eb8db; border-top: 6px solid #1d6297; } .squad_automedic .description { width: 368px; height: 42px; display: block; background: #83e4fb; border-top: 6px solid #1d6297; } .squad_automedic .description p { font-size: 1.09em; padding: 6px 12px 0px 12px; } .squad_automedic .details { width: 368px; height: 169px; display: block; background: #b3edfb; border-top: 6px solid #1d6297; } .squad_automedic .details .column1 { width: 170px; display: block; float: left; padding: 6px 8px 0px 6px; } .squad_automedic .details .column2 { width: 170px; display: block; float: left; padding: 6px 6px 0px 8px; } .squad_automedic .details h3 { width: 170px; display: block; color: #ffffff; text-align: center; font-size: 1.09em; font-weight: normal; background: #1d6297; padding: 2px 0px; } .squad_automedic .details p { font-size: 1.09em; padding: 6px 5px 9px 5px; } .squad_automedic .details .slider { position: relative; width: 170px; height: 13px; display: block; float: left; background: url(../images/mysquad_medic_slider_bk.gif) no-repeat 0px 0px; padding: 0px 0px 8px 0px; } .squad_automedic .details .slider .handle { position: absolute; top: -11px; left: 0px; width: 35px; height: 35px; display: block; cursor: pointer; } .squad_automedic .details .slider_text { width: 170px; height: 20px; display: block; float: left; color: #003366; text-align: center; font-size: 1.18em; font-weight: bold; line-height: 1.54em; background: url(../images/mysquad_medic_text_bk.gif) no-repeat 0px 0px; padding: 0px 0px 6px 0px; } .squad_automedic .details .submit { width: 368px; display: block; float: left; } .squad_autokit_container { width: 380px; display: block; float: left; padding: 0px 10px 20px 10px; } .squad_autokit { position: relative; width: 368px; display: block; float: left; background: #1d6297; padding: 0px 6px 6px 6px; } .squad_autokit .heading { position: absolute; top: -25px; left: 105px; width: 180px; height: 0px; display: block; overflow: hidden; background: url(../images/mysquad_kit_heading.png) no-repeat 0px 0px; padding: 66px 0px 0px 0px; } .squad_autokit .image { display: block; background: #2eb8db; border-top: 6px solid #1d6297; } .squad_autokit .description { width: 368px; height: 42px; display: block; background: #83e4fb; border-top: 6px solid #1d6297; } .squad_autokit .description p { font-size: 1.09em; padding: 6px 12px 0px 12px; } .squad_autokit .details { width: 368px; height: 169px; display: block; background: #b3edfb; border-top: 6px solid #1d6297; } .squad_autokit .details .column1 { width: 170px; display: block; float: left; padding: 6px 8px 0px 99px; } .squad_autokit .details .column2 { width: 170px; display: block; float: left; padding: 6px 6px 0px 8px; } .squad_autokit .details h3 { width: 170px; display: block; color: #ffffff; text-align: center; font-size: 1.09em; font-weight: normal; background: #1d6297; padding: 2px 0px; } .squad_autokit .details p { font-size: 1.09em; padding: 6px 5px 9px 5px; } .squad_autokit .details .slider { position: relative; width: 170px; height: 13px; display: block; float: left; background: url(../images/mysquad_kit_slider_bk.gif) no-repeat 0px 0px; padding: 0px 0px 8px 0px; } .squad_autokit .details .slider .handle { position: absolute; top: -11px; left: 0px; width: 35px; height: 35px; display: block; cursor: pointer; } .squad_autokit .details .slider_text { width: 170px; height: 20px; display: block; float: left; color: #003366; text-align: center; font-size: 1.18em; font-weight: bold; line-height: 1.54em; background: url(../images/mysquad_kit_text_bk.gif) no-repeat 0px 0px; padding: 0px 0px 6px 0px; } .squad_autokit .details .submit { width: 368px; display: block; float: left; } .squad_player_container { width: 380px; height: auto !important; height: 602px; min-height: 602px; display: block; float: left; padding: 0px 10px 20px 10px; } table.squad_player { z-index: 7; position: relative; width: 380px; display: block; float: left; } table.squad_player th.box_heading { width: auto; } table.squad_player th.box_heading h3 { color: #ffffff; padding: 0px 0px 0px 7px; } table.squad_player td.lhs { width: 205px; height: 572px; vertical-align: top; background: #f4d234; } table.squad_player td.lhs table tr td { height: 305px; } table.squad_player td.lhs table tr td .player_image { width: 205px; display: block; padding: 0px; } table.squad_player td.lhs table tr td ul.player_icons { list-style: none; text-align: center; padding: 0px; } table.squad_player td.lhs table tr td ul.player_icons li { display: inline; padding: 0px 1px 0px 2px; } table.squad_player td.lhs table tr td ul.player_icons li img { border: 3px solid #b92f0d; } table.squad_player td.lhs .overview { width: 152px; display: block; float: left; background: #e6bf08; padding: 4px 0px 4px 8px; border-bottom: 5px solid #f4d234; border-left: 22px solid #f4d234; } table.squad_player td.lhs .overview ul { list-style: none; } table.squad_player td.lhs .overview ul li { color: #802504; font-size: 0.91em; font-weight: bold; line-height: 1.36em; text-transform: uppercase; } table.squad_player td.lhs .assign_teams { width: 160px; display: block; float: left; background: #e6bf08; border-bottom: 5px solid #f4d234; border-left: 22px solid #f4d234; } table.squad_player td.lhs .assign_teams h3 { width: 152px; height: 22px; display: block; color: #ffffff; line-height: 2.20em; background: #822504; padding: 0px 0px 0px 8px; } table.squad_player td.lhs .assign_teams .teams { width: 150px; display: block; float: left; padding: 7px 5px; } table.squad_player td.lhs .assign_teams .teams li { width: 75px; display: block; float: left; } table.squad_player td.lhs .assign_teams .teams li.home span { background-image: url(../images/team_checkbox_home.gif); } table.squad_player td.lhs .assign_teams .teams li.away span { background-image: url(../images/team_checkbox_away.gif); } table.squad_player td.lhs .assign_teams .teams li span { width: 43px; display: block; float: left; font-size: 0.91em; line-height: 2.10em; text-transform: uppercase; text-decoration: none; text-align: right; background-repeat: no-repeat; background-position: 51px 0px; padding: 0px 32px 0px 0px; } table.squad_player td.lhs .assign_teams .teams li span.checked { background-position: 51px -42px; } table.squad_player td.lhs .fatigue { width: 152px; display: block; float: left; background: #e6bf08; padding: 4px 0px 4px 8px; border-bottom: 5px solid #f4d234; border-left: 22px solid #f4d234; } table.squad_player td.lhs .fatigue .name { width: 54px; display: block; float: left; color: #802504; font-size: 0.91em; font-weight: bold; line-height: 1.36em; text-transform: uppercase; } table.squad_player td.lhs .fatigue .value { width: 88px; height: 12px; display: block; float: left; background: #9bc501; border: 1px solid #ffffff; } table.squad_player td.lhs .fatigue .value .bar { height: 0px; display: block; overflow: hidden; background: #ee3519; padding: 12px 0px 0px 0px; } table.squad_player td.rhs { width: 161px; vertical-align: top; background: #e6bf08; padding: 5px 7px 8px 7px; } table.squad_player td.rhs .equipment { display: block; float: left; background: url(../images/dline_brown.gif) repeat-x bottom left; padding: 5px 0px 2px 0px; } table.squad_player td.rhs .equipment h3 { padding: 0px 0px 5px 0px; } table.squad_player td.rhs .equipment ul { display: block; float: left; list-style: none; padding: 0px 0px 4px 0px; } table.squad_player td.rhs .equipment ul li { position: relative; display: block; float: left; padding: 0px 0px 3px 0px; } table.squad_player td.rhs .equipment ul li a { width: 143px; display: block; float: left; color: #e6bf08; font-size: 0.91em; font-weight: bold; line-height: 3.30em; text-transform: uppercase; text-decoration: none; background: #b92f0d; padding: 3px 3px 3px 15px; } table.squad_player td.rhs .equipment ul li.active a { background: #398da8; } table.squad_player td.rhs .equipment ul li a:hover, table.squad_player td.rhs .equipment ul li.active a:hover { color: #ffffff; } table.squad_player td.rhs .equipment ul li.active span.arrow { position: absolute; top: 1px; left: 169px; width: 19px; height: 37px; display: block; background: url(../images/overlay_arrow_left1.gif) no-repeat top left; } table.squad_player td.rhs .equipment ul li span.arrow { display: none; } table.squad_player td.rhs .equipment ul li a strong.slot { width: 94px; display: block; float: left; } table.squad_player td.rhs .equipment ul li a span.image { width: 33px; height: 33px; display: block; float: right; background: #e6bf08; } table.squad_player td.rhs .equipment ul li a span.image img { width: 33px; height: 33px; } table.squad_player td.rhs .experience { width: 161px; display: block; float: left; background: url(../images/dline_brown.gif) repeat-x bottom center; padding: 5px 0px 7px 0px; } table.squad_player td.rhs .experience h3 {} table.squad_player td.rhs .experience h3 strong { color: #0491bf; font-size: 1.82em; } table.squad_player td.rhs .experience ul { list-style: none; } table.squad_player td.rhs .experience ul li { color: #802504; font-size: 0.91em; font-weight: bold; line-height: 1.36em; text-transform: uppercase; } table.squad_player td.rhs .attributes { width: 161px; display: block; float: left; background: url(../images/dline_brown.gif) repeat-x bottom center; padding: 5px 0px 7px 0px; } table.squad_player td.rhs .attributes h3 {} table.squad_player td.rhs .attributes h3 strong { color: #0491bf; font-size: 1.82em; } table.squad_player td.rhs .attributes h3.levelup { font-size: 1.09em; text-align: center; padding: 10px 0px 0px 0px; } table.squad_player td.rhs .attributes h4 { font-size: 6.55em; line-height: 1.00em; text-align: center; } table.squad_player td.rhs .attributes table {} table.squad_player td.rhs .attributes table tr td.name { width: 85px; color: #802504; font-size: 0.91em; font-weight: bold; line-height: 1.36em; text-transform: uppercase; } table.squad_player td.rhs .attributes table tr td.value { width: 41px; } table.squad_player td.rhs .attributes table tr td.value .green { color: #1a5c05; } table.squad_player td.rhs .attributes table tr td.value .red { color: #cc0606; } table.squad_player td.rhs .attributes table tr td.minus { width: 14px; } table.squad_player td.rhs .attributes table tr td.minus a { width: 12px; height: 12px; display: block; float: left; padding: 1px 1px 0px 1px; } table.squad_player td.rhs .attributes table tr td.minus a span { width: 12px; height: 0px; display: block; float: left; overflow: hidden; background: #b92f0d url(../images/player_detail_levelup_minus.gif) 1px 1px; padding: 12px 0px 0px 0px; } table.squad_player td.rhs .attributes table tr td.plus { width: 15px; } table.squad_player td.rhs .attributes table tr td.plus a { width: 12px; height: 12px; display: block; float: left; padding: 1px 2px 0px 1px; } table.squad_player td.rhs .attributes table tr td.plus a span { width: 12px; height: 0px; display: block; float: left; overflow: hidden; background: #b92f0d url(../images/player_detail_levelup_plus.gif) 1px 1px; padding: 12px 0px 0px 0px; } table.squad_player td.rhs .attributes table tr td.minus a:hover span, table.squad_player td.rhs .attributes table tr td.plus a:hover span { background-color: #822504; } table.squad_player td.rhs .attributes .buttons { padding: 10px 0px 0px 3px; } table.squad_player td.rhs .attributes span.levelup_error { display: block; font-weight: bold; padding: 5px 0px 2px 0px; } table.squad_player td.rhs .statistics { width: 161px; display: block; float: left; background: url(../images/dline_brown.gif) repeat-x bottom center; padding: 5px 0px 7px 0px; } table.squad_player td.rhs .statistics ul { list-style: none; } table.squad_player td.rhs .statistics ul li { color: #802504; font-size: 0.91em; font-weight: bold; line-height: 1.36em; text-transform: uppercase; } table.squad_player td.rhs .equipment .overlay_equipment_header { z-index: 8; position: absolute; top: 0px; left: 400px; width: 540px; height: 30px; display: block; background: #10566c; } table.squad_player td.rhs .equipment .overlay_equipment_header a:link, table.squad_player td.rhs .equipment .overlay_equipment_header a:visited{ width: 520px; height: 30px; display: block; color: #e1bd16; font-weight: bold; font-size: 1.27em; line-height: 2.14em; text-align: right; text-decoration: none; padding: 0px 10px; } table.squad_player td.rhs .equipment .overlay_equipment_header a:hover { color: #ffffff; } table.squad_player td.rhs .equipment .overlay_equipment { z-index: 7; position: absolute; top: 30px; left: 400px; width: 540px; height: 501px; display: block; overflow: auto; overflow-x: hidden; background: #35a5c9 url(../images/dline_white.gif) repeat-x top left; padding: 1px 0px 0px 0px; } table.squad_player td.rhs .equipment .overlay_equipment table { width: 100%; } table.squad_player td.rhs .equipment .overlay_equipment table tr { background: #35a5c9 url(../images/dline_white.gif) repeat-x bottom left; } table.squad_player td.rhs .equipment .overlay_equipment table tr:hover { cursor: pointer; background-color: #4aadcb; } table.squad_player td.rhs .equipment .overlay_equipment table tr.even { background-color: #398da8; } table.squad_player td.rhs .equipment .overlay_equipment table tr.even:hover { cursor: pointer; background-color: #47a2be; } table.squad_player td.rhs .equipment .overlay_equipment table tr.active { background-color: #b92f0d; } table.squad_player td.rhs .equipment .overlay_equipment table tr.active:hover { background-color: #822504; } table.squad_player td.rhs .equipment .overlay_equipment table tr.useless { cursor: default; background-color: #b92f0d; } table.squad_player td.rhs .equipment .overlay_equipment table tr td {} table.squad_player td.rhs .equipment .overlay_equipment table tr td.image { width: 60px; padding: 5px 7px 6px 7px; } table.squad_player td.rhs .equipment .overlay_equipment table tr td.image img { width: 60px; height: 60px; } table.squad_player td.rhs .equipment .overlay_equipment table tr td.details { padding: 0px 17px 0px 17px; } table.squad_player td.rhs .equipment .overlay_equipment table tr td.details strong { display: block; color: #ffffff; font-size: 1.36em; font-weight: normal; text-transform: uppercase; padding: 0px 0px 0px 0px; } table.squad_player td.rhs .equipment .overlay_equipment table tr td.details em { display: block; color: #f9d944; font-size: 1.09em; font-style: normal; font-weight: bold; padding: 0px 0px 0px 0px; } table.squad_player td.rhs .equipment .overlay_equipment table tr td.details p { padding: 0px; } table.squad_player td.rhs .equipment .overlay_equipment table tr td.details ul.condition { padding: 0px 10px 0px 0px; } table.squad_player td.rhs .equipment .overlay_equipment table tr td.details ul.condition li { padding: 0px 1px 0px 0px; } table.squad_player td.rhs .equipment .overlay_equipment table tr td.details ul.condition li.label { padding: 0px; } table.squad_player td.rhs .equipment .overlay_equipment table tr td.details span.bonus { width: 282px; display: block; float: left; color: #ffffff; padding: 0px 0px 0px 0px; } table.squad_player td.rhs .equipment .overlay_equipment table tr td.details span.bonus span { display: block; float: left; padding: 0px 10px 0px 0px; } table.squad_player td.rhs .equipment .overlay_equipment .noitems { } table.squad_player td.rhs .equipment .overlay_equipment .noitems a { display: block; text-decoration: none; padding: 25px 0px 25px 20px; } table.squad_player td.rhs .equipment .overlay_equipment .noitems a:hover { text-decoration: none; background-color: #4aadcb; } table.squad_player td.rhs .equipment .overlay_equipment .noitems strong { display: block; color: #f9d944; font-size: 1.63em; padding: 10px 0px 0px 0px; } table.squad_player td.rhs .equipment .overlay_equipment .noitems em { display: block; color: #ffffff; font-size: 1.09em; font-style: normal; font-weight: bold; padding: 0px 0px 10px 0px; } table.squad_player td.rhs .equipment .overlay_equipment .noitems p { padding: 0px; } table.squad_player td.rhs .equipment .opponent { height: 70px; top: -15px; left: 188px; overflow: hidden; background-image: none; } table.squad_player td.rhs .equipment .opponent table tr { background-image: none; } .squad_team_container { width: 540px; display: block; float: left; padding: 0px 10px 20px 10px; } .squad_team { width: 540px; height: auto !important; height: 602px; min-height: 602px; display: block; float: left; background: #e6bf08; } .squad_team ul.tabs { width: 540px; } .squad_team .cards_not_availabile { width: 540px; height: 78px; display: block; float: left; text-align: center; background: #009ad8; padding: 0px 0px 0px 0px; } .squad_team .cards_availabile { width: 530px; height: 45px; display: block; float: left; background: #822504; padding: 17px 0px 16px 10px; } .squad_team .cards { z-index: 6; position: relative; width: 540px; height: 69px; display: block; float: left; padding: 0px 0px 0px 0px; } .squad_team .cards ul { display: block; float: left; list-style: none; } .squad_team .cards ul li { position: relative; display: block; float: left; padding: 0px 0px 0px 15px; } .squad_team .cards ul li a:link, .squad_team .cards ul li a:visited { width: 125px; height: 69px; display: block; float: left; color: #ffffff; text-decoration: none; } .squad_team .cards ul li a span.slot { display: block; float: left; font: 1.09em "Arial Black", Arial, Helvetica, sans-serif; line-height: 5.55em; text-transform: uppercase; padding: 0px 5px 0px 17px; } .squad_team .cards ul li a span.slot_no { display: block; float: left; font: 1.82em "Arial Black", Arial, Helvetica, sans-serif; line-height: 3.25em; } .squad_team .cards ul li a span.image { width: 37px; height: 51px; display: block; float: right; padding: 9px 10px 0px 0px; } .squad_team .cards ul li a span.image img { width: 37px; height: 51px; } .squad_team .cards ul li.active span.arrow { position: absolute; top: 52px; right: 11px; width: 34px; height: 17px; display: block; background: url(../images/overlay_arrow_top.gif) no-repeat top left; } .squad_team .cards ul li span.arrow { display: none; } .squad_team .cards_home { background: url(../images/my_squad_cards_bk_home.jpg) repeat-x; } .squad_team .cards_home h3 { width: 90px; height: 0px; display: block; float: left; overflow: hidden; background: url(../images/my_squad_cards_txt_home.png) no-repeat 5px 6px; padding: 62px 5px 0px 5px; } .squad_team .cards_home ul li a { background: url(../images/my_squad_cards_slot_home.png) no-repeat 0px 0px; } .squad_team .cards_home ul li a:hover, .squad_team .cards_home ul li a span.slot_no, .squad_team .cards_home ul li.active a { color: #10566c; } .squad_team .cards_away { background: url(../images/my_squad_cards_bk_away.jpg) repeat-x; } .squad_team .cards_away h3 { width: 92px; height: 0px; display: block; float: left; overflow: hidden; background: url(../images/my_squad_cards_txt_away.png) no-repeat 5px 6px; padding: 61px 5px 0px 5px; } .squad_team .cards_away ul li a { background: url(../images/my_squad_cards_slot_away.png) no-repeat 0px 0px; } .squad_team .cards_away ul li a:hover, .squad_team .cards_away ul li a span.slot_no, .squad_team .cards_away ul li.active a { color: #7df248; } .squad_team .cards .overlay_cards_header { z-index: 8; position: absolute; top: 65px; left: 0px; width: 540px; height: 30px; display: block; background: #10566c; } .squad_team .cards .overlay_cards_header a:link, .squad_team .cards .overlay_cards_header a:visited { width: 520px; height: 30px; display: block; color: #e1bd16; font-weight: bold; font-size: 1.27em; line-height: 2.14em; text-align: right; text-decoration: none; padding: 0px 10px; } .squad_team .cards .overlay_cards_header a:hover { color: #ffffff; } .squad_team .cards .overlay_cards { z-index: 6; position: absolute; top: 95px; left: 0px; width: 540px; height: 398px; display: block; overflow: auto; overflow-x: hidden; background: #35a5c9 url(../images/dline_white.gif) repeat-x top left; padding: 1px 0px 0px 0px; } .squad_team .cards .overlay_cards table { width: 100%; } .squad_team .cards .overlay_cards table tr { background: #398da8 url(../images/dline_white.gif) repeat-x bottom left; } .squad_team .cards .overlay_cards table tr:hover { cursor: pointer; background-color: #47a2be; } .squad_team .cards .overlay_cards table tr.even { background-color: #35a5c9; } .squad_team .cards .overlay_cards table tr.even:hover { cursor: pointer; background-color: #4aadcb; } .squad_team .cards .overlay_cards table tr.active { background-color: #b92f0d; } .squad_team .cards .overlay_cards table tr.active:hover { background-color: #822504; } .squad_team .cards .overlay_cards table tr td {} .squad_team .cards .overlay_cards table tr td.image { width: 100px; padding: 20px 27px 21px 40px; } .squad_team .cards .overlay_cards table tr td.image img { width: 100px; height: 137px; } .squad_team .cards .overlay_cards table tr td.details { padding: 0px 17px 0px 0px; } .squad_team .cards .overlay_cards table tr td.details strong{ display: block; color: #ffffff; font-size: 1.36em; font-weight: normal; text-transform: uppercase; padding: 10px 0px 0px 0px; } .squad_team .cards .overlay_cards table tr td.details em { display: block; color: #f9d944; font-size: 1.09em; font-style: normal; font-weight: bold; padding: 0px 0px 10px 0px; } .squad_team .cards .overlay_cards table tr td.details p { padding: 0px; } .squad_team .cards .overlay_cards table tr td.details span.bonus { display: block; color: #ffffff; padding: 0px 0px 10px 0px; } .squad_team .cards .overlay_cards table tr td.details span.bonus span { padding: 0px 10px 0px 0px; } .squad_team .cards .overlay_cards .noitems { } .squad_team .cards .overlay_cards .noitems a { display: block; text-decoration: none; padding: 25px 0px 25px 20px; } .squad_team .cards .overlay_cards .noitems a:hover { text-decoration: none; background-color: #4aadcb; } .squad_team .cards .overlay_cards .noitems strong { display: block; color: #f9d944; font-size: 1.63em; padding: 10px 0px 0px 0px; } .squad_team .cards .overlay_cards .noitems em { display: block; color: #ffffff; font-size: 1.09em; font-style: normal; font-weight: bold; padding: 0px 0px 10px 0px; } .squad_team .cards .overlay_cards .noitems p { padding: 0px; } .squad_team .cards .opponent { height: 179px; } .squad_team .cards .opponent table tr { background-image: none; } #goalie, #defending1, #defending2, #attacking1, #attacking2 { background-color: red; } #goalie.hover, #defending1.hover, #defending2.hover, #attacking1.hover, #attacking2.hover { background-color: blue; } .squad_team .players { width: 540px; height: auto !important; height: 307px; min-height: 307px; display: block; float: left; padding: 0px 0px 5px 0px; } .squad_team .players .team_area { width: 540px; display: block; float: left; background: #f4d234; padding: 10px 0px 10px 0px; } .squad_team .players .squad_area { width: 540px; display: block; float: left; padding: 10px 0px 5px 0px; } .squad_team .players h4.description { width: 517px; display: block; float: left; color: #802504; font-size: 1em; padding: 0px 0px 5px 23px; } .squad_team .players h4.description label { color: #096980; padding: 0px 5px 0px 10px; } .squad_team .players h4.description select { color: #802504; font-weight: bold; font-size: 0.91em; } .squad_team .players h4.description a:link, .squad_team .players h4.description a:visited { color: #096980; text-decoration: none; } .squad_team .players h4.description a:hover { color: #00aad7; } .squad_team .players .row { width: 100%; display: block; float: left; } .squad_team .players .row ul { display: block; float: left; clear: both; list-style: none; padding: 0px 0px 0px 16px; } .squad_team .players .row ul li { width: auto; display: block; float: left; padding: 0px 4px 10px 4px; } /* Center Players Start .squad_team .players {} .squad_team .players .row { position: relative; } .squad_team .players .row ul { position: relative; right: 50%; padding: 0px 0px 10px 16px; } padding chaged in IE6 .squad_team .players .row ul li { position: relative; left: 50%; } Center Players End */ /* Obsolete .squad_team .players .squad_area .row ul li { height: auto !important; height: 147px; min-height: 147px; } .squad_team .players .row ul li div.thumbnail div.equip_green { z-index: 3; position: absolute; top: -12px; right: -12px; width: 24px; height: 24px; display: block; background: url(../images/my_squad_team_equip_green.png) no-repeat 0px 0px; } .squad_team .players .row ul li div.thumbnail div.equip_red { z-index: 3; position: absolute; top: -12px; right: -12px; width: 24px; height: 24px; display: block; background: url(../images/my_squad_team_equip_red.png) no-repeat 0px 0px; } .squad_team .players .row ul li div.remove { cursor: pointer; display: block; float: left; color: #b92f0d; font-size: 0.91em; font-weight: bold; text-decoration: none; background: #f4d234; } .squad_team .players .row ul li div.thumbnail div.image img { width: 60px; height: 60px; float: left; border: 4px solid #b92f0d; } .squad_team .players .row ul li div.thumbnail div.image div { position: relative; width: 60px; height: 60px; display: block; float: left; border: 4px solid #b92f0d; } .squad_team .players .team_area .row .blue_border { display: block; float: left; background: url(../images/my_squad_team_dotted_h.gif) repeat-x top left; } .squad_team .players .team_area .row .blue_border .rhs { display: block; float: left; background: url(../images/my_squad_team_dotted_v.gif) repeat-y top right; } .squad_team .players .team_area .row .blue_border .bottom { display: block; float: left; background: url(../images/my_squad_team_dotted_h.gif) repeat-x bottom left; } .squad_team .players .team_area .row .blue_border .lhs { display: block; float: left; background: url(../images/my_squad_team_dotted_v.gif) repeat-y top left; padding: 5px; } */ .squad_team .players .row ul li div.thumbnail { cursor: pointer; position: relative; width: 68px; height: auto !important; height: 94px; min-height: 94px; display: block; float: left; color: #b92f0d; font-size: 0.91em; font-weight: bold; text-decoration: none; background: #f4d234; border: 2px solid #e6bf08; } .squad_team .players .row ul li div.thumbnail:hover, .squad_team .players .row ul li.active div.thumbnail { cursor: pointer; color: #ffffff; background: #802504; /*border-color: #802504;*/ } .squad_team .players .row ul li div.thumbnail div.image { position: relative; width: 60px; height: 60px; display: block; float: left; border: 4px solid #b92f0d; } .squad_team .players .row ul li div.thumbnail div.name { width: 67px; height: 14px; display: block; float: left; overflow: hidden; padding: 1px 0px 1px 1px; } .squad_team .players .row ul li div.thumbnail table { width: 68px; } .squad_team .players .row ul li div.thumbnail table td { height: 10px; color: #ffffff; font-size: 0.80em; text-transform: uppercase; text-align: center; /*margin-right: -3px;*/ } .squad_team .players .row ul li div.thumbnail table td.home { background: #48c902; } .squad_team .players .row ul li div.thumbnail table td.away { background: #00b4ff; } .squad_team .players .row ul li div.icons { width: 21px; display: block; float: left; padding: 2px 0px 0px 0px; } .squad_team .players .row ul li div.icons ul { width: 21px; height: auto !important; height: 69px; min-height: 69px; display: block; float: left; clear: none; padding: 0px; } .squad_team .players .row ul li div.icons ul li { width: 21px; height: 21px; display: block; float: left; padding: 0px; border-bottom: 2px solid #e6bf08; } .squad_team .players .row ul li div.icons ul li img { width: 17px; height: 17px; display: block; float: left; border: 2px solid #b92f0d; } .squad_team .players .row ul li.empty { width: 68px; display: block; padding: 2px 10px 0px 9px; } .squad_team .players .row ul li.empty div { width: 66px; height: 66px; display: block; float: left; border: 1px dashed #b92f0d; } .squad_team .players .team_area .row { width: 100%; height: auto; display: block; float: left; } .squad_team .players .team_area .row .team_area_center { display: block; float: left; padding: 0px 0px 0px 16px; } .squad_team .players .team_area .row .opponent_area_center { width: 470px; display: block; float: left; padding: 0px 0px 0px 70px; } .squad_team .players .team_area .row .place_goalie { display: block; float: left; padding: 0px; border: 1px solid #0f9ad5; margin: 0px 2px; } .squad_team .players .team_area .row .place_defending { display: block; float: left; padding: 0px; border: 1px solid #0f9ad5; margin: 0px 2px; } .squad_team .players .team_area .row .place_attacking { display: block; float: left; padding: 0px; border: 1px solid #0f9ad5; margin: 0px 2px; } .squad_team .players .team_area .row h4.place_title { display: block; clear: both; font-size: 1em; text-align: center; color: #ffffff; background: #0f9ad5; padding: 2px 0px; } .squad_team .players .team_area .row ul { position: relative; left: auto; right: auto; display: block; float: left; clear: none; padding: 0px 0px 0px 0px; } .squad_team .players .team_area .row ul li { position: relative; left: auto; right: auto; height: auto; display: block; float: left; padding: 0px 2px; } .squad_team .players .team_area .row ul li.droppable { cursor: pointer; } .squad_team .players .team_area .row ul li div.thumbnail { border-color: #f4d234; } .squad_team .players .team_area .row ul li div.thumbnail:hover, .squad_team .players .team_area .row ul li.active div.thumbnail { cursor: pointer; color: #ffffff; background-color: #802504; } .squad_team .players .team_area .row ul li div.icons ul li { border-color: #f4d234; } .squad_team .players .team_area .row ul li.empty { width: 87px; padding: 2px 5px 2px 5px; } .squad_team .players .team_area .row ul li.empty div.thumbnail { width: 87px; height: 94px; display: block; float: left; background: url(../images/my_squad_team_empty.gif) no-repeat 0px 0px; border: none; } .squad_team .players .team_area .row ul li.empty div.thumbnail:hover { cursor: default; background-color: #f4d234; } .squad_team .players .row ul li div.automedic { cursor: pointer; width: 68px; height: 94px; display: block; float: left; color: #b92f0d; font-weight: bold; text-decoration: none; background: #1d6297; border: 2px solid #e6bf08; margin-right: 21px; } .squad_team .players .row ul li div.automedic:hover, .squad_team .players .row ul li.active div.automedic { cursor: pointer; color: #ffffff; background: #05487c; border-color: #e6bf08; } .squad_team .players .row ul li div.automedic div.image { width: 60px; height: 72px; display: block; float: left; padding: 4px 4px 2px 4px; } .squad_team .players .row ul li div.automedic div.image img { display: block; float: left; } .squad_team .players .row ul li div.automedic div.name { width: 68px; height: 14px; display: block; float: left; color: #ffffff; text-align: center; padding: 0px; } .squad_team .players .row ul li div.automedic_locked { cursor: pointer; width: 68px; height: 94px; display: block; float: left; color: #b92f0d; font-weight: bold; text-decoration: none; background: #999999; border: 2px solid #e6bf08; margin-right: 21px; } .squad_team .players .row ul li div.automedic_locked:hover { cursor: pointer; color: #ffffff; background: #505050; border-color: #e6bf08; } .squad_team .players .row ul li div.automedic_locked div.image { width: 60px; height: 72px; display: block; float: left; padding: 4px 4px 2px 4px; } .squad_team .players .row ul li div.automedic_locked div.image img { display: block; float: left; } .squad_team .players .row ul li div.automedic_locked div.name { width: 68px; height: 14px; display: block; float: left; color: #ffffff; text-align: center; padding: 0px; } .squad_team .players .row ul li div.autokit { cursor: pointer; width: 68px; height: 94px; display: block; float: left; color: #b92f0d; font-weight: bold; text-decoration: none; background: #1d6297; border: 2px solid #e6bf08; margin-right: 21px; } .squad_team .players .row ul li div.autokit:hover, .squad_team .players .row ul li.active div.autokit { cursor: pointer; color: #ffffff; background: #05487c; border-color: #e6bf08; } .squad_team .players .row ul li div.autokit div.image { width: 60px; height: 72px; display: block; float: left; padding: 4px 4px 2px 4px; } .squad_team .players .row ul li div.autokit div.image img { display: block; float: left; } .squad_team .players .row ul li div.autokit div.name { width: 68px; height: 14px; display: block; float: left; color: #ffffff; text-align: center; padding: 0px; } .squad_team .players .row ul li div.autokit_locked { cursor: pointer; width: 68px; height: 94px; display: block; float: left; color: #b92f0d; font-weight: bold; text-decoration: none; background: #999999; border: 2px solid #e6bf08; margin-right: 21px; } .squad_team .players .row ul li div.autokit_locked:hover { cursor: pointer; color: #ffffff; background: #505050; border-color: #e6bf08; } .squad_team .players .row ul li div.autokit_locked div.image { width: 60px; height: 72px; display: block; float: left; padding: 4px 4px 2px 4px; } .squad_team .players .row ul li div.autokit_locked div.image img { display: block; float: left; } .squad_team .players .row ul li div.autokit_locked div.name { width: 68px; height: 14px; display: block; float: left; color: #ffffff; text-align: center; padding: 0px; } .equipment_detail_container_empty { width: 360px; height: 560px; display: block; float: left; background: url(../images/empty_detail2.png) no-repeat center center; padding: 0px 10px 20px 10px; } .equipment_detail_container { width: 360px; height: auto !important; height: 560px; min-height: 560px; display: block; float: left; padding: 0px 10px 20px 10px; } .equipment_detail { width: 360px; height: auto !important; height: 530px; min-height: 530px; display: block; float: left; background: #f28a10; } .equipment_detail .equipment_image { width: 360px; height: auto !important; height: 200px; min-height: 200px; text-align: center; background: #f2bf10; padding: 20px 0px; } .equipment_detail .equipment_image img {} .equipment_detail .equipment_image ul { list-style: none; text-align: center; padding: 20px 0px 0px 0px; } .equipment_detail .equipment_image ul li { display: inline; padding: 0px 1px 0px 2px; } .equipment_detail .equipment_image ul li img { border: 3px solid #b92f0d; } .equipment_detail .description { background: url(../images/dline_brown.gif) repeat-x top left; padding: 9px 60px 9px 60px; } .equipment_detail .description h3 { padding: 0px 0px 0px 0px; } .equipment_detail .description p { padding: 0px; } .equipment_detail .description strong { color: #ffffff; font-weight: normal; } .equipment_detail .buttons { width: 360px; display: block; float: left; background: url(../images/dline_brown.gif) repeat-x top left; padding: 11px 0px 3px 0px; } .equipment_items_container { width: 560px; display: block; float: left; padding: 0px 10px 20px 10px; } .equipment_items { width: 560px; display: block; float: left; background: #f4d234; } .equipment_items ul.tabs { width: 560px; } .equipment_items ul.tabs li a:link, .equipment_items ul.tabs li a:visited { width: 130px; } .equipment_items .equipment { width: 560px; height: 520px; display: block; float: left; overflow: auto; padding: 10px 0px 0px 0px; } .equipment_items .equipment .noitems {} .equipment_items .equipment .noitems a { display: block; text-decoration: none; padding: 25px 0px 25px 20px; } .equipment_items .equipment .noitems a:hover { text-decoration: none; background-color: #f2bf10; } .equipment_items .equipment .noitems strong { color: #b92f0d; font-size: 1.63em; } .equipment_items .equipment .noitems em { color: #822504; font-size: 1.09em; font-style: normal; font-weight: bold; } .equipment_items .equipment ul { width: 528px; display: block; float: left; list-style: none; padding: 0px 0px 0px 10px; } .equipment_items .equipment ul li { width: 126px; height: auto !important; height: 103px; min-height: 103px; display: block; float: left; padding: 0px 6px 8px 0px; } .equipment_items .equipment ul li a { width: 122px; display: block; float: left; font-size: 0.91em; font-weight: bold; text-decoration: none; padding: 2px; } .equipment_items .equipment ul li.equipped a, .equipment_items .equipment ul li.equipped a strong.name, .equipment_items .equipment ul li.equipped a strong.name span.bottom { color: #ffffff; background: #31a727; } .equipment_items .equipment ul li a:hover, .equipment_items .equipment ul li a:hover strong.name, .equipment_items .equipment ul li a:hover strong.name span.bottom, .equipment_items .equipment ul li.active a:hover strong.name span.bottom, .equipment_items .equipment ul li.equipped a:hover strong.name span.bottom, .equipment_items .equipment ul li.active a, .equipment_items .equipment ul li.active a strong.name, .equipment_items .equipment ul li.active a strong.name span.bottom { color: #ffffff; background: #802504; } .equipment_items .equipment ul li a:hover span.image img, .equipment_items .equipment ul li.active a span.image img { border-color: #ca3400; } .equipment_items .equipment ul li a span.image { width: 122px; height: 60px; display: block; float: left; text-align: center; background: #f2bf10; padding: 11px 0px; } .equipment_items .equipment ul li a span.image img { width: 60px; height: 60px; } .equipment_items .equipment ul li a strong.name { width: 114px; height: 24px; display: block; float: left; overflow: hidden; text-align: left; background: #f28a10; padding: 2px 4px 3px 4px; margin-right: -3px; } .equipment_items .equipment ul li a strong.name span.bottom { width: 114px; display: block; float: left; color: #ffffff; text-transform: uppercase; background: #f28a10; } /****************************************************************************** * 4.0 My Cards / 4.1 Buy Cards ******************************************************************************/ .card_detail_container_empty { width: 360px; height: 630px; display: block; float: left; background: url(../images/empty_detail1.png) no-repeat center center; padding: 0px 10px 20px 10px; } .card_detail_container { width: 360px; height: auto !important; height: 630px; min-height: 630px; display: block; float: left; padding: 0px 10px 20px 10px; } .card_detail { position: relative; width: 360px; height: auto !important; height: 600px; min-height: 600px; display: block; float: left; background: #f28a10; } .card_detail .card_image { width: 360px; height: 348px; text-align: center; background: #f2bf10; padding: 20px 0px; } .card_detail .description { background: url(../images/dline_brown.gif) repeat-x top left; padding: 9px 60px 0px 60px; } .card_detail .description h3 { padding: 0px 0px 0px 0px; } .card_detail .description p { padding: 0px 0px 9px 0px; } .card_detail .description span { display: block; clear: both; } .card_detail .buttons { position: relative; background: url(../images/dline_brown.gif) repeat-x top left; padding: 11px 0px 3px 0px; } .card_detail .buttons table.buttons_v_center td.active span.arrow { position: absolute; top: 8px; right: -20px; width: 19px; height: 37px; display: block; background: url(../images/overlay_arrow_left1.gif) no-repeat top left; } .card_detail .overlay_players { z-index: 7; position: absolute; top: -30px; left: 380px; width: 560px; height: 630px; display: block; } .card_detail .overlay_players .box_heading { background: #10566c; } .card_detail .overlay_players .scroll { width: 560px; height: 600px; display: block; overflow: auto; overflow-x: hidden; background: #35a5c9 url(../images/dline_white.gif) repeat-x top left; padding: 1px 0px 0px 0px; } .card_detail .overlay_players table { width: 100%; } .card_detail .overlay_players table tr { background: #35a5c9 url(../images/dline_white.gif) repeat-x bottom left; } .card_detail .overlay_players table tr:hover { cursor: pointer; background-color: #4aadcb; } .card_detail .overlay_players table tr.even { background-color: #398da8; } .card_detail .overlay_players table tr.even:hover { cursor: pointer; background-color: #47a2be; } .card_detail .overlay_players table tr td {} .card_detail .overlay_players table tr td.image { width: 60px; padding: 11px; } .card_detail .overlay_players table tr td.image img { width: 60px; height: 60px; border: 4px solid #b92f0d; } .card_detail .overlay_players table tr td.details { width: 170px; padding: 0px 0px 0px 0px; } .card_detail .overlay_players table tr td.details strong.name { width: 170px; display: block; color: #ffffff; font-size: 1.36em; text-transform: uppercase; } .card_detail .overlay_players table tr td.details strong.continent { width: 170px; display: block; color: #ffffff; font-size: 0.91em; text-transform: uppercase; } .card_detail .overlay_players table tr td.details ul { list-style: none; padding: 5px 0px 0px 0px; } .card_detail .overlay_players table tr td.details ul li { display: inline; padding: 0px 3px 0px 0px; } .card_detail .overlay_players table tr td.details ul li img { border: 3px solid #b92f0d; } .card_detail .overlay_players table tr td.details ul li.home img { border-color: #6fd200; } .card_detail .overlay_players table tr td.details ul li.away img { border-color: #00ceff; } .card_detail .overlay_players table tr td.attributes1 { width: 120px; padding: 0px 0px 0px 15px; } .card_detail .overlay_players table tr td.attributes2 { padding: 0px 0px 0px 5px; } .card_detail .overlay_players table tr td.attributes1 ul, .card_detail .overlay_players table tr td.attributes2 ul { display: block; float: left; list-style: none; } .card_detail .overlay_players table tr td.attributes1 ul.top, .card_detail .overlay_players table tr td.attributes2 ul.top { font-size: 1em; padding: 0px 0px 3px 0px; } .card_detail .overlay_players table tr td.attributes1 ul.top .name, .card_detail .overlay_players table tr td.attributes2 ul.top .name { font-size: 1em; } .card_detail .overlay_players table tr td.attributes1 ul.top .value, .card_detail .overlay_players table tr td.attributes2 ul.top .value { font-size: 1em; } .card_detail .overlay_players table tr td.attributes1 ul li, .card_detail .overlay_players table tr td.attributes2 ul li { width: 120px; display: block; float: left; clear: both; } .card_detail .overlay_players table tr td.attributes1 .name, .card_detail .overlay_players table tr td.attributes2 .name { width: 80px; display: block; float: left; color: #ffffff; font-size: 0.91em; font-weight: bold; text-transform: uppercase; padding: 0px 0px 1px 0px; } .card_detail .overlay_players table tr td.attributes1 .value, .card_detail .overlay_players table tr td.attributes2 .value { width: 40px; display: block; float: left; font-size: 0.91em; font-weight: bold; padding: 0px 0px 1px 0px; } .card_detail .overlay_managers { z-index: 7; position: absolute; top: -30px; left: 380px; width: 560px; height: 630px; display: block; } .card_detail .overlay_managers .box_heading { background: #10566c; } .card_detail .overlay_managers .scroll { width: 560px; height: 600px; display: block; overflow: auto; overflow-x: hidden; background: #35a5c9 url(../images/dline_white.gif) repeat-x top left; padding: 1px 0px 0px 0px; } .card_detail .overlay_managers table { width: 100%; } .card_detail .overlay_managers table tr { background: #35a5c9 url(../images/dline_white.gif) repeat-x bottom left; } .card_detail .overlay_managers table tr.even { background-color: #398da8; } .card_detail .overlay_managers table tr:hover { cursor: pointer; background-color: #4aadcb; } .card_detail .overlay_managers table tr.even:hover { cursor: pointer; background-color: #47a2be; } .card_detail .overlay_managers table tr td {} .card_detail .overlay_managers table tr td.image { width: 167px; padding: 11px; } .card_detail .overlay_managers table tr td.image img {} .card_detail .overlay_managers table tr td.details {} .card_detail .overlay_managers table tr td.details strong { color: #ffffff; font-size: 1.36em; font-weight: normal; text-transform: uppercase; } .card_detail .overlay_managers table tr td.details em { display: block; color: #f9d944; font-size: 1.09em; font-style: normal; font-weight: bold; padding: 5px 0px 10px 0px; } .card_detail .overlay_managers table tr td.details .btn_orange { } .card_detail .overlay_managers table tr td.details .btn_orange strong { font-size: 1.00em; } .card_detail .overlay_colors { z-index: 7; position: absolute; top: -30px; left: 380px; width: 560px; height: 630px; display: block; } .card_detail .overlay_colors .box_heading { background: #10566c; } .card_detail .overlay_colors .scroll { width: 560px; height: 600px; display: block; overflow: auto; overflow-x: hidden; background: #398da8; padding: 1px 0px 0px 0px; } .card_detail .overlay_colors table { width: 100%; } .card_detail .overlay_colors table tr {} .card_detail .overlay_colors table tr td { padding: 20px 10px 0px 10px; } .card_detail .overlay_colors table tr td h2 { color: #f9d944; font-size: 1.36em; font-weight: bold; text-transform: uppercase; } .card_detail .overlay_colors table tr td p { color: #ffffff; font-size: 1.09em; } .card_detail .overlay_colors table tr td em { font-size: 0.91em; font-style: normal; text-transform: uppercase; } .card_detail .overlay_colors table tr td .buttons { width: 184px; display: block; clear: both; overflow: auto; background: none; padding: 10px 0px 0px 0px; margin: 0px auto; } .card_detail .overlay_colors table tr td .colors_detail { width: 223px; display: block; overflow: auto; background: #35a5c9; padding: 20px 30px; margin: 0px auto; } .card_detail .overlay_colors table tr td .colors_detail .colors { width: 210px; display: block; float: left; background: #e4e4e3; padding: 8px 8px 8px 5px; } .card_detail .overlay_colors table tr td .colors_detail .colors .current { width: 206px; display: block; float: left; clear: both; padding: 0px 4px 4px 0px; } .card_detail .overlay_colors table tr td .colors_detail .colors .current strong { display: block; float: left; font-size: 1.09em; padding: 13px 10px 0px 8px; } .card_detail .overlay_colors table tr td .colors_detail .colors .current span { width: 73px; height: 39px; display: block; float: right; } .card_detail .overlay_colors table tr td .colors_detail .colors ul { list-style: none; } .card_detail .overlay_colors table tr td .colors_detail .colors ul li { width: 39px; height: 39px; display: block; float: left; padding: 0px 0px 0px 3px; } .card_detail .overlay_colors table tr td .colors_detail .colors ul li a:link, .card_detail .overlay_colors table tr td .colors_detail .colors ul li a:visited { width: 31px; height: 31px; display: block; float: left; background: #000000; border: 4px solid #e4e4e3; } .card_detail .overlay_colors table tr td .colors_detail .colors ul li.selected a, .card_detail .overlay_colors table tr td .colors_detail .colors ul li a:hover { border: 4px solid #822504; } .card_detail .overlay_colors table tr td .pattern_detail { width: 540px; display: block; overflow: auto; background: #35a5c9; padding: 10px 0px; } .card_detail .overlay_colors table tr td .pattern_detail h2 { padding-left: 10px; } .card_detail .overlay_colors table tr td .pattern_detail p { padding-left: 10px; } .card_detail .overlay_colors table tr td .pattern_detail .patterns { width: 540px; display: block; float: left; background: #f2bf10; padding: 0px; } .card_detail .overlay_colors table tr td .pattern_detail .patterns ul { list-style: none; } .card_detail .overlay_colors table tr td .pattern_detail .patterns ul li { width: 162px; display: block; float: left; padding: 13px 0px 13px 13px; } .card_detail .overlay_colors table tr td .pattern_detail .patterns ul li a:link, .card_detail .overlay_colors table tr td .pattern_detail .patterns ul li a:visited { width: 162px; display: block; text-align: center; background: #f28a10; padding: 40px 0px; border: 4px solid #f2bf10; } .card_detail .overlay_colors table tr td .pattern_detail .patterns ul li.selected a, .card_detail .overlay_colors table tr td .pattern_detail .patterns ul li a:hover { border: 4px solid #822504; } .card_items_container { width: 560px; display: block; float: left; padding: 0px 10px 20px 10px; } .card_items { width: 560px; display: block; float: left; background: #f4d234; } .card_items ul.tabs { width: 560px; } .card_items ul.tabs li a:link, .card_items ul.tabs li a:visited { width: 130px; } .card_items ul.tabs li a span { width: 130px; display: block; float: left; } .card_items ul.tabs li.green a span { background-image: url(../images/mycards_tabdot_green.png); background-repeat: no-repeat; background-position: 103px 4px; } .card_items ul.tabs li.red a span { background-image: url(../images/mycards_tabdot_red.png); background-repeat: no-repeat; background-position: 103px 4px; } .card_items .card { width: 560px; height: 590px; display: block; float: left; overflow: auto; padding: 10px 0px 0px 0px; } .card_items .card .noitems {} .card_items .card .noitems a { display: block; text-decoration: none; padding: 25px 0px 25px 20px; } .card_items .card .noitems a:hover { text-decoration: none; background-color: #f2bf10; } .card_items .card .noitems strong { color: #b92f0d; font-size: 1.63em; } .card_items .card .noitems em { color: #822504; font-size: 1.09em; font-style: normal; font-weight: bold; } .card_items .card ul { width: 528px; display: block; float: left; list-style: none; padding: 0px 0px 0px 3px; } .card_items .card ul li { width: 122px; height: 159px; display: block; float: left; padding: 0px 0px 0px 10px; } .card_items .card ul li a { width: 100px; height: 137px; display: block; float: left; background: url(../images/card_active_bk_yellow.gif) no-repeat -159px -122px; padding: 11px; } .card_items .card ul li a:hover, .card_items .card ul li a:hover strong.name, .card_items .card ul li.active a, .card_items .card ul li.active a strong.name { background-position: 0px 0px; } .buycard_packs_container { width: 630px; display: block; float: left; padding: 0px 10px 20px 10px; } .buycard_packs { width: 630px; display: block; float: left; background: #f4d234; } .buycard_packs .description { width: 450px; background: #f2bf10 url(../images/dline_brown.gif) repeat-x bottom left; padding: 15px 170px 5px 10px; } .buycard_packs .packs { width: 100%; display: block; float: left; overflow: hidden; background: url(../images/dline_brown.gif) repeat-x bottom left; } .buycard_packs .packs ul { position: relative; left: 50%; display: block; float: left; list-style: none; } .buycard_packs .packs ul li { position: relative; right: 50%; display: block; float: left; padding: 9px 0px; } .buycard_packs .packs ul li .image { width: 48px; height: 68px; display: block; float: left; padding: 0px 0px 0px 5px; } .buycard_packs .packs ul li .detail { display: block; float: left; padding: 0px 5px 0px 10px; } .buycard_packs .packs ul li .detail strong { display: block; color: #822504; font-size: 1.27em; text-transform: uppercase; padding: 0px 0px 3px 0px; } .buycard_packs .packs ul li .detail span { display: block; color: #d73800; font-size: 1.09em; font-weight: bold; text-transform: uppercase; padding: 0px 0px 5px 0px; } .buycard_packs .packs ul li .detail a {} .buycard_pack_popup { z-index: 101; position: fixed; top: 50%; left: 50%; width: 540px; height: auto; display: block; font-size: 0.69em; text-align: left; background: #f2bf10; padding: 0px; margin: -270px 0px 0px -270px; } .buycard_pack_popup .swf_header { width: 540px; height: 120px; display: block; } .buycard_pack_popup .cards { width: 540px; height: 356px; display: block; overflow: auto; overflow-x: hidden; background: #35a5c9; } .buycard_pack_popup .cards table { width: 100%; } .buycard_pack_popup .cards table tr { background: #398da8 url(../images/dline_white.gif) repeat-x bottom left; } .buycard_pack_popup .cards table tr.even { background-color: #35a5c9; } .buycard_pack_popup .cards table tr td {} .buycard_pack_popup .cards table tr td.image { width: 137px; text-align: center; padding: 20px 17px 21px 20px; } .buycard_pack_popup .cards table tr td.details { padding: 0px; } .buycard_pack_popup .cards table tr td.details strong { color: #ffffff; font-size: 1.36em; font-weight: normal; text-transform: uppercase; } .buycard_pack_popup .cards table tr td.details em { color: #f9d944; font-size: 1.09em; font-style: normal; font-weight: bold; } .buycard_pack_popup .cards table tr td.details p { padding: 0px; } .buycard_pack_popup .cards table tr td.details span { color: #ffffff; padding: 0px 10px 0px 0px; } .buycard_pack_popup .cards .promocode { padding: 40px; } .buycard_pack_popup .cards .promocode strong { color: #ffffff; font-size: 1.36em; font-weight: normal; text-transform: uppercase; } .buycard_pack_popup .cards .promocode em { color: #f9d944; font-size: 1.09em; font-style: normal; font-weight: bold; } .buycard_pack_popup .buttons { width: 525px; height: 49px; display: block; padding: 15px 15px 0px 0px; } .buycard_wallet_container { width: 300px; display: block; float: right; padding: 0px 0px 20px 10px; } .buycard_wallet { width: 300px; display: block; float: left; background: #f4d234; padding: 17px 0px 13px 0px; } .buycard_wallet .tokens { width: 230px; text-align: center; background: #1d718c; padding: 5px 0px; margin: 0px auto 10px auto; } .buycard_wallet .tokens p { color: #f8d73e; font-weight: bold; text-transform: uppercase; padding: 0px; } .buycard_wallet .tokens strong { color: #ffffff; font-size: 4.55em; line-height: 0.9em; } .buy_token_sifa { width: 300px; height: 0px; display: block; overflow: hidden; background: url(../images/buy_tokens_sifa.gif) no-repeat center center; padding-top: 190px; } .buycard_single_container { width: 630px; display: block; float: left; padding: 0px 10px 20px 10px; } .buycard_single { width: 630px; display: block; float: left; background: #f4d234; } .buycard_single .description { width: 450px; background: #f2bf10 url(../images/dline_brown.gif) repeat-x bottom left; padding: 15px 170px 5px 10px; } .buycard_single .single {} .buycard_single .single table { width: 630px; } .buycard_single .single table td { width: 315px; background: url(../images/dline_brown.gif) repeat-x bottom left; padding: 8px 0px; } .buycard_single .single table td table { width: 315px; } .buycard_single .single table td table td { background: none; } .buycard_single .single table td table td.image { width: 28px; padding: 0px 10px 0px 10px; } .buycard_single .single table td table td.image img { width: 28px; height: 38px; } .buycard_single .single table td table td.detail { width: 137px; padding: 0px 10px 0px 0px; } .buycard_single .single table td table td.detail a strong { display: block; text-transform: uppercase; } .buycard_single .single table td table td.detail a em { display: block; color: #000000; font-style: normal; } .buycard_single .single table td table td.cost { width: 57px; color: #d73800; font-size: 0.91em; text-transform: uppercase; } .buycard_single .single table td table td.buy { width: 63px; } .buycard_affiliate_container { width: 300px; display: block; float: right; padding: 0px 0px 20px 10px; } .buycard_affiliate { width: 230px; display: block; float: left; background: #f4d234; padding: 20px 35px 20px 35px; } .buycard_affiliate p { font-size: 1.09em; padding: 0px 0px 17px 0px; } .buycard_affiliate .code { width: 230px; display: block; text-align: center; } .buycard_affiliate .code input { width: 228px; display: block; color: #d34311; font-size: 1em; font-weight: bold; text-align: center; background: #ffffff; padding: 5px 0px; border: 1px solid #ffffff; } .affiliate_manager .free_tokens .code input { width: 218px; display: block; color: #d34311; font-size: 1em; font-weight: bold; text-align: center; background: #ffffff; padding: 8px 0px; border: 1px solid #ffffff; } .buytokens_container { width: 630px; display: block; float: left; padding: 0px 10px 20px 10px; } .buytokens { width: 630px; display: block; float: left; background: #f4d234; } ul.payment_tabs { width: 630px; display: block; float: left; list-style: none; padding: 10px 0px 0px 0px; } ul.payment_tabs li { width: 135px; display: block; float: left; padding: 0px 10px 0px 0px; } ul.payment_tabs li a:link, ul.payment_tabs li a:visited { width: 135px; display: block; float: left; color: #ffffff; font-size: 1.27em; font-weight: bold; font-style: italic; text-align: center; text-transform: uppercase; background: #b92f0d; padding: 5px 0px; } ul.payment_tabs li a:hover { background: #328ba7; } ul.payment_tabs li.active a { color: #f8d73e; background: #328ba7; } .payment_container { width: 600px; height: auto !important; height: 315px; min-height: 315px; display: block; float: left; background: #328ba7; padding: 15px; } .payment_container h3 { font-size: 1.45em; text-transform: none; padding: 0px 0px 10px 0px; } .payment_container p { font-size: 1.09em; } .payment_container a:link, .payment_container a:visited { color: #ffffff; text-decoration: underline; } .payment_container a:hover { text-decoration: none; } .payment_container .payment_info { width: 235px; display: block; float: left; font-size: 1.45em; font-weight: bold; color: #ffe400; padding: 0px 15px 0px 0px; } .payment_container .payment_content { width: 320px; height: auto !important; height: 295px; min-height: 295px; display: block; float: left; color: #ffffff; background: #35abd0; padding: 10px 15px 10px 15px; } .payment_container .payment_content .flags { width: 320px; display: block; float: left; padding: 0px 0px 10px 0px; } .payment_container .payment_content .flags ul { width: 240px; display: block; float: left; background: #ffffff; padding: 3px 2px 1px 4px; } .payment_container .payment_content .flags ul li { width: 18px; height: 16px; display: block; float: left; background: #ffffff; padding: 0px 2px 2px 0px; } .payment_container .payment_content .flags ul li a:link, .payment_container .payment_content .flags ul li a:visited { display: block; float: left; border: 2px solid #ffffff; } .payment_container .payment_content .flags ul li a:hover { border-color: #328ba7; } .payment_container .payment_content .code { width: 320px; display: block; float: left; padding: 0px 0px 10px 0px; } .payment_container .payment_content .code input { width: 238px; height: 18px; color: #35abd0; font-size: 1.18em; padding: 1px 3px; border: 1px solid #ffffff; } .payment_container .payment_content .code input:focus { color: #026283; } .payment_container .payment_content .sms_button { width: 320px; display: block; float: left; padding: 0px 0px 10px 0px; } .payment_container .payment_content .sb_button { width: 320px; display: block; float: left; clear: both; background: #f4d233; padding: 20px 0px 15px 0px; margin: 0px 0px 10px 0px; } .payment_container .payment_content .sb_timer { width: 250px; display: block; float: left; clear: both; color: #000000; background: #f4d233; padding: 20px 35px; } .payment_container .payment_content .sb_timer p { padding: 0px 0px 20px 0px; } .payment_container .payment_content .sb_timer h3 { font-size: 1em; padding: 0px 0px 8px 0px; } .payment_container .payment_content .sb_timer .timer_box { position: relative; width: 250px; height: 31px; display: block; background: #af0101; } .payment_container .payment_content .sb_timer .timer_bar { height: 31px; background: #3ab11a; } .payment_container .payment_content .sb_timer .timer_text { position: absolute; top: -2px; left: 0px; width: 250px; display: block; color: #ffffff; font-size: 2.73em; text-align: center; } .payment_container .credit_card { width: 570px; height: auto !important; height: 295px; min-height: 295px; display: block; float: left; color: #ffffff; background: #35abd0; padding: 10px 15px 10px 15px; } .payment_container .credit_card .column { width: 285px; display: block; float: left; } .payment_container .credit_card h2 { display: block; float: left; font-size: 1.45em; text-transform: none; padding: 5px 0px 10px 0px; } .payment_container .credit_card label { width: 285px; display: block; float: left; padding: 0px 0px 2px 0px; } .payment_container .credit_card .field { width: 285px; display: block; float: left; padding: 0px 0px 5px 0px; } .payment_container .credit_card .field input { width: 188px; height: 18px; color: #35abd0; font-size: 1.18em; padding: 1px 3px; border: 1px solid #ffffff; } .payment_container .credit_card .field input:focus { color: #026283; } .payment_container .credit_card .field select { width: 196px; color: #35abd0; font-size: 1.18em; padding: 1px 3px; border: 1px solid #ffffff; } .payment_container .credit_card .field select.date { width: 50px; } .payment_container .credit_card .amount { width: 285px; display: block; float: left; font-size: 1.18em; padding: 0px 0px 20px 0px; } .payment_container .credit_card .error { width: 285px; display: block; float: left; color: #000000; font-weight: bold; padding: 0px 0px 5px 0px; } .payment_container .credit_card .verisign { width: 285px; display: block; float: left; padding: 20px 0px 10px 0px; } .payment_container .credit_card .submit { width: 570px; display: block; float: left; padding: 20px 0px 10px 0px; } .payment_container .credit_card_logos { width: 600px; height: 35px; display: block; } .subscriptions_container { width: 960px; display: block; float: left; padding: 0px 0px 20px 0px; } .subscriptions_background { width: 936px; display: block; float: left; background: #7df0f2; padding: 6px; border: 6px solid #07537d; } .subscriptions_header { position: relative; width: 936px; height: 121px; display: block; float: left; background: url(../images/subscriptions_header.jpg) no-repeat 0px 0px; } .subscriptions_header .sifa_logo { position: absolute; top: -30px; left: 50%; width: 187px; height: 170px; display: block; margin: 0px 0px 0px -93px; } .subscriptions_title { width: 936px; height: 61px; display: block; float: left; background: #f59601; padding: 20px 0px 10px 0px; border-top: 6px solid #7df0f2; } .subscriptions_title h2 { width: 649px; height: 0px; display: block; overflow: hidden; background: url(../images/subscriptions_title.gif) no-repeat 0px 0px; padding: 61px 0px 0px 0px; margin: 0px auto; } .subscriptions_privileges { width: 465px; height: 0px; display: block; float: left; overflow: hidden; background: #2ac6c9 url(../images/subscriptions_privileges.jpg) no-repeat center center; padding-top: 500px; border-top: 6px solid #7df0f2; border-right: 6px solid #7df0f2; } .subscriptions_details { width: 325px; height: 470px; display: block; float: left; background: #31e0e3; padding: 30px 70px 0px 70px; border-top: 6px solid #7df0f2; } .subscriptions_details h3 { font-size: 1.45em; text-transform: none; padding: 0px 0px 10px 0px; } .subscriptions_details p { font-size: 1.09em; } .subscriptions_details .renew { width: 325px; display: block; float: left; padding: 10px 0px 25px 0px; } .subscriptions_details .renew span { width: 205px; display: block; float: left; font-size: 0.91em; line-height: 2.10em; text-transform: uppercase; text-decoration: none; background: url(../images/team_checkbox_away.gif) no-repeat right 0px; padding: 0px 0px 0px 0px; } .subscriptions_details .renew span:hover { cursor: pointer; background-position: right -21px; } .subscriptions_details .renew span.checked { background-position: right -42px; } .subscriptions_details .renew span.checked:hover { background-position: right -63px; } .subscriptions_details .wallet { width: 325px; display: block; float: left; background: #f4d234; padding: 25px 0px 20px 0px; } .subscriptions_details .wallet .tokens { width: 230px; text-align: center; background: #1d718c; padding: 5px 0px; margin: 0px auto 10px auto; } .subscriptions_details .wallet .tokens p { color: #f8d73e; font-weight: bold; text-transform: uppercase; padding: 0px; } .subscriptions_details .wallet .tokens strong { color: #ffffff; font-size: 4.55em; line-height: 0.9em; } /****************************************************************************** * 5.0 My League / 5.0.1 My Results / 5.3.2 Match Preview / 5.3.4 Match Results ******************************************************************************/ .my_league_container { width: 630px; display: block; float: left; padding: 0px 10px 20px 10px; } .my_league { width: 630px; background: #f4d234; } .my_league ul.tabs { width: 630px; } .my_league ul.tabs li a:link, .my_league ul.tabs li a:visited { width: 147px; } .my_league .manager_search { clear: both; background: #822504; } .my_league .manager_search table { margin: 0px auto; } .my_league .manager_search table tr {} .my_league .manager_search table td { color: #ffffff; } .my_league .manager_search table td.field { width: 115px; padding: 4px 0px 4px 0px; } .my_league .manager_search table td.field input { width: 105px; color: #822504; font-size: 0.91em; text-transform: uppercase; padding: 1px 4px; border: 1px solid #ffffff; } .my_league .manager_search table td.field .ajax_dropdown ul, .my_league .manager_search table td.field .ajax_dropdown ul li { width: 115px; } .my_league .manager_search table td.field input:focus { color: #026283; } .my_league .manager_search table td.field select { width: 110px; color: #822504; font-size: 0.91em; text-transform: uppercase; background: #ffffff; padding: 0px 0px; border: 1px solid #ffffff } .my_league .manager_search table td.submit {} .my_league .manager_search table td.submit input { display: block; color: #ffffff; font-size: 0.91em; text-transform: uppercase; text-decoration: underline; background: none; padding: 8px 0px 7px 0px; } .my_league .manager_search table td.submit input:hover { cursor: pointer; text-decoration: none; } .my_league .manager_search table td.filter { font-size: 0.91em; font-weight: bold; text-transform: uppercase; padding: 0px 5px 0px 0px; } .my_league .manager_search table td.clear { font-size: 0.91em; font-weight: bold; text-transform: uppercase; padding: 0px 25px 0px 0px; } .my_league .manager_search table td.clear a { color: #ffffff; text-decoration: underline; } .my_league .manager_search table td.clear a:hover { text-decoration: none; } .my_league .manager_search table td.search { font-size: 0.91em; font-weight: bold; text-transform: uppercase; padding: 0px 5px 0px 0px; } .my_league .pagination { clear: both; } .my_league .pagination h2 { width: 616px; } .my_league .pagination h2 span { padding: 0px 5px 0px 0px; } .my_league .pagination h2 strong { font-size: 1.45em; padding: 0px 10px 0px 5px; } .my_league .pagination .position { float: left; line-height: 3.00em; padding: 0px 15px; } .my_league .pagination .position a:link, .my_league .pagination .position a:visited { text-decoration: none; } .leagueTable { height: auto !important; height: 450px; min-height: 450px; display: block; clear: both; } table.league { clear: both; font-weight: bold; } table.league thead { color: #822504; font-size: 0.91em; text-transform: uppercase; } table.league thead th { height: 30px; text-align: left; } table.league thead th.position { width: 40px; padding-left: 10px; } table.league thead th.team { width: 151px; padding-left: 10px; } table.league thead th.continent { width: 95px; } table.league thead th.stadium { width: 65px; } table.league thead th.experience { width: 80px; } table.league thead th.won { width: 38px; } table.league thead th.lost { width: 38px; } table.league thead th.drawn { width: 38px; } table.league thead th.challenge { width: 65px; } table.league tr.seperator td { height: 11px; background: url(../images/dline_brown.gif) repeat-x 0px 4px; } table.league tr.promoted td { background: #4aac66; } table.league tr.promoted td.team a:link, table.league tr.promoted td.team a:visited { color: #ffffff; } table.league tr.demoted td { background: #f77a0f; } table.league tr td { background: #f28a10; } table.league tr td.delimiter { height: 3px; background: none; } table.league tr td.position { padding-left: 10px; } table.league tr td.team { text-align: left; padding-left: 10px; } table.league tr td.team a:link, table.league tr td.team a:visited { display: block; text-decoration: underline; padding: 2px 0px; } table.league tr td.team a:hover { text-decoration: none; } table.league tr td.continent { text-align: left; padding: 2px 0px; } table.league tr td.challenge { font-weight: normal; padding-left: 0px; } table.league tr td.challenge a { text-decoration: underline; display: block; color: #ffffff; padding: 2px 0px; } table.league tr td.challenge a:hover { text-decoration: none; } table.league tr td.green { color: #1a5c05; } table.league tr td.red { color: #cc0606; } table.league tr.promoted td.green { color: #f7d842; } table.league tr.promoted td.red { color: #b5120a; } table.managerleague { clear: both; font-weight: bold; } table.managerleague thead { color: #822504; font-size: 0.91em; text-transform: uppercase; } table.managerleague thead th { height: 30px; text-align: left; } table.managerleague thead th.position { width: 40px; padding-left: 10px; } table.managerleague thead th.name { width: 180px; padding-left: 10px; } table.managerleague thead th.continent { width: 115px; } table.managerleague thead th.rating { width: 85px; } table.managerleague thead th.league { width: 110px; } table.managerleague thead th.challenge { width: 80px; } table.managerleague tr td { background: #f28a10; } table.managerleague tr td.delimiter { height: 3px; background: none; } table.managerleague tr td.position { font-size: 1.09em; padding-left: 10px; } table.managerleague tr td.team { text-align: left; padding-left: 10px; } table.managerleague tr td.team a { display: block; text-decoration: underline; padding: 2px 0px; } table.managerleague tr td.team a:hover { text-decoration: none; } table.managerleague tr td.continent { padding: 2px 0px; } table.managerleague tr td.rating {} table.managerleague tr td.league {} table.managerleague tr td.challenge { font-weight: normal; text-align: center; padding-left: 0px; } table.managerleague tr td.challenge a { text-decoration: underline; display: block; color: #ffffff; padding: 2px 0px; } table.managerleague tr td.challenge a:hover { text-decoration: none; } table.managerleague tr td.green { color: #1a5c05; } table.managerleague tr td.red { color: #cc0606; } table.agentleague { clear: both; font-weight: bold; } table.agentleague thead { color: #822504; font-size: 0.91em; text-transform: uppercase; } table.agentleague thead th { height: 30px; text-align: left; } table.agentleague thead th.position { width: 40px; padding-left: 10px; } table.agentleague thead th.name { width: 180px; padding-left: 10px; } table.agentleague thead th.continent { width: 140px; } table.agentleague thead th.rating { width: 125px; } table.agentleague thead th.league { width: 125px; } table.agentleague tr td { background: #f28a10; } table.agentleague tr td.delimiter { height: 3px; background: none; } table.agentleague tr td.position { font-size: 1.09em; padding-left: 10px; } table.agentleague tr td.team { text-align: left; padding-left: 10px; } table.agentleague tr td.team a { display: block; text-decoration: underline; padding: 2px 0px; } table.agentleague tr td.team a:hover { text-decoration: none; } table.agentleague tr td.continent { padding: 2px 0px; } table.agentleague tr td.rating {} table.agentleague tr td.league {} table.agentleague tr td.green { color: #1a5c05; } table.agentleague tr td.red { color: #cc0606; } .my_results_container { width: 630px; display: block; float: left; padding: 0px 10px 20px 10px; } .my_results { width: 630px; background: #f4d234; } .my_results ul.tabs { width: 630px; } .my_results ul.tabs li a:link, .my_results ul.tabs li a:visited { width: 147px; } .my_results .pagination { clear: both; } .my_results .pagination h2 { width: 616px; } .my_results .pagination h2 span { padding: 0px 5px 0px 0px; } .my_results .pagination h2 strong { font-size: 1.45em; padding: 0px 10px 0px 5px; } .my_results table { clear: both; font-weight: bold; } .my_results table thead { color: #822504; font-size: 0.91em; text-transform: uppercase; } .my_results table thead th { height: 30px; text-align: left; } .my_results table thead th.date { width: 50px; padding-left: 10px; } .my_results table thead th.opponent { width: 150px; padding-left: 10px; } .my_results table thead th.result { width: 75px; } .my_results table thead th.venue { width: 60px; } .my_results table thead th.continent { width: 95px; } .my_results table thead th.attendance { width: 80px; } .my_results table thead th.experience { width: 50px; } .my_results table thead th.view { width: 50px; } .my_results table tr td { background: #f28a10; } .my_results table tr td.delimiter { height: 3px; background: none; } .my_results table tr td.date { padding-left: 10px; } .my_results table tr td.opponent { padding-left: 10px; } .my_results table tr td.opponent a { display: block; text-decoration: underline; padding: 2px 0px; } .my_results table tr td.opponent a:hover { text-decoration: none; } .my_results table tr td.view { font-weight: normal; text-align: center; padding-left: 0px; } .my_results table tr td.view a { text-decoration: underline; display: block; color: #ffffff; padding: 2px 0px; } .my_results table tr td.view a:hover { text-decoration: none; } .match_container { position: relative; width: 680px; display: block; padding: 0px 10px 20px 10px; margin: 0px auto; } .match {} .match .result { position: absolute; top: 0px; left: 50%; width: 250px; color: #f4d234; font-size: 1.55em; font-weight: bold; text-align: center; text-transform: uppercase; margin: 0px 0px 0px -125px; } .match .result strong { color: #ffffff; font-size: 4.12em; line-height: 0.95em; letter-spacing: -0.05em; } .match .attendance { position: absolute; top: 100px; left: 50%; width: 250px; color: #f4d234; font-size: 1.27em; font-weight: bold; text-align: center; text-transform: uppercase; margin: 0px 0px 0px -125px; } .match .attendance strong { color: #ffffff; font-size: 3.14em; } .match .manager_lhs { position: relative; width: 300px; display: block; float: left; } .match .manager_rhs { position: relative; width: 300px; display: block; float: right; } .match .image { width: 300px; height: 350px; padding: 0px 0px; } .match .detail { width: 300px; display: block; text-align: center; background: #f4d234; padding: 3px 0px; } .match .detail h2 { color: #b92f0d; font-size: 1.09em; } .match .detail p { font-size: 0.91em; text-transform: uppercase; padding: 0px; } .match .detail p strong { color: #093f50; } .match .manager_lhs .stats, .match .manager_rhs .stats { position: absolute; top: 0px; width: 160px; color: #ffffff; font-size: 0.91em; font-weight: bold; line-height: 1.50em; text-transform: uppercase; } .match .manager_lhs .stats .top, .match .manager_rhs .stats .top { width: 160px; height: auto !important; height: 58px; min-height: 58px; } .match .manager_lhs .stats .top ul, .match .manager_rhs .stats .top ul { list-style: none; padding: 14px 0px 7px 15px; } .match .manager_lhs .stats .top ul strong, .match .manager_rhs .stats .top ul strong { color: #f4d234; } .match .manager_lhs .stats .top ul li.large, .match .manager_rhs .stats .top ul li.large { font-size: 3.18em; padding: 8px 0px 10px 0px; } .match .manager_lhs .stats .bottom, .match .manager_rhs .stats .bottom { width: 148px; padding: 6px; } .match .manager_lhs .stats .bottom ul, .match .manager_rhs .stats .bottom ul { list-style: none; padding: 10px 0px 10px 9px; } .match .manager_lhs .stats .bottom ul span, .match .manager_rhs .stats .bottom ul span { color: #f4d234; } .match .manager_lhs .stats { left: -140px; background: url(../images/overlay_arrow_blue_right.gif) no-repeat 160px 9px; padding: 0px 20px 0px 0px; } .match .manager_lhs .stats .top { background: #096a92; } .match .manager_lhs .stats .bottom { background: #00b4ff; } .match .manager_lhs .stats .bottom ul { background: #096a92; } .match .manager_rhs .stats { right: -140px; background: url(../images/overlay_arrow_green_left.gif) no-repeat 0px 9px; padding: 0px 0px 0px 20px; } .match .manager_rhs .stats .top { background: #2d7307; } .match .manager_rhs .stats .bottom { background: #48c902; } .match .manager_rhs .stats .bottom ul { background: #2d7307; } .match .versus { width: 80px; height: 0px; display: block; overflow: hidden; float: left; background: url(../images/versus.gif) no-repeat bottom center; padding-top: 337px; } /****************************************************************************** * 6.0 My Market / 6.1 Player Transfers / 6.2 Equipment Store ******************************************************************************/ .my_market_container { width: 940px; display: block; overflow: auto; padding: 0px 10px 20px 10px; margin: 0px auto; } .my_market { width: 940px; background: #f4d234; } .my_market .box_heading .sell { position: absolute; top: 0px; right: 0px; display: block; } .my_market .box_heading .sell span { display: block; float: left; color: #f4d234; font-size: 0.91em; line-height: 3.00em; text-transform: uppercase; padding: 0px 10px 0px 0px; } .my_market .box_heading .sell a:link, .my_market .box_heading .sell a:visited { display: block; float: left; color: #ffffff; font-size: 0.91em; line-height: 3.00em; text-decoration: underline; text-transform: uppercase; padding: 0px 10px 0px 0px; } .my_market .box_heading .sell a:hover { text-decoration: none; } .my_market table { clear: both; } .my_market table thead { color: #822504; font-size: 0.91em; text-transform: uppercase; background: #f4d234; } .my_market table thead th { height: 30px; border-bottom: 1px solid #b92f0d; } .my_market table thead th.from_to { width: 240px; text-align: left; padding-left: 10px; } .my_market table thead th.purchase_item { width: 240px; text-align: left; padding-left: 10px; } .my_market table thead th.cost { width: 110px; text-align: left; padding-left: 10px; } .my_market table thead th.value { width: 110px; text-align: left; padding-left: 10px; } .my_market table thead th.accept { width: 100px; } .my_market table thead th.decline { width: 100px; } .my_market table tr.odd { background: #e6bf08; } .my_market table tr.even { background: #f4d234; } .my_market table tr td { color: #000000; font-size: 1.09em; font-weight: bold; border-bottom: 1px solid #b92f0d; } .my_market table tr td.nosale { height: 68px; padding-left: 10px; } .my_market table tr td.from { width: 240px; padding-left: 10px; } .my_market table tr td.from_image { width: 70px; } .my_market table tr td.from_image a { display: block; padding: 4px 0px 4px 10px; } .my_market table tr td.from_image img { width: 60px; height: 60px; border: 4px solid #b92f0d; } .my_market table tr td.from_detail { width: 180px; } .my_market table tr td.from_detail a { display: block; color: #822504; text-decoration: underline; padding: 0px 0px 0px 10px; } .my_market table tr td.from_detail a:hover { color: #b92f0d; text-decoration: none; } .my_market table tr td.purchase_image { width: 70px; } .my_market table tr td.purchase_image a { display: block; padding: 4px 0px 4px 10px; } .my_market table tr td.purchase_image img { width: 60px; height: 60px; border: 4px solid #b92f0d; } .my_market table tr td.purchase_detail { width: 180px; } .my_market table tr td.purchase_detail a { display: block; padding: 0px 0px 0px 10px; } .my_market table tr td.purchase_detail a:link strong, .my_market table tr td.purchase_detail a:visited strong { color: #822504; text-decoration: underline; } .my_market table tr td.purchase_detail a:hover strong { color: #b92f0d; text-decoration: none; } .my_market table tr td.purchase_detail a:link span, .my_market table tr td.purchase_detail a:visited span { color: #000000; text-decoration: none; } .my_market table tr td.cost { padding-left: 10px; } .my_market table tr td.level { padding-left: 10px; } .my_market table tr td.accept {} .my_market table tr td.decline {} .my_market table tr td.tfoot { font-size: 1.00em; font-weight: normal; background: #f4d234; border: none; } .player_transfers_container { width: 780px; display: block; padding: 0px 10px 20px 10px; margin: 0px auto; } .player_transfers { width: 780px; } .player_transfers .filter { width: 780px; display: block; float: left; color: #ffffff; font-size: 0.91em; line-height: 3.00em; text-transform: uppercase; background: #822504; } .player_transfers .filter label { display: block; float: left; padding: 0px 10px; } .player_transfers .filter select { width: 130px; height: 16px; color: #822504; font-size: 0.91em; background: #ffffff; border: 1px solid #ffffff; } .player_transfers .filter .transfers { display: block; float: left; padding: 7px 10px 0px 0px; } .player_transfers .filter .species { display: block; float: left; padding: 7px 10px 0px 0px; } .player_transfers .filter .level { display: block; float: left; padding: 7px 10px 0px 0px; } .player_transfers .filter .cost { display: block; float: left; padding: 7px 10px 0px 0px; } .player_transfers .filter .submit { display: block; float: left; } .player_transfers .filter .submit input { display: block; color: #ffffff; text-transform: uppercase; text-decoration: underline; background: none; padding: 8px 0px 7px 0px; margin: 0px; } .player_transfers .filter .submit input:hover { cursor: pointer; text-decoration: none; } .player_transfers .filter .clear { width: 60px; display: block; float: left; clear: none; font-size: 0.91em; text-transform: uppercase; padding: 0px 0px 0px 0px; } .player_transfers .filter .clear a { color: #ffffff; text-decoration: underline; } .player_transfers .filter .clear a:hover { text-decoration: none; } .stockTable_player { width: 780px; display: block; height: auto !important; height: 800px; min-height: 800px; background: #f4d234; } .player_transfers table { width: 780px; clear: both; } .player_transfers table thead { color: #822504; font-size: 0.91em; text-transform: uppercase; background: #f4d234; } .player_transfers table thead th { height: 30px; text-align: left; border-bottom: 1px solid #b92f0d;} .player_transfers table thead th.seller { width: 110px; padding-left: 10px; } .player_transfers table thead th.player { width: 225px; padding-left: 10px; } .player_transfers table thead th.level { width: 95px; } .player_transfers table thead th.cost { width: 95px; } .player_transfers table thead th.marketvalue { width: 115px; } .player_transfers table thead th.buy { width: 120px; } .player_transfers table tr.unavailable td { background: #f28a10; } .player_transfers table tr td { color: #000000; font-size: 1.09em; font-weight: bold; background: #e6bf08; border-bottom: 1px solid #b92f0d; } .player_transfers table tr td.seller { padding-left: 10px; } .player_transfers table tr td.seller strong { text-transform: uppercase; } .player_transfers table tr td.seller span {} .player_transfers table tr td.seller a { display: block; } .player_transfers table tr td.seller a:link, .player_transfers table tr td.seller a:visited { color: #822504; text-decoration: underline; } .player_transfers table tr td.seller a:hover { color: #b92f0d; text-decoration: none; } .player_transfers table tr td.image { width: 68px; padding: 4px 0px 4px 10px; } .player_transfers table tr td.image a { display: block; } .player_transfers table tr td.image img { width: 60px; height: 60px; background: #b92f0d; border: 4px solid #b92f0d; } .player_transfers table tr td.player { width: 147px; padding: 0px 0px 0px 10px;} .player_transfers table tr td.player a { display: block; text-decoration: none; } .player_transfers table tr td.player a:link strong, .player_transfers table tr td.player a:visited strong { color: #822504; text-decoration: underline; } .player_transfers table tr td.player a:hover strong { color: #b92f0d; text-decoration: none; } .player_transfers table tr td.player a:link span, .player_transfers table tr td.player a:visited span { color: #000000; text-decoration: none; } .player_transfers table tr td.player span.locked { color: #cc0606; } .player_transfers table tr td.level {} .player_transfers table tr td.cost {} .player_transfers table tr td.marketvalue {} .player_transfers table tr td.buy {} .player_transfers table tr td.buy div.btn_unavailable { position: relative; width: 112px; height: 0px; display: block; background: url(../images/btn_unavailable.gif) no-repeat 0px 0px; padding-top: 27px; } .player_transfers table tr td.buy div.btn_unavailable:hover { cursor: help; background-position: 0px -27px; } .player_transfers table tr td.buy div.btn_unavailable table { display: none; } .player_transfers table tr td.buy div.btn_unavailable:hover table { position: absolute; top: -25px; right: 120px; width: 305px; display: block; } .player_transfers table tr td.buy div.btn_unavailable:hover table tr td { height: 77px; font-size: 1em; background: none; border: none; } .player_transfers table tr td.buy div.btn_unavailable:hover table tr td strong { width: 285px; display: block; color: #ffffff; background: #2a8721; padding: 10px; border: none; } .player_transfers table tr td.buy div.btn_locked { position: relative; width: 112px; height: 0px; display: block; background: url(../images/btn_locked.gif) no-repeat 0px 0px; padding-top: 27px; } .player_transfers table tr td.buy div.btn_locked:hover { cursor: help; background-position: 0px -27px; } .player_transfers table tr td.buy div.btn_locked table { display: none; } .player_transfers table tr td.buy div.btn_locked:hover table { position: absolute; top: -25px; right: 120px; width: 305px; display: block; } .player_transfers table tr td.buy div.btn_locked:hover table tr td { height: 77px; font-size: 1em; background: none; border: none; } .player_transfers table tr td.buy div.btn_locked:hover table tr td strong { width: 285px; display: block; color: #ffffff; background: #822504; padding: 10px; border: none; } .player_transfers table tr td.tfoot { font-size: 1.00em; font-weight: normal; background: #f4d234; border: none; } .equipment_store_container { width: 840px; display: block; padding: 0px 10px 20px 10px; margin: 0px auto; } .equipment_store { width: 840px; } .equipment_store .filter { width: 840px; display: block; float: left; color: #ffffff; font-size: 0.91em; line-height: 3.00em; text-transform: uppercase; background: #822504; } .equipment_store .filter label { display: block; float: left; padding: 0px 10px; } .equipment_store .filter select { width: 130px; height: 16px; color: #822504; font-size: 0.91em; background: #ffffff; border: 1px solid #ffffff; } .equipment_store .filter .type { display: block; float: left; padding: 7px 10px 0px 0px; } .equipment_store .filter .cost { display: block; float: left; padding: 7px 10px 0px 0px; } .equipment_store .filter .level { display: block; float: left; padding: 7px 10px 0px 0px; } .equipment_store .filter .sortby { display: block; float: left; padding: 7px 10px 0px 0px; } .equipment_store .filter .submit { display: block; float: left; } .equipment_store .filter .submit input { display: block; color: #ffffff; text-transform: uppercase; text-decoration: underline; background: none; padding: 8px 0px 7px 0px; margin: 0px; } .equipment_store .filter .submit input:hover { cursor: pointer; text-decoration: none; } .equipment_store .filter .clear { width: 60px; display: block; float: left; clear: none; font-size: 0.91em; text-transform: uppercase; padding: 0px 0px 0px 0px; } .equipment_store .filter .clear a { color: #ffffff; text-decoration: underline; } .equipment_store .filter .clear a:hover { text-decoration: none; } .stockTable_equipment { width: 840px; display: block; height: auto !important; height: 530px; min-height: 530px; background: #f4d234; } .equipment_store table { width: 840px; clear: both; } .equipment_store table thead { color: #822504; font-size: 0.91em; text-transform: uppercase; background: #f4d234; } .equipment_store table thead th { height: 30px; text-align: left; border-bottom: 1px solid #b92f0d;} .equipment_store table thead th.seller { width: 90px; padding-left: 10px; } .equipment_store table thead th.equipment { width: 140px; padding-left: 10px; } .equipment_store table thead th.effect { width: 260px; padding-left: 10px; } .equipment_store table thead th.type { width: 75px; } .equipment_store table thead th.cost { width: 65px; } .equipment_store table thead th.quantity { width: 65px; } .equipment_store table thead th.buy { width: 115px; } .equipment_store table tr.unavailable td { background: #f28a10; } .equipment_store table tr td { color: #000000; font-size: 1.09em; font-weight: bold; background: #e6bf08; border-bottom: 1px solid #b92f0d; } .equipment_store table tr td.seller { padding-left: 10px; } .equipment_store table tr td.seller strong { text-transform: uppercase; } .equipment_store table tr td.seller a { display: block; } .equipment_store table tr td.seller a:link, .equipment_store table tr td.seller a:visited { color: #822504; text-decoration: underline; } .equipment_store table tr td.seller a:hover { color: #b92f0d; text-decoration: none; } .equipment_store table tr td.image { width: 40px; height: 40px; padding: 3px 0px 3px 10px; } .equipment_store table tr td.image a { display: block; } .equipment_store table tr td.image img { height: 40px } .equipment_store table tr td.image .uses { position: absolute; bottom: -6px; right: -7px; width: 16px; height: 16px; display: block; cursor: help; background-repeat: no-repeat; background-position: 0px -16px; } .equipment_store table tr td.image .icon1 { background-image: url(../images/icon_condition1.png); } .equipment_store table tr td.image .icon2 { background-image: url(../images/icon_condition2.png); } .equipment_store table tr td.image .icon3 { background-image: url(../images/icon_condition3.png); } .equipment_store table tr td.image .icon4 { background-image: url(../images/icon_condition4.png); } .equipment_store table tr td.image .icon5 { background-image: url(../images/icon_condition5.png); } .equipment_store table tr td.name { width: 90px; padding: 0px 0px 0px 10px; } .equipment_store table tr td.name a { display: block; } .equipment_store table tr td.name a:link, .equipment_store table tr td.name a:visited { color: #822504; text-decoration: underline; } .equipment_store table tr td.name a:hover { color: #b92f0d; text-decoration: none; } .equipment_store table tr td.effect { padding: 3px 10px; } .equipment_store table tr td.effect ul { display: block; float: left; clear: both; list-style: none; } .equipment_store table tr td.effect ul li { width: 18px; height: 18px; display: block; float: left; padding: 2px 1px; background: #fcdd4b url(../images/store_effect_bk.gif) no-repeat 1px 2px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } .equipment_store table tr td.effect ul li.title { width: 80px; height: auto; font-size: 0.92em; line-height: 2.18em; background: none; padding: 0px; border: none; } .equipment_store table tr td.effect ul li span { width: 18px; height: 18px; display: block; color: #ffffff; font-size: 0.92em; text-align: center; line-height: 1.55em; } .equipment_store table tr td.effect ul li.striking span { background-image: url(../images/store_effect_striking.gif); } .equipment_store table tr td.effect ul li.speed span { background-image: url(../images/store_effect_speed.gif); } .equipment_store table tr td.effect ul li.discipline span { background-image: url(../images/store_effect_discipline.gif); } .equipment_store table tr td.effect ul li.stamina span { background-image: url(../images/store_effect_stamina.gif); } .equipment_store table tr td.effect ul li.defending span { background-image: url(../images/store_effect_defending.gif); } .equipment_store table tr td.effect ul li.toughness span { background-image: url(../images/store_effect_toughness.gif); } .equipment_store table tr td.effect ul li.setpieces span { background-image: url(../images/store_effect_setpieces.gif); } .equipment_store table tr td.effect ul li.aggression { border-right: 1px solid #ffffff; } .equipment_store table tr td.effect ul li.aggression span { background-image: url(../images/store_effect_aggression.gif); } .equipment_store table tr td.quantity {} .equipment_store table tr td.quantity input { width: 17px; height: 16px; color: #ffffff; font-weight: bold; text-align: center; background: #b92f0d; padding: 1px 1px 0px 1px; } .equipment_store table tr td.quantity input:focus { background: #822504; } .equipment_store table tr td.buy { text-align: left; } .equipment_store table tr td.buy div.btn_unavailable { position: relative; width: 112px; height: 0px; display: block; background: url(../images/btn_unavailable.gif) no-repeat 0px 0px; padding-top: 27px; } .equipment_store table tr td.buy div.btn_unavailable:hover { cursor: help; background-position: 0px -27px; } .equipment_store table tr td.buy div.btn_unavailable table { display: none; } .equipment_store table tr td.buy div.btn_unavailable:hover table { position: absolute; top: -25px; right: 120px; width: 262px; display: block; } .equipment_store table tr td.buy div.btn_unavailable:hover table tr td { height: 77px; font-size: 1em; background: none; border: none; } .equipment_store table tr td.buy div.btn_unavailable:hover table tr td strong { width: 242px; display: block; color: #ffffff; background: #2a8721; padding: 10px; border: none; } .equipment_store table tr td.tfoot { font-size: 1.00em; font-weight: normal; background: #f4d234; border: none; } .equipment_store table tr td.tfoot .store_key { display: block; float: left; } .equipment_store table tr td.tfoot .store_key .title { display: block; float: left; font-size: 1.09em; font-weight: bold; line-height: 3.83em; padding: 10px; } .equipment_store table tr td.tfoot .store_key .legend { display: block; float: left; padding: 10px 0px; } .equipment_store table tr td.tfoot .store_key .legend ul { width: 360px; display: block; float: left; list-style: none; background: #e6bf08; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff; } .equipment_store table tr td.tfoot .store_key .legend ul li { width: 88px; display: block; float: left; padding: 2px 0px 2px 2px; border-top: 1px solid #ffffff; } .equipment_store table tr td.tfoot .store_key .legend ul li span { width: 18px; height: 18px; display: block; float: left; } .equipment_store table tr td.tfoot .store_key .legend ul li span.label { width: auto; height: auto; font-size: 0.91em; font-weight: bold; line-height: 1.80em; padding: 0px 0px 0px 5px; } .equipment_store table tr td.tfoot .store_key .legend ul li span.striking { background-image: url(../images/store_effect_striking.gif); } .equipment_store table tr td.tfoot .store_key .legend ul li span.speed { background-image: url(../images/store_effect_speed.gif); } .equipment_store table tr td.tfoot .store_key .legend ul li span.discipline { background-image: url(../images/store_effect_discipline.gif); } .equipment_store table tr td.tfoot .store_key .legend ul li span.stamina { background-image: url(../images/store_effect_stamina.gif); } .equipment_store table tr td.tfoot .store_key .legend ul li span.defending { background-image: url(../images/store_effect_defending.gif); } .equipment_store table tr td.tfoot .store_key .legend ul li span.toughness { background-image: url(../images/store_effect_toughness.gif); } .equipment_store table tr td.tfoot .store_key .legend ul li span.setpieces { background-image: url(../images/store_effect_setpieces.gif); } .equipment_store table tr td.tfoot .store_key .legend ul li span.aggression { background-image: url(../images/store_effect_aggression.gif); } .equipment_store table tr td.tfoot .store_key .whatsthis { display: block; float: left; font-size: 1.09em; font-weight: bold; line-height: 3.83em; padding: 10px 0px 10px 10px; } .equipment_store table tr td.tfoot .store_key .whatsthis a:link, .equipment_store table tr td.tfoot .store_key .whatsthis a:visited { color: #822504; text-decoration: underline; } .equipment_store table tr td.tfoot .store_key .whatsthis a:hover { color: #b92f0d; text-decoration: none; } /****************************************************************************** * 7.0 Account Settings ******************************************************************************/ .my_account_container { width: 630px; display: block; float: left; padding: 0px 10px 20px 10px; } .account_settings { width: 630px; display: block; float: left; background: #f4d234; padding: 0px 0px 20px 0px; } .account_settings ul.tabs { width: 630px; } .account_settings .field_description { width: 610px; display: block; float: left; font-size: 1.09em; font-weight: bold; text-align: center; padding: 30px 20px 0px 0px; } .account_settings .field_set { width: 345px; display: block; float: left; padding: 20px 0px 0px 205px; } .account_settings .field_set .row { width: 345px; display: block; float: left; padding: 0px 0px 5px 0px; } .account_settings .field_set .row label { cursor: pointer; width: 210px; display: block; color: #000000; font-size: 0.91em; font-weight: bold; text-transform: uppercase; } .account_settings .field_set .row input.field { width: 202px; padding: 3px; border: 1px solid #ffffff; } .account_settings .field_set .row input.field:focus, .account_settings .field_set .row select:focus { color: #026283; } .account_settings .field_set .row select.dropdown { width: 210px; } .account_settings .field_set .row select.dropdown_dd { width: 67px; } .account_settings .field_set .row select.dropdown_mm { width: 67px; } .account_settings .field_set .row select.dropdown_yyyy { width: 70px; } .account_settings .field_set .row textarea.textarea { width: 202px; height: 100px; padding: 4px; border: 1px solid #ffffff; } .account_settings .field_set .submit { display: block; float: left; padding: 15px 0px 5px 0px; } .affiliate_manager { width: 630px; height: auto !important; height: 100px; min-height: 100px; display: block; float: left; background: #f4d234; padding: 0px 0px 0px 0px; } .affiliate_manager ul.tabs { width: 630px; } .affiliate_manager .statistics { width: 330px; display: block; float: left; padding: 50px 0px 60px 20px; } .affiliate_manager .statistics h2 { color: #802504; padding: 0px 0px 5px 0px; } .affiliate_manager .statistics table { width: 330px; } .affiliate_manager .statistics table tr {} .affiliate_manager .statistics table tr td {} .affiliate_manager .statistics table tr td.total_label { width: 210px; color: #802504; text-align: right; font-weight: bold; font-size: 0.91em; text-transform: uppercase; background: #f28a10; padding: 0px 10px 0px 0px; border-bottom: 5px solid #f4d234; } .affiliate_manager .statistics table tr td.total_amount { width: 100px; color: #ffffff; font-size: 2.36em; font-weight: bold; background: #21738e; padding: 0px 0px 0px 10px; border-bottom: 5px solid #f4d234; } .affiliate_manager .free_tokens { width: 220px; display: block; float: left; padding: 50px 20px 40px 20px; } .affiliate_manager .free_tokens h2 { color: #802504; padding: 0px 0px 5px 0px; } .affiliate_manager .free_tokens p { font-size: 1.09em; } .affiliate_manager .free_tokens .code { width: 220px; display: block; text-align: center; } .affiliate_manager .free_tokens .code input { width: 218px; display: block; color: #d34311; font-size: 1em; font-weight: bold; text-align: center; background: #ffffff; padding: 8px 0px; border: 1px solid #ffffff; margin: 0px 0px 10px 0px; } .promotional_assets { width: 630px; display: block; float: left; background: #f4d234; padding: 0px 0px 0px 0px; } .promotional_assets ul.tabs { width: 630px; } .promotional_assets .information { width: 320px; display: block; float: left; background: #ebc516; padding: 15px 280px 15px 30px; } .promotional_assets .information h2 { color: #822504; font-size: 1.45em; text-transform: none; padding: 0px 0px 10px 0px; } .promotional_assets .information p { padding: 0px 0px 15px 0px; } .promotional_assets .information .sizes { color: #822504; text-transform: uppercase; } .promotional_assets .information .sizes p { padding: 0px; } .promotional_assets .banner_detail { width: 630px; display: block; float: left; background: #f4d234; padding: 0px 0px 20px 0px; } .promotional_assets .banner_detail .box_heading { background: #ca3400; } .promotional_assets .banner_detail .banner_preview { width: 630px; text-align: center; padding: 20px 0px; } .promotional_assets .banner_detail p { width: 630px; color: #822504; text-align: center; padding: 0px; } .promotional_assets .banner_detail .banner_code { width: 495px; padding: 20px 0px 10px 135px; } .promotional_assets .banner_detail .code_tabs { width: 495px; display: block; clear: both; } .promotional_assets .banner_detail .code_tabs ul { width: 360px; display: block; float: left; background: #ca3400; } .promotional_assets .banner_detail .code_tabs ul li { display: block; float: left; } .promotional_assets .banner_detail .code_tabs ul li a:link, .promotional_assets .banner_detail .code_tabs ul li a:visited { display: block; color: #ffffff; text-transform: uppercase; text-decoration: none; background: url(../images/tabs_delimiter.gif) repeat-y top right; padding: 5px 10px 5px 10px; } .promotional_assets .banner_detail .code_tabs ul li a:hover { background-color: #822504; } .promotional_assets .banner_detail .code_tabs ul li.active { background: #822504; } .promotional_assets .banner_detail .banner_code textarea { width: 350px; display: block; background: #ffffff; padding: 5px; border: none; } /****************************************************************************** * 8.0 Messages ******************************************************************************/ .messages_container { width: 630px; display: block; float: left; padding: 0px 10px 20px 10px; } .messages_container ul.tabs { width: 630px; } .messages_container ul.tabs .compose { display: block; float: right; font-size: 0.91em; text-transform: uppercase; padding: 0px 10px 0px 0px; } .messages_container ul.tabs .compose a:link, .messages_container ul.tabs .compose a:visited { width: auto; height: auto; float: left; text-decoration: underline; background: none; } .messages_container ul.tabs .compose a:hover { text-decoration: none; } .messages_detail_container { width: 630px; display: block; } .messages_header { width: 630px; display: block; float: left; background: #f4d234; } .messages_header .options { display: block; clear: both; padding: 10px 10px 0px 10px; } .messages_header .options .select { float: left; } .messages_header .options .search { float: right; } .messages_header .options .label { float: left; } .messages_header .options .label label { display: block; float: left; font-size: 0.91em; font-weight: bold; text-transform: uppercase; padding: 3px 10px 0px 0px; } .messages_header .options .field { float: left; } .messages_header .options .field select { width: 110px; } .messages_header .options .field select:focus { color: #10566c; } .messages_header .options .field input { width: 108px; padding: 1px 3px; border: 1px solid #ffffff; } .messages_header .options .field input:focus { color: #10566c; } .messages_header .options ul { list-style: none; } .messages_header .options ul li { float: left; } .messages_header .options ul li a:link, .messages_header .options ul li a:visited { float: left; font-size: 1.09em; text-decoration: underline; padding: 1px 0px 0px 15px; } .messages_header .options ul li a:hover { text-decoration: none; } .messages_header .pagination { clear: both; padding: 5px 0px 0px 0px; } .messages_body { display: block; clear: both; } .messages_body ul { list-style: none; padding: 10px 0px 0px 0px; } .messages_body ul li { padding: 0px 0px 10px 0px; } .messages_body ul li table {} .messages_body ul li table tr {} .messages_body ul li table tr td { height: 60px; background: #f4d234; padding: 4px 0px; border-top: 1px solid #b92f0d; border-bottom: 1px solid #b92f0d; } .messages_body ul li table tr td.nomessages { width: 620px; padding: 0px 0px 0px 10px; } .messages_body ul li table tr td.checkbox { width: 32px; text-align: center; padding: 0px 0px 0px 0px; } .messages_body ul li table tr td.image { width: 68px; } .messages_body ul li table tr td.image img { width: 60px; height: 60px; border: 4px solid #b92f0d; } .messages_body ul li table tr td.manager { width: 100px; padding: 0px 0px 0px 10px; } .messages_body ul li table tr td.manager a strong { width: 100px; display: block; overflow: hidden; text-decoration: none; text-transform: uppercase; } .messages_body ul li table tr td.manager a em { width: 100px; display: block; text-decoration: none; color: #000000; font-size: 0.91em; font-style: normal; } .messages_body ul li table tr td.message { width: 272px; padding: 10px 10px 10px 10px; } .messages_body ul li table tr td.message a strong { width: 272px; display: block; text-decoration: none; text-transform: uppercase; } .messages_body ul li table tr td.message a em { width: 272px; display: block; text-decoration: none; color: #000000; font-size: 1.09em; font-style: normal; } .messages_body ul li table tr td.buttons { width: 128px; } .messages_body ul li.unread table tr td { background: #e6bf08; } .messages_footer { width: 630px; display: block; float: left; background: #f4d234; } .message_detail_header { width: 600px; display: block; float: left;background: #f4d234; padding: 10px 15px; } .message_detail_header h2 { display: block; color: #822504; font-size: 1.20em; text-transform: none; } .message_detail_header em { display: block; font-size: 1.09em; font-style: normal; } .message_detail_body {} .message_detail_body ul { width: 630px; display: block; float: left; list-style: none; background: #e6bf08; border-top: 1px solid #b92f0d; } .message_detail_body ul li { width: 630px; display: block; float: left; border-bottom: 1px solid #b92f0d; } .message_detail_body ul li.even { background: #f4d234; } .message_detail_body ul li .lhs { width: 120px; display: block; float: left; padding: 15px; } .message_detail_body ul li .lhs a { width: 120px; display: block; text-decoration: none; } .message_detail_body ul li .lhs a .thumbnail { width: 79px; height: 79px; display: block; border: 4px solid #b92f0d; } .message_detail_body ul li .lhs a .thumbnail img { } .message_detail_body ul li .lhs a strong { display: block; } .message_detail_body ul li .lhs em { display: block; font-style: normal; } .message_detail_body ul li .rhs { width: 465px; display: block; float: left; font-size: 1.09em; padding: 15px 15px 0px 0px; } .message_detail_body ul li .rhs p { padding: 0px 0px 15px 0px; } .message_detail_footer { width: 630px; display: block; float: left; background: #70c4ca; } .message_detail_footer .lhs { width: 120px; display: block; float: left; padding: 15px; } .message_detail_footer .lhs a { display: block; text-decoration: none; } .message_detail_footer .lhs a .thumbnail { width: 79px; height: 79px; display: block; border: 4px solid #b92f0d; } .message_detail_footer .lhs a .thumbnail img { } .message_detail_footer .lhs a strong { display: block; } .message_detail_footer .lhs em { display: block; font-style: normal; } .message_detail_footer .rhs { width: 455px; display: block; float: left; padding: 15px 15px 15px 0px; } .message_detail_footer .rhs .textarea { position: relative; width: 455px; font-size: 1.09em; padding: 0px 0px 15px 0px; } .message_detail_footer .rhs .textarea .arrow { position: absolute; top: 0px; left: -36px; width: 36px; height: 72px; display: block; background: url(../images/overlay_arrow_message.gif) no-repeat 0px 0px; } .message_detail_footer .rhs .textarea textarea { width: 433px; height: 200px; padding: 10px; border: 1px solid #ffffff; } .message_compose { width: 615px; display: block; float: left; background: #70c4ca; padding: 15px 15px 15px 0px; } .message_compose .field { width: 615px; padding: 0px 0px 10px 0px; } .message_compose .field label { width: 140px; display: block; float: left; color: #822504; font-size: 1.09em; text-align: right; padding: 5px 10px 0px 0px; } .message_compose .field input { width: 455px; font-size: 1.09em; padding: 4px; border: 1px solid #ffffff; } .message_compose .field input:focus { color: #10566c; } .message_compose .field .ajax_dropdown div { top: 0px; left: 150px; width: 465px; } .message_compose .field .ajax_dropdown ul { width: 465px; font-size: 1.09em; text-transform: none; border-color: #70c4ca; } .message_compose .field .ajax_dropdown ul li { width: 465px; } .message_compose .field .ajax_dropdown ul li a { width: 465px; } .message_compose .textarea { position: relative; width: 465px; padding: 0px 0px 15px 150px; } .message_compose .textarea textarea { width: 443px; height: 200px; font-size: 1.09em; padding: 10px; border: 1px solid #ffffff; } .message_compose .textarea textarea:focus { color: #10566c; } .message_compose .textarea .arrow { position: absolute; top: 0px; left: 114px; width: 36px; height: 72px; display: block; background: url(../images/overlay_arrow_message.gif) no-repeat 0px 0px; } .message_compose .manager { position: absolute; top: 0px; left: 25px; width: 68px; height: 68px; display: block; } .message_compose .manager a { width: 120px; display: block; text-decoration: none; } .message_compose .manager a .thumbnail { width: 79px; height: 79px; display: block; border: 4px solid #b92f0d; } .message_compose .manager a .thumbnail img { } .message_compose .manager a strong { display: block; } .message_compose .buttons { display: block; padding: 0px 0px 0px 150px; } /****************************************************************************** * 9.0 Alerts ******************************************************************************/ .alerts_container { width: 630px; display: block; float: left; padding: 0px 10px 20px 10px; } table.alerts { width: 630px; } table.alerts td { background: #f8d73e; padding: 5px; border-top: 1px solid #b92f0d; border-bottom: 1px solid #b92f0d; } table.alerts td.image { width: 80px; } table.alerts td.image div { width: 60px; display: block; float: left; color: #f8d73e; font-size: 0.91em; text-align: center; text-transform: uppercase; background: #b92f0d; padding: 4px 4px 0px 4px; } table.alerts td.image img { width: 60px; height: 60px; } table.alerts td.image strong { width: 60px; height: 12px; display: block; overflow: hidden; line-height: 2em; padding: 0px 0px 8px 0px; } table.alerts td.detail { width: 290px; line-height: 1.15em; padding-top: 10px; } table.alerts td.detail strong {} table.alerts td.detail p { padding: 0px 0px 5px 0px; } table.alerts td.buttons { width: 230px; } table.alerts td.buttons ul { width: auto; display: block; float: left; list-style: none; } table.alerts td.buttons ul li { width: auto; display: block; float: left; padding: 5px 0px 0px 7px; } /****************************************************************************** * 10.0 Forums Overview / 10.1 Topics Overview / 10.2 Post Overview ******************************************************************************/ .forum_bbgames { width: 630px; display: block; float: left; padding: 0px 10px 8px 10px; } .forum_bbgames .text { display: block; float: left; color: #ffffff; font-size: 1.27em; line-height: 2.00em; padding: 0px 10px 0px 0px; } .forum_bbgames .text a:link, .forum_bbgames .text a:visited { color: #f4d234; text-decoration: underline; } .forum_bbgames .text a:hover { text-decoration: none; } .forum_bbgames .image { display: block; float: left; } .forum_container { width: 630px; display: block; float: left; padding: 0px 10px 0px 10px; } .forum_row { padding: 0px 0px 20px 0px; } .forum_row ul.tabs { width: 630px; } .forum_options { height: 35px; display: block; background: #f4d234; padding: 9px 0px 9px 8px; } .forum_options .buttons { display: block; float: left; } .forum_options .buttons div { float: left; } .forum_options .pagination { display: block; float: right; } table.forum_list { display: block; border-top: 1px solid #b92f0d; } table.forum_list td { height: 73px; font-size: 1.09em; background: #ebc516; border-bottom: 1px solid #b92f0d; } table.forum_list td.icon { width: 30px; padding: 0px 0px 0px 10px; } table.forum_list td.detail { width: 200px; padding: 0px 10px 0px 0px; } table.forum_list td.detail a { text-decoration: underline; } table.forum_list td.detail a:hover { text-decoration: none; } table.forum_list td.detail a.overview { display: block; text-decoration: none; padding: 5px 0px; } table.forum_list td.detail a.overview strong { text-transform: uppercase; text-decoration: underline; } table.forum_list td.detail a.overview:hover strong { text-decoration: none; } table.forum_list td.detail a.overview em { color: #000000; text-decoration: none; } table.forum_list td.detail em { font-style: normal; } table.forum_list td.detail .pages { font-size: 0.83em; padding: 0px 0px 0px 5px; } table.forum_list td.detail .pages a:link, table.forum_list td.detail .pages a:visited { text-decoration: none; } table.forum_list td.stats { width: 150px; font-weight: bold; } table.forum_list td.last { width: 220px; padding: 0px 10px 0px 0px; } table.forum_list td.last a:link, table.forum_list td.last a:visited { text-decoration: underline; } table.forum_list td.last a:hover { text-decoration: none; } table.forum_list td.last a.topic { display: block; } table.forum_list td.last strong {} table.forum_list td.last em { font-style: normal; font-weight: bold; } .forumTable { width: 630px; display: block; height: auto !important; height: 132px; min-height: 132px; background: #f4d234; } table.forum_posts { display: block; border-top: 1px solid #b92f0d; } table.forum_posts td { vertical-align: top; background: #ebc516; border-bottom: 1px solid #b92f0d; } table.forum_posts td.lhs { width: 120px; padding: 15px; } table.forum_posts td.lhs a { display: block; text-decoration: none; padding: 0px 0px 5px 0px; } table.forum_posts td.lhs a .thumbnail { width: 79px; height: 79px; display: block; border: 4px solid #b92f0d; } table.forum_posts td.lhs a .thumbnail img { } table.forum_posts td.lhs a strong { display: block; } table.forum_posts td.lhs em { display: block; font-style: normal; } table.forum_posts td.rhs { width: 465px; font-size: 1.09em; padding: 15px 15px 0px 0px; } table.forum_posts td.rhs a:link, table.forum_posts td.rhs a:visited { text-decoration: underline; } table.forum_posts td.rhs a:hover { text-decoration: none; } table.forum_posts td.rhs p { padding: 0px 0px 15px 0px; } table.forum_posts td.rhs hr { height: 3px; color: #b92f0d; background-color: #b92f0d; border: none; margin: 5px 0px; } table.forum_posts td.rhs .post_header { width: 465px; display: block; float: left; font-weight: bold; padding: 0px 0px 15px 0px; } table.forum_posts td.rhs .post_header ul { width: 465px; display: block; float: left; list-style: none; } table.forum_posts td.rhs .post_header ul li.date { display: block; float: left; } table.forum_posts td.rhs .post_header ul li.top { display: block; float: right; } table.forum_posts td.rhs .post { width: 465px; height: auto !important; height: 70px; min-height: 70px; display: block; overflow-x: hidden; float: left; } table.forum_posts td.rhs .post p.additions { font-style: italic; font-weight: bold; padding: 15px 0px; } table.forum_posts td.rhs .post_footer { width: 465px; display: block; float: left; font-weight: bold; padding: 0px 0px 15px 0px; } table.forum_posts td.rhs .post_footer ul { display: block; float: right; list-style: none; } table.forum_posts td.rhs .post_footer ul li { display: block; float: left; } table.forum_posts td.rhs .post_footer ul li a { display: block; float: left; padding: 0px 0px 0px 10px; } .forum_new_topic { width: 615px; display: block; overflow: auto; background: #70c4ca; padding: 15px 15px 15px 0px; } .forum_new_topic .topic { width: 465px; font-size: 0.91em; text-transform: uppercase; padding: 0px 0px 15px 150px; } .forum_new_topic .field { width: 615px; padding: 0px 0px 10px 0px; } .forum_new_topic .field label { width: 140px; display: block; float: left; color: #822504; font-size: 1.09em; text-align: right; padding: 5px 10px 0px 0px; } .forum_new_topic .field input { width: 455px; font-size: 1.09em; padding: 4px; border: 1px solid #ffffff; } .forum_new_topic .field input:focus { color: #10566c; } .forum_new_topic .textarea { position: relative; width: 465px; padding: 0px 0px 15px 150px; } .forum_new_topic .textarea textarea { width: 443px; height: 200px; font-size: 1.09em; padding: 10px; border: 1px solid #ffffff; } .forum_new_topic .textarea textarea:focus { color: #10566c; } .forum_new_topic .textarea .arrow { position: absolute; top: 0px; left: 114px; width: 36px; height: 72px; display: block; background: url(../images/overlay_arrow_message.gif) no-repeat 0px 0px; } .forum_new_topic .manager { position: absolute; top: 0px; left: 25px; width: 120px; display: block; } .forum_new_topic .manager a .thumbnail { width: 79px; height: 79px; display: block; border: 4px solid #b92f0d; } .forum_new_topic .manager a .thumbnail img { } .forum_new_topic .manager a strong { display: block; } .forum_new_topic .buttons { display: block; padding: 0px 0px 0px 150px; } table.forum_manage { width: 630px; clear: both; } table.forum_manage tr { background: #f4d234 url(../images/dline_brown.gif) repeat-x bottom left; padding: 0px 0px 1px 0px; } table.forum_manage tr th { text-align: left; padding: 5px; } table.forum_manage tr td { padding: 5px; } table.forum_manage tr.odd { background-color: #ebc516; } table.forum_manage tr.even { background-color: #f4d234; } table.forum_manage strong { display: block; padding: 0px 0px 0px 5px; } table.forum_manage em { display: block; padding: 0px 0px 0px 5px; } table.forum_manage td.edit { width: 60px; text-align: center; } table.forum_manage td.move_up { width: 60px; text-align: center; } table.forum_manage td.move_down { width: 60px; text-align: center; } table.forum_manage td.delete { width: 60px; text-align: center; } .forum_manage_edit { width: 630px; display: block; background: #f4d234; padding: 20px 0px 0px 0px; } .forum_manage_edit .row { width: 610px; display: block; padding: 0px 0px 5px 20px; } .forum_manage_edit .row label { width: 210px; display: block; color: #000000; font-size: 0.91em; font-weight: bold; text-transform: uppercase; } .forum_manage_edit .row input.field { width: 202px; padding: 3px; border: 1px solid #ffffff; } .forum_manage_edit .row input.field:focus, .forum_manage_edit .row select:focus { color: #026283; } .forum_manage_edit .row select.dropdown { width: 210px; } .forum_manage_edit .row select.dropdown_dd { width: 67px; } .forum_manage_edit .row select.dropdown_mm { width: 67px; } .forum_manage_edit .row select.dropdown_yyyy { width: 70px; } .forum_manage_edit .row textarea.textarea { width: 202px; height: 100px; padding: 4px; border: 1px solid #ffffff; } .forum_manage_edit .submit { display: block; padding: 10px 0px 10px 20px; } /****************************************************************************** * 11.0 Help / 11.1 Help Detail / 11.2 Getting Started ******************************************************************************/ .help_container { width: 680px; display: block; float: left; padding: 0px 10px 20px 10px; } table.help { width: 680px; background: #f4d234; } table.help td.heading { height: 30px; } table.help td.heading table { width: 680px; } table.help td.heading table td { height: 30px; } table.help td.heading table td ul.tabs { width: 400px; } table.help td.heading table td.search_label { width: 140px; text-align: right; background: #ca3400; } table.help td.heading table td.search_label label { display: block; color: #ffffff; font-size: 0.91em; text-transform: uppercase; padding: 1px 10px 0px 0px; } table.help td.heading table td.search_field { width: 140px; background: #ca3400; } table.help td.heading table td.search_field input { width: 125px; padding: 1px 3px; border: 1px solid #ffffff; } table.help td.heading table td.search_field input:focus { color: #10566c; } table.help td.lhs { width: 160px; height: 400px; vertical-align: top; background: #e6bf08; padding: 18px 10px 20px 10px; } table.help td.lhs ul { list-style: none; } table.help td.lhs ul li { width: 160px; display: block; float: left; clear: both; font-size: 1.09em; font-weight: bold; } table.help td.lhs ul li strong { color: #822504; padding: 1px 5px 0px 0px; } table.help td.lhs ul li a:link, table.help td.lhs ul li a:visited { line-height: 1.5em; text-decoration: underline; } table.help td.lhs ul li a:hover { text-decoration: none; } table.help td.rhs { width: 480px; height: 400px; vertical-align: top; font-size: 1.09em; padding: 20px 10px; } table.help td.rhs h2 { width: 460px; display: block; float: left; clear: both; font-size: 1.00em; text-transform: none; padding: 0px 10px 13px 10px; } table.help td.rhs h2 span { float: left; } table.help td.rhs h2 a.expand { float: right; } table.help td.rhs p { padding: 0px 10px 13px 10px; } table.help td.rhs a:link, table.help td.rhs a:visited { text-decoration: underline; } table.help td.rhs a:hover { text-decoration: none; } table.help td.rhs ul { list-style: none; } table.help td.rhs ul li {} table.help td.rhs ul li a.question { display: block; font-weight: bold; padding: 0px 10px 0px 10px; } table.help td.rhs ul li .answer { background: #e6bf08; padding: 10px 10px 10px 10px; border-top: 10px solid #f4d234; border-bottom: 10px solid #f4d234; } table.help td.rhs ul li .answer p { padding: 0px 0px 10px 0px; } .help_search_container { width: 250px; display: block; float: left; padding: 0px 0px 20px 10px; } .help_search { position: relative; background: #f4d234; } .help_search ul { list-style: none; } .help_search ul li { display: block; float: left; } .help_search ul li a { width: 230px; display: block; float: left; text-decoration: none; background: #e6bf08; padding: 8px 10px 9px 10px; } .help_search ul li a:hover { background-color: #ebcb11; } .help_search ul li.even a { background-color: #f4d234; } .help_search ul li.even a:hover { background-color: #f6db4a; } .help_search ul li strong { display: block; color: #822504; font-size: 1.09em; } .help_search ul li em { display: block; color: #b92f0d; font-size: 0.91em; font-weight: bold; font-style: normal; } /****************************************************************************** * 12.0 Mini-Games ******************************************************************************/ .minigames_container { width: 960px; height: auto; padding: 0px 0px 20px 0px; } .minigames_background { width: 938px; display: block; float: left; background: #006791; padding: 12px 11px 11px 11px; } .minigames_header { position: relative; width: 938px; height: 121px; display: block; background: url(../images/minigames_header.gif) no-repeat; } .minigames_header .ball { position: absolute; top: -32px; left: 329px; width: 92px; height: 32px; display: block; } .minigames_item { width: 938px; padding: 11px 0px 0px 0px; } .minigames_item table { width: 938px; } .minigames_item table tr {} .minigames_item table tr td { background: #f59601; } .minigames_item table tr td.image { width: 210px; padding: 13px; } .minigames_item table tr td.image img { width: 210px; height: 80px; display: block; float: left; border: 3px solid #ffffff; } .minigames_item table tr td .title { padding: 0px 0px 0px 0px; } .minigames_item table tr td p { font-size: 1.09em; padding: 5px 0px 0px 0px; } .minigames_item table tr td.btn_play { padding: 0px 50px; } .minigames_item table tr td.btn_play a { width: 136px; height: 0px; display: block; overflow: hidden; background: url(../images/btn_play.gif) no-repeat 0px 0px; padding: 87px 0px 0px 0px; } .minigames_item table tr td.btn_play a:hover { background-position: 0px -87px; } .minigames_game { width: 938px; text-align: center; background: #f59601; padding: 11px 0px; border-top: 11px solid #006791; } .minigames_game .game { margin: 0px auto; } .minigames_game .btn_back { width: 136px; height: 70px; display: block; margin: 0px auto; } .minigames_game .btn_back a { width: 136px; height: 0px; display: block; overflow: hidden; background: url(../images/btn_back.gif) no-repeat 0px 0px; padding: 70px 0px 0px 0px; } .minigames_game .btn_back a:hover { background-position: 0px -70px; } /****************************************************************************** * Layout Styles ******************************************************************************/ #container { position: relative; width: 970px; font-size: 0.69em; margin: 0px auto; } #header {} .logo { z-index: 2; position: absolute; top: 15px; left: 0px; width: 198px; height: 91px; display: block; } .logo img { display: none; } .logo a { width: 198px; height: 0px; display: block; overflow: hidden; background: url(../images/sokator442_logo.gif) no-repeat 0px 0px; padding: 91px 0px 0px 0px; } .banner { z-index: 1; position: absolute; top: 15px; left: 236px; width: 728px; height: 90px; display: block; } .navigation { z-index: 4; position: absolute; top: 130px; left: 0px; width: 964px; display: block; background: url(../images/nav_long_shadow_lhs.gif) no-repeat bottom left; padding: 0px 0px 0px 4px; } .navigation .rhs { background: url(../images/nav_long_shadow_rhs.gif) no-repeat bottom right; padding: 0px 4px 0px 0px; } .navigation .shadow { background: url(../images/nav_long_shadow_bottom.gif) repeat-x bottom left; padding: 0px 0px 9px 0px; } .navigation_short { background-image: url(../images/nav_short_shadow_lhs.gif); } .navigation_short .rhs { background-image: url(../images/nav_short_shadow_rhs.gif); } .navigation_short .shadow { background-image: url(../images/nav_short_shadow_bottom.gif); } .navigation .top { position: relative; width: 960px; height: 30px; display: block; color: #026283; line-height: 2.73em; font-weight: bold; background: #e4bd02 url(../images/nav_bk_top.gif) repeat-x 0px 0px; } .navigation .top h1 { float: left; clear: none; padding: 0px 0px 0px 10px; } .navigation .top p { float: left; clear: none; padding: 0px 0px 0px 18px; } .navigation .top p.omega { float: right; clear: none; padding: 0px 318px 0px 18px; } .navigation .top a { color: #822504; text-decoration: none; } .navigation .top a:hover { color: #b92f0d; } .navigation .top .icon_twitter, .navigation .top .icon_facebook { position: absolute; top: 7px; width: 16px; height: 16px; display: block; } .navigation .top .icon_twitter { right: 340px; } .navigation .top .icon_facebook { right: 315px; } .navigation .top .icon_twitter a, .navigation .top .icon_facebook a { width: 16px; height: 0px; display: block; overflow: hidden; padding: 16px 0px 0px 0px; } .navigation .top .icon_twitter a { background: url(../images/nav_top_icon_twitter.gif) no-repeat 0px 0px; } .navigation .top .icon_facebook a { background: url(../images/nav_top_icon_facebook.gif) no-repeat 0px 0px; } .navigation .bottom { width: 960px; height: 32px; display: block; background: url(../images/nav_bk_bottom.gif) repeat-x 0px 0px; } .navigation .bottom ul { display: block; float: left; clear: both; list-style: none; } .navigation .bottom ul li { position: relative; display: block; float: left; } .navigation .bottom ul li a { display: block; float: left; color: #ffffff; font-size: 0.91em; font-weight: bold; line-height: 3.20em; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase; background: url(../images/nav_bottom_delimiter.gif) no-repeat top right; padding: 0px 17px 0px 15px; } .navigation .bottom ul li a:hover {} .navigation .bottom ul li.active { background: url(../images/nav_bk_bottom.gif) repeat-x bottom left; } .navigation .bottom ul li:hover { cursor: pointer; background: url(../images/nav_bk_bottom.gif) repeat-x bottom left; } .navigation .bottom ul li:hover ul { position: absolute; top: 32px; left: 0px; width: 170px; display: block; background: #bf3202 url(../images/nav_bk_drop.gif) repeat-x 0px 0px; padding: 9px 0px 2px 0px; } .navigation .bottom ul li ul { display: none; } .navigation .bottom ul li ul li { width: 170px; display: block; float: none; background-image: none; padding: 0px; } .navigation .bottom ul li ul li:hover { background-image: none; } .navigation .bottom ul li ul li a { width: 142px; display: block; float: none; line-height: 1.27em; background: none; padding: 4px 10px 4px 18px; } .navigation .bottom ul li ul li a:hover { background: #822504; } .game_status { z-index: 5; position: absolute; top: 115px; left: 660px; width: 304px; height: auto; display: block; font-size: 0.91em; text-transform: uppercase; } .game_status .lhs { display: block; float: left; /*background: url(../images/game_status_bk_lhs.gif) no-repeat bottom left;*/ padding: 0px 0px 0px 4px; } .game_status .rhs { display: block; float: left; /*background: url(../images/game_status_bk_rhs.gif) no-repeat bottom right;*/ padding: 0px 4px 0px 0px; } .game_status .mid { display: block; float: left; /*background: url(../images/game_status_bk_mid.gif) repeat-x bottom left;*/ padding: 0px 0px 9px 0px; } .game_status .top_red { width: 300px; display: block; float: left; background: #b92f0d; } .game_status ul { width: 203px; display: block; float: left; list-style: none; padding: 1px 0px 6px 6px; } .game_status ul li { width: 198px; display: block; float: left; font-weight: bold; line-height: 1.60em; background: #ebc516; padding: 0px 0px 0px 5px; margin: 5px 0px 0px 0px; } .game_status ul li strong { color: #b92f0d; } .game_status .manager { width: 79px; height: 79px; display: block; float: left; padding: 6px; } .game_status .match_status { width: 283px; display: block; float: left; clear: both; font-weight: bold; padding: 2px 6px 2px 11px; } .game_status .match_status span { float: left; } .game_status .match_status strong { color: #ffffff; } .game_status .match_status a.change { float: right; color: #000000; font-weight: normal; text-decoration: underline; text-transform: lowercase; } .game_status .match_status a.change:hover { text-decoration: none; } .game_status .available { background: #3ec51a; } .game_status .unavailable { background: #ff0000; } .login_box { z-index: 5; position: absolute; top: 110px; left: 714px; width: 230px; height: 87px; display: block; background: #b92f0d; padding: 3px 0px 0px 0px; } .login_box .field { height: 19px; display: block; overflow: hidden; vertical-align: top; padding: 3px 0px 0px 6px; } .login_box .field input { width: 202px; height: 15px; color: #b92f0d; font-weight: bold; background: #ffffff; padding: 1px 7px; border: 1px solid #ffffff; margin: 0px; } .login_box .field input:focus { color: #026283; } .login_box .remember { float: left; font-size: 0.91em; padding: 0px 0px 3px 6px; } .login_box .remember label { cursor: pointer; display: block; float: left; color: #ffffff; padding: 2px 0px 0px 3px; } .login_box .remember .checkbox { height: 13px; display: block; float: left; vertical-align: top; padding: 2px 0px 0px 0px; } .login_box .remember .checkbox input { width: 13px; height: 13px; margin: 0px; } .login_box .forgot { float: right; font-size: 0.91em; } .login_box a:link, .login_box a:visited { display: block; color: #ffffff; font-weight: bold; text-decoration: underline; padding: 2px 6px 4px 0px; } .login_box a:hover { text-decoration: none; } .login_box .submit { padding: 0px 0px 6px 6px; } .login_box .submit input { width: 218px; height: 19px; color: #ffffff; font-size: 1.09em; font-weight: bold; background: #46bf04; padding: 0px; } .login_box .submit input:hover { cursor: pointer; color: #f4d234; } .login_box .error { width: 218px; font-weight: bold; color: #ffffff; background: #0d9ac5; padding: 3px 6px; } #content { z-index: 3; position: absolute; top: 192px; left: 0px; width: 968px; height: auto; display: block; } #content_nonav { z-index: 3; position: absolute; top: 160px; left: 0px; width: 968px; height: auto; display: block; } .min_height { width: 960px; height: auto !important; height: 450px; min-height: 450px; padding: 0px 4px; } .footer { display: block; float: left; background: url(../images/footer_bk_lhs.gif) no-repeat top left; padding: 0px 0px 10px 9px; } .footer .rhs { display: block; float: left; background: url(../images/footer_bk_rhs.gif) no-repeat top right; padding: 0px 9px 0px 0px; } .footer .mid { width: 950px; height: 30px; display: block; float: left; line-height: 2em; background: url(../images/footer_bk_mid.gif) repeat-x top left; } .footer p { float: left; padding: 0px 0px 0px 6px; } .footer ul { float: right; list-style: none; font-weight: bold; } .footer ul li { float: left; color: #660000; } .footer ul li a:link, .footer ul li a:visited { float: left; color: #660000; text-decoration: none; padding: 0px 6px; } .footer ul li a:hover { color: #b92f0d; }