/*****************
 * Default styles
 ****************/

html, h1, h2, h3, h4, p, a, img, dl, dt, dd, ol, ul, li, form, label, table, tr, th, td
{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
}

body
{
  font: 12px tahoma,arial,sans-serif;
  margin: 0;
  padding: 0;
}

h2
{
  font-size: 1.5em;
  font-weight: bold;
  margin: 0.5em 0;
}

h3
{
  font-size: 1.1em;
  font-weight: bold;
  clear: left;
  padding: 0.3em 0;
  margin: 0;
}

p
{
  margin: 0.5em 0;
}

a
{
  color: #039;
}

ul li
{
  margin: 3px 20px;
}

/*****************
 * Header & Menu
 ****************/

#header, #menu, #footer
{
  margin: 0 84px;
  min-width: 650px;
}
 
#header
{
  position: relative;
}

#logo
{
  position: absolute;
  left: 15px;
  top: 17px;
  display: block;
}

#loading
{
  position: fixed;
  right: 58px;
  background: url(/media/img/loader.gif) #2e6ab6 no-repeat;
  background-position: 4px 9px;
  float: right;
  padding: 6px;
  padding-left: 24px;
  margin-top: -4px;
  margin-right: 8px;
  font-weight: bold;
  padding-top: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #fff;
}

#menu, #menu ul, #menu ul li
{
  height: 27px;
}

#menu ul
{
  list-style: none;
}

#menu li
{
  margin: 0;
}

#menu li.i
{
  width: 100px;
  float: left;
}

#menu li a
{
  display: block;
  padding-top: 5px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  width: 100px;
  height: 22px;
}

/*#menu ul li.left
{
  background: url(/media/img/menu-left.png) no-repeat;
}*/

#menu ul li.lang
{
  background: none;
  float: right;
  margin-right: 8px;
}

#menu ul li.lang input
{
  padding: 0;
  width: 16px;
  height: 14px;
  float: left;
  margin-top: 8px;
  margin-left: 6px;
  background-repeat: no-repeat;
  border: 0;
}

#suggest
{
  padding: 0 0 5px 0;
  min-width: 20em;
  width: 85%;
}

#suggest a
{
  display: inline-block;
  padding: 0 14px 5px 0;
  font-weight: bold;
}

/*****************
 *    Sprite
 ****************/

.sp,#menu ul li.i{
  background-image: url(/media/img/spr3.png);
  background-repeat: no-repeat;
}

.ic{display: inline-block;vertical-align:middle;margin-right:3px;}

.mL,.mR{width:4px;height:27px;}

/* Menu Left */
.mL{background-position:0 -26px;float:left;}

/* Menu Right */
.mR{background-position:-4px -26px;float:right;}

.fL,.fR{width:5px;height:5px;line-height:5px;position:absolute;top:0;}

/* Footer Left */
.fL{background-position:0 -81px;left:0;}

/* Footer Right */
.fR{background-position:-7px -81px;right:0;}

/* Header BG */
.hD{background-position:0 -168px;height:57px;background-repeat:repeat-x;}

/* Menu BG */
.mB{background-position:0 -118px;background-repeat:repeat-x;}

/* Locker */
.lck{background-position:-64px -101px;width:16px;height:16px;}

/* Alive & Dead icons */
.aL,.dD{width:10px;height:11px;}
.aL{background-position:-8px -26px;}
.dD{background-position:-18px -26px;}

/* Language flags */
.lng{ width:16px; height:14px; font-size:0; cursor:pointer; }

/* Flag EN */
.ln-en{ background-position:0 -102px; }

/* Flag FR */
.ln-fr{ background-position:-16px -102px; }

/* Flag DE */
.ln-de{ background-position:-32px -102px; }

/* Software icons */

.jc{ width: 18px; height: 18px; display: inline-block; vertical-align: bottom; margin: 0 3px 0 8px; }
.j1{ background-position: -115px -100px; }
.j2{ background-position: -97px -100px; }
.j3{ background-position: -79px -100px; }
.j4{ background-position: -16px -81px; }
.jl {
  clear: left;
  padding: 8px 0;
}
.jl a {
  text-transform: uppercase;
  text-decoration: none;
}

/* Seperator */
#menu ul li.i{background-position:-33px -26px;background-attachment:right;}

/* Logo */
.lg{background-position:0 0;width:133px;height:26px;}

/* Sort Arrows */

.up,.down{padding-left: 12px;}
.up{background-position:-123px -54px;}
.down{background-position:-123px -69px;}

.rect-left,.rect-right{width:14px;height:23px;}
.rect-left{background-position:0 -58px;}
.rect-right{background-position:-14px -58px;}
.menu-bg{background-position: 0px -118px;background-repeat: repeat-x;height:27px;}

#dead{background-position: -8px -36px;}

/*****************
 *    Content
 ****************/

#content
{
  margin: 12px 84px;
  min-width: 650px;
}

.gamelogo
{
  margin: 12px 0;
  clear: right;
  display: block;
  float: right;
}

.gamelogo.bf2
{
  width: 102px;
  height: 64px;
  background: url(battlefield2.jpg) no-repeat;
}

#extra {
  clear: left;
}

.cb
{
  float: left;
  margin: 8px 0;
}

.hr
{
  margin: 8px 0;
  clear: left;
  border-top: 2px dotted #5faaff;
}

.cb textarea
{
  font: 11px tahoma,arial,sans-serif;
  background: #f8f8f8;
  width: 30em;
  height: 5em;
  margin-right: 2em;
  border-top: 1px solid #599bdc;
  border-left: 1px solid #599bdc;
  border-bottom: 1px solid #c4e2ff;
  border-right: 1px solid #c4e2ff;
  white-space: pre;
}

/*****************
 *    Footer
 ****************/

#footer
{
  clear: left;
  background: #e9e9e9;
  color: #595959;
  clear: both;
  position: relative;
  height: auto !important;
  height: 120px;
}

#footer a
{
  color: #595959;
}

#footer .left, #footer .right
{
  position: absolute;
  width: 5px;
  height: 5px;
  background-repeat: no-repeat;
}

#footer .left
{
  left: 0;
  top: 0;
  background-image: url(/media/img/footer-left.gif);
}

#footer .right
{
  right: 0;
  background-image: url(/media/img/footer-right.gif);
}

#footer .rub
{
  margin: 6px 15px;
  padding: 6px 0;
  list-style: none;
  width: 169px;
  float: left;
}

#footer .rub li
{
  margin: 0;
  padding: 0;
  height: 18px;
}

#footer .rub li h3
{
  margin: 0;
  color: #666;
  font-weight: bold;
  width: 113px;
}

#footer a
{

}

#footer .copy
{
  color: #888;
}

#bsn {
  background: url(/media/img/footer-bsn.png) no-repeat;
  float: left;
  height: 40px;
  padding-left: 37px;
  display: inline-block;
}

/**********************
 *     Game icons
 *********************/


.gm {
  background-image: url(/media/img/game.png);
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: middle;
}

.gm-bf2 { background-position: 0 0;  } 
.gm-bfbc2 { background-position: 0 -17px;  } 
.gm-cod { background-position: 0 -34px;  } 
.gm-cod2 { background-position: 0 -51px;  } 
.gm-cod4 { background-position: 0 -68px;  } 
.gm-coduo { background-position: 0 -85px;  } 
.gm-cs { background-position: 0 -102px;  } 
.gm-css { background-position: 0 -119px;  } 
.gm-dods { background-position: 0 -136px;  } 
.gm-et { background-position: 0 -153px;  } 
.gm-mohaa { background-position: 0 -170px;  } 
.gm-quake3 { background-position: 0 -187px;  } 
.gm-tf2 { background-position: 0 -204px;  } 

/**********************
 *       Games
 *********************/

#games .rub
{
  margin: 6px 0;
  padding: 6px 15px;
  list-style: none;
  width: 169px;
  float: left;
  height: 208px;
}

/**********************
 *    Rounded rect
 *********************/

.rect
{
  background: url(/media/img/rect-bg.png) repeat-x;
  height: 23px;
  display: inline-block;
}

.rect a
{
  padding-top: 4px;
  color: #fff;
  display: block;
  height: 23px;
  text-decoration: none;
  display: block;
}

.rect a:hover
{
  text-decoration: underline;
}

.rect .left, .rect .right
{
  height: 23px;
}

.rect .left, .rect .right
{
  width: 14px;
}

.rect .left
{
  background: url(/media/img/rect-left.png) no-repeat;
  float: left;
}

.rect .right
{
  background: url(/media/img/rect-right.png) no-repeat;
  float: right;
}

/**********************
 *   Definition list
 *********************/

dl.info
{
  width: 596px;
  font-size: 11px;
  margin-bottom: 0.5em;
}

dl.info dt.clear
{
  clear: left;
}
 
dl.info dt
{
  float: left;
  color: #555;
  width: 95px;
  line-height: 1.2em;
}

dl.info dd
{
  float: left;
  width: 159px;
  margin-left: 4px;
}

dl.info dt, dl.info dd
{
  height: 1.5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5em;
  padding: 0 0 0.5em 0;
}

.col1, .col2
{
  float: left;
}

/*****************
 *     Board
 ****************/

table.board
{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 12px;
  width: 100%;
  border: 2px solid #2e6ab6;
  margin-bottom: 0.5em;
}

table.split-head
{
  margin: 0;
}

div.split-body
{
  margin-bottom: 0.5em;
}

table.board td img
{
  margin-right: 4px;
  vertical-align: top;
}

table.board th
{
  font-weight: bold;
}

table.board td, table.board th
{
  padding: 4px 3px;
}

table.board td
{
  border-top: 1px solid #2e6ab6;
  overflow: hidden;
}

table.board .inner td
{
  border: 0;
  padding: 0 6px;
}

table.board .c
{
  text-align: center;
}

table.board .empty
{
  color: #000;
  padding: 24px 0;
  text-align: center;
}

table.board td a
{
  color: #000;
  text-decoration: none;
}

.board .r { cursor: pointer; }

.row2
{
  background: #eef4ff;
}

table.list tr td
{
  cursor: pointer;
}

table.split-head
{
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom: 0;  
}

table.split-body
{
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top: 0;
}

div.split-body
{
  overflow: auto;
}

table tr.head-size th
{
  padding-top: 0;
  padding-bottom: 0;
  height: 0;
}

.header a
{
  color: #000;
}
.header a.up, .header a.down
{

}
.header a.up
{

}
.header a.down
{

}

/******************
 *   COD colors
 ******************/

.color1{ color: #ff0000; }
.color2{ color: #00b21d; }
.color3{ color: #707000; }
.color4{ color: #0202f8; }
.color5{ color: #00a4a5; }
.color6{ color: #4f214f; }
.color7{ color: #606060; }
.color8{ color: #656565; }
.color9{ color: #751111; }

/*****************
 *    Forms
 ****************/

.bt
{
  background-position: 0 -145px;
  background-repeat: repeat-x;
  text-shadow: 1px 1px 0 #000;
  border: 1px solid #3a75af;
  height: 22px;
  margin-right: 8px;
  padding: 2px 8px;
  color: #fff;
  text-transform: uppercase;
  font: 11px arial,sans-serif;
  cursor: pointer;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-decoration: underline;
}

/*****************
 *    Forms
 ****************/

.nav
{
  font-size: 13px;
  list-style: none;
  padding: 2px 2px;
  border-bottom: 1px solid #afc1e2;
  margin: 1em 0px;
  width: 517px;
  height: 25px;
}

.nav li
{
  border-bottom: 1px solid #fff;
  display: inline;
  margin: 0 0 0 10px;
  height: 32px;
  line-height: 32px;
}

.nav li.sl a
{
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

.nav li
{
  text-decoration: none;
  padding: 4px 8px;
  position: relative;
  border: 1px solid #afc1e2;
  border-bottom: 0;
}

.nav li.sl
{
  font-weight: bold;
  border-bottom: 0;
  background: #fff;
  margin-bottom: 1px;
}

/*****************
 *   Filters
 ****************/

.filter
{
  padding: 8px;
  margin: 1em 0;
  width: 45em;
  border: 1px solid #b5d8ff;
}

.filter .f, .filter .fc
{
  float: left;
  width: 15em;
  height: 38px;
  margin-bottom: 12px;
}

.filter .fc
{
  margin-top: 15px;
  height: 23px;
}

.filter .fc label
{
  margin-right: 4px;
}

.filter .c
{
  clear: left;
}

.filter .f label
{
  display: block;
  margin-bottom: 1px;
}

.filter .f input, .filter .f select
{
  font: 13px tahoma,arial,sans-serif;
  border: 1px solid #70a7e3;
  width: 12em;
  border-top: 1px solid #599bdc;
  border-left: 1px solid #599bdc;
  border-bottom: 1px solid #c4e2ff;
  border-right: 1px solid #c4e2ff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.filter .f input:hover, .filter .f select:hover
{
  border: 1px solid #476e98;
}
/*****************
 *   Pagination
 ****************/

.pager
{
  margin: 12px 0;
}

.pager a
{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #9aafe6;
  padding: 4px 8px;
  margin: 5px;
  text-decoration: none;
}

.pager a.current
{
  background: #2e6ab6;
  color: white;
  font-weight: bold;
  border: 1px solid #2e6ab6;
}

.pager a:hover
{
  border: 1px solid #2e6ab6;
}

/**
 * Icons
 */

.game-bf2 { background:url(data:image/gif;base64,R0lGODlhEAAQALMNALVjSrFaQp9SPz8pI04xJw0MDSsnJ4ZKNnRBLsZzUiEYGJZMOaVaQgAAAAAAAAAAACH5BAEAAA0ALAAAAAAQABAAAARpsEmplKlqalnOWd6RbQ1yAEmaCshmLEwCLEvA3IemfHRRxAkGQeMrFgy325BEQQQZiwGzoUAIbtFpFZhlVmFQqRcBFIhJX4HaMG0QkgnDZc6eVE0g2kJwaE0GJklJIH4cBgMEiYoEA2IRADs%3D); }