﻿body
{
    color:#fff;
    font-family:Georgia;
    font-size:12px;
    margin:0px;
    background:#282828 url(/GUI/images/bg_wrapper_rep.gif) repeat-y;
}

a {color:#f5eb5d;text-decoration:none;}
a:hover {text-decoration:underline;}

h1 {width:300px;font-size:21px;color:#f5eb5d;font-weight:normal;margin-right:120px;line-height:26px;padding:0px 0px 16px 0px;margin:0px;}
h1 a, h1 a:hover, h1 a:visited {font-size:21px;color:#f5eb5d;font-weight:normal;line-height:26px;padding:0px;margin:0px 0px 0px 0px;}
h2 {width:300px;font-size:21px;color:#f5eb5d;font-weight:normal;margin-right:120px;line-height:26px;padding:0px 0px 16px 0px;margin:0px;}
h2 a, h2 a:hover, h2 a:visited {font-size:21px;color:#f5eb5d;font-weight:normal;margin-right:120px;line-height:26px;text-decoration:none;padding:0px;margin:0px 0px 0px 0px;}

h4 {color:#f5eb5d;}
.hidden {display:none;}
img {border:none;}
.clear {clear:both;}

input, textarea, select {font-family:Arial, Sans-Serif;padding:3px;font-size:11px;}

#wrapper {margin:0px 0 0 0px;width:1030px;float:left;line-height:20px;background:url(/GUI/images/bg_wrapper3.gif) no-repeat}
#main_zone {min-height:900px;width:500px;float:left;margin:40px 0 0 58px;}
#right_zone {width:335px;float:right;margin:36px 96px 0 0}

#logo {margin:16px 0 0 30px;}

#wide_zone {margin:40px 0 0 58px;width:880px;}
#wrapper_bottom {background:url(/GUI/images/bg_wrapper_bottom2.gif) no-repeat left bottom;display:block;float:left;width:1030px;height:249px;}

.header {position:relative;}
.header .main_menu {position:absolute;left:520px;top:80px;}
.header .main_menu a, .header .main_menu a:hover, .header .main_menu a:visited {color:#fff;font-weight:bold;padding:0 2px 0 2px;}

.tip {
    background:#fff url(/GUI/images/bg_beting_tip2.gif) no-repeat;
    color:#bababa;
    padding:4px 2px 0px 16px;
    width:100%;
    display:block;
    height:23px;
    overflow:hidden;
    position:relative;
    left:-10px;
}

.tip_vit {
    background:#000 url(/GUI/images/bg_tips_safe.gif) no-repeat;
    color:#bababa;
    padding:17px 2px 10px 38px;
    width:100%;
    display:block;
    height:23px;
    overflow:hidden;
    margin-bottom:-8px;
    position:relative;
    left:-30px;
}

.tip_vit_rek {
    background:#000 url(/GUI/images/bg_tips_safe_rek.gif) no-repeat;
    color:#bababa;
    padding:17px 2px 10px 38px;
    width:100%;
    display:block;
    height:23px;
    overflow:hidden;
    margin-bottom:-8px;
    position:relative;
    left:-30px;
}

.tip_gul {
    background:#000 url(/GUI/images/bg_tips_best.gif) no-repeat;
    color:#bababa;
    padding:17px 2px 10px 38px;
    width:100%;
    display:block;
    height:23px;
    overflow:hidden;
    margin-bottom:-8px;
    position:relative;
    left:-30px;
}

.tip_gul_rek {
    background:#000 url(/GUI/images/bg_tips_best_rek.gif) no-repeat;
    color:#bababa;
    padding:17px 2px 10px 38px;
    width:100%;
    display:block;
    height:23px;
    overflow:hidden;
    margin-bottom:-8px;
    position:relative;
    left:-30px;
}

.tip_bla {
    background:#000 url(/GUI/images/bg_tips_skrall.gif) no-repeat;
    color:#bababa;
    padding:17px 2px 10px 38px;
    width:100%;
    display:block;
    height:23px;
    overflow:hidden;
    margin-bottom:-8px;
    position:relative;
    left:-30px;
}

.tip_bla_rek {
    background:#000 url(/GUI/images/bg_tips_skrall_rek.gif) no-repeat;
    color:#bababa;
    padding:17px 2px 10px 38px;
    width:100%;
    display:block;
    height:23px;
    overflow:hidden;
    margin-bottom:-8px;
    position:relative;
    left:-30px;
}



.tip strong,
.tip_vit strong,
.tip_vit_rek strong,
.tip_gul strong,
.tip_gul_rek strong,
.tip_bla strong,
.tip_bla_rek strong {color:#eaeaea}

.box {background:#252525;padding-bottom:0px;}

.box h3 {
    background:#d1d1d1 url(/GUI/images/bg_boxheader2.gif) repeat-x;
    color:#cfcfcf;
    padding:10px 0 8px 10px;
    border-bottom:1px solid #797777 ;
    cursor:pointer;
    font-size:13px;
}

.redpuff h3 {background:url(/GUI/images/livepuff.gif);color:#fff;border:none;cursor:default;}
.redpuff h3 a, .redpuff h3 a:hover, .redpuff h3 a:visited {color:#fff;padding-left:10px;display:block;}

.box p {margin:0 12px 0px 12px;padding: 0 0 12px 0}
.latest_box p {padding: 0 0 6px 0}

.blogpage {padding:0 0 30px 0;position:relative;color:#e9e9e9;}
.blogpage h3 {font-size:14px;margin:0px;padding:0px 0px 2px 0px;color:#fff;}
.blogpage br {line-height:10px;}


.blog_role .item {padding:0 0 30px 0;position:relative;color:#f3f3f3;}
.blog_role .item h3 {font-size:14px;margin:0px;padding:0px 0px 2px 0px;color:#fff;clear:both;}
.blog_role .writer_quote {width:342px;margin-top:0px;padding:0px 10px 0px 12px;float:left;}
.blog_role .item .date, .blogpage .date {float:right;position:absolute;right:0px;top:3px;font-size:11px;}    
.blog_role .item br {line-height:10px;}
.item-footer {padding-top:12px;}
.blog_role .profile_image img {border:1px solid #828282;float:left;width:110px;height:110px;display:inline;margin:5px 10px 0px 12px;}
.blog_role .profile_image {border:1px solid #383838;line-height:15px; color:#e5e5e5;float:left;width:134px;height:146px;padding-top:6px;background-color:#252525;text-align:center;}

/* Comments  */

#comments .form .c_name {width:300px;margin-bottom:6px;}
#comments .form .c_msg {width:480px;}
#comments h4 {width:100%;border-bottom:1px solid #c41414;}
#comments .item {padding:0 0 16px 0;color:#c0c0c0}
#comments .item span {color:#fff !important;font-weight:bold;}

#comments .error {background:#fff;color:Red;padding:10px;}


/* LIVE */

#chat {width:335px;background:#000;font-size:11px;font-family:Arial;line-height:14px;float:right;margin-top:4px;position:relative;}
#chat_msgs {height:480px;overflow:auto;border:4px solid #222222;}
#chat p {margin:0px;color:#fff;padding:8px;width:294px;overflow:hidden;line-height:16px;}
#chat .odd {background:#3c3c3c}
#chat .even {background:#515151}
#chat .pm {background:#3663af;color:#fff;font-weight:bold;font-size:11px;border-top:1px solid #393939;border-bottom:1px solid #393939;}
#chat .pm .clay {background:#252525}
#chat .clay {color:#fff;background:#884f1c;padding:0 4px 0 4px}
#chat p span {font-size:10px;color:#fff;}
#chat h2 {border-bottom:3px solid #8C8C8C;font-size:12px;color:#fff;background:#252525;width:321px;font-weight:normal;font-family:Georgia;padding:2px 0px 2px 10px;margin:0px 0px 1px 0px;}
#chat h2.active {border-bottom:3px solid #4D8DFA;}

#chat_form {padding:6px 0 6px 0;height:114px;background:url(/GUI/images/bg_chatform2.gif) no-repeat;}
#chat_form textarea  {width:220px;font-size:12px;margin-top:4px;background:#eeeeee;vertical-align:bottom;border:1px solid #c0c0c0;}
#chat_form .name  {width:195px !important;background:#eeeeee;font-size:14px;margin-top:4px;border:1px solid #c0c0c0}
#chat_form .btn {margin-left:10px;}

#chat_form .sign_in {padding:10px 10px 10px 16px;}
#chat_form .msg_form {padding:10px 10px 10px 16px;}

#chat_tools {background:url('/GUI/images/bg_tabl2_b.gif');width:331px;height:28px;}
#chat_tools #info {float:right;margin:6px 8px 0 0;cursor:pointer;}
#chat_tools #usericon {float:right;margin:6px 8px 0 0;cursor:pointer;}
#chat_desc {position:absolute;top:66px;background:#000;width:330px;opacity:0.9;filter:alpha(opacity=90);height:480px;}
#chat_desc p {padding:12px 4px 8px 14px;font-size:12px;}
#chat_desc p b {color:#f5eb5d;line-height:22px;}

#loader {margin-top:4px;}


ul.RSS {margin:14px;padding:0px 0px 8px 0px;}
ul.RSS li {list-style-type:none;margin:0px;padding:0px;vertical-align:middle;}
ul.RSS li a {padding-left:20px;display:block;}
ul.RSS li {background:url(/GUI/images/rss.png) no-repeat 0px 3px}


#scoretbl h2 {font-size:16px;}
#scoretbl .player {width:130px;color:#c0c0c0;}
#scoretbl .tournament_name {display:none;}
#scoretbl .tournament_location {margin-left:-8px;}
#scoretbl .tscores {font-size:11px;}

#score_menu {position:relative;background:#252525 url('/GUI/images/bg_tabl1.gif');width:100%;float:left;}
#score_menu,#score_menu ul {margin:0px;padding:0px;list-style:none;}
#score_menu li {float:left;list-style:none;height:33px;margin:0px;padding:0px;border-right:2px solid #252525}
#score_menu ul {position:absolute;left:0px;top:33px;background:#383838;width:100%;}
#score_menu li li {border-right:2px solid #383838}

#score_menu ul {display:none;background:url('/GUI/images/bg_tabl2_b.gif')}
#score_menu li.active ul {display:block;}

#score_menu li a {background:#252525;margin-top:2px;padding:4px 14px 4px 14px;display:block;color:#f1f1f1;border-bottom:3px solid #8C8C8C;text-decoration:none;}
#score_menu ul li a {background:none !important;color:#a1a1a1;font-size:11px;border-bottom:3px solid #4A4949 !important;}
#score_menu ul li.active a {border-bottom:3px solid #4D8DFA !important;}
#score_menu li.active a {background:#383838;border-bottom:3px solid #4D8DFA;}
#score_menu li a:hover {border-bottom:3px solid #D4D4D4 !important;color:#fff;}
#score_menu li.active a:hover {border-bottom:3px solid #4D8DFA !important;}

#mwrapper {clear:both;height:70px;}

#score_view_content h2 {font-size:14px;padding:18px 0 4px 0;clear:both;}
#score_view_content h3 {font-size:12px;padding:8px 0 4px 0;margin-bottom:1px;padding-bottom:1px;}

#score_view_content {margin:20px 0 0 0;color:#e9e9e9;}
#score_view_content .match {font-family:Arial;background:#d4d4d4;color:#dbdbdb;float:left;border-bottom:1px solid #272727;}
#score_view_content .col {font-size:10.5px;width:188px;padding:2px;margin:2px;float:left;}
#score_view_content .p1 {background:;border-right:1px solid #272727}
#score_view_content .p2 {background:;border-right:1px solid #272727}
#score_view_content .res {width:98px;}

#score_view_content .swe {background:url('/gui/images/flag_swe.gif') no-repeat top right}

#score_view_content strong {line-height:34px;display:inline;padding-top:6px;float:left;width:100%}
#score_view_content .odd {background:#2c2b2b}
#score_view_content .even {background:#3e3e3e}

#score_view_content td {font-size:11px;}


#live_puff {background:url('/gui/images/bg_livepuff.jpg') no-repeat}
#live_puff .container {padding:6px 12px 12px 12px;}
#live_puff h3 {background:none;border:none;color:#fff;padding:12px 0 6px 10px}
.vr_play img {float:left;margin:0 10px 0 0px}
.vr_play, .upcomming_games {clear:both;}
#live_puff h4 {color:#fff;margin:0px;padding:10px 0px 2px 0px;}
.vr_play h4 {padding-top:30px !important;}
#tennis_dude {position:absolute;left:680px;top:10px;}
.upcomming_games  b {display:block;float:left;color:#4f7dff;width:45px;}

#error_box {position:absolute;top:180px;left:40px;height:180px;background:#DB3030;color:#fff;font-weight:bold;width:250px;font-size:14px;}
#error_box p {width:230px;padding:60px 10px 10px 10px;text-align:center;}

#chat_users {position:absolute;top:66px;background:#000;width:330px;opacity:0.9;filter:alpha(opacity=90);height:480px;}

/* iphone special */

@media only screen and (max-device-width: 480px) {
  #chat_msgs {
    height:275px;
  }
}