/* all custom css be written here */ div, p, input[type=text], select, textarea { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } div.controls input[type=text], div.controls select, div.controls textarea { box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } /*body { background:#eee;background-image:url('/img/background.jpg');background-position-x: center; background-repeat: no-repeat;background-attachment:fixed; background-size: 100%;}*/ .container { width:1170px; } .inline { display:inline-block; vertical-align:top; } .underline { text-decoration:underline; } .hidden { display:none !important; } .header_panel { background:#1b1b1b; color:#fff; height:56px; padding-top:5px; position:relative;} .header_panel a { color:inherit; } .logo_area { margin-right:10px; } .coin_area { margin-right:15px; position:relative; left: -8px;} .menu_area { margin-right:185px;text-transform: uppercase; } .user_area.unregistered { position:absolute; right:34px; } .logo { background-image:url('/img/logo_backing.png'); width:170px; height:55px; position:relative; z-index:10;top:-3px; } .battle_stats_area { background-image:url('/img/battlestats_backing.png'); background-repeat:no-repeat; margin-left:20px; margin-top:-6px; padding:18px 5px 5px 0px; height:107px; width:121px; position:relative; z-index:5; } .stats_data { font-size:0.6em; text-transform:uppercase; text-align:center;} .stats_data > span:first-child {text-align:left; padding-right:10px;} .stats_data > span:first-child .biggerfont { font-size:1.1em; line-height:1em; } .stats_data > span:nth-child(2) { font-size:1.1em; line-height:1em; font-weight:bold;text-align:left; } a.greenlink { color:#14e31f; font-size:0.8em; } a.greenlink1 { color:#14e31f; font-size:1em; } a.registernowlink { font-size:1em; } /* TOP PANEL COINS/CASHIER CSS AREA */ .gold_coin a { color:#ffc000; vertical-align:baseline; line-height:1.9em; font-size:0.8em; } .silver_coin a { color:#d9d9d9; vertical-align:baseline; line-height:1.9em; font-size:0.8em; } .gold_coin .coin_gold, .silver_coin .coin_silver { background-image:url('/img/coin_gold.png'); background-repeat:no-repeat; background-position:0 1px; display:inline-block; width:20px; height:20px; margin-right:1px; cursor:pointer; vertical-align:baseline; } .silver_coin .coin_silver { background-image:url('/img/coin_silver.png'); } .gold_coin .coin_gold:hover { background-image:url('/img/coin_gold_glow.png'); } .silver_coin .coin_silver:hover { background-image:url('/img/coin_silver_glow.png'); } .coin_area .cashier_button_area { width:101px; height:40px; margin-top:0px; position:relative; z-index:5;top: -11px;left: 15px; } .coin_area .cashier_button { background: url('/img/Cashier.png') no-repeat 0 0; width: 93px; height: 27px; cursor:pointer; margin-top:10px; } .coin_area .cashier_button:hover { background: url('/img/Cashier.png') no-repeat 0 -31px; } .coin_area .cashier_button:active { background: url('/img/Cashier.png') no-repeat 0 -63px; } .gold_table, .silver_table { background-image:url('/img/coin_gold.png'); background-repeat:no-repeat; background-position:0 1px; display:inline-block; width:20px; height:20px; margin-right:1px; cursor:pointer; vertical-align:baseline; } .silver_table { background-image:url('/img/coin_silver.png'); } .gold_table:hover { background-image:url('/img/coin_gold_glow.png'); } .silver_table:hover { background-image:url('/img/coin_silver_glow.png'); } /* TOP PANEL MENU/DROPDOWN MENUS CSS AREA */ .menu_area > ul { margin-bottom:0; z-index:8; } .menu_area ul span { display:block; } .menu_area > ul > li { padding:0; /*height:30px;*/ border-left:1px solid #333; cursor:pointer; position:relative; } .menu_area > ul > li:hover { text-decoration:underline; } .menu_area > ul > li:last-child { border-right:1px solid #333; } .menu_area > ul ul { font-size:0.8em; line-height:1em; border-top:1px solid #252525; display:block; position:absolute; z-index:6; } .menu_area > ul > li > ul { top: 23px; padding-top:16px; border-top:none; left:0; display:none; } .menu_area ul li:hover > ul { display:block; } .menu_area > ul > li > ul > li > ul { display:none; } .menu_area > ul > li > ul > li:hover > ul { /*display:block;*/ } .menu_area > ul > li > ul > li > ul > li { position:relative; } .menu_area > ul > li > ul li { background:#5A90C2; position:relative; padding:3px 10px; box-shadow:0 3px 5px 0 #000; -moz-box-shadow:0 3px 5px 0 #000; -webkit-box-shadow:0 3px 5px 0 #000; } .menu_area > ul ul li span.chevy { position:absolute; right:10px; } .menu_area > ul ul li:hover { background:#1A42AA; } .menu_area .academy_sub > li { width:95px; } .menu_area .comm_sub > li { width:100%; z-index: 100;} .menu_area .clan_sub, .menu_area .friend_sub, .menu_area .blog_sub { position:absolute; left:95px; top:0; width:100px; } .menu_area .friend_sub { top:0px;} .menu_area .blog_sub { top:0px; } .logoff {position:absolute;right:23px;top:5px;right: 15px;top: 20px;} /* TOP PANEL CHAT ICONS CSS AREA */ .socialicons_area > div { margin-right:8px; } .icon_chat, .icon_friends, .icon_status { background-image:url('/img/icon_chat_green.png'); background-repeat:no-repeat; background-position:2px 1px; display:inline-block; width:27px; height:27px; cursor:pointer; } .icon_friends { background-image:url('/img/icon_friends_green.png'); } .icon_status { background-image:url('/img/icon_status_green.png'); } .icon_chat:hover { background-image:url('/img/icon_chat_green_hover.png'); background-position:-2px -3px; } .icon_friends:hover { background-image:url('/img/icon_friends_green_hover.png'); background-position:-2px -3px; } .icon_status:hover { background-image:url('/img/icon_status_green_hover.png'); background-position:-2px -3px; } .icon_chat:active { background-image:url('/img/icon_chat_green_click.png'); background-position:-2px -3px; } .icon_friends:active { background-image:url('/img/icon_friends_green_click.png'); background-position:-2px -3px; } .icon_status:active { background-image:url('/img/icon_status_green_click.png'); background-position:-2px -3px; } .icon_chat.offline { background-image:url('/img/icon_chat_grey.png'); } .icon_friends.offline { background-image:url('/img/icon_friends_grey.png'); } .icon_status.offline { background-image:url('/img/icon_status_grey.png'); } .icon_chat.offline:hover { background-image:url('/img/icon_chat_grey_hover.png'); } .icon_friends.offline:hover { background-image:url('/img/icon_friends_grey_hover.png'); } .icon_status.offline:hover { background-image:url('/img/icon_status_grey_hover.png'); } .icon_chat.offline:active { background-image:url('/img/icon_chat_grey_click.png'); } .icon_friends.offline:active { background-image:url('/img/icon_friends_grey_click.png'); } .icon_status.offline:active { background-image:url('/img/icon_status_grey_click.png'); } .icon_status.offline:active,.icon_status.offline:hover { background-position:-1px -3px !important;} .user_area > div:last-child {padding:0 10px; border-left:1px solid #333; margin-left:10px; } .user_area .user_name_area { position:relative; z-index:6;cursor:pointer;} .user_area .user_name_area:hover {text-decoration: underline;} .user_area ul.dropmenu_area { margin-left:-4px; display:none; list-style-type:none;position:absolute;width:90px;} .user_area ul.dropmenu_area li { background-color:#1b1b1b; font-size:0.8em; padding:3px 10px; box-shadow:0 3px 5px 0 #000; -moz-box-shadow:0 3px 5px 0 #000; -webkit-box-shadow:0 3px 5px 0 #000; cursor:pointer; } .user_area ul.dropmenu_area li:hover { background-color:#000;} .user_area .user_name_area:hover .dropmenu_area { display:block; } /* PRIZE SLIDER CSS AREA */ .prize_slider_area { background-image:url('/img/Prize_Slider_Non-full_width_Bounding_Box.png'); background-repeat:no-repeat; height:315px; position:relative; padding-top:30px; } .start_match_button, .goto_match_button {no-repeat 0 0; cursor:pointer; position:absolute; left:50%; margin-left:-62px; top:190px; z-index:10; } .start_match_button a { display:block; } .start_match_button a:hover, .start_match_button a:focus { text-decoration:none; } .start_match_button:hover { background:url('/img/Start_Match__small_.png') no-repeat 0 -133px; } .start_match_button:active { background:url('/img/Start_Match__small_.png') no-repeat 0 -263px;} /* .start_match_button.unregistered { background:url('/img/Register_Now_small.png') no-repeat 0 0; } .start_match_button.unregistered:hover { background:url('/img/Register_Now_small.png') no-repeat 0 -130px; } .start_match_button.unregistered:active { background:url('/img/Register_Now_small.png') no-repeat 0 -262px; }*/ .start_match_button .unregistered {background:url('/img/Register_Now_.png') no-repeat 0 -5px !important; } .start_match_button .unregistered:hover { background:url('/img/Register_Now_.png') no-repeat 0 -175px !important; } .start_match_button .unregistered:active { background:url('/img/Register_Now_.png') no-repeat 0 -348px !important; } /*.goto_match_button { width:123px; height:123px; background: url('/img/togamesmall.png') no-repeat 0 0; cursor:pointer; position:absolute; left:50%; margin-left:-62px; top:190px; z-index:10; } .goto_match_button a { width:123px; height:123px; display:block; } .goto_match_button a:hover, .goto_match_button a:focus { text-decoration:none; } .goto_match_button:hover { background: url('/img/togamesmall.png') no-repeat 0 -131px; } .goto_match_button:active { background: url('/img/togamesmall.png') no-repeat 0 -262px; } */ .goto_match_button { width: 181px;height: 171px; margin-left: -85px; margin-top: -21px; top:215px; background: url('/img/togamesmall.png') no-repeat 0 -5px; } .goto_match_button a, .prize_slider_area .start_match_button a { display:block;width:100%; height:100%; } .goto_match_button a:hover, .goto_match_button a:focus { text-decoration:none; } .goto_match_button:hover { background: url('/img/togamesmall.png') no-repeat 0 -175px; } .goto_match_button:active { background: url('/img/togamesmall.png') no-repeat 0 -346px; } .prize_slider_area .slider_arrow_left, .prize_slider_area .slider_arrow_right { width:30px; height:26px; cursor:pointer; position:absolute; background-repeat:no-repeat; background-image:url('/img/prize_slider_arrows_left.png'); background-position:left center; top:117px; left:240px; } .prize_slider_area .slider_arrow_left:hover { background-image:url('/img/prize_slider_arrows_left_hover.png'); } .prize_slider_area .slider_arrow_left:active { background-image:url('/img/prize_slider_arrows_left_click.png'); } .prize_slider_area .slider_arrow_right { background-image:url('/img/prize_slider_arrows_right.png'); background-position:right center; left:898px; } .prize_slider_area .slider_arrow_right:hover { background-image:url('/img/prize_slider_arrows_right_hover.png'); } .prize_slider_area .slider_arrow_right:active { background-image:url('/img/prize_slider_arrows_right_click.png'); } .prize_slider_area .slider_area { width:570px; height:160px; background-image:url('/img/prize_slider_pics_area.png'); background-repeat:no-repeat; position:absolute; top:55px; left:300px; } .prize_slider_area .slider_vipshop { background: url('/img/VIPShopBtn.png') no-repeat 0 0; width: 72px; height: 22px;cursor:pointer; position:absolute; left:930px; top:120px; } .prize_slider_area .slider_vipshop:hover { background: url('/img/VIPShopBtn.png') no-repeat 0 -24px;} .prize_slider_area .slider_vipshop:active { background: url('/img/VIPShopBtn.png') no-repeat 0 -50px} .cloudcarousel {border-radius:10px;} /* HERO PIC BOX CSS AREA */ .hero_pic_area {border: 1px solid #999;background-color:white;background-repeat:no-repeat; width:972px; height:490px; margin:66px auto 0 auto; position:relative; } .hero_quote_share, .hero_quote_refresh { background-repeat:no-repeat; background-position:center center; width:28px; height:28px; display:inline-block; vertical-align:top; cursor:pointer; background-image:url('/img/hero_quote_share.png'); position: relative;top: -2px;margin-right: -3px;} .hero_quote_share:hover { background-image:url('/img/hero_quote_share_hover.png'); } .hero_quote_share:active { background-image:url('/img/hero_quote_share_click.png'); } .hero_quote_share { margin-top:0 !important;margin-left:5px;} .hero_quote_refresh { background-image:url('/img/hero_quote_refresh.png'); } .hero_quote_refresh:hover { background-image:url('/img/hero_quote_refresh_hover.png'); } .hero_quote_refresh:active { background-image:url('/img/hero_quote_refresh_click.png'); } .tournament_start_button { display:block;text-decoration:none;outline:none;margin: 0 auto; background-repeat:no-repeat; width:163px; height:60px; cursor:pointer; background:url('/img/StartBattle.png') no-repeat 0 0; } .tournament_start_button:hover { background:url('/img/StartBattle.png') no-repeat 0 -60px; } .tournament_start_button:active { background:url('/img/StartBattle.png') no-repeat 0 -119px; } .hero_sponsor_area { text-align:center;width:660px; height:60px; margin:auto; padding-top:9px; padding-left:14px; } .hero_sponsor_area img { vertical-align:middle; margin-right:27px;padding-right:50px; } .hero_sponsor_area img:last-child { margin-right:0; } .tour_heroshot {background-color: rgb(80, 81, 82);width:300px;padding: 8px;opacity: 0.9;border-radius: 15px;} .invite-friends { margin-left: 19px !important;width: 593px !important;text-transform: uppercase;} .invite-friends span {text-transform: none; font-weight: 100; font-size: 0.9em; font-style: italic; } /* QUOTE-CITATE AREA */ .dropmenu_citate {border:none;display:none;margin-left:-41px;margin-top: 5px;cursor: pointer;list-style-type: none;width:250px;z-index: 100; position: absolute;} .hero_quote_share:hover .dropmenu_citate {display:block;} .hero_quote_share .dropmenu_citate li {display:inline-block;} #share_button img {background: url('/img/Social_Media_Icons_for_Share_Quote_Module.png') no-repeat 0 -37px; width: 32px; height: 32px;} #share_button img:hover {background: url('/img/Social_Media_Icons_for_Share_Quote_Module.png') no-repeat 0 0; width: 32px; height: 32px;} #share_button img:active {background: url('/img/Social_Media_Icons_for_Share_Quote_Module.png') no-repeat 0 -74px; width: 32px; height: 32px;} #share_button {border: none; outline: none; text-decoration:none;} #vk_share_button img { background: url('/img/Social_Media_Icons_for_Share_Quote_Module.png') no-repeat -42px -37px; width: 32px; height: 32px;} #vk_share_button img:hover{ background: url('/img/Social_Media_Icons_for_Share_Quote_Module.png') no-repeat -42px 0; width: 32px; height: 32px;} #vk_share_button img:active{ background: url('/img/Social_Media_Icons_for_Share_Quote_Module.png') no-repeat -42px -74px; width: 32px; height: 32px;} #custom-tweet-button img {background: url('/img/Social_Media_Icons_for_Share_Quote_Module.png') no-repeat -84px -37px; width: 32px; height: 32px; } #custom-tweet-button img:hover {background: url('/img/Social_Media_Icons_for_Share_Quote_Module.png') no-repeat -84px 0; width: 32px; height: 32px; } #custom-tweet-button img:active {background: url('/img/Social_Media_Icons_for_Share_Quote_Module.png') no-repeat -84px -74px; width: 32px; height: 32px; } /* STREAM SLIDER + CHAT CSS AREA */ .chat_catchment_area { /*width:100%;*/ } .streamslider_chat_area { width:995px; margin:auto; position:relative;margin-bottom: -16px; } /* STREAM SLIDER CSS AREA */ .streamslider_area { margin-left: 26px;display:inline-block; vertical-align:top; border:1px solid #eee; width:630px;height:627px; background:#fff;transition:width 1s; -webkit-transition:width 1s; -moz-transition:width 1s; } .streamslider_area.expanded { width:965px;/*100%*/ height: 840px; /*background-image:url('/img/streamslider_area_bg_ctr_expand.png'),url('/img/streamslider_area_bg_left.png'),url('/img/streamslider_area_bg_right.png');*/ } .streamslider_area .ribbon_area { width:654px;/* -6px of streamslider_area's width */ height:92px; position:relative; padding:7px 30px; margin-top:8px; background-image:url('/img/streamslider_ribbon_bg_ctr.png'),url('/img/streamslider_ribbon_bg_left.png'),url('/img/streamslider_ribbon_bg_right.png'); background-repeat:repeat,no-repeat,no-repeat; background-position:center,left,right; transition:width 1s; -webkit-transition:width 1s; -moz-transition:width 1s;margin-left: -14px; } .streamslider_area.expanded .ribbon_area { width:989px; } .streamslider_area .ribbon_area p { font-size:0.8em; line-height:1.2em; } .streamslider_area .ribbon_area .viewer_stats { position:absolute; right:40px; top:15px; color:#3f773d; } .streamslider_area .ribbon_area .viewer_stats span { font-size:1.4em; line-height:1.4em; color:#31be2c; } .streamslider_area .selected_stream_pic { /*margin:-6px 15px 0px;*/height: 381px; } .streamslider_area .selected_stream_pic img { text-align:center; } .streamslider_area .streamslider_inner_area { text-align:center; margin:2px 0 6px; padding:0 5px; overflow:hidden; height:116px; } .streamslider_area .streamslider_inner_area .streamslider_inner_item { display:inline-block; vertical-align:top; border:1px solid #fff; margin:0 0 10px; transition:margin 1s; -webkit-transition:margin 1s; -moz-transition:margin 1s; } .streamslider_area.expanded .streamslider_inner_area .streamslider_inner_item { margin:0 6.3px 10px; } .streamslider_area .streamslider_inner_area .streamslider_inner_item:hover { background-color:#eee; } .streamslider_area .streamslider_inner_area .streamslider_inner_item.selected { border:1px solid #000; } .streamslider_area .streamslider_inner_area .streamslider_inner_item p { font-size:0.9em; line-height:1.1em; padding:3px 2px; margin-bottom:2px; color:#8e8e8e; } .streamslider_area .streamslider_inner_area .streamslider_inner_item p:hover { /*text-decoration:underline;*/ } .streamslider_area .streamslider_inner_area .streamslider_inner_item.selected p, .streamslider_area .streamslider_inner_area .streamslider_inner_item.selected p .greentext { color:#515151 !important; font-weight:bold !important; } .streamslider_area .streamslider_inner_area .streamslider_inner_item strong { display:block; color:#000;height:40px;overflow:hidden; } .streamslider_area .streamslider_inner_area .streamslider_inner_item .greentext { color:#3ac135; } .streamslider_area .slider_buttons_area { margin:0px 15px 0px; text-align:center; } .streamslider_area .slider_buttons_area .roundbutton { display:inline-block; vertical-align:top; width:19px; height:18px; cursor:pointer; background-image:url('/img/streamslider_rdbutton.png'); background-repeat:no-repeat; background-position:center 0; } .streamslider_area .slider_buttons_area .roundbutton:hover { background-image:url('/img/streamslider_rdbutton_hover.png'); } .streamslider_area .slider_buttons_area .roundbutton.selected { background-image:url('/img/streamslider_rdbutton_selected.png'); } .streamslider_inner_item {width:120px;text-align: center;} .nonselected{display:none;} .streamslider_inner_item p {overflow: hidden;} .streamslider_inner_item img {width:70px;height:53px;} #bigpicstreams1 h4 { overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .streamslider_area div h4 { font-size:1.2em;width:460px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .streamslider_area div { text-align: left;} .bigunder { position: relative;top: 209px;} /* CHATBOX CSS AREA */ .chat_area { background-image: url('/img/chat_area_bg.png');background-repeat: no-repeat;display:inline-block; vertical-align:top; width:320px; height:645px; margin-left:7px; padding:13px 0; position:absolute; right:5px; } .chat_area.mini { background-image:url('/img/chat_area_bg_mini.png'); width:50px; top:0; } .chat_area.mini .chat_title_area h4 { display:none; } .chat_area .top_panel_area > div { display:inline-block; vertical-align:top; } .chat_area .top_panel_area .chat_tab_area { background-image:url('/img/chat_tab_bg.png'); background-repeat:no-repeat; width:36px; height:72px; margin-right:5px; padding:10px 8px; } .chat_area .top_panel_area .chat_tab_area .hide_icon, .chat_area .top_panel_area .chat_tab_area .maximise_icon { display:block; width:20px; height:20px; background-position:0 0; margin-bottom:8px; cursor:pointer; background-image:url('/img/chat_tab_icons.png'); background-repeat:no-repeat; } .chat_area.mini .top_panel_area .chat_tab_area .hide_icon, .chat_area.mini .top_panel_area .chat_tab_area .maximise_icon { background-image:url('/img/chat_tab_icons_white.png'); } .chat_area .top_panel_area .chat_tab_area .maximise_icon { text-decoration:none; background-position:0 -24px; margin-bottom:0px; } .chat_area .top_panel_area .chat_stats { position:relative; width:260px; } .chat_area.mini .top_panel_area .chat_stats { width:33px; margin-left:15px; margin-top:7px; } .chat_area .top_panel_area .chat_stats > div { display:inline-block; vertical-align:top; line-height:1.6em; cursor:pointer; } .chat_area.mini .top_panel_area .chat_stats > div { display:block; width:30px; margin:auto; text-align:center; font-size:0.8em; color:#888; } .chat_area .top_panel_area .chat_stats > div > .img_icon { display:inline-block; width:26px; height:26px; vertical-align:top; margin-right:0px; cursor:pointer; background-image:url('/img/icon_chat_green.png'); background-repeat:no-repeat; background-position:center center; } .chat_area .top_panel_area .chat_stats > div > .img_icon:hover { background-image:url('/img/icon_chat_green_hover.png'); } .chat_area .top_panel_area .chat_stats > div > .img_icon:active { background-image:url('/img/icon_chat_green_click.png'); } .chat_area .top_panel_area .chat_stats > div:first-child { margin-left:-3px; } .chat_area.mini .top_panel_area .chat_stats > div:first-child { margin-left:auto; } .chat_area .top_panel_area .chat_stats > div:last-child { position:absolute; right:10px; } .chat_area.mini .top_panel_area .chat_stats > div:last-child { position:relative; right:auto; } .chat_area .top_panel_area .chat_stats > div.chat_friends_stats > .img_icon { background-image:url('/img/icon_friends_green.png'); } .chat_area .top_panel_area .chat_stats > div.chat_friends_stats > .img_icon:hover { background-image:url('/img/icon_friends_green_hover.png'); } .chat_area .top_panel_area .chat_stats > div.chat_friends_stats > .img_icon:active { background-image:url('/img/icon_friends_green_click.png'); } .chat_area .top_panel_area .chat_stats > div.chat_online_stats > .img_icon { background-image:url('/img/icon_status_green.png'); } .chat_area .top_panel_area .chat_stats > div.chat_online_stats > .img_icon:hover { background-image:url('/img/icon_status_green_hover.png'); } .chat_area .top_panel_area .chat_stats > div.chat_online_stats > .img_icon:active { background-image:url('/img/icon_status_green_click.png'); } .chat_area .chat_message_area { width:295px; height:420px; margin:-8px 5px 0 16px; background-color:#F5ECEC; } .chat_area.mini .chat_message_area { display:none; } .chat_area .chat_message_area > div:first-child { padding:5px 20px; position:relative; } .chat_area .chat_message_area > div:first-child .chat_dropdownarrow_icon { width:14px; height:14px; position:absolute; left:22px; top:13px; background-image:url('/img/chat_dropdownarrow.png'); background-repeat:no-repeat; } .chat_area .chat_message_area div:first-child select, .chat_area .chat_message_area div:first-child .select_faux { margin-bottom:0; width:100%; color:#000; font-weight:bold; line-height:1.1em; background:none; border:none; padding-left:30px; background-image:url('/img/chat_dropdownarrow.png'); background-repeat:no-repeat; background-position:10px 8px;/*2px 8px*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; text-indent: 0.01px; text-overflow: ''; } .chat_area .chat_message_area div:first-child .select_faux { line-height:inherit; height:2.1em; background-image:none; padding-left:0; } .chat_area .chat_message_area div:first-child select { visibility:hidden; display:none; width:1px; height:1px; padding:0; } .chat_area .chat_message_area div:first-child .select_faux .chosen_faux { background-image:url('/img/chat_dropdownarrow.png'); background-repeat:no-repeat; background-position:10px 3px; padding-left:30px; } .chat_area .chat_message_area div:first-child .select_faux ul { background:rgb(255,255,255); width:90%; padding:5px; top:0; padding-top:2.1em; box-shadow:2px 2px 2px 0 #999; } .chat_area .chat_message_area div:first-child .select_faux ul li { padding:5px; font-weight:normal; } .chat_area .chat_message_area div:first-child .select_faux ul li:hover { background-color:#dfdfdf; } .chat_area .chat_message_area > div:first-child select:active, .chat_area .chat_message_area > div:first-child select:focus { outline:0; } .chat_area .chat_message_area > div:first-child select option { font-weight:normal; background:rgba(255,255,255,0.8); } .chat_area .chat_message_area .chat_messages { overflow-y:scroll;height:420px;border-top:1px solid #fff; padding-top:5px; } .chat_area .chat_message_area .chat_messages p { margin-bottom:0px; padding:5px 20px; font-size:0.9em; line-height:1.1em; } .chat_area .chat_entry_area { width:295px; margin:5px 5px 0 16px; } .chat_area.mini .chat_entry_area { display:none; } .chat_area .chat_entry_area textarea { width: 296px;border: 1px rgb(189, 189, 248) solid !important;box-shadow: 0 3px 2px rgba(0,0,0,.16);border-radius:0;margin-top:-4px; display:block; width:100%; height:88px; border:none; margin-bottom:0px; padding-top:5px; font-size:0.9em; line-height:1.1em; } .chat_area .chat_entry_area a.enterbutton { display:block; width:114px; height:32px; text-align:center; margin:auto; color:#000; padding-top:6px; font-weight:bold; text-transform:uppercase; text-decoration:none; background-image:url('/img/chat_enterbutton.png'); background-repeat:no-repeat; background-position:center 30%; } .chat_area .chat_entry_area a.enterbutton:hover { text-decoration:none; background-image:url('/img/chat_enterbutton_hover.png'); } .chat_area .chat_entry_area a.enterbutton:active { background-image:url('/img/chat_enterbutton_click.png'); } .chat_area .chat_entry_area textarea:focus { box-shadow: 0 1px 2px rgba(0,0,0,.16) !important;} /* 3 BOXES CONTENT CSS AREA */ .content_section_area { width:970px; margin:0 auto; } .content_section_area h2 { margin-bottom:0; padding:0 13px; } .content_section_area h2:hover { text-decoration:underline; } .three_box_area { width:970px; } .three_box_area > div { width:33%; padding:0 15px; display:inline-block; } .three_box_area > div img { width:296px;margin-bottom:10px; border:3px solid #cdcdcd; } .three_box_area > div p { margin:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-overflow: ellipsis; } .three_box_area > div p.sub_caption { font-size:0.9em; color:#6a6a6a; } .three_box_area > div p.sub_caption a { color:#08c; text-decoration:underline; } .orangetitle a { display:inline-block;vertical-align:top;font-weight:normal;height:58px;overflow: hidden;text-overflow: ellipsis;} .orangetitle:hover a { text-decoration:underline; } .enroll_button { background-image:url('/img/enroll_button.png'); background-repeat:no-repeat; color:#fff; display:block; width:88px; height:32px; } .enroll_button:hover { background-image:url('/img/enroll_button_hover.png'); text-decoration:none; } .enroll_button:active { background-image:url('/img/enroll_button_click.png'); } hr { border-top:2px solid #bebebe; width:970px; margin:60px auto; } .orangetitle_t a { font-weight:normal;height:38px;overflow: hidden;text-overflow: ellipsis;} .orangetitle_t:hover a { text-decoration:none; } .news_tour {background-color: #fff;border: 1px solid #999;padding:5px 0 30px 0;border-bottom:0;margin-top: -20px;} /* START BATTLE CSS AREA */ .start_battle_area { background-image:url('/img/start_battle_area_base.png'); background-repeat:no-repeat; height:340px; /*margin-top:60px;*/ margin-bottom:130px; position:relative; } .start_battle_content { background-image:url('/img/x5.png'); background-repeat:no-repeat; height:340px; padding:0 252px; } .start_battle_content > div { display:inline-block; vertical-align:top; width:250px; height:220px; margin-right:150px; margin-top:18px; /*background-image:url('/img/select_box_bg.png'); background-repeat:no-repeat;*/ } .start_battle_content > div.choose_type_area { margin-right:0; } .start_battle_content > div > h4 { color:#ff540b; padding-left:10px; } .start_battle_content > div > div { width:250px; height:215px; background-image:url('/img/select_box_bg.png'); background-repeat:no-repeat; } .start_battle_content > div > div.focus { border-radius:15px; box-shadow:0 0 10px 0px #F69012, 0 0 1px 4px #F69012 inset; -moz-box-shadow:0 0 10px 0px #F69012, 0 0 1px 4px #F69012 inset; -webkit-box-shadow:0 0 10px 0px #F69012, 0 0 1px 4px #F69012 inset; } .start_battle_content > div > div select { height:89%; width:97%; /*padding-top:8px; padding-bottom:8px;*/ margin-top:8px; background:none; border:none; font-size:1.4em; color:#fff; } .start_battle_content > div > div select:focus { outline:0; } .start_battle_content > div > div select option { padding:5px 3px 5px 15px; border-bottom:1px solid #222; } .start_battle_content > div > div select option:selected, .start_battle_content > div > div select option:active, .start_battle_content > div > div select option:focus { background-color:#d3471b !important; /* this is not working */ } .start_match_button { background: url('/img/Start_Match__big_.png') no-repeat 0 0;width: 181px;height: 171px; margin-left:-90px; top:215px; } .start_match_button:hover { background: url('/img/Start_Match__big_.png') no-repeat 0 -178px; } .start_match_button:active { background: url('/img/Start_Match__big_.png') no-repeat 0 -358px; } .unregbig { height: 170px !important; margin-left: -85px !important;margin-top: -19px !important;background:url('/img/Register_Now_.png') no-repeat 0 -5px !important; } .unregbig:hover { background:url('/img/Register_Now_.png') no-repeat 0 -175px !important; } .unregbig:active { background:url('/img/Register_Now_.png') no-repeat 0 -348px !important; } .big_top_button { margin-left: -84px;margin-top: -21px;} .prize_slider_area .start_match_button { background: url('/img/Start_Match__big_.png') no-repeat 0 0;width: 181px;height: 178px; margin-left:-89px; margin-top:-25px; top:215px; } .prize_slider_area .start_match_button:hover { background: url('/img/Start_Match__big_.png') no-repeat 0 -178px; } .prize_slider_area .start_match_button:active { background: url('/img/Start_Match__big_.png') no-repeat 0 -358px; } /* HALL OF FAME CSS AREA */ .column_fame { width:450px;float:left;} .halloffame_featured_area { width:970px; margin:auto; } .halloffame_area:nth-child(odd){ margin-right:60px;} .halloffame_area { margin-bottom:20px;display:inline-block; vertical-align:top; background: #fff; width:970px; height:465px; padding:10px 15px;border: 1px solid #999; } .halloffame_area .list_area { height:345px; width:383px; margin-bottom:10px; overflow-y:scroll; overflow-x:hidden; } .halloffame_area .list_area .list_item { width:363px;/*330px*/ padding-top:12px; padding-bottom:8px; border-bottom:1px solid #d1d4dc; } .halloffame_area .list_area .list_item:first-child { } .halloffame_area .list_area .list_item:last-child { border-bottom:none; } .halloffame_area .list_area .list_item > img { margin-right:10px; } .halloffame_area .list_area .list_item > div > p { margin-bottom:2px; } .halloffame_area .list_area .list_item > div > p.sub_caption { color:#6a6a6a; } .nick_top { width:185px;text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap;overflow:hidden;} .hall_number { display:inline-block;font-size:25px;top: 20px;position:relative;width:35px;text-align:center;} /* FEATURED CSS AREA */ .featured_area { display:inline-block; vertical-align:top; width:550px; height:390px; padding:10px 8px 10px 28px; } .featured_area .list_area { height:260px; margin-bottom:10px; } .featured_area .list_area .list_item { display:inline-block; vertical-align:top; width:245px;/*250*/ margin-right:10px; } .featured_area .list_area .list_item:last-child { margin-right:0; } .featured_area .list_area .list_item img { border:3px solid #cecece; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .featured_area .list_area .list_item h4 { font-weight:bold; margin-bottom:5px; } .featured_area .list_area .list_item h4:hover { text-decoration:none; } .featured_area .list_area .list_item a { color:#565656; } /* ADVERT CSS AREA */ .advert_area { width:1010px; margin:auto; text-align:center;} .advert_area > div { display:inline-block; vertical-align:top; width:42%; text-align:center;background-color: rgba(244, 250, 255, 0.6);border-radius:3px;border:2px solid rgb(205, 205, 252); } .advert_area > div:hover { border:2px solid rgb(203, 203, 255);background-color: rgba(244, 250, 255, 0.7);} /* FOOTER CSS AREA */ .partners_area { width:970px; margin:auto; margin-bottom:60px; } .footer-area { width:1170px; background:#000; color:#fff; height:130px; padding:10px; } .footer-area > div { display:inline-block; vertical-align:top; } .footer_menu_area { padding-top:23px; width:750px; } .footer_menu_area ul { margin-bottom:0; } .footer_menu_area ul li { padding:0px 10px; border-right:1px solid #333; font-size:0.7em; } .footer_menu_area ul li:first-child { padding-left:0; } .footer_menu_area ul li:last-child { border-right:none; } .footer_menu_area ul li a { color:inherit; } .footer_menu_area .copyright_note { font-size:0.7em; color:#535353; } .social_area { padding-top:23px; font-size:0.7em; } .social_area .fb_icon, .social_area .vk_icon, .social_area .twit_icon { text-decoration:none;background-image:url('/img/social_icons.png'); background-position:0 0; background-repeat:no-repeat; width:25px; height:23px; display:inline-block; margin-left:8px; } .social_area .fb_icon:hover, .social_area .vk_icon:hover, .social_area .twit_icon:hover { background-image:url('/img/social_icons_hover.png'); } .social_area .fb_icon:active, .social_area .vk_icon:active, .social_area .twit_icon:active { background-image:url('/img/social_icons_click.png'); } .social_area .fb_icon { margin-left:15px; width:24px; } .social_area .vk_icon { background-position:-23px 0; } .social_area .twit_icon { background-position:-48px 0; } .lang_select_area { background-image:url('/img/lang_select_bg.png'); background-repeat:no-repeat; width:160px; height:25px; margin-top:20px; margin-left:-5px; } .lang_select_area select, .lang_select_area .select_faux { background:none; border:none; color:#fff; font-size:1.2em; line-height:1.4em; width:156px; appearance:none; -moz-appearance:none; -webkit-appearance:none; text-indent: 0.01px; text-overflow: ''; padding:4px 0 4px 30px; } .lang_select_area .select_faux { } .lang_select_area .select_faux ul { bottom:1.0em; padding-bottom:7px; padding-top:15px; left:2px; background-image:url('/img/lang_select_bg_dropdown.png'); background-repeat:no-repeat; background-position:center top; width:100%; height:auto; } .lang_select_area .select_faux ul li { /*background-color:#1b1b1b;*/ padding-left:27px; } .lang_select_area .select_faux ul li:hover { background-color:#000; } .lang_select_area select { display:none; } .lang_select_area select option { padding-left:28px; } .lang_select_area select:active, .lang_select_area select option:active { outline:none; } /* ROOM PANEL CSS AREA */ .room_area { width:975px; margin:20px auto; /*background-image:url('/img/room_area_bg.png'); background-repeat:no-repeat;*/ min-height:557px; padding:15px 0px;/*15px 18px*/ } .room_area h4:first-child { margin-bottom:15px; margin-top:0px; width:936px; } .room_content_area { /*width:936px;*/ height:495px;/*449px*/ /*background-image:url('/img/room_content_bg.png'); background-repeat:no-repeat;*/ } .italic { font-style:italic; } .italic { font-style:italic; } .room_area .send_replay_button, .room_area .download_file_button, .room_area .report_button { display:inline-block; vertical-align:top; width:189px; height:33px; background: url('/img/triple_load.png') no-repeat 0 0; cursor:pointer; } .room_area .report_button { background-image:url('/img/new_rep.png'); margin-left:15px; position:relative; z-index:10; } .room_area .send_replay_button:hover { background: url('/img/triple_load.png') no-repeat 0 -35px; } .room_area .send_replay_button:active { background: url('/img/triple_load.png') no-repeat 0 -70px; } .room_area .send_replay_button input { width: 100%;position: relative;top: -30px;cursor:pointer;} .room_area .download_file_button { background-image:none; } .room_area .download_file_button:hover { background-image:none; } .room_area .download_file_button:active { background-image:none; } .room_area .download_file_button input {opacity: 1.0} /*.room_area .report_button:hover { background-image:url('/img/report_button_hover.png'); } .room_area .report_button:active { background-image:url('/img/report_button_click.png'); }*/ .room_area .report_button .chosen_faux { line-height:1.8em; color:#0500cc; font-size:0.8em; font-weight:bold; height:25px; } .room_area .report_button .chosen_faux .initbanner { /*background-image:url('/img/report_button_initspan.png');*/ background-repeat:no-repeat; background-position:52px 2px; height:25px; width:90%; display:inline-block; } .room_area .report_button ul { display:none; background-image:url('/img/new-rep2.png'),url('/img/new_rep3.png'); background-repeat:no-repeat; background-position:center top, center bottom; width:189px; /*height:104px;*/ position:absolute; top:0; left:0; padding-top:30px; padding-bottom:15px; } .room_area .report_button ul li { text-align:left; padding:3px 15px; font-size:0.7em; line-height:1.3em; color:#2415d0; border-left:1px solid #1a09d1; border-right:1px solid #1a09d1; background-color:#BFBFF2; /*border-top:1px solid #BFBFF2; border-bottom:1px solid #BFBFF2;*/ } .room_area .report_button ul li:hover { background-color:#9d9bef; } .room_area .report_button ul li:active { background-color:#9d9bef; padding:2px 15px; border-top:1px solid #6461ce; border-bottom:1px solid #6461ce; } .room_area .report_button.selected ul { display:block; } .room_area .room_content_area .submit_button { background: url('/img/Fight.png') no-repeat 0 0;border:0; text-decoration:none;outline:none;width:591px;/*472*/ height:42px;/*53*/ margin:15px auto 10px; cursor:pointer; } .room_area .room_content_area .submit_button:hover { background: url('/img/Fight.png') no-repeat 0 -51px; } .room_area .room_content_area .submit_button:active { background: url('/img/Fight.png') no-repeat 0 -101px; } .stats_area { border: 1px #b3b3b3 solid;display:inline-block; vertical-align:top; width:714px;/*690px height:495px;*/ padding:0 0px;/*0 15px background-image:url('/img/stats_area_room_bg.png');*/ background: #fff; background-image:url('/img/topstatsarea.png'); background-repeat:no-repeat; background-position:left top; /*border-right:1px solid #b3b3b3;*/ } .quote_area { display:inline-block; vertical-align:top; width:225px; padding:30px 0 10px 50px;/*25px 25px*/ font-size:1.7em;/*1.45em*/ line-height:1.7em;/*1.2em*/ } .room_area .quote_area .room_quote_share, .room_area .quote_area .room_quote_refresh { display:inline-block; vertical-align:middle; width:28px; height:28px; margin-left:3px; background-repeat:no-repeat; background-image:url('/img/room_quote_share.png'); cursor:pointer; } .room_area .quote_area .room_quote_refresh { background-image:url('/img/room_quote_refresh.png'); margin-left:-3px; } .room_area .quote_area .room_quote_share:hover { background-image:url('/img/room_quote_share_hover.png'); } .room_area .quote_area .room_quote_share:active { background-image:url('/img/room_quote_share_click.png'); } .room_area .quote_area .room_quote_refresh:hover { background-image:url('/img/room_quote_refresh_hover.png'); } .room_area .quote_area .room_quote_refresh:active { background-image:url('/img/room_quote_refresh_click.png'); } .stats_area > div { /*border-bottom:1px dashed #b1b1b1;*/ font-size:17.5px; } .stats_area > div:last-child { border-bottom:none; } .stats_area > div.sub_header_content { color:#fff; padding:16px 15px 16px 20px; } .stats_area > div.sub_header_content img { margin-right:8px; vertical-align:text-bottom; } .stats_area > div.ribbon_area { width:737px;background-image:url('/img/stats_area_ribbon_bg.png'); background-repeat:no-repeat; margin:-10px 0 0 -10px; padding:20px 0 20px 55px; } .stats_area > div.ribbon_area > div { margin-bottom:15px; } .stats_area .orangelabel { color:#0b00fe;/*130ad3 #ff540c*/ font-weight:bold; text-align:right; display:inline-block; width:132px;/*135*/ letter-spacing:-1px; margin-right:10px; } .stats_area .orangelabel span:first-child { display:inline-block; width:125px; } .stats_area .orangelabel span:first-child.text-right { width:120px; margin-right:5px; } .stats_area .avatar_icon { background-image:url('/img/room_area_avatar.png'); background-repeat:no-repeat; display:inline-block; width:21px; height:21px; margin-right:5px; } .stats_area .small_text { font-style:italic; font-size:0.6em; letter-spacing:-0.2px; display:inline-block; vertical-align:top; margin-left:10px; padding:0 6px; background-color:#fff; } .room_content_area .map_select_area { padding:5px 0px 15px 45px; } .room_content_area .map_select_area > div { vertical-align:middle; } .room_content_area .map_select_area .map_picture_small { background-image:url('/img/map_pic.png'); background-repeat:no-repeat; width:100px; height:100px; margin-right:20px; } .room_content_area .map_select_area .orangelabel { width:auto; vertical-align:middle; margin-top:-3px; } .room_content_area .map_select_area .map_select_box { background-image:url('/img/map_dropdown_bg.png'); background-repeat:no-repeat; display:inline-block; width:158px; height:27px; vertical-align:middle; position:relative; z-index:12;/*12*/ } .room_content_area .map_select_area .map_select_box select, .room_content_area .map_select_area .map_select_box .select_faux { width:150px; background:none; border:none; padding-left:13px; line-height:1em; appearance:none; -moz-appearance:none; -webkit-appearance:none; text-indent: 0.01px; text-overflow: ''; } .room_content_area .map_select_area .map_select_box .select_faux { font-size:0.8em; line-height:1.4em; } .room_content_area .map_select_area .map_select_box .select_faux .chosen_faux { /*z-index:11;*/ background-image:url('/img/map_dropdown_arrow.png'); background-repeat:no-repeat; background-position:123px 7px; } .room_content_area .map_select_area .map_select_box .select_faux ul { width:156px; left:1px;/*5px*/ top:0em; padding:1em 0 0.5em; /*background-color:#fff;*/ } .room_content_area .map_select_area .map_select_box .select_faux ul li { background-color:#fff; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; padding-left:12px;/*8px*/ /*width:142px;*/ margin:auto; } .room_content_area .map_select_area .map_select_box .select_faux ul li:first-child { background-color:#fff; height:0.8em; } .room_content_area .map_select_area .map_select_box .select_faux ul li:last-child { background-image:url('/img/map_dropdown_ul_bg.png'); background-repeat:no-repeat; background-position:center bottom; background-color:transparent; height:0.5em; border:none; } .room_content_area .map_select_area .map_select_box .select_faux ul li:hover { background-color:#f5f5f5; } .room_content_area .map_select_area .map_select_box .select_faux ul li:first-child:hover { background-color:#fff; } .room_content_area .map_select_area .map_select_box .select_faux ul li:last-child:hover { background-color:inherit; } .room_content_area .map_select_area .map_select_box select { display:none; } .room_content_area .map_select_area .map_select_box select:active, .room_content_area .map_select_area .map_select_box select:focus { outline:0; } .room_content_area .accept_gain_exp_area { padding:5px 0px 20px 45px; } .room_content_area .accept_gain_exp_area label { font-size:0.7em !important; /*font-weight:bold;*/ } .room_content_area .accept_gain_exp_area input[type=checkbox] { display:inline-block; vertical-align:baseline; margin:0 5px 0 0px; } .room_content_area > div:first-child { padding:0px 0px 10px;/*25px 20px 10px*/ } .note_area { text-align:center; font-style:italic; font-size:0.85em; margin: 0px 0 0 43px; width:640px; line-height:1.2em; position:relative; } .note_area .cross_sign { font-style:normal; display:inline-block; vertical-align:top; margin-right:8px; line-height:1.6em; position:absolute; margin-left:-15px; margin-top:-3px; background-image:url('/img/room_note_close.png'); background-repeat:no-repeat; background-position:center center; width:10px; cursor:pointer; } .note_area .cross_sign:hover { background-image:url('/img/room_note_close_hover.png'); } .note_area .cross_sign:active { background-image:url('/img/room_note_close_click.png'); } .room_area.create_room { /*background-image:url('/img/room_area_bg_create.png'); background-repeat:no-repeat;*/ height:700px; } .room_content_area.create_room { /*background-image:url('/img/room_content_bg_create.png'); background-repeat:no-repeat;*/ height:379px; } .room_content_area.create_room .stats_area { background:#fff;/*background-image:url('/img/stats_area_create_bg.png'); background-repeat:no-repeat; background-position:left top; height:369px;*/ } .room_content_area.create_room .stats_area > div.ribbon_area { margin-top:15px; } .room_area .room_content_area.create_room .submit_button { margin-top:11px; } /* GAMES FILTER PANEL CSS AREA */ .games_filter_area { /*background-image:url('/img/games_filter_area_bg.png'); background-repeat:no-repeat;*/ width:975px; height:557px; margin:65px auto 20px; padding:10px 0; position:relative; } .games_filter_area > div { display:inline-block; vertical-align:top; /*border-right:1px solid #b3b3b3;*/ padding:5px 22px 5px 30px; } .games_filter_area > div:last-child { /*border-right:none;*/ } .games_filter_area .filter_panel { background-image:url('/img/gameselect_box_bg.png'); background-repeat:no-repeat; width:249px; height:525px; padding:70px 15px 10px; position:relative; margin-right:45px; } .games_filter_area .filter_panel .game_title_box { background-image:url('/img/gameselect_title_ribbon.png'); background-repeat:no-repeat; width:269px; height:49px; text-align:left; margin-bottom:10px; position:absolute; top:15px; left:-10px; } .games_filter_area .filter_panel .game_title_box h4 { padding-top:3px; padding-left:30px; color:#fff; } .games_filter_area .filter_panel .note_area { width:auto; margin-top:0; } .games_filter_area .filter_panel .gamelimit_box h4, .games_filter_area .filter_panel .gametype_box h4 { padding:7px 20px; margin-bottom:0; color:#fff; font-size:1em; } .games_filter_area .filter_panel .gamelimit_box h4 img, .games_filter_area .filter_panel .gamelimit_box h4 span { display:inline-block; vertical-align:middle; margin-right:5px; } .games_filter_area .filter_panel .filter_list { /*margin-bottom:35px;*/ overflow-y:scroll; overflow-x:hidden; } .games_filter_area .filter_panel .gamelimit_box .filter_list { height:126px; } .games_filter_area .filter_panel .gametype_box .filter_list { height:86px; } .games_filter_area .filter_panel .filter_list li { /*border-top:1px solid #ccc;*/ padding:6px 5px; height:30px; text-align:center; font-size:0.8em; } .games_filter_area .filter_panel .filter_list li:nth-child(2n) { background-color:#fff; } .games_filter_area .filter_panel .filter_list li:last-child { /*border-bottom:1px dashed #ccc;*/ } .games_filter_area .filter_panel .filter_list li input[type=checkbox] { vertical-align:middle; /*margin-right:20px; margin-top:0;*/ visibility:hidden; } .games_filter_area .filter_panel .filter_list li .checkbox { background-image:url('/img/checkbox_blue.png'); background-repeat:no-repeat; background-position:center center; display:inline-block; vertical-align:middle; width:16px; height:16px; margin-right:5px; margin-top:0; } .games_filter_area .filter_panel .filter_list li .checked { background-image:url('/img/checkbox_blue_check.png'); background-position:center center; } .games_filter_area .filter_panel .gametype_box .filter_list li span { line-height:2.5em; vertical-align:middle; display:inline-block; width:32px; } .games_filter_area .filter_panel .gamelimit_box, .games_filter_area .filter_panel .gametype_box { background-image:url('/img/gamelimit_table_bg.png'); background-repeat:no-repeat; width:158px; height:166px; padding:0 1px; margin:0 auto 15px; } .games_filter_area .filter_panel .gametype_box { background-image:url('/img/gametype_table_bg.png'); width:158px; height:126px; } .create_game_button { background: url('/img/Create_Game.png') no-repeat 0 0; width: 212px; height: 43px; margin:22px auto 10px; cursor:pointer; } .create_game_button:hover { background: url('/img/Create_Game.png') no-repeat 0 -51px; } .create_game_button:active { background: url('/img/Create_Game.png') no-repeat 0 -102px; } .games_filter_area .list_panel { width:620px; padding-right:0; padding-left:5px;padding-top:0 !important; } .games_filter_area .list_panel h1 { margin-top:10px; margin-bottom:6px;display:none; } .gameindex { background-image:url('/img/top_list.png');width: 669px;margin-bottom:0;} .games_filter_area .list_panel .table_area { margin-left:2px;border-right: 2px #C0C0C0 solid;border-bottom: 2px #C0C0C0 solid;border-left: 2px #C0C0C0 solid;/*background-image:url('/img/gamestart_table_bg.png');*/ background: #fff; background-repeat:no-repeat; width:667px; height:477px; padding:3px 5px 5px;-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} .games_filter_area .list_panel .table_area > ul { width:100%; margin-top:0px; } .games_filter_area .list_panel .table_area > ul, .games_filter_area .list_panel .table_area > ul li { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .games_filter_area .list_panel .table_area ul { margin-bottom:0; } .games_filter_area .list_panel .table_area ul.listing ul { margin-bottom:0; display:table; } .games_filter_area .list_panel ul.heading li, .games_filter_area .list_panel ul.listing li ul li { display:table-cell;/*inline-block*/ vertical-align:middle;/*top*/ } .games_filter_area .list_panel ul.heading li:first-child, .games_filter_area .list_panel ul.listing li ul li:first-child { } .games_filter_area .list_panel ul.heading li:nth-child(1), .games_filter_area .list_panel ul.listing li ul li:nth-child(1) { width:135px; padding-left:10px; } .games_filter_area .list_panel ul.heading li:nth-child(2), .games_filter_area .list_panel ul.listing li ul li:nth-child(2) { width:90px; } .games_filter_area .list_panel ul.heading li:nth-child(3), .games_filter_area .list_panel ul.listing li ul li:nth-child(3) { width:90px; } .games_filter_area .list_panel ul.heading li:nth-child(4), .games_filter_area .list_panel ul.listing li ul li:nth-child(4) { width:90px; } .games_filter_area .list_panel ul.heading li:nth-child(5), .games_filter_area .list_panel ul.listing li ul li:nth-child(5) { width:90px; } .games_filter_area .list_panel ul.heading li:nth-child(6), .games_filter_area .list_panel ul.listing li ul li:nth-child(6) { width:120px; } .games_filter_area .list_panel ul.heading li { text-align:left; font-weight:bold; font-size:0.9em; color:#fff; padding:6px 5px; text-decoration:underline; cursor:pointer; } .games_filter_area .list_panel ul.listing { overflow-y:scroll; overflow-x:hidden; height:469px; } .games_filter_area .list_panel ul li.text-center { text-align:center; } .games_filter_area .list_panel ul.heading li:hover { text-shadow:0 0 3px #fff; text-decoration:none; } .games_filter_area .list_panel ul.heading li img { margin-right:5px; vertical-align:middle; } .games_filter_area .list_panel ul.listing > li { border-bottom:1px solid #ccc; } .games_filter_area .list_panel ul.listing > li:last-child { border-bottom:1px solid #ccc; } .games_filter_area .list_panel ul.listing > li:nth-child(2n+1) { background-color:#efefef; } .games_filter_area .list_panel ul.listing > li.selectedr, .games_filter_area .list_panel ul.listing > li:hover { background-color:#98f494 !important; font-weight:bold !important; } .games_filter_area .list_panel ul.listing ul li { padding:7px 5px; font-size:0.8em; height:46px; line-height:1em;/*2.5em*/ } .games_filter_area .list_panel .start_game_button { background: url('/img/Start.png') no-repeat 0 0;width:86px; height:25px; cursor:pointer; vertical-align:middle; } .games_filter_area .list_panel .start_game_button:hover { background: url('/img/Start.png') no-repeat 0 -29px; } .games_filter_area .list_panel .start_game_button:active { background: url('/img/Start.png') no-repeat 0 -59px; } .games_filter_area .list_panel .view_game_button { background: url('/img/exphistory_search_icon.png') no-repeat 35px 7px;width:86px; height:25px; cursor:pointer; vertical-align:middle; } .games_filter_area .list_panel .view_game_button:hover { background: url('/img/exphistory_search_icon.png') no-repeat 36px 8px; } .games_filter_area .list_panel .view_game_button:active { background: url('/img/exphistory_search_icon.png') no-repeat 36px 8px; } .games_filter_area .list_panel ul.listing li.selected .start_game_button { /*background-image:url('/img/start_game_button.png');*/ } .games_filter_area .list_panel .more_link { position:absolute; bottom:40px; right:25px; text-align:right; font-size:0.9em; } .games_filter_area .limit_stat { background-image:url('/img/limit_badge_icon.png'); background-repeat:no-repeat; display:inline-block; vertical-align:middle; width:32px; height:32px; text-align:center; line-height:2.8em; font-weight:bold; } .game_cancel { border:0;outline:none;padding:0;margin:0;background: url('/img/Cancel_Game__1_.png') no-repeat 0 0;width: 591px;height: 42px;cursor: pointer;} .game_cancel:hover { background: url('/img/Cancel_Game__1_.png') no-repeat 0 -53px;} .game_cancel:active { background: url('/img/Cancel_Game__1_.png') no-repeat 0 -108px;} /* SELECT_FAUX - because IE cannot style select elements (aka dropdown menu) properly */ .select_faux { position:relative; padding:4px; cursor:pointer; } .select_faux .chosen_faux { height:1em; display:block; position:relative; z-index:11; } .select_faux ul { list-style-type:none; margin:0; display:none; position:absolute; left:0; z-index:10; width:90%; } .select_faux select { display:none; } /* REGISTER POP UP CSS AREA */ .login_h3form { margin-top: -80px;width: 400px;} .popmodal_area { width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.8); display:none; z-index:100; } .popmodal_area .popmodal_box_area { margin:100px auto 10px; width:487px; height:335px; border:1px solid #fff; background-repeat:no-repeat; position:relative; } #register_modal .popmodal_box_area { height: 341px; } #register_modal .popmodal_box_area::after { content: ""; background: url(image.jpg); opacity: 0.75; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; background-image:url('/img/register_box_bg.jpg'); } #login_modal .popmodal_box_area { /*background-image:url('/img/register_box_bg_login.jpg');*/background-color: rgba(29, 72, 90, 0.5); } #register_modal .signup { background-image:url('/img/register_box_bg_signup.jpg'); } .popmodal_area .login { background-image:url('/img/register_box_bg_login.jpg'); } .popmodal_area .signup .begin_section, .popmodal_area .login .begin_section, .popmodal_area .popmodal_box_area .signup_section { display:none; } .popmodal_area .signup .signup_section { display:block; } .popmodal_area .login .login_section { display:block; } .popmodal_area .begin_section .close_button, .popmodal_area .signup_section .close_button, .popmodal_area .login_section .close_button { background-image:url('/img/begin_close.png'); background-repeat:no-repeat; background-position:center center; width:17px; height:19px; position:absolute; top:6px; right:6px; cursor:pointer; } .popmodal_area .begin_section .close_button:hover, .popmodal_area .begin_section .close_button:active { background-image:url('/img/begin_close_hover_click.png'); } .popmodal_area .signup_section .close_button { background-image:url('/img/signup_close.png'); } .popmodal_area .signup_section .close_button:hover, .popmodal_area .signup_section .close_button:active { background-image:url('/img/signup_close_hover_click.png'); } .popmodal_area .login_section .close_button { background-image:url('/img/login_close.png'); } .popmodal_area .login_section .close_button:hover, .popmodal_area .login_section .close_button:active { background-image:url('/img/login_close_hover_click.png'); } .popmodal_area .register_via_fb_button, .popmodal_area .register_via_vk_button { background-repeat:no-repeat; width:416px; height:38px; background-image:url('/img/register_via_fb.png'); position:absolute; bottom:86px; left:29px; cursor:pointer; } .popmodal_area .register_via_vk_button { background-image:url('/img/register_via_vk.png'); bottom:37px; } .popmodal_area .register_via_fb_button:hover { background-image:url('/img/register_via_fb_hover.png'); } .popmodal_area .register_via_vk_button:hover { background-image:url('/img/register_via_vk_hover.png'); } .popmodal_area .register_via_fb_button:active { background-image:url('/img/register_via_fb_click.png'); } .popmodal_area .register_via_vk_button:active { background-image:url('/img/register_via_vk_click.png'); } .popmodal_area .inputtext_box input {padding:0 6px;background:none; border:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .popmodal_area .inputtext_box input:focus, .popmodal_area .inputtext_box input:active { outline:0; } .popmodal_area .signupform_area { margin:106px 30px 0; } .popmodal_area .signupform_area .inputtext_box { background-image:url('/img/signup_inputtext_bg.png'); background-repeat:no-repeat; width:300px; height:30px; margin-left:102px; margin-bottom:12px; padding:4px 5px; } .popmodal_area .signup_submit { background-image:url('/img/signup_submit.png'); background-repeat:no-repeat; width:226px; height:30px; margin:19px auto 0; } .popmodal_area .signup_submit:hover { background-image:url('/img/signup_submit_hover.png'); } .popmodal_area .signup_submit:active { background-image:url('/img/signup_submit_click.png'); } .popmodal_area .loginform_area { margin:122px 32px 0; display:inline-block; vertical-align:top; width:232px; } .popmodal_area .loginform_area .inputtext_box { background-image:url('/img/login_inputtext_bg.png'); background-repeat:no-repeat; width:225px; height:30px; margin-bottom:10px; padding:4px 5px; } .popmodal_area .login_submit {outline:none;border:none;background-image:url('/img/login_submit.png'); background-repeat:no-repeat; width:233px; height:32px; margin:11px auto 8px;background-color: transparent; } .popmodal_area .login_submit:active, .popmodal_area .login_submit:hover { width: 226px;height: 32px;} .popmodal_area .login_submit:hover { border:none;background-image:url('/img/login_submit_hover.png');background-repeat: no-repeat; } .popmodal_area .login_submit:active { border:none;background-image:url('/img/login_submit_click.png'); background-repeat: no-repeat; } .popmodal_area .loginform_area .remember_forgot_area { margin-right:10px; } .popmodal_area .loginform_area .remember_forgot_area, .popmodal_area .loginform_area .remember_forgot_area label, .popmodal_area .loginform_area .remember_forgot_area a { font-size:0.9em; line-height:0.9em; color:#999; text-align:right; } .popmodal_area .loginform_area .remember_forgot_area input[type=checkbox]{ margin-top: -3px;margin-right:5px;vertical-align: bottom;top:2px;position: relative} .popmodal_area .loginform_area .remember_forgot_area label { margin-top: -3px;} .popmodal_area .loginform_area .remember_forgot_area a { float:left;font-size: 1em;line-height:1em;margin-left: 2px;} .popmodal_area .loginvia_area { margin:138px 11px 0; display:inline-block; vertical-align:top; width:145px; } .popmodal_area .login_via_fb_button, .popmodal_area .login_via_vk_button, .popmodal_area .login_via_twit_button { background-repeat:no-repeat; width:132px; height:32px; margin-bottom:7px; background-image:url('/img/Login_via_FB.png'); position:relative; cursor:pointer; } .popmodal_area .login_via_vk_button { background:url('/img/Login_via_VK.png') no-repeat 0 0; } .popmodal_area .login_via_twit_button { background:url('/img/Login_via_Twitter.png') no-repeat 0 0; } .popmodal_area .login_via_fb_button:hover { background:url('/img/Login_via_FB.png') no-repeat 0 -41px;; } .popmodal_area .login_via_vk_button:hover { background:url('/img/Login_via_VK.png') no-repeat 0 -41px;; } .popmodal_area .login_via_twit_button:hover { background:url('/img/Login_via_Twitter.png') no-repeat 0 -41px;; } .popmodal_area .login_via_fb_button:active { background:url('/img/Login_via_FB.png') no-repeat 0 -80px;; } .popmodal_area .login_via_vk_button:active { background:url('/img/Login_via_VK.png') no-repeat 0 -80px;; } .popmodal_area .login_via_twit_button:active { background:url('/img/Login_via_Twitter.png') no-repeat 0 -80px;; }*/ #share_modal .popmodal_box_area { background-color:#EDEDED; width: 327px;height: 70px;margin: 379px auto;} #share_modal .loginform_area {margin: 11px 25px 0 !important;} /* CHAT LIST + MESSAGING CSS AREA */ .chatlist_area { width:975px; margin:auto auto 100px auto;margin-top: 80px; } .chatlist_area .top_buttons_area { text-align:right; margin-bottom:15px; position:relative; z-index:30; } .chatlist_area .top_buttons_area .new_chat_button, .chatlist_area .top_buttons_area .chat_actions_button { background-repeat:no-repeat; width:111px; height:34px; display:inline-block; vertical-align:top; background-image:url('/img/new_chat_button.png'); background-position:center center; cursor:pointer; } .chatlist_area .top_buttons_area .chat_actions_button { background-image:url('/img/chat_actions_button.png'); width:107px; height:34px; } .chatlist_area .top_buttons_area .new_chat_button:hover { background-image:url('/img/new_chat_button_hover.png'); } .chatlist_area .top_buttons_area .new_chat_button:active { background-image:url('/img/new_chat_button_click.png'); } .chatlist_area .top_buttons_area .chat_actions_button:hover { background-image:url('/img/chat_actions_button_hover.png'); } .chatlist_area .top_buttons_area .chat_actions_button:active { background-image:url('/img/chat_actions_button_click.png'); } .chatlist_area .top_buttons_area .chat_actions_button ul { display:none; text-align:center; padding-top:30px; background-image:url('/img/chat_actions_dropdown_bg.png'); background-repeat:no-repeat; background-position:center 2px; height:144px; z-index:30; } .chatlist_area .top_buttons_area .chat_actions_button ul li { line-height:23px; width:101px; margin:auto; border:1px solid #efefef; } .chatlist_area .top_buttons_area .chat_actions_button ul li:hover { background-color:#d6f2d5; border:1px solid #d6f2d5; } .chatlist_area .top_buttons_area .chat_actions_button ul li:active { background-color:#d6f2d5; border:1px solid #ccc; } .chatlist_area .top_buttons_area .chat_actions_button.selected { /*background-image:url('/img/chat_actions_dropdown_bg.png'); height:144px;*/ } .chatlist_area .top_buttons_area .chat_actions_button.selected ul { display:block; } .chatlist_area .chatlist_tabs_area { background-color:#1b1b1b; position:relative; } .chatlist_area .chatlist_tabs_area .green_cap_box { position:absolute; left:-4px; top:0; /*background-color:#34bc2f; border:1px solid #10a517;*/ width:105%;/*128px*/ height:130%;/*54px*/ z-index:15; margin-top:-7px; opacity:0.95; background-image:url('/img/chat_greencap_corner_left.png'),url('/img/chat_greencap_corner_right.png'); background-position:top left, top right; background-repeat:no-repeat; display:none; } .chatlist_area .chatlist_tabs_area .green_cap_box span { display:block; background-color:#34bc2f; border:1px solid #10a517; margin:0 0px 0 4px; height:100%; width:96%;/*124px*/ } .chatlist_area .chatlist_tabs_area ul li span.tabtitle { z-index:20; position:relative; } .chatlist_area .chatlist_tabs_area ul li.chatlist_tabber .green_cap_box { left:0px; } .chatlist_area .chatlist_tabs_area ul li.chatlist_tabber .green_cap_box span { margin:0 4px 0 0px; } .chatlist_area .chatlist_tabs_area ul { margin:0; color:#fff; font-size:1.3em; position:relative; z-index:20; } .chatlist_area .chatlist_tabs_area ul li { padding:10px 25px; cursor:pointer; background-image:url('/img/chattab_divider.png'); background-repeat:no-repeat; background-position:right center; margin-right:-1px; position:relative; } .chatlist_area .chatlist_tabs_area ul li:hover { background-image:url('/img/chattab_hover.png'), url('/img/chattab_divider.png'); background-repeat:repeat-x, no-repeat; } .chatlist_area .chatlist_tabs_area ul li.selected { background-image:none; } .chatlist_area .chatlist_tabs_area ul li.selected .green_cap_box { display:block; } .chatlist_area .chatlist_box_area { background-image:url('/img/chatlist_box_area.png'); background-repeat:no-repeat; width:975px; height:880px; background-position:bottom center; padding:6px 7px 25px; overflow:hidden; } .chatlist_area .chatlist_box_area .chat_access_top_area { background-color:#f5f5f5; border:2px solid #ededed; padding:15px 20px; position:relative; } .chatlist_area .chatlist_box_area .chat_access_top_area .searchbar_area .searchbar_input { background-image:url('/img/chatlist_searchbar_input_bg.png'); background-repeat:no-repeat; width:548px; height:28px; display:inline-block; vertical-align:top; } .chatlist_area .chatlist_box_area .chat_access_top_area .searchbar_area .searchbar_input input { margin:2px 5px 0 30px; width:90%; height:75%; background:none; border:none; vertical-align:middle; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .chatlist_area .chatlist_box_area .chat_access_top_area .searchbar_area .searchbar_submit { background-image:url('/img/chat_find_button.png'); background-repeat:no-repeat; width:87px; height:28px; display:inline-block; vertical-align:top; position:absolute; right:20px; cursor:pointer; } .chatlist_area .chatlist_box_area .chat_access_top_area .searchbar_area .searchbar_submit:hover { background-image:url('/img/chat_find_button_hover.png'); } .chatlist_area .chatlist_box_area .chat_access_top_area .searchbar_area .searchbar_submit:active { background-image:url('/img/chat_find_button_click.png'); } .chatlist_area .chatlist_box_area .chat_access_top_area .chatdestination_area .chatperson_box { background-image:url('/img/chatperson_box_bg_left.png'),url('/img/chatperson_box_bg_right.png'); background-repeat:no-repeat; background-position:left top, right top; padding:0px 10px; display:inline-block; width:auto; } .chatlist_area .chatlist_box_area .chat_access_top_area .chatdestination_area .chatperson_box div { background-color:#FFFFFF; padding:7px 15px; display:inline-block; width:auto; } .chatlist_area .chatlist_box_area .chat_access_top_area .chatdestination_area .chatperson_box div .chatperson_name { text-transform:uppercase; margin-right:10px; color:#30bc28; } .chatlist_area .chatlist_box_area .chat_access_top_area .chatdestination_area .chatperson_box div .close_button { background-image:url('/img/chatperson_box_close.png'); background-repeat:no-repeat; width:14px; height:14px; background-position:center center; display:inline-block; vertical-align:top; margin-top:3px; } .chatlist_area .chatlist_box_area .chat_access_top_area .chatdestination_area .chatperson_box div .close_button:hover { background-image:url('/img/chatperson_box_close_hover.png'); } .chatlist_area .chatlist_box_area .chat_access_top_area .chatdestination_area .chatperson_box div .close_button:active { background-image:url('/img/chatperson_box_close_click.png'); } .chatlist_area .chatlist_box_area .chatlist_content_area { margin-top:10px; overflow-y:scroll; height:800px; } .chatlist_area .chatlist_box_area .chatlist_content_area.messaging { height:656px;/*692px*/ margin-bottom:0px;/*30px*/ padding-left:75px; padding-right:50px; } .chatlist_area .chatlist_content_area .chatmessaging_content .message_lineitem { margin:30px 0; display:table; } .chatlist_area .chatlist_content_area .chatmessaging_content .message_lineitem .avatar_icon, .chatlist_area .chatlist_content_area .chatmessaging_content .message_lineitem .message_line_contents { display:table-cell;/*inline-block*/ vertical-align:top; } .chatlist_area .chatlist_content_area .chatmessaging_content .message_lineitem .avatar_icon { width:100px; height:60px; /*margin:0 20px;*/ } .chatlist_area .chatlist_content_area .chatmessaging_content .message_lineitem .avatar_icon .icon_img { width:60px; height:60px; margin:0 20px; background-size:contain; } .chatlist_area .chatlist_content_area .chatmessaging_content .message_lineitem .message_line_contents { width:710px;/*715px*/ padding:0 0px 0 15px; } .chatlist_area .chatlist_content_area .chatmessaging_content .message_lineitem .message_line_contents .sender_name_date { margin-top:5px; } .chatlist_area .chatlist_content_area .chatmessaging_content .message_lineitem .message_line_contents .sender_name_date span { display:inline-block; vertical-align:top; } .chatlist_area .chatlist_content_area .chatmessaging_content .message_lineitem .message_line_contents .sender_name { color:#1e20d3; width:80%; font-size:1.2em; } .chatlist_area .chatlist_content_area .chatmessaging_content .message_lineitem .message_line_contents .sender_datetime { color:#bbb; width:18.5%; text-align:right; } .chatlist_area .chatlist_content_area .chatmessaging_content .message_lineitem .message_line_contents .message_content { margin:8px 0; } .accept_friend_box { width:650px; min-height:50px; background-image:url('/img/accept_friend_box_bg.png'); background-repeat:no-repeat; display:table; } .accept_friend_box > span { display:table-cell; height:50px; vertical-align:middle; } .accept_friend_box span .icon_img { background-image:url('/img/accept_friend_icon.png'); background-repeat:no-repeat; width:24px; height:15px; display:inline-block; margin-left:20px; margin-top:3px; } .accept_friend_box .msg_area { width:340px; font-weight:bold; } .accept_friend_box .msg_area div { display:inline-block; width:330px; max-height:50px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; /*white-space:nowrap; /* commented out to allow multiline text display */ } .accept_friend_box .actions_area { position:relative; display:inline-block; width:200px; } .accept_friend_box .actions_area .accept_button, .accept_friend_box .actions_area .refuse_button { background-image:url('/img/accept_friend_accept.png'); background-repeat:no-repeat; width:109px; height:30px; display:inline-block; cursor:pointer; background-position:center 0; position:absolute; top:50%; margin-top:-15px; } .accept_friend_box .actions_area .refuse_button { background-image:url('/img/accept_friend_refuse.png'); margin-left:-23px; left:109px; } .accept_friend_box .actions_area .accept_button:hover, .accept_friend_box .actions_area .refuse_button:hover { background-position:center -33px; } .accept_friend_box .actions_area .accept_button:active, .accept_friend_box .actions_area .refuse_button:active { background-position:center -66px; } .accept_friend_box .actions_area .or_caption { background-image:url('/img/accept_friend_or.png'); background-repeat:no-repeat; width:13px; height:14px; display:inline-block; position:absolute; margin-top:-7px; margin-left:-10px; top:50%; left:50%; z-index:5; } .chatlist_area .chatlist_content_area .chatmessaging_content .day_separator { border-top:1px solid #eee; text-align:center; position:relative; height:30px; margin:30px 0 0px; } .chatlist_area .chatlist_content_area .chatmessaging_content .day_separator div { display:block; margin-top:-13px; color:#bbb; } .chatlist_area .chatlist_content_area .chatmessaging_content .day_separator div span { display:inline-block; padding:2px 7px; background-color:#fff; } .chatlist_area .chatlist_box_area .keydown_hinter { color:#bbb; padding-left:195px; margin:8px 0 3px; } .chatlist_area .chatlist_content_area .chatlist_content .search_counter { font-size:1.2em; border-bottom:2px solid #ededed; padding-left:45px; padding-bottom:2px; margin-top:15px; } .chatlist_area .chatlist_content_area .chatlist_content .chatlist_listitem { padding:10px 10px 10px 45px; border-bottom:1px solid #ededed; display:table; } .chatlist_area .chatlist_content_area .chatlist_content .chatlist_listitem > div { display:table-cell;/*inline-block*/ vertical-align:top; } .chatlist_area .chatlist_content_area .chatlist_content .chatlist_listitem .avatar_icon { width:70px; height:70px; padding:15px 5px 15px 0px; } .chatlist_area .chatlist_content_area .chatlist_content .chatlist_listitem .avatar_icon .icon_img { width:70px; height:70px; background-repeat:no-repeat; background-size:contain; } .chatlist_area .chatlist_content_area .chatlist_content .chatlist_listitem .user_name_details, .chatlist_area .chatlist_content_area .chatlist_content .chatlist_listitem .last_message_details { padding:30px 10px 30px 15px; width:240px;/*225px*/ height:100px; } .chatlist_area .chatlist_content_area .chatlist_content .chatlist_listitem .last_message_details { padding:29px 10px 29px 35px;/*0 0 0 35px*/ width:565px;/*570px*/ height:98px; border:1px solid #fff; } .chatlist_area .chatlist_content_area .chatlist_content .chatlist_listitem .last_message_details:hover { border:1px solid #bfbfbf; } .chatlist_area .chatlist_content_area .chatlist_content .chatlist_listitem .last_message_details:active, .chatlist_area .chatlist_content_area .chatlist_content .chatlist_listitem .last_message_details.selected { background-color:#f5f5f5; } .chatlist_area .chatlist_content_area .chatlist_content .chatlist_listitem .user_name_details .user_name { color:#1e20d3; font-size:1.2em; display:block; } .chatlist_area .chatlist_content_area .chatlist_content .chatlist_listitem .user_name_details .details { color:#bbb; display:block; } .chatlist_area .chatlist_content_area .chatlist_content .chatlist_listitem .last_message_details span { /*padding-top:29px;*/ display:table-cell;/*inline-block*/ } .chatlist_area .chatlist_content_area .chatlist_content .chatlist_listitem .last_message_details .avatar_icon { display:table-cell;/*inline-block*/ width:50px; height:50px; background-repeat:no-repeat; /*margin:0 20px 0 0;*/ padding-top:7px; padding-right:25px; padding-bottom:0; } .chatlist_area .chatlist_box_area .chatlist_footer_area { background-color:#f5f5f5; padding:20px 40px 8px; } .chatlist_area .chatlist_box_area .chatlist_footer_area .see_more_link { font-size:1.1em; } .chatlist_area .chatlist_box_area .chatlist_footer_area .see_more_link a { color:inherit; } .chatlist_area .chatlist_box_area .chatlist_footer_area .avatar_area { display:inline-block; vertical-align:top; width:140px; padding-left:20px; } .chatlist_area .chatlist_box_area .chatlist_footer_area .avatar_area .avatar_pic { background-image:url('/img/avatar_user_big.png'); background-repeat:no-repeat; width:100px; height:100px; } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area { background-image:url('/img/msg_entry_bg.png'); background-repeat:no-repeat; width:627px; height:128px; display:inline-block; vertical-align:top; position:relative; padding:5px 7px; } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .emoticon_button { background-image:url('/img/emoticon_icon.png'); background-repeat:no-repeat; width:16px; height:16px; position:absolute; top:12px; right:14px; cursor:pointer; } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .emoticon_button:hover { background-image:url('/img/emoticon_icon_hover.png'); } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .emoticon_button:active { background-image:url('/img/emoticon_icon_click.png'); } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area textarea { width:96%; height:89px; margin-bottom:2px; border:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area textarea:active, .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area textarea:focus { outline:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .messaging_controls_area { border-top:1px solid #ededed; position:relative; padding:0px 2px 0px;/*5px 2px 2px*/ } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .button_separator { display:inline-block; width:1px; margin-top:5px; border-right:1px solid #ededed; } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .addphotos_button, .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .attachfiles_button { display:inline-block; vertical-align:top; padding:7px 15px; cursor:pointer; line-height:1em; } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .addphotos_button:hover, .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .attachfiles_button:hover { background-image:url('/img/messagingctrl_buttons_hover.png'); background-repeat:repeat-x; } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .addphotos_button:active, .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .attachfiles_button:active { background-image:url('/img/messagingctrl_buttons_click.png'); background-repeat:repeat-x; } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .addphotos_button { padding-left:3px; } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .addphotos_button span, .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .attachfiles_button span, .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .pressentertosend_area label { display:inline-block; vertical-align:middle; font-size:0.9em; color:#aaa; } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .addphotos_button .icon_area, .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .attachfiles_button .icon_area { background-image:url('/img/addphoto_icon.png'); background-repeat:no-repeat; width:15px; height:15px; margin-right:8px; } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .attachfiles_button .icon_area { background-image:url('/img/attachfile_icon.png'); background-position:0px 1px; } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .pressentertosend_area { display:inline-block; vertical-align:top; position:absolute; top:4px; right:0; } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .pressentertosend_area label, .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .pressentertosend_area input[type=checkbox], .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .pressentertosend_area .send_button { vertical-align:baseline; } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .pressentertosend_area input[type=checkbox] { margin:0 9px; } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .pressentertosend_area .send_button { background-image:url('/img/messaging_send_button.png'); background-repeat:no-repeat; width:57px; height:23px; margin-right:5px; display:inline-block; cursor:pointer; } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .pressentertosend_area .send_button:hover { background-image:url('/img/messaging_send_button_hover.png'); } .chatlist_area .chatlist_box_area .chatlist_footer_area .message_entry_area .pressentertosend_area .send_button:active { background-image:url('/img/messaging_send_button_click.png'); } /* MISC PAGES CSS AREA */ .misc_area {margin:65px 0 60px 0; } .misc_area h1 { } .misc_area .misc_content_area { display:block; vertical-align:top; width:893px;/*940px*/ margin:0 21px 0 185px; } .misc_area .misc_content_area { width:700px;margin:15px 15px 15px 467px;} .misc_area .misc_content_area.contactus { width:655px; } .misc_area .misc_content_area h3 { line-height:1.3em; } .misc_area .contactus_textarea { width:650px; height:205px; margin-bottom:60px; } .misc_area .contactus_send_button { background-image:url('/img/contactus_send.png'); background-repeat:no-repeat; width:103px; height:46px; margin:auto; background-position:center 0; cursor:pointer; } .misc_area .contactus_send_button:hover { background-position:center -46px; } .misc_area .contactus_send_button:active { background-position:center -92px; } .misc_area .button_area { position:relative; text-align:center; } .misc_area .button_area.notloggedin { margin-top:-15px; } .misc_area .contactus_register_button { background-image:url('/img/contactus_register.png'); background-repeat:no-repeat; width:261px; height:75px; display:inline-block; cursor:pointer; background-position:center 14px; margin-left:-10px; } .misc_area .contactus_register_button:hover { background-position:center -56px; } .misc_area .contactus_register_button:active { background-position:center -130px; } .misc_area .contactus_login_button { background-image:url('/img/contactus_login.png'); background-repeat:no-repeat; width:242px; height:75px; display:inline-block; cursor:pointer; background-position:center 14px; margin-left:-43px; } .misc_area .contactus_login_button:hover { background-position:center -56px; } .misc_area .contactus_login_button:active { background-position:center -130px; } .misc_area .contactus_or_separator { background-image:url('/img/contactus_or_separator.png'); width:22px; height:22px; position:absolute; top:28px; left:50%; margin-left:-11px; } .misc_area .login_to_sendmsg_note { width:450px; margin:22px auto; text-align:center; position:relative; border-top:1px solid #bbb; } .misc_area .login_to_sendmsg_note span { display:inline-block; position:absolute; top:-15px; left:50%; margin-left:-76px; padding:3px 10px; background-color:#eee; font-weight:bold; font-size:1.2em; font-style:italic; } .misc_area .misc_content_area .search_table_area { text-align:right; width:100%; margin-bottom:20px; position:relative; } .misc_area .misc_content_area .search_table_area .search_label_title { display:inline-block; position:absolute; left:0; } .misc_area .misc_content_area .search_table_area .search_label_title h3 { margin:0; line-height:1.3em; } .misc_area .misc_content_area .search_table_area .searchbar_input { background-image:url('/img/exphistory_search_bg.png'); background-repeat:no-repeat; width:283px; height:29px; padding:3px 10px; display:inline-block; text-align:left; } .misc_area .misc_content_area .search_table_area .searchbar_input input { border:0; outline:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; margin:0; width:85%; height:22px; } .misc_area .misc_content_area .search_table_area .searchbar_input .search_icon { display:inline-block; vertical-align:middle; background-image:url('/img/exphistory_search_icon.png'); background-repeat:no-repeat; width:12px; height:12px; margin-right:5px; cursor:pointer; } .misc_area .misc_content_area .answer_area { margin-bottom:100px; position:relative; } .misc_area .misc_content_area .answer_area .qn_bubbletip { position:absolute; top:-15px; left:30px; background-image:url('/img/qn_bubbletip.png'); background-repeat:no-repeat; width:35px; height:17px; } .misc_area .misc_content_area .answer_area .question_statement { padding:25px 40px; background-color:#fff; font-size:1.4em; font-weight:bold; margin-bottom:20px; } .misc_area .misc_content_area .answer_area .answer_statement { padding:35px 40px;background-color: white;} .misc_area .tabs_area { background-color:#1b1b1b; position:relative; } .misc_area .tabs_area .green_cap_box { position:absolute; left:-4px; top:0; /*background-color:#34bc2f; border:1px solid #10a517;*/ width:105%;/*128px*/ height:130%;/*54px*/ z-index:15; margin-top:-7px; opacity:0.95; background-image:url('/img/chat_greencap_corner_left.png'),url('/img/chat_greencap_corner_right.png'); background-position:top left, top right; background-repeat:no-repeat; display:none; } .misc_area .tabs_area .green_cap_box span { display:block; background-color:#34bc2f; border:1px solid #10a517; margin:0 0px 0 4px; height:100%; width:96%;/*124px*/ } .misc_area .tabs_area ul li span.tabtitle { z-index:20; position:relative; } .misc_area .tabs_area ul li.tabber .green_cap_box { left:0px; } .misc_area .tabs_area ul li.tabber .green_cap_box span { margin:0 4px 0 0px; } .misc_area .tabs_area ul { margin:0; color:#fff; font-size:1.3em; position:relative; z-index:20; } .misc_area .tabs_area ul li { padding:10px 25px; cursor:pointer; background-image:url('/img/chattab_divider.png'); background-repeat:no-repeat; background-position:right center; margin-right:-1px; position:relative; } .misc_area .tabs_area ul li:hover { background-image:url('/img/chattab_hover.png'), url('/img/chattab_divider.png'); background-repeat:repeat-x, no-repeat; } .misc_area .tabs_area ul li.selected { background-image:none; } .misc_area .tabs_area ul li.selected .green_cap_box { display:block; } .misc_area .tabs_box_area { background-color:#fff; border-left:1px solid #999; border-right:1px solid #999; } .misc_area .tabs_box_area_shadowarea { background-color:transparent; border-top:1px solid #999; margin-bottom:80px; background-image:url('/img/faq_box_shadow.png'); background-repeat:no-repeat; background-position:center top; height:16px; } .misc_area .tabs_box_area .tab_content ul { padding:15px 10px 5px; margin:0; } .misc_area .tabs_box_area .tab_content ul li { padding:15px 30px; font-size:1.2em; border-bottom:1px solid #eee; cursor:pointer; } .misc_area .tabs_box_area .tab_content ul li:hover { text-decoration:underline; } .misc_area .tabs_box_area .tab_content ul li:last-child { border-bottom:none; } .misc_area .tabs_box_area .tab_content, .misc_area .answer_area .question_statement > div, .misc_area .answer_area .answer_statement > div { display:none; } .misc_area .tabs_box_area .tab_content.showup, .misc_area .answer_area .question_statement > div.showup, .misc_area .answer_area .answer_statement > div.showup { display:block; } .misc_area .category_header, .cashier_area .category_header { background-color:#1b1b1b; color:#fff; text-transform:capitalize; font-size:1.2em; font-weight:bold; padding:12px 45px; border-left:1px solid #a8a8a8; border-right:1px solid #a8a8a8; } .misc_area .category_line.contents, .cashier_area .category_line.contents { background-color:#fff; padding:2px 45px 20px 45px; width:100%; border-left:1px solid #a8a8a8; border-right:1px solid #a8a8a8; } .misc_area .termsofuse .intro_text { margin-bottom:50px; font-size:1.2em; } .misc_area .termsofuse .sub_header { font-weight:bold; margin-top:35px; } .misc_area .termsofuse .sub_header.first { margin-top:10px; } .misc_area .termsofuse ul { list-style-type:none; } .misc_area .termsofuse ul li:before { content:"-"; position:relative; left:-5px; } .misc_area .termsofuse ul li { text-indent:-5px; } .misc_area .termsofuse ol { list-style-type:lower-alpha; } .misc_area .termsofuse table { border:1px solid #ccc; margin-bottom:15px; } .misc_area .termsofuse table td { border:1px solid #ccc; padding:3px 10px; } .misc_area .last_line { background-image:url('/img/profile_box_shadow.png'); background-repeat:no-repeat; background-position:center top; height:20px; border-top:1px solid #a8a8a8; } .misc_area .login_to_play_note { width:450px; margin:60px auto 35px; text-align:center; position:relative; border-top:1px solid #bbb; } .misc_area .login_to_play_note span { display:inline-block; position:absolute; top:-15px; left:50%; margin-left:-135px; padding:3px 10px; background-color:#eee; font-weight:bold; font-size:1.2em; font-style:italic; } .misc_area .last_line, .cashier_area .last_line { background-image:url('/img/profile_box_shadow.png'); background-repeat:no-repeat; background-position:center top; height:20px; border-top:1px solid #a8a8a8; } .category_line.contents { font-size:16px;line-height: 27px;} .category_line.contents p {margin-bottom:20px;} .category_line.contents li { line-height: 27px;margin-bottom: 5px;} /* CASHIER CSS AREA */ .cashier_area { width:975px; margin:20px auto 75px; position:relative; } .cashier_area .last_line { background-size:contain; height:22px; } .cashier_area .payhistory_button { position:absolute; right:0; top:5px; cursor:pointer; background-repeat:no-repeat; background-image:url('/img/payment_history.png'); width:137px; height:33px; background-position:center 0; } .cashier_area .payhistory_button:hover { background-position:center -33px; } .cashier_area .payhistory_button:active { background-position:center -67px; } .cashier_area .category_header { padding-left:30px; padding-right:30px; } .cashier_area .category_line.contents{ padding:15px 5px; } .cashier_area .layer_top > div, .cashier_area .layer_bottom > div { display:table-cell; width:320px; text-align:center; } .cashier_area .layer_top > div { border-bottom:1px solid #ddd; } .cashier_area .box_left { border-right:1px solid #ddd; } .cashier_area .box_right { border-left:1px solid #ddd; } .cashier_area .item_title { font-weight:bold; } .cashier_area .item_desc { font-size:0.8em;padding-right: 10px;padding-left:10px; } .cashier_area .grabnow_button { text-decoration:none;display:block; background-image:url('/img/grabnow.png'); background-repeat:no-repeat; cursor:pointer; width:112px; height:35px; margin:2px auto 30px; background-position:center 0; } .cashier_area .grabnow_button:hover { background-position:center -35px; } .cashier_area .grabnow_button:active { background-position:center -70px; } .cashier_area .img_area { width:75px; height:75px; margin:20px auto 10px; background-repeat:no-repeat; background-position:center bottom; } .cashier_area .bag_small { background-image:url('/img/bag_silver_small.png'); } .cashier_area .bag { background-image:url('/img/bag_silver.png'); } .cashier_area .bag_big { background-image:url('/img/bag_silver_big.png'); } .cashier_area .category_header > span { display:inline-block; padding:2px 10px 2px 0; vertical-align:middle; font-weight:normal; } .cashier_area .category_header img { margin-right:5px; } .cashier_area .category_header span.big_text { font-size:1.3em; margin-right:15px; } .cashier_area .category_header span.silvertext.big_text { margin-right:0px; } .cashier_area .category_header span.big_bracket { width:6px; height:31px; background-repeat:no-repeat; background-position:center center; } .cashier_area .category_header span.big_bracket.left { background-image:url('/img/wallet_bracket_open.png'); margin-right:8px; } .cashier_area .category_header span.big_bracket.right { background-image:url('/img/wallet_bracket_close.png'); } .cashh1 {height:40px;margin-left:0;} /* USERLIST CSS AREA */ .misc_area .misc_content_area.subview.userlist table td {text-align:left;width:250px;} .misc_area .misc_content_area.subview.userlist table td:first-child { padding-left:40px; width:300px; } .misc_area .misc_content_area.subview.userlist table tbody tr td span { vertical-align:middle; } .misc_area .misc_content_area.subview.userlist table tbody tr td { border-top:1px solid rgba(255,255,255,0); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .misc_area .misc_content_area.subview.userlist table tbody tr:nth-child(2n) td { } .misc_area .misc_content_area.subview.userlist table tbody tr:hover td { border-top:1px solid #ccc; border-bottom:1px solid #ccc; } .misc_area .misc_content_area.subview.userlist table tbody tr:hover td:first-child { border-left:1px solid #ccc; } .misc_area .misc_content_area.subview.userlist table tbody tr:hover td:last-child { border-right:1px solid #ccc; } .misc_area .misc_content_area.subview.userlist table tbody tr:active td { background-color:#e5e5e5; } .misc_area .misc_content_area.subview.userlist table tbody td span.icon_status { display:block; margin:auto; height:25px; background-position:center center; vertical-align:text-top; } .misc_area .misc_content_area.subview.userlist table tbody td span.icon_status.offline:hover { background-position:1px center; /* quirk to look nice */ } .misc_area .misc_content_area.subview.userlist .avatar_icon { display:inline-block; width:26px; height:26px; background-size:contain; margin-right:5px; vertical-align:middle; } .misc_area .misc_content_area.subview.userlist .pagination ul { border-radius:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .misc_area .misc_content_area.subview.userlist .pagination ul > li > a, .misc_area .misc_content_area.subview.userlist .pagination ul > li > span { background-color:transparent; border-color:transparent; border-left-width:1px; color:inherit; } .misc_area .misc_content_area.subview.userlist .pagination ul > li > a:hover, .misc_area .misc_content_area.subview.userlist .pagination ul > li > a.active, .misc_area .misc_content_area.subview.userlist .pagination ul > li > span:hover, .misc_area .misc_content_area.subview.userlist .pagination ul > li > span.active { background-color:#fff; border-color:#aaa; border-left-width:1px; } .misc_area .misc_content_area.subview.userlist .small_text { font-size:0.6em; font-weight:normal; display:block; line-height:1.2em; width:70px; color:#bbb; text-align:center; } .misc_area .misc_content_area.subview.userlist .user_name { display:inline-block; width:150px; word-break:break-all; word-wrap:break-word; } .misc_area .misc_content_area.subview.userlist .icon_chat.blue { background-image:url('/img/icon_chat_blue.png'); background-repeat:no-repeat; height:25px; background-position:center 1px; } .misc_area .misc_content_area.subview.userlist .icon_chat.blue:hover { background-position: center -21px; } .misc_area .misc_content_area.subview.userlist .icon_chat.blue:active { background-position: center -43px; } .misc_area .misc_content_area.subview.userlist .remove_friend_button { display:block; margin:auto; width:8px; height:8px; background-image:url('/img/remove_friend_button.png'); background-repeat:no-repeat; background-position:center 0; cursor:pointer; } .misc_area .misc_content_area.subview.userlist .remove_friend_button:hover { background-position:center -9px; } .misc_area .misc_content_area.subview.userlist .remove_friend_button:active { background-position:center -20px; } .status_td {width:50px;} .motto {width:300px;} .rem_friends {width: 50px !important;} .bottom_userfix {width: 893px;margin: 0 21px 0 185px;} .profile_status_link { text-decoration: none !important;} /* PROFILE PAGE CSS AREA */ .profile_area { margin-top:80px; margin-bottom:80px; } .profile_area h1 span { display:inline-block; margin-left:5px; font-weight:normal !important; } .profile_area h1 span.online { color:#10BD49; } .profile_area h1 span.offline { color:#929497; } .profile_area h1 span.red { color:#F1142A; } .profile_area h1 .img_icon.online, .profile_area h1 .img_icon.offline, .profile_area h1 .img_icon.red { display:inline-block; width:30px; height:1em; vertical-align:bottom; margin-left:10px; background-repeat:no-repeat; background-position:center center; background-image:url('/img/header_statusicon_online.png'); } .profile_area h1 .img_icon.offline { background-image:url('/img/header_statusicon_offline.png'); } .profile_area h1 .img_icon.red { background-image:url('/img/header_statusicon_red.png'); } .profile_area .profile_sidebar, .profile_area .profile_form_area { display:inline-block; vertical-align:top; width:120px; margin:0 21px; } .profile_area .profile_sidebar .main_avatar_area .avatar_pic { background:white;background-repeat:no-repeat; width:108px; height:108px; margin:auto;padding:4px;border-radius:3px; } .profile_area .profile_sidebar .sub_avatar_area { background-color:#fff; margin:10px 0 0; } .profile_area .profile_sidebar .sub_avatar_area > div { display:inline-block; vertical-align:top; } .profile_area .profile_sidebar .sub_avatar_area .avatar_pic { background-image:url('/img/avatar_user.png'); background-repeat:no-repeat; width:52px; height:52px; margin:1px 2px 1px 1px; } .profile_area .profile_sidebar .sub_avatar_area .viewall_button { background-image:url('/img/view_all_pics_arrow.png'); background-repeat:no-repeat; width:8px; height:52px; cursor:pointer; background-position:center 2px; } .profile_area .profile_sidebar .sub_avatar_area .viewall_button:hover { background-position:center -50px; } .profile_area .profile_sidebar .sub_avatar_area .viewall_button:active { background-position:center -102px; } .profile_area .profile_sidebar .profile_minidata_area p, .profile_area .profile_sidebar .profile_quote p { font-size:0.9em; line-height:1.2em; text-align:center; margin:0; } .profile_area .profile_sidebar .profile_minidata_area p { margin-bottom:5px; } .profile_area .profile_sidebar .profile_minidata_area { margin:20px 0 12px; } .profile_area .profile_sidebar .profile_quote { font-weight:bold; padding:20px 0; margin-top:20px;margin-bottom:20px; border-top:1px solid #fff; border-bottom:1px solid #fff; } .profile_area .profile_sidebar .view_profile_button { background-image:url('/img/profile_view_button.png'); background-repeat:no-repeat; width:112px; height:35px; margin:auto; cursor:pointer; background-position:center 0; } .profile_area .profile_sidebar .view_profile_button:hover { background-position:center -38px; } .profile_area .profile_sidebar .view_profile_button:active { background-position:center -76px; } .profile_area .profile_form_area { width:893px;/*940px*/ margin-left:21px; } .profile_area .profile_form_area.subview, .misc_area .misc_content_area.subview { margin-top:-55px; } .profile_area .profile_form_area .category_header { background-color:#1b1b1b; color:#fff; text-transform:uppercase ; font-size:1.2em; font-weight:bold; padding:18px 25px; border-left:1px solid #a8a8a8; border-right:1px solid #a8a8a8; } .profile_area .profile_form_area .category_header.sub { height:40px !important;background-color:#f5f5f5; color:#000; font-size:1em; padding:9px 50px; border-left:1px solid #a8a8a8; border-right:1px solid #a8a8a8; } .profile_area .profile_form_area .category_line { display:table; background-color:#fff; padding:10px 5px 10px 50px; width:100%; border-left:1px solid #a8a8a8; border-right:1px solid #a8a8a8; } .profile_area .profile_form_area .category_line > div { display:table-cell; width:265px;/*300px*/ /*padding:5px 0;*/ vertical-align:middle; } .profile_area .profile_form_area .category_line .label_part { font-weight:bold; } .profile_area .profile_form_area .category_line .entry_part { width:570px; } .profile_area .profile_form_area .category_line .entry_part input[type=text], .profile_area .profile_form_area .category_line .entry_part input[type=password] { width:268px; margin:0; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .profile_area .profile_form_area .category_line .entry_part input[type=text].input-xlarge { width:508px; /*margin-left:13px;*/ } .profile_area .profile_form_area .acc_section { background-image:url('/img/account_divider.png'); background-repeat:no-repeat; background-position:center bottom; height:55px; } .profile_area .profile_form_area .acc_section.end { background-image:none; } .profile_area .profile_form_area .coins_section span { display:inline-block; vertical-align:middle; } .profile_area .profile_form_area .coins_section .coin_gold, .profile_area .profile_form_area .coins_section .coin_silver { background-image:url('/img/coin_gold_profile.png'); background-repeat:no-repeat; width:32px; height:32px; color:#fff; text-shadow:1px 1px 2px #333; text-align:center; /*padding-top:5px;*/ line-height:2.2em; margin-right:5px; } .profile_area .profile_form_area .coins_section .coin_silver { background-image:url('/img/coin_silver_profile.png'); margin-left:5px; margin-right:0; } .profile_area .profile_form_area .coins_section span a { display:inline-block; margin:0 10px; font-weight:bold; } .profile_area .profile_form_area .grab_trophies_button { background-image:url('/img/grab_trophies_button.png'); background-repeat:no-repeat; width:224px; height:39px; cursor:pointer; background-position:center 2px; } .profile_area .profile_form_area .grab_trophies_button:hover { background-position:center -36px; } .profile_area .profile_form_area .grab_trophies_button:active { background-position:center -75px; } .profile_area .profile_form_area .games_acc_section, .edit_acc_section { display:inline-block; vertical-align:top; width:445px; } .profile_area .profile_form_area .games_acc_section a { display:inline-block; vertical-align:top; margin-right:10px; } .profile_area .profile_form_area .games_acc_section a.end { margin-left:10px; margin-right:0; } .edit_acc { float: right;margin-right: 22px;} .profile_area .profile_form_area .login_via_fb_button, .profile_area .profile_form_area .login_via_vk_button, .profile_area .profile_form_area .login_via_twit_button, .profile_area .profile_form_area .login_via_width { background-repeat:no-repeat; background-position:center 0; width:132px; height:34px; display:inline-block; vertical-align:middle; cursor:pointer; background-image:url('/img/login_via_fb_combo.png'); margin-right:15px; } .profile_area .profile_form_area .login_via_vk_button { background-image:url('/img/login_via_vk_combo.png'); } .profile_area .profile_form_area .login_via_twit_button { background-image:url('/img/login_via_twit_combo.png'); margin-right:0; } .profile_area .profile_form_area .login_via_fb_button:hover, .profile_area .profile_form_area .login_via_vk_button:hover, .profile_area .profile_form_area .login_via_twit_button:hover { background-position:center -36px; } .profile_area .profile_form_area .login_via_fb_button:active, .profile_area .profile_form_area .login_via_vk_button:active, .profile_area .profile_form_area .login_via_twit_button:active { background-position:center -72px; } .profile_area .profile_form_area .login_via_width { background-image:none; text-align:center; height:50px; vertical-align:top; padding-top:5px; } .profile_area .profile_form_area .login_via_width input[type=radio] { vertical-align:middle; } .profile_area .profile_form_area .login_via_width:last-child { margin-right:0; } .profile_area .profile_form_area .greytext { color:#aaa; margin-left:6px; display:inline-block; } .profile_area .profile_form_area .normaltext { font-weight:normal !important; } .profile_area .profile_form_area .subtext { font-weight:normal; font-style:italic; font-size:0.9em; line-height:1.2em; width:95%; } .profile_area .profile_form_area .login_via_steam_button { background-image:url('/img/login_via_steam.png'); width:117px; height:50px; display:inline-block; vertical-align:middle; cursor:pointer; } .profile_area .profile_form_area .save_profile_button { width:107px; height:45px; margin:15px auto 10px -45px; display:inline-block; cursor:pointer; background-image:url('/img/profile_save_button.png'); background-repeat:no-repeat; background-position:center 2px; } .profile_area .profile_form_area .save_profile_button:hover { background-position:center -43px; } .profile_area .profile_form_area .save_profile_button:active { background-position:center -88px; } .profile_area .profile_form_area .last_line { background-image:url('/img/profile_box_shadow.png'); background-repeat:no-repeat; background-position:center top; height:20px; border-top:1px solid #a8a8a8; } .profile_area .profile_form_area.subview table, .misc_area .misc_content_area table { width:100%; border:1px solid #A8A8A8; border-bottom:none; } .profile_area .profile_form_area.subview table thead td, .misc_area .misc_content_area table thead td { background-color:#1b1b1b; color:#14E31F; font-weight:bold; font-size:1.1em; padding:18px 10px; } .profile_area .profile_form_area.subview table tbody td, .misc_area .misc_content_area table tbody td { background-color:#fff; padding:18px 10px; } .profile_area .profile_form_area.subview table tbody tr:nth-child(2n) td, .misc_area .misc_content_area table tbody tr:nth-child(2n) td { background-color:#f5f5f5; } .profile_area .profile_form_area.subview table td:first-child { text-align:center; } .whitetext a, .whitetext { color:#14E31F;text-decoration: none;cursor: pointer; } .whitetext:hoverr { text-decoration: none; text-shadow: 0 0 3px #fff;} .whitetextactive { text-decoration: none !important;} .whitetext a img { position: relative;top: -5px;margin-left: 20px;} .profile_area .profile_form_area.subview .search_table_area { text-align:right; width:100%; margin-bottom:20px; } .profile_area .profile_form_area.subview .search_table_area .searchbar_input { background-image:url('/img/exphistory_search_bg.png'); background-repeat:no-repeat; width:283px; height:29px; padding:3px 10px; display:inline-block; text-align:left; } .profile_area .profile_form_area.subview .search_table_area .searchbar_input input { border:0; outline:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; margin:0; width:85%; } .profile_area .profile_form_area.subview .search_table_area .searchbar_input .search_icon { display:inline-block; vertical-align:middle; background-image:url('/img/exphistory_search_icon.png'); background-repeat:no-repeat; width:12px; height:12px; margin-right:5px; cursor:pointer; } .profile_area .profile_form_area.subview table thead td.time_width { width:110px; padding-left:0; } .profile_area .profile_form_area.subview table tbody td.time_width { padding-left:15px; } .profile_area .profile_form_area.subview table td.coin_width { width:70px; } .profile_area .profile_form_area.subview table thead td img { margin-right:2px; vertical-align:text-bottom; } .goldtext { color:#FFC000; } .silvertext { color:#D9D9D9; } .profile_area .profile_form_area.subview table .time_selectbox { width:107px; height:30px; background-image:url('/img/time_selectbox_bg.png'); background-repeat:no-repeat; position:absolute; margin-top:-15px; overflow:hidden; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; } .profile_area .profile_form_area.subview table .time_selectbox span { display:block; padding:5px 15px; } .profile_area .profile_form_area.subview table .time_selectbox.selected { background-image:url('/img/time_selectbox_bg_long.png'); height:97px; } .profile_area .profile_form_area.subview table .time_selectbox ul { display:none; height:60px; overflow-y:scroll; margin:0 2px; } .profile_area .profile_form_area.subview table .time_selectbox.selected ul { display:block; margin-top:5px; } .profile_area .profile_form_area.subview table .time_selectbox.selected ul li { color:#14E31F; font-weight:normal; font-size:0.8em; line-height:1.1em; padding:5px 15px; } .profile_area .profile_form_area.subview table .time_selectbox.selected ul li:hover { background-color:#323232; } .profile_area .profile_form_area.subview table .coin_gold, .profile_area .profile_form_area.subview table .coin_silver { background-image:url('/img/coin_gold_profile.png'); background-repeat:no-repeat; width:32px; height:32px; color:#fff; text-shadow:1px 1px 2px #333; text-align:center; /*padding-top:5px;*/ line-height:2.2em; margin-right:5px; display:block; vertical-align:middle; margin:auto; } .profile_area .profile_form_area.subview table .coin_silver { background-image:url('/img/coin_silver_profile.png'); color:#000; } .profilecoins {font-size: 1.5em;margin-right: 15px; display: inline-block; padding: 2px 10px 2px 5px;margin-top: 4px;vertical-align: middle;font-weight: normal;} /* MISC CONTENT SEARCH TABLE CSS, GENERALLY IDENTICAL TO PROFILE PAGE AREA'S SEARCH TABLE CSS */ .misc_area .misc_content_area .search_table_area { text-align:right; width:100%; margin-bottom:20px; position:relative; } .misc_area .misc_content_area .search_table_area .search_label_title { display:inline-block; position:absolute; left:0; } .misc_area .misc_content_area .search_table_area .search_label_title h3 { margin:0; line-height:1.3em; } .misc_area .misc_content_area .search_table_area .searchbar_input { background-image:url('/img/exphistory_search_bg.png'); background-repeat:no-repeat; width:283px; height:29px; padding:3px 10px; display:inline-block; text-align:left; } .misc_area .misc_content_area .search_table_area .searchbar_input input { border:0; outline:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; margin:0; width:85%; height:22px; } .misc_area .misc_content_area .search_table_area .searchbar_input .search_icon { display:inline-block; vertical-align:middle; background-image:url('/img/exphistory_search_icon.png'); background-repeat:no-repeat; width:12px; height:12px; margin-right:5px; cursor:pointer; } .misc_area .misc_content_area .answer_area { margin-bottom:100px; position:relative; } .misc_area .misc_content_area .answer_area .qn_bubbletip { position:absolute; top:-15px; left:30px; background-image:url('/img/qn_bubbletip.png'); background-repeat:no-repeat; width:35px; height:17px; } .misc_area .misc_content_area .answer_area .question_statement { padding:25px 40px; background-color:#fff; font-size:1.4em; font-weight:bold; margin-bottom:20px; } /*SOME FIX/HACK STYLES by Alex, shadows for main hero_pic, news and etc*/ .video_img { width:200px;} .video_content_area {border:3px white solid;width:214px;height:214px;background:white;padding: 10px;display: inline-block;margin-right: 10px;margin-top: 10px;} .video_content_area:hover { cursor:pointer;border:3px rgb(199, 179, 116) solid;} .video_content_area:active { border:3px rgb(163, 163, 206) solid;} .video_article_area p {font-size:13px;font-family:ubuntu;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .comment_video { margin-top: -30px;float:right;} .blog_inputs { border-radius:2px !important;} .blog_li li { width:101px !important;} .mc-container { padding: 10px;background: rgba(255, 255, 255, 0.86);} .article_author { font-size:0.9em;font-style: italic;} .tags_column { word-wrap:break-word;display: block;width: 515px;} .hero_pic_area div:nth-child(1) { margin-top:-15px;} .search_top { float:right; position: absolute; right: 2px; top: 59px; z-index: 1;} .search_top form { margin-bottom: 0;} .search_top input { border-radius: 0;width:217px;border: 1px rgb(189, 189, 248) solid !important;box-shadow: 0 3px 2px rgba(0,0,0,.16);} .search_top input:focus { box-shadow: 0 1px 2px rgba(0,0,0,.16) !important;} .guest_search input { width:220px;top:29 !important;} .btn-tour { background-color: hsl(0, 69%, 32%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d93030", endColorstr="#891919"); background-image: -khtml-gradient(linear, left top, left bottom, from(#d93030), to(#891919)); background-image: -moz-linear-gradient(top, #d93030, #891919); background-image: -ms-linear-gradient(top, #d93030, #891919); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d93030), color-stop(100%, #891919)); background-image: -webkit-linear-gradient(top, #d93030, #891919); background-image: -o-linear-gradient(top, #d93030, #891919); background-image: linear-gradient(#d93030, #891919); border-color: #891919 #891919 hsl(0, 69%, 27%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased; -webkit-box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.75); width:265px; font-size:18px; } .btn_top {border: none;padding: 11px 9px;border-radius: 1px !important;background: rgba(90, 144, 194, 0.52);border-radius: 2px;text-shadow:none;font-size:16px;} .add_btn { box-shadow: 0 3px 2px rgba(0,0,0,.16);position: absolute;z-index: 1000;left: 312px;top: 8px;} .btn_top:hover {background:rgb(37, 178, 214);color:white;} .add_btm { font-size:13px;padding:6px;background-color: #F0981B;} .add_btm:hover { box-shadow: 0 1px 2px rgba(0,0,0,.16) !important;background:rgb(31, 184, 223);background-color: #FFB852;} .add_div_btm { top:58px;left:851px;} .add_div_btm ul li {border:none !important;} .add_div_btm ul li ul {top:17px;left:1px;} .soc_icon { float:right;margin-right:88px;margin-top: 15px;} h4.tooltips, h4.tooltips_left { position: relative; } h4.tooltips span, h4.tooltips_left span { position: absolute; width:240px; color: #FFFFFF; background: #000000; height: 100px; line-height: 30px; text-align: center; visibility: hidden; border-radius: 6px; } h4.tooltips span:after { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -8px; width: 0; height: 0; border-right: 8px solid #000000; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } h4:hover.tooltips span { visibility: visible; opacity: 0.9; left: 100%; top: 50%; margin-top: -50px; margin-left: 15px; z-index: 999; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); border: 1px rgb(192, 192, 213) solid; } h4.tooltips_left span:after { content: ''; position: absolute; top: 50%; left: 100%; margin-top: -8px; width: 0; height: 0; border-left: 8px solid #000000; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } h4:hover.tooltips_left span { visibility: visible; opacity: 0.9; right: 100%; top: 50%; margin-top: -50px; margin-right: 15px; z-index: 999; -webkit-box-shadow: -7px 7px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: -7px 7px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: -7px 7px 5px 0px rgba(50, 50, 50, 0.75); border: 1px rgb(192, 192, 213) solid; border-right:none; } .link_hero { color:#4FBAF0;} .link_hero:active, .link_hero:hover { color:#ADD7EC;text-decoration: none;} .strong { font-weight: 700;} .mini_img_stream { background-position:center; background-size:210px; background-repeat: no-repeat;width:260px;height:160px;background-color:rgb(192, 214, 248);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .layer_top img { margin-top:10px;width:230px;} .comment_link { float:right;border: 1px solid #eee;padding: 10px;} .blank_970 { width:970px;background:#fff;border:1px #eee solid;margin:0 auto;} .introtext { font-size: 1.2em;margin:-25px 0 50px 185px;} .misc_area .category_line.contents h1 { text-transform:uppercase;margin-left:0; margin-bottom:25px; margin-top:25px; font-weight:700; } .bracketcomm { font-size:14px;font-family:Tahoma;} .news_article_area h2 a { display:block;width:600px;} .news_article_area .artcomments { font-weight: 100;margin-top: -4px;float:right;width:auto;} .profile_heading h1 { margin:0;background-color: white;width: 873px;padding: 20px 0 0 19px;border: 1px solid #a8a8a8;height:57px;} .post_header { padding: 0 10px;border-right: 1px solid #333;color:rgb(169, 169, 245) !important;} .shadow980 {background-color: transparent; width:970px; margin: 0 auto; background-image: url('/img/shadow980.png'); background-repeat: no-repeat; background-position: center top; height: 16px;} .shadow622 {background-color: transparent; width:630px; background-image: url('/img/shadow622.png'); background-repeat: no-repeat; background-position: center top; height: 10px; margin-left:-1px; position: relative; top: 0px; } .shadow_hero { margin-bottom:20px; } .shadow_fame { left: -16px;position: relative;top: 8px;margin:0;width:450px;} .gold_imp, .gold_imp a {color: #FFC000 !important;} .silver_imp, .silver_imp a {color: #D9D9D9;} .silver_tableimp {color: #414141 !important;} .accept_game {width: 650px; min-height: 50px; background-image: url('/img/accept_friend_box_bg.png'); background-repeat: no-repeat;} .accept_game > span { display:table-cell; height:50px; vertical-align:middle; } .accept_game span .icon_img { background-image:url('/img/accept_friend_icon.png'); background-repeat:no-repeat; width:24px; height:15px; display:inline-block; margin-left:20px; margin-top:3px; } .accept_game .msg_area { width:352px; font-weight:bold;margin-left: 5px; } .accept_game .msg_area div { margin-left: 5px;display:inline-block; width:330px; max-height:50px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; /*white-space:nowrap; /* commented out to allow multiline text display */ } .accept_game .actions_area { position:relative; width:200px; } .accept_game .actions_area .accept_button, .accept_b, .accept_game .actions_area .refuse_button, .refuse_b { text-decoration:none;background-image:url('/img/accept_friend_accept.png'); background-repeat:no-repeat; width:109px; height:30px; display:inline-block; cursor:pointer; background-position:center 0; top:50%; margin-top:-15px; } .accept_game .actions_area .refuse_button, .refuse_b { background-image:url('/img/accept_friend_refuse.png'); margin-left:-23px; left:109px; } .accept_game .actions_area .accept_button:hover, .accept_b:hover, .accept_game .actions_area .refuse_button:hover, .refuse_b:hover { background-position:center -33px; } .accept_game .actions_area .accept_button:active, .accept_game .actions_area .refuse_button:active, .accept_b, .refuse_b { background-position:center -66px; } .accept_game .actions_area .or_caption, .or_b { background-image:url('/img/accept_friend_or.png'); background-repeat:no-repeat; width:13px; height:14px; display:inline-block; position:absolute; margin-top:-7px; margin-left:-4px; top:50%; left:50%; z-index:5; } #alerttoggle { width: 617px;} .accept_b, .refuse_b { text-decoration:none;outline:none;} .modal_acp_ref { margin: 25px 36px 10px 0;float:right;} .ask_save { margin-left:20px;margin-top: 10px;} .or_b { margin-top: 29px;margin-left: 64px;} .map_picture_small { vertical-align: middle;background-image:url('/img/map_pic.png'); background-repeat:no-repeat; width:100px; height:100px; margin-right:20px; } /* PROFILE PAGE CSS */ .profile_area { margin-top:80px; margin-bottom:80px; } .profile_area h1 span { display:inline-block; margin-left:5px; font-weight:normal !important; } .profile_area h1 span.online { color:#10BD49; } .profile_area h1 span.offline { color:#929497; } .profile_area h1 span.red { color:#F1142A; } .profile_area h1 .img_icon.online, .profile_area h1 .img_icon.offline, .profile_area h1 .img_icon.red { display:inline-block; width:30px; height:1em; vertical-align:bottom; margin-left:10px; background-repeat:no-repeat; background-position:center center; background-image:url('/img/header_statusicon_online.png'); } .profile_area h1 .img_icon.offline { background-image:url('/img/header_statusicon_offline.png'); } .profile_area h1 .img_icon.red { background-image:url('/img/header_statusicon_red.png'); } .profile_area .profile_sidebar, .profile_area .profile_form_area { display:inline-block; vertical-align:top; width:120px; margin:0 21px; } .profile_area .profile_form_area { width:893px;/*940px*/ margin-left:21px; } .profile_area .profile_form_area .category_header { background-color:#1b1b1b; color:#fff; text-transform:uppercase; font-size:1.2em; font-weight:bold; padding:18px 25px; border-left:1px solid #a8a8a8; border-right:1px solid #a8a8a8; } .profile_area .profile_form_area .category_header.sub { background-color:#f5f5f5; color:#000; font-size:1em; padding:9px 50px; border-left:1px solid #a8a8a8; border-right:1px solid #a8a8a8; } .profile_area .profile_form_area .category_line { display:table; background-color:#fff; padding:10px 5px 10px 50px; width:100%; border-left:1px solid #a8a8a8; border-right:1px solid #a8a8a8; } .profile_area .profile_form_area .category_line > div { display:table-cell; width:265px;/*300px*/ /*padding:5px 0;*/ vertical-align:middle; } .profile_area .profile_form_area .category_line .label_part { font-weight:bold; } .profile_area .profile_form_area .category_line .entry_part { width:570px; } .profile_area .profile_form_area .category_line .entry_part input[type=text], .profile_area .profile_form_area .category_line .entry_part input[type=password] { width:268px; margin:0; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .profile_area .profile_form_area .category_line .entry_part .input-xlarge { width:508px; /*margin-left:13px;*/ } .profile_area .profile_form_area .category_line .entry_part select {width:281px !important;outline: none;} .profile_area .profile_form_area .acc_section { background-image:url('/img/account_divider.png'); background-repeat:no-repeat; background-position:center bottom; height:55px; } .profile_area .profile_form_area .acc_section.end { background-image:none; } .profile_area .profile_form_area .coins_section span { display:inline-block; vertical-align:middle; } .profile_area .profile_form_area .coins_section .coin_gold, .profile_area .profile_form_area .coins_section .coin_silver { background-image:url('/img/coin_gold_profile.png'); background-repeat:no-repeat; width:32px; height:32px; color:#fff; text-shadow:1px 1px 2px #333; text-align:center; /*padding-top:5px;*/ line-height:2.2em; margin-right:5px; } .profile_area .profile_form_area .coins_section .coin_silver { background-image:url('/img/coin_silver_profile.png'); margin-left:5px; margin-right:0; } .profile_area .profile_form_area .coins_section span a { display:inline-block; margin:0 10px; font-weight:bold; } .profile_area .profile_form_area .grab_trophies_button { float:right;background-image:url('/img/grab_trophies_button.png'); background-repeat:no-repeat; width:224px; height:39px; cursor:pointer; background-position:center 2px; } .profile_area .profile_form_area .grab_trophies_button:hover { background-position:center -36px; } .profile_area .profile_form_area .grab_trophies_button:active { background-position:center -75px; } .profile_area .profile_form_area .games_acc_section, .profile_area .profile_form_area .games_acc_section a { display:inline-block; vertical-align:top; margin-right:10px; } .profile_area .profile_form_area .games_acc_section a.end { margin-left:10px; margin-right:0; } .profile_area .profile_form_area .login_via_fb_button, .profile_area .profile_form_area .login_via_vk_button, .profile_area .profile_form_area .login_via_twit_button, .profile_area .profile_form_area .login_via_width { background-repeat:no-repeat; background-position:center 0; width:132px; height:34px; display:inline-block; vertical-align:middle; cursor:pointer; background-image:url('/img/login_via_fb_combo.png'); margin-right:15px; } .profile_area .profile_form_area .login_via_vk_button { background-image:url('/img/login_via_vk_combo.png'); } .profile_area .profile_form_area .login_via_twit_button { background-image:url('/img/login_via_twit_combo.png'); margin-right:0; } .profile_area .profile_form_area .login_via_fb_button:hover, .profile_area .profile_form_area .login_via_vk_button:hover, .profile_area .profile_form_area .login_via_twit_button:hover { background-position:center -41px; } .profile_area .profile_form_area .login_via_fb_button:active, .profile_area .profile_form_area .login_via_vk_button:active, .profile_area .profile_form_area .login_via_twit_button:active { background-position:center -80px; } .profile_area .profile_form_area .login_via_width { background-image:none; text-align:center; height:50px; vertical-align:top; padding-top:5px; } .profile_area .profile_form_area .login_via_width input[type=radio] { vertical-align:middle; } .profile_area .profile_form_area .login_via_width:last-child { margin-right:0; } .profile_area .profile_form_area .greytext { color:#aaa; margin-left:6px; display:inline-block; } .profile_area .profile_form_area .normaltext { font-weight:normal !important; } .profile_area .profile_form_area .subtext { font-weight:normal; font-style:italic; font-size:0.9em; line-height:1.2em; width:95%; } .profile_area .profile_form_area .login_via_steam_button { background-image:url('/img/login_via_steam.png'); width:117px; height:50px; display:inline-block; vertical-align:middle; cursor:pointer; } .profile_area .profile_form_area .save_profile_button {background-color: transparent; border: 0;outline:none;text-decoration:none;width:107px; height:45px; margin:15px auto 10px -45px; display:inline-block; cursor:pointer; background-image:url('/img/profile_save_button.png'); background-repeat:no-repeat; background-position:center 2px; } .profile_area .profile_form_area .save_profile_button:hover { background-position:center -43px; } .profile_area .profile_form_area .save_profile_button:active { background-position:center -88px; } .profile_area .profile_form_area .last_line, .last_line_ext { background-image:url('/img/profile_box_shadow.png'); background-repeat:no-repeat; background-position:center top; height:20px; border-top:1px solid #a8a8a8; } .profile_heading { margin-left: 187px;width: 893px;} .last_line_ext {border:none;} <<<<<<< .mine .profile_heading h1 { margin:0;background-color: white;width: 873px;padding: 20px 0 0 19px;border: 1px solid #a8a8a8;height:57px;} /* PROFILE WIN LOSE PAGE CSS AREA */ .profile_area img.winlose.team_name_avatar { width:38px; margin-right:12px; vertical-align:bottom; } .profile_form_area .top_buttons_area.winlose { text-align:right; margin-top:-45px; margin-bottom:10px; } .profile_form_area .team_label { margin:16px 0 0; font-size: 1.3em; } .profile_form_area .team_desc { margin-top:0; color:#0B00FE; font-size:2.5em; text-transform:capitalize; } .profile_area .profile_form_area .category_line.default { padding-left:5px; } .profile_area .profile_form_area .coins_section.winlose .label_part img { margin-left:5px; width:16px; vertical-align:text-top; } .profile_area .profile_form_area .coins_section.winlose .coin_silver { margin-left:0; color:#000; font-weight:bold; text-shadow:none; } .profile_area .profile_form_area .category_line > div.gamelevels_part { display:table-cell; vertical-align:top; width:210px; margin-top:0px; margin-bottom:0px; padding:15px 30px 20px; border-right:1px solid #f2f2f2; } .profile_area .profile_form_area .category_line > div.gamelevels_part.last { border-right:none; } .profile_area .profile_form_area .category_line > div.gamelevels_part.button_area { width:10px; padding:50px 0; } .profile_area .profile_form_area .category_line .gamelevels_part.button_area .viewall_button { background-image:url('/img/view_all_pics_arrow.png'); background-repeat:no-repeat; width:8px; height:52px; display:inline-block; cursor:pointer; background-position:center 2px; } .profile_area .profile_form_area .category_line .gamelevels_part.button_area .viewall_button:hover { background-position:center -50px; } .profile_area .profile_form_area .category_line .gamelevels_part.button_area .viewall_button:active { background-position:center -102px; } .profile_form_area .gamelevels_part h4 { font-size:21.5px; width:100%; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap; } .profile_form_area .gamelevels_part .level_label { text-align:center; margin:28px 0 10px; position:relative; } .profile_form_area .gamelevels_part .level_number, .profile_form_area .gamelevels_part .level_caption { display:inline-block; } .profile_form_area .gamelevels_part .level_number { font-size:4em; line-height:0.7em; font-weight:bold; } .profile_form_area .gamelevels_part .level_caption { position:absolute; right:23%; bottom:0%; color:#aaa; font-weight:bold; font-size:1.1em; line-height:1.1em; } .level_gaugebar { width:100%; margin:auto; text-align:center; background-color:#D2D2D2; /*#fc0*/ position:relative; overflow:hidden; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .level_gaugebar span { /*margin:5px auto;*/ color:#fff; font-size:0.9em; line-height:1.3em; display:block; position:relative; } .level_gaugebar span.colorbar { margin:0; position:absolute; display:block; height:100%; border-radius:15px 0 0 15px; -moz-border-radius:15px 0 0 15px; -webkit-border-radius:15px 0 0 15px; } .level_gaugebar span.colorbar.quart { border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .level_gaugebar span.colorbar.green { background-color:#45C862; box-shadow:11px -12px 8px 0px #15C24B inset; } .level_gaugebar span.colorbar.yellow { background-color:#FFCC4E; box-shadow:11px -12px 8px 0px #FFC546 inset; } .level_gaugebar span.colorbar.red { background-color:#FF682C; box-shadow:11px -12px 8px 0px #FF5B25 inset; } .profile_area .profile_form_area .category_line.acc_section.stat_section { position:relative; padding:15px 0; height:131px; } .profile_area .profile_form_area .category_line .stat_summary { margin-left:1px;display:inline-block; width:457px; padding:22px 0; color:#fff; background-image:url('/img/stat_summary_win_bg.png'); background-repeat:no-repeat; } .profile_area .profile_form_area .category_line .stat_summary.loss { position:absolute; right:0; color:#000; background-image:url('/img/stat_summary_loss_bg.png'); background-repeat:no-repeat; } .profile_area .profile_form_area .category_line .stat_summary > div { display:inline-block; vertical-align:top; } .profile_area .profile_form_area .category_line .stat_summary .stat_title { font-size:1.2em; line-height:1.3em; font-weight:bold; margin-right:10px; } .profile_area .profile_form_area .category_line .stat_summary .stat_number { font-size:5em; line-height:0.8em; font-weight:bold; margin-right:10px; } .profile_area .profile_form_area .category_line .stat_summary .stat_desc { font-size:0.8em; line-height:0.9em; font-style:italic; width:120px; vertical-align:bottom; } .profile_form_area .top_buttons_area .game_list_button { background-image:url('/img/game_list_button.png'); background-position:center 0; cursor:pointer; width:107px; height:30px; display:inline-block; position:relative; padding:0; } .profile_form_area .top_buttons_area .game_list_button:hover { background-position:center -30px; } .profile_form_area .top_buttons_area .game_list_button:active { background-position:center -60px; } .profile_form_area .top_buttons_area .game_list_button ul { display:none; position:absolute; width:100%; text-align:left; padding-top:30px; margin-top:-2px; background-image:url('/img/game_list_dropdown_bg.png'); background-repeat:no-repeat; background-position:center 2px; height:144px; z-index:30; } .profile_form_area .top_buttons_area .game_list_button ul li { line-height:23px; width:90px; padding-left:11px; margin:auto; border:1px solid #efefef; } .profile_form_area .top_buttons_area .game_list_button ul li:hover { background-color:#d6f2d5; border:1px solid #d6f2d5; } .profile_form_area .top_buttons_area .game_list_button ul li:active { background-color:#d6f2d5; border:1px solid #ccc; } .profile_form_area .top_buttons_area .game_list_button.selected { /*background-image:url('/img/chat_actions_dropdown_bg.png'); height:144px;*/ } .profile_form_area .top_buttons_area .game_list_button.selected ul { display:block; } .profile_form_area .top_buttons_area .game_list_button select { display:none; } .profile_area .profile_sidebar .message_button, .add-friend, .remove-friend, .profile_area .profile_sidebar .friend_req_button { text-decoration:none;display:block;background-image:url('/img/profile_message_button.png'); background-repeat:no-repeat; width:112px; height:35px; margin:auto; cursor:pointer; background-position:center 0; margin-bottom:5px; } .profile_area .profile_sidebar .friend_req_button { background-image:url('/img/profile_friend_request_sent.png'); margin-bottom:2px; } .profile_area .profile_sidebar .message_button:hover { background-position:center -33px; } .profile_area .profile_sidebar .message_button:active { background-position:center -66px; } .profile_area .profile_sidebar .friend_req_button:hover { background-position:center -33px; } .profile_area .profile_sidebar .friend_req_button:active { background-position:center -66px; } .add-friend, .remove-friend { background: no-repeat 0 0; background-color: transparent;border:none;outline:none;} .add-friend { background-image:url('/img/addfriendbtn.png');width: 112px; height: 35px;} .remove-friend { background-image:url('/img/removefriendbnt.png');} .remove-friend:hover, .add-friend:hover { background-position:center -41px;} .remove-friend:active, .add-friend:active { background-position:center -82px;} .profile_area .profile_sidebar .friend_req_dropdown_section { display:none; } .profile_area .profile_sidebar .friend_req_dropdown_section.shown { display:block; }/* not in use */ .profile_area .profile_sidebar .friend_req_dropdown_section .triangle { background-image:url('/img/profile_friend_request_triangle.png'); background-repeat:no-repeat; background-position:center top; height:8px; width:106px; margin:5px auto 0; } .profile_area .profile_sidebar .friend_req_dropdown_section .list_area { background-color:#3337BC; color:#fff; font-size:0.8em; width:106px; margin:auto; padding:1px 0; } .profile_area .profile_sidebar .friend_req_dropdown_section .list_area ul { margin:5px 0px; } .profile_area .profile_sidebar .friend_req_dropdown_section .list_area li { padding:6px 12px; line-height:1.1em; cursor:pointer; } .profile_area .profile_sidebar .friend_req_dropdown_section .list_area li.separator { padding:0; margin:4px; height:2px; border-bottom:1px solid #e7e7e7; cursor:default; } .profile_area .profile_sidebar .friend_req_dropdown_section .list_area li:hover { background-color:rgba(234,234,234,0.3); } .profile_area .profile_sidebar .friend_req_dropdown_section .list_area li:active { background-color:rgba(234,234,234,0.3); border:2px solid #9A9A9A; padding:4px 10px; } .profile_area .profile_sidebar .friend_req_dropdown_section .list_area li.separator:hover { background-color:#3337BC; } .profile_area .profile_sidebar .friend_req_dropdown_section .list_area li.separator:active { background-color:#3337BC; } ======= .profile_heading h1 { margin:0;background-color: white;width: 873px;padding: 20px 0 0 19px;border: 1px solid #a8a8a8;height:57px;} /* NEWS CSS AREA */ .news_area { width:970px; margin:50px auto 30px; } .news_area .news_content_area { display:inline-block; vertical-align:top; width:740px; margin-right:10px; } .news_area .news_content_area .news_article_area { padding:20px 45px 20px; border-left:1px solid #a8a8a8; border-right:1px solid #a8a8a8; border-top:1px solid #a8a8a8; background-color:#fff; } .news_area .news_content_area .last_line { border-top:1px solid #a8a8a8; background-image:url('/img/news_box_shadow.png'); background-repeat:no-repeat; background-position:center top; height:17px; margin-bottom:40px; } .news_area .news_content_area h2 { height:100% ;} .news_area .news_content_area .news_posted_details { font-style:italic; } .news_area .news_content_area .news_posted_details .news_author { font-weight:bold; text-transform:uppercase; } .news_area .news_content_area .news_posted_details .news_posted_timestamp_area { color:#999; } .news_area .news_content_area .news_image_area { margin-bottom:35px; margin-top:20px; } .news_area .news_content_area .socialmedia_area { display:inline-block; vertical-align:top; width:100px; padding-right:30px; } .news_area .news_content_area .news_article_content_area { display:inline-block; vertical-align:top; width:535px; padding-left:30px;font-size:16px;line-height: 27px; } .news_article_content_area p {margin-bottom:20px;} .news_article_content_area li { line-height: 27px;margin-bottom: 5px;} .news_area .news_content_area .news_article_content_area .readmore_link { margin-top:20px; } .news_area .news_content_area .news_article_content_area .tags_area { margin-top:10px; background-color:#eee; padding:5px 15px; } .news_area .news_content_area .news_article_content_area .tags_area .arealabel { color:#a9a9a9; } .news_area .news_content_area .news_article_content_area .tags_area .taglabel { display:inline-block; padding:2px 8px; font-weight:bold; font-size:1em; text-transform:uppercase; border:1px solid rgba(0,0,0,0); cursor:pointer; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; } .news_area .news_content_area .news_article_content_area .tags_area .taglabel:hover { border:1px solid #ababab; background-color:#fff; } .news_area .news_content_area .news_article_content_area .tags_area .taglabel:active { border:1px solid #fff; background-color:#ababab; } .news_area .news_content_area .news_article_content_area .source_area { font-size:0.8em; margin-top:10px; } .news_area .news_content_area .news_article_content_area .source_area .arealabel { color:#aaa; } .news_area .news_content_area .news_article_content_area .source_area .srclabel { font-style:italic; font-weight:bold; } .news_area .news_content_area .news_article_content_area .comments_area { border-top:1px solid #f0f0f0; padding-top:10px; padding-bottom:10px; margin-top:20px; } .news_area .news_content_area .news_article_content_area .comments_area .count_summary { font-weight:bold; } .news_area .news_content_area .news_article_content_area .comments_area .count_summary a { color:inherit; } .news_area .news_content_area .news_pager_area { border:1px solid #adadad; position:relative; height:35px; } .news_area .news_content_area .news_pager_area > div.prev { position:absolute; left:20px; top:11px; padding-left:35px; background-image:url('/img/news_previous.png'); background-repeat:no-repeat; background-position:0 1px; height:15px; line-height:12px; } .news_area .news_content_area .news_pager_area > div.prev:hover { background-position:0 -15px; } .news_area .news_content_area .news_pager_area > div.prev:active { background-position:0 -32px; } .news_area .news_content_area .news_pager_area > div.next { position:absolute; right:20px; top:11px; padding-right:35px; background-image:url('/img/news_next.png'); background-repeat:no-repeat; background-position:right 1px; height:15px; line-height:12px; } .news_area .news_content_area .news_pager_area > div.next:hover { background-position:right -14px; } .news_area .news_content_area .news_pager_area > div.next:active { background-position:right -30px; } .news_area .news_content_area .news_pager_area > div a { color:inherit; } .news_area .news_sidebar_area { float:right;display:inline-block; vertical-align:top; width:220px; } .news_area .news_sidebar_area h4 { margin-top:0; margin-bottom:25px; font-weight:normal; } .news_area .news_sidebar_area #dynacloud { font-size:10px; text-align:justify; }>>>>>>> .r178 .comment_count { float: right;position: relative;top: -31px;} .head_news_text { display:block;width:618px;} /* JOIN ROOM CSS AREA */ .stats_area .orangelabel.green, .stats_area .stats_info.green { color:#00C44B; } .stats_area .orangelabel.red, .stats_area .stats_info.red { color:#FE122B; } .stats_area .orangelabel.black, .stats_area .stats_info.black { color:#000; } .stats_area .orangelabel.blue, .stats_area .stats_info.blue { color:#0B00FE; } .stats_area > div.ribbon_area > div.lean { margin-bottom:5px; } .stats_area .lean .orangelabel { width:154px; } .stats_area .lean .orangelabel span:first-child.text-right { width:141px; } .stats_area > div.ribbon_area { position:relative; } .stats_area > div.ribbon_area > div.right_links { position:absolute; top:22px; right:20px; } .stats_area .right_links a { display:block; font-size:0.7em; line-height:1.2em; text-align:right; } .stats_area .prize_pool_area { width:587px; margin:auto; background-color:#EDEDED; border:1px solid #B0B0B0; padding-top:10px; padding-bottom:10px; margin-top:8px; margin-bottom:20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .stats_area .prize_pool_area h3 { text-align:center; font-size:1.1em; line-height:1em; margin-top:12px; margin-bottom:12px; } .stats_area .prize_pool_area table { margin:auto; width:450px; margin-bottom:20px; } .stats_area .prize_pool_area table td { vertical-align:middle; padding-top:8px; padding-bottom:8px; } .stats_area .prize_pool_area table td:first-child { width:41px; } .stats_area .prize_pool_area table td span { vertical-align:middle; font-size:1.2em; } .stats_area .prize_pool_area .operator_icon { width:20px; height:28px; display:inline-block; margin-left:0px; margin-right:0px; text-align:center; font-size:0.8em; line-height:2em; } .stats_area .prize_pool_area .plus_sign { width:28px; background-image:url('/img/prize_plus_sign.png'); background-repeat:no-repeat; background-position:center center; margin-left:5px; margin-right:5px; } .stats_area .prize_pool_area .prize_img { width:30px; text-align:center; display:inline-block; } .stats_area .prize_pool_area .prize_title { width:90px; text-align:center; display:inline-block; } .stats_area .prize_pool_area .coin_amt { display:inline-block; margin-left:10px; font-weight:bold; } .stats_area .prize_pool_area .see_prize_link { text-align:center; font-size:0.7em; line-height:1.2em; } .room_area .room_content_area .submit_button.join_fight { background-image:url("/img/join_fight_button.png"); background-position:center 0; } .room_area .room_content_area .submit_button.join_fight:hover { background-position:center -54px; } .room_area .room_content_area .submit_button.join_fight:active { background-position:center -109px; } /* TOURNAMENT BRACKET CSS AREA */ .misc_area .misc_content_area.tournament_bracket_area { border:5px solid #f8f8f8; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:1063px; margin-left:75px; background-color: rgba(150, 169, 184, 1); /*background-color:#d5d5d5 !important;*/ } .misc_area .misc_content_area.tournament_bracket_area > table { border:none; } .misc_area .misc_content_area.tournament_bracket_area > table { width: auto !important; min-width: 300px; } .misc_area .misc_content_area.tournament_bracket_area > table > tbody > tr > td { width:351px; } .misc_area .misc_content_area.tournament_bracket_area table tr td { padding:0px 0px; /*0px 10px*/ } .misc_area .misc_content_area.tournament_bracket_area table tr td.grey { /*background-color:#d5d5d5 !important;*/background-color: rgba(189, 223, 248, 0); } .misc_area .misc_content_area.tournament_bracket_area table tr td.greylite { /*background-color:#eee !important;*/background-color: rgba(189, 223, 248, 0.7); } .misc_area .misc_content_area.tournament_bracket_area table tr:nth-child(2n) td { background-color:inherit; } .misc_area .misc_content_area.tournament_bracket_area table table { border:none; } .misc_area .misc_content_area.tournament_bracket_area table .stage_title { height:82px; font-weight:bold; font-size:1.9em; line-height:3.2em; text-align:center; } .misc_area .misc_content_area.tournament_bracket_area table .bottom_title { height:82px; font-weight:bold; font-size:1.9em; line-height:3.2em; text-align:center; } .misc_area .misc_content_area.tournament_bracket_area table tr td.fillerrow { height:19.5px; } .misc_area .misc_content_area.tournament_bracket_area table tr td.fillerrow_line { height:19.5px; background-image:url('/img/bracket_arrow_mid.png'); background-repeat:no-repeat; background-position: right center;} .misc_area .misc_content_area.tournament_bracket_area table tr td.fillerrow.bracket_mid { background-image:url('/img/bracket_arrow_mid.png'); background-repeat:repeat-y; background-position:right center; } .tournament_bracket_area table .bracket_select_area div.final_stage { position:relative; } .misc_area .misc_content_area.tournament_bracket_area table .final_stage_title { position:absolute; top:-63px; padding-left:60px; width:300px; font-weight:bold; font-size:1.2em; } .misc_area .misc_content_area.tournament_bracket_area table .final_stage_title div img { vertical-align:text-bottom; } .tournament_bracket_area table td.bracket_node_area { padding-right:30px !important; padding-left:10px !important; } .tournament_bracket_area table td.bracket_node_area.top { background-image:url('/img/bracket_arrow_top.png'); background-repeat:no-repeat; background-position:right -54%; } .tournament_bracket_area table td.bracket_node_area.bottom { background-image:url('/img/bracket_arrow_bottom.png'); background-repeat:no-repeat; background-position:right 154%; } .tournament_bracket_area table .bracketnode { border:1px inset #999; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden; /*margin-top:10px; margin-bottom:10px;*/ } .tournament_bracket_area table .bracketnode td { padding:0 !important; } .tournament_bracket_area table .brackethalf { line-height:14px;font-size:14px;width:200px;display:table; /*width:100%;*/width:300px; } .tournament_bracket_area table .brackethalf.top { border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; border-bottom:1px solid #999; } .tournament_bracket_area table .brackethalf.bottom { border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; } .tournament_bracket_area table .brackethalf > div { display:table-cell; vertical-align:top; width:15%; text-align:center; font-size:0.8em; padding-top:2px; padding-bottom:2px; background-color:#fff; } .tournament_bracket_area table .brackethalf .front { background-color:#f5f5f5; } .tournament_bracket_area table .brackethalf .mid { background-color:#fff; width:70%; padding-left:10px; padding-right:10px; text-align:left; font-weight:bold; } .tournament_bracket_area table .brackethalf .back.green { background-color:#31be2c; color:#fff; } .tournament_bracket_area table .brackethalf .back.greenlite { background-color:#b1e6af; } .tournament_bracket_area table td.bracket_select_area { } .tournament_bracket_area table td.bracket_select_line { width:50px; padding:0 0 0 22px !important; background-image:url('/img/bracket_arrow_line.png'); background-repeat:no-repeat; background-position:right 30%;} .tournament_bracket_area table td.bracket_select_area.bracketpoint { background-image:url('/img/bracket_arrow_point.png'); background-repeat:no-repeat; background-position:-5px center; } .tournament_bracket_area table .bracket_select { background:#0600fe; color:#fff; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border:1px inset #00c; padding:4px 6px; z-index:0; } .tournament_bracket_area table .bracket_select .chosen_faux { text-align:center; height:0.8em; line-height:0.7em; padding-right:10px; background-image:url('/img/bracket_dropdown_icon.png'); background-repeat:no-repeat; background-position:right 3px; } .tournament_bracket_area table .bracket_select.disabled .chosen_faux { padding-right:0px; background-image:none; } .tournament_bracket_area table .bracket_select ul { background:#0600fe; padding-top:8px; padding-bottom:5px; margin-left:-1px; margin-top:-3px; width:100%; border-radius:0 0 12px 12px; -moz-border-radius:0 0 12px 12px; -webkit-border-radius:0 0 12px 12px; border:1px inset #00c; border-top:none; z-index:10; } .tournament_bracket_area table .bracket_select ul li { text-align:center; } .tournament_bracket_area table .bracket_select ul li:hover { background-color:#f2f2f2; color:#0600fe; } .tournament_bracket_area table .bracket_select ul li:active { background-color:#f2f2f2; color:#0600fe; border:1px solid #bebebe; width:46px; height:18px; } .tournament_bracket_area table .finals_area { position:relative; } .tournament_bracket_area table .finals_area .p3_area { position:absolute; top:150px; width:100%; } /* PRIZES AND RULES CSS AREA */ .misc_area.extra_marginbottom { margin-bottom:160px; } .misc_area .category_header .game_title { text-transform:uppercase; font-size:1.1em; } .misc_area .category_line.contents h1 { margin-left:0; margin-bottom:25px; margin-top:25px; font-weight:normal; } .misc_area .termsofuse ul.unstyled { list-style:none outside none; margin-left:0; } .misc_area .termsofuse ul.unstyled li:before { content:""; } .misc_area .category_line.contents .prize_box_area { background-color:#eee; border:1px solid #A8A8A8; margin-bottom:30px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .misc_area .category_line.contents .prize_box_area ul { display:table; margin-top:15px; margin-bottom:15px; } .misc_area .category_line.contents .prize_box_area li { vertical-align:middle; display:table-cell; padding:10px 20px; border-right:1px solid #A8A8A8; } .misc_area .category_line.contents .prize_box_area li:first-child { height:auto; } .misc_area .category_line.contents .prize_box_area li.topthree { height:198px; } .misc_area .category_line.contents .prize_box_area li:last-child { border-right:none; } .misc_area .category_line.contents .prize_box_area .cup_icon, .cup_numeral { font-size: 2em; line-height: 1em; padding-top: 25px; padding-bottom: 25px; width: 90px; padding-left: 3px; text-align: center; display: block; text-indent: -5px; } .misc_area .category_line.contents .prize_box_area .cup_icon img { vertical-align:middle; } .cup_avatar img { border-radius:10px;margin-left: 19px; text-align:center; display:block; } .misc_area .category_line.contents .prize_box_area .prize_amt { font-size:3.3em; line-height:1em; margin-bottom:12px; display:block; text-align:center; width:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .misc_area .category_line.contents .prize_box_area .prize_amt_units { font-size:1.5em; font-weight:bold; margin-bottom:7px; display:block; text-align:center; width:150px; } .misc_area .category_line.contents .prize_box_area .prize_amt, .misc_area .category_line.contents .prize_box_area .prize_amt_units { color:#20C150; } .misc_area .category_line.contents .prize_box_area .prize_amt.gold, .misc_area .category_line.contents .prize_box_area .prize_amt_units.gold { color:#FFB13F; } .misc_area .category_line.contents .prize_box_area .prize_amt.silver, .misc_area .category_line.contents .prize_box_area .prize_amt_units.silver { color:#9A9A9A; } .misc_area .category_line.contents .prize_box_area .prize_amt.bronze, .misc_area .category_line.contents .prize_box_area .prize_amt_units.bronze { color:#AA694B; } .misc_area .category_line.contents .prize_box_area .cup_list_title, .misc_area .category_line.contents .prize_box_area .cup_list_item { display:block; text-align:center; font-size:1.2em; line-height:1.4em; } .misc_area .category_line.contents .prize_box_area .cup_list_title { font-weight:bold; font-size:1.4em; text-transform:uppercase; margin-bottom:5px; width:236px; } .prize_amt_units img { margin-right: 10px;margin-top: -4px;} .prizes_desc, .prizes_desc hr { width:217px;}