/* CSS Document */

body,div { font-family: Georgia, "Times New Roman", Times, serif; font-size:11px; }
body { background-color: #003333; background-image:url(/img/bg.png); color:#FFFFFF; }
#top_bg { background-image:url(/img/bg_top.png); background-repeat:repeat-x; width:100%; height:200px; position:absolute; top:0px; left:0px; }
img { border:none; }
a { text-decoration:underline; color:#FFFFFF; }
a:hover { text-decoration:none; }
h1 { font-size:16px; margin-top:10px; margin-bottom:10px; }
h2 { font-size:14px; margin-top:10px; margin-bottom:10px; }
hr  { border:none; background-image:url(/img/hr.png); height:1px; padding:0px; }

#title { position:absolute; left:10px; top:10px; background-image:url(/img/title.png); width:110px; height:40px; z-index:1; }

p { margin-top:10px; margin-bottom:10px; }

#container { position:relative; width:610px; text-align:left; }

.card_bg { position:absolute; top:-5px; left:-5px; background-image:url(/img/c_bg.png); width:81px; height:106px; }

#ad { position:relative; text-align:center; padding:5px; }
#ad a{ color:#FFFFFF; }
#ad a:hover { text-decoration:underline; }
#ad_ico { padding:2px; text-align:center; }
#ad_ico img{ padding:2px; border:1px solid transparent; }
#ad_ico img:hover{ border:1px solid #CCCCCC; }
#ad_left { position:absolute; width:160px; height:600px; top:50px; left:-180px; text-align:right; z-index:2; }
#ad_right { position:absolute; width:160px; height:600px; top:50px; right:-180px; z-index:2; }

#game_container { position:relative; left:-25px; width:660px; height:460px; background-image:url(/img/bg_.png); color:#EEEEEE; z-index:5; }
#game_container div { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; }
#game_container a { text-decoration:none; }
#game_container a:hover { text-decoration:underline; }

#durak { position:absolute; top:20px; left:10px; width:640px; height:400px; background-image:url(/img/bg_1.png); z-index:1; }
#durak div { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; }
#durak_m { position:absolute; left:10px; top:120px; height:160px; width:620px; background-image:url(/img/d_m.png); }

.card_bg { position:absolute; top:-5px; left:-5px; background-image:url(/img/c_bg.png); width:81px; height:106px; }

#durak_copy { position:absolute; left:15px; bottom:15px; width:65px; height:39px; background-image:url(/img/durak_ir.png); }

#con_c_c { position:absolute; left:22px; top:22px; }
#con_c_w { position:absolute; left:28px; top:137px; height:126px; z-index:1; }
#con_c_h { position:absolute; left:22px; top:282px; }
#con_c_r { position:absolute; left:502px; top:137px; z-index:2; }

#loaded { position:absolute; display:none; top:20px; left:10px; width:640px; height:400px; background-image:url(/img/bg_1.png); color:#000000; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:11px; }
#loaded * { font-family: Arial, Helvetica, sans-serif; font-size:11px; }
#loaded th { padding-left:2px; padding-right:2px; }
.script { position:inherit; border:1px dotted #000000; width:462px; color:#000000; padding:2px; }
.shtml  { width:468px; text-align:left; }

#loading { position:absolute; display:none; top:200px; left:252px; width:97px; height:20px; background-image:url(/img/loading.gif); z-index:50; }

#menu_l { position:absolute; left:30px; top:14px; z-index:5; }
#menu_l * { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; font-weight:bold; }

#menu_r { position:absolute; right:30px; top:14px; z-index:5; display:none; }
#menu_r * { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; }

.btn { visibility:hidden; width:110px; height:18px; display:block; background-image:url(/pics/btn.png); background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; padding-top:6px; cursor:pointer; }
.btn:hover { background-image:url(/pics/btnh.png); text-decoration:underline; }

.pointer { cursor:pointer; }

#reset { position:absolute; right:2px; bottom:1px; display:block; cursor:pointer; z-index:25; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FF0000; }
#reset:hover { color:#990000; }

#impressum { position:absolute; left:5px; top:5px; color:#333333; z-index:3; }
#radio { position:absolute; left:5px; top:30px; z-index:3; }
#counter { position:relative; text-align:center; }

.td_l { background-color:#CFECA9; border:1px solid #EEEEEE; border-right:none; }
.td_m { background-color:#CFECA9; border-top:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE; text-align:center; }
.td_r { background-color:#CFECA9; border:1px solid #EEEEEE; border-left:none; }

.th_t { border-bottom:1px solid #EEEEEE; }
.th_b { border-top:1px solid #EEEEEE; }

.input_name { background-color:transparent; background-image:url(/img/t_50.png); border:1px solid #000000;; padding:1px; }
.input_save { font-weight:bold; color:#FF0000; }
.input_save:hover { text-decoration:underline; }

#online { position:absolute; top:-2px; right:20px; color:#FFFFFF; }

#bg_color { position:relative; width:208px; height:25px; z-index:10; }
#ch_color { position:relative; margin-top:-11px; width:320px; height:25px; z-index:10; background-image:url(/img/c_bar_m.png); }
#c_bar_l  { position:absolute; width:25px; height:25px; top:0px; left:-25px; z-index:10; background-image:url(/img/c_bar_l.png); }
#c_bar_r  { position:absolute; width:25px; height:25px; top:0px; right:-25px; z-index:10; background-image:url(/img/c_bar_r.png); }
.ch_color { position:relative; width:10px; height:10px; float:left; margin:2px; border:1px solid #FFFFFF; cursor:pointer; }
.color_h { position:absolute; width:12px; height:12px; left:-1px; top:-1px; background-image:url(/img/color.png); }
.color_h:hover { background-image:url(/img/colorh.png); }
.clear { clear:both; }

#alert { position:absolute; left:50%; margin-left:-201px; top:50%; margin-top:-61px; width:400px; height:120px; background-color:transparent; background-image:url(/img/t_25.png); border:1px solid #FFFFFF; z-index:101; }
div#alert_msg { margin:25px; color:#111111; font-family:"Times New Roman", Times, serif; font-size:16px; font-weight:bold; }
div#alert_btn input { background-color:transparent; background-image:url(/img/t_25.png); font-family:"Times New Roman", Times, serif; border:1px solid #333333; color:#333333; font-size:12px; font-weight:bold; padding:2px; padding-left:10px; padding-right:10px; margin:2px; cursor:pointer; }
div#alert_btn input:hover { background-image:url(/img/t_50.png); color:#000000; border:1px solid #000000; }

.cardback { cursor:pointer; }
#cardback { width:71px; height:96px; }

#mp_durak { position:absolute; top:30px; left:12px; width:616px; height:300px; z-index:1; overflow:auto; }
.t_25 { background-image:url(/img/t_25.png); }
.mp_game * { font-size:11px; }
.mp_game { position:relative; border:1px solid #FFFFFF; background-image:url(/img/t_25.png); padding:5px; margin:2px; }
.mp_game a{ font-weight:bold; color:#FF0000; }
.mp_game_num { position:absolute; left:0px; top:0px; width:40px; padding:5px; border-right:1px solid #FFFFFF; font-weight:bold; font-size:11px; }
.mp_game_join { position:absolute; right:0px; top:0px; width:80px; padding:5px; border-left:1px solid #FFFFFF; font-weight:bold; }
.mp_game_join a{ color:#FF0000; }
.mp_game_date { position:absolute; left:0px; top:0px; padding:5px; border-right:1px solid #FFFFFF; font-weight:bold; font-size:11px; }
.mp_game_stat { position:absolute; right:0px; top:0px; padding:5px; border-left:1px solid #FFFFFF; font-size:11px; }
.mp_game_stat a{ color:#FF0000; }

#msg_say { position:absolute; left:14px; top:8px; width:612px; height:40px; background-image:url(/img/say.png); z-index:100; visibility:hidden; }
#msg_say div { padding:15px; text-align:left; font-family:"Times New Roman", Times, serif; font-size:12px; color:#003333; font-weight:bold; }
#msg_say a       { color:#FF0000; }
#msg_say a:hover { text-decoration:underline; }

#p1_arrow { position:absolute; background-image:url(/img/arrow.png); width:12px; height:30px; left:-19px; top:33px; visibility:hidden; }
#p2_arrow { position:absolute; background-image:url(/img/arrow.png); width:12px; height:30px; left:-19px; top:33px; visibility:hidden; }

#say_s { position:absolute; right:18px; bottom:-22px; background-image:url(/img/say_s.png); width:33px; height:27px; cursor:pointer; }
#say_s:hover { background-image:url(/img/say_s_h.png); }

#say_w { position:absolute; right:50px; bottom:-28px; background-image:url(/img/say_w.png); width:516px; height:38px; }
.say_w { position:absolute; left:13px; top:10px; width:490px; background-color:transparent; border:none; font-family:"Times New Roman", Times, serif; font-size:12px; color:#003333; font-weight:bold; }

#mp_time { position:absolute; top:-22px; left:15px; color:#FFFFFF; }

.contact_input { border:1px solid #FFFFFF; color:#FFFFFF; background-color:transparent; background-image:url(/img/t_25.png); font-family: Georgia, "Times New Roman", Times, serif; font-size:11px; padding:1px; }
input.contact_input { width:200px; }
select.contact_input { width:204px; }
select.contact_input option{ border-left:1px solid #FFFFFF; background-color:transparent; background-image:url(/img/t_25.png); }
.contact_send { border:1px solid #FFFFFF; color:#FFFFFF; background-color:transparent; background-image:url(/img/t_25.png); font-family: Georgia, "Times New Roman", Times, serif; font-size:11px; padding:1px; width:404px; cursor:pointer; }
.contact_send:hover { background-image:url(/img/t_50.png); }

.durak_copy { position:fixed; left:0px; bottom:3px; width:65px; height:39px; background-image:url(/img/durak_ir.png); }
#mp_stat    { position:absolute; right:-105px; width:100px; top:100px; }
div#mp_c_left  { position:absolute; top:2px; right:3px; font-size:11px; font-weight:bold; }

#d_mp_menu { position:absolute; left:12px; width:616px; top:15px; color:#000000; font-size:12px; }
#d_mp_menu a{ color:#000000; font-size:12px; }

#d_mp_bottom { position:absolute; left:12px; width:616px; bottom:15px; color:#000000; }

.restore_input { background-image:url(/img/t_25.png); background-color:transparent; border:1px solid #FFFFFF; font-family:"Times New Roman", Times, serif; font-size:12px; color:#FFFFFF; }
.restore_send  { background-image:url(/img/t_50.png); background-color:transparent; border:1px solid #FFFFFF; font-family:"Times New Roman", Times, serif; font-size:12px; font-weight:bold; color:#FFFFFF; cursor:pointer; }
.restore_send:hover { background-image:url(/img/t_25.png); }

#mp_played { position:absolute; top:30px; left:12px; width:616px; height:340px; z-index:1; overflow:auto; }

#lang { position:absolute; top:80px; right:-50px; }
#lang a img { border:1px solid #FFFFFF; display:block; margin:1px; }
#lang a:hover img { border:1px solid #AAAAAA; }

.gender_0 {  }
.gender_1 { color:#0066FF; }
.gender_2 { color:#FF66FF }

.top10 { position:relative; color:#000000; text-align:center; width:500px; }
.top10 div { position:relative; margin:2px; border:1px solid #FFFFFF; background-image:url(/img/t_25.png); }
.top10 * { padding:2px; }
.top10 b { position:absolute; left:0px; top:0px; width:50px; }
.top10 i { position:absolute; right:0px; top:0px; width:50px; }

#share { position:absolute; top:2px; right:2px; }