@import url("reset.css");

body { font-size: 0.75em; background:#fff; background: url('/beta/img/small/blank.gif') no-repeat; background-attachment: fixed;} /* #f9f9f9*/

a:link {	color: #00f;}
a:visited { color: #00f;} /*#75A1D0*/
a:hover { color: #cc0000;}
a:active { color: orange;}

table { border-collapse: collapse; font: 1em Verdana, Arial, sans-serif; border-spacing: 0;}
td { padding: 0; vertical-align: top}
tr { vertical-align: top}

h1 {font-family: Verdana, Arial, sans-serif; font-weight: normal; font-size: 40px;
	letter-spacing: -2.5px;	margin-top: -5px; padding-top: 0px; margin-bottom: 0px;}
.active {color: #666;}	
.inactive {color: #BBB;}
.online {color: #78AB46;}
.dashed {text-decoration:none;border-bottom:1px dashed}
.nowrap {
	white-space: nowrap;
}

h2 { font-family: Verdana, Arial, sans-serif; font-weight: normal; font-size: 2em;  color: #666;
	margin: 0 0 0 0; padding: 0 0 0 0;}
h3 { font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 1.3em; margin: 0 0 0 0; padding: 1em 0 0.5em 0;}

#bokovina {height: 650x; width: 70px; position: fixed; top:0; //position: absolute; top: expression(document.getElementsByTagName('body')[0].scrollTop + 'px')}
#bokovina2 {height: 650x; width: 70px; position: fixed; top:0; right:0; //position: absolute; top: expression(document.getElementsByTagName('body')[0].scrollTop + 'px')}
	
.shrink_1100 {max-width:1100px; width:expression(document.body.clientWidth > 1100 ? "1100px": "100%" );}
.shrink_900 {max-width:1100px; width:expression(document.body.clientWidth > 1100 ? "1100px": "100%" );}
.pushme {clear:both;}

#chevron_big {margin-left: auto; margin-right: auto; width:70px; height:55px; margin-top: 5px;}
#chevron_small {margin-left: auto; margin-right: auto; width:35px; height:30px; margin-top: 30px;}
#chevron_smaller {margin-left: 10px; margin-right: 10px; width:25px; height:20px;}
#line_end {margin-top: 69px}

.width100 {width: 100%;}
.left { padding-left: 2em; text-align:left;}
.bold { font-weight: bold;}
.block { display:block; }
.title { font-weight:bold; color: #666;}

.label {width: 7em;}

#table_top { line-height:2.2em;}
#table_top .header {line-height:1em; padding-bottom:0.5em; padding-top:1em;}
#table_top td.nowrap { padding-right: 1em; }
#table_top .name { font-size:1em;}

#table_profile { line-height:1.8em;}
#table_profile  .header { border-bottom: 1px #999 solid; line-height:1em; padding-bottom:0.5em; padding-top:2em;}
#table_profile .ident { margin-left: 1.5em}
#table_profile .total { font-weight:bold; color: #444;}
#table_profile .footer { padding-top: 0.1em; border-top: 1px #999 solid; font-weight:bold}

.header { border-bottom: 1px #999 solid;}
.sortheader  {text-decoration:none;}
.sortheader:visited  {color:blue;}
.sortarrow { vertical-align:bottom}

.extra { color: #888; }
.small { font-size: 0.9em;}
.zero { color: #aaa; }
.hero { color: #186c02; font-weight:bold }

hr.l1 {color:#888; height:1px; width:50%; border-style:none; background-color:#888; margin-top:1em; margin-bottom:0em; padding:0;}

.right_column { padding-left:3em; text-align:right;}

.flag22 { width: 22px; height: 18px;}
.flag48 { margin-right: 0.2em;}

li .player_name {padding-left:1.4em}
/*.player_name { font-family: Arial, sans-serif; font-size: 1.6em; }*/
.player_name { font-family: Verdana, sans-serif;}
.searched_name  { font-family: Arial, sans-serif; font-size: 1em; color: #999}
.highlight {background-color: yellow}
.inactive .highlight  {background-color: transparent; color:#777;}

.explain { border-bottom: 1px dotted black;}

#header_stats li {line-height: 2em;}

li {padding-bottom: 0em; line-height: 1.2em;}
td .eq { padding: 2px;}
ul.no_bullet { list-style-type: none;}
li.inline {display:inline; padding: 0.5em;}
li.selected {background-color: #99ccff;}

input.checkbox {margin: 0;}

.figure {bor der:1px red solid; float:left;}
.equipment {width:35px; height:35px; padding:0; margin:0;}

#logo  {padding: 0px 0 0 0px; width:440px; height:80px;}
#menu {bor der: 1px solid green; text-align:center;}
#content {position: absolute; left: 80px; right: 100px;}
#search {float:right; clear:right; margin: 1em 0px 0 0; bor der: 1px solid red;}
#login_form {  position: absolute;
  width: 34%;
  left: 33%;
  top: 100px;
  background: #FFFFFF;
  border: solid #EEEEEE 5px;
  display: none;
  z-index: 100;
  border: 1px solid red;} 

.emptySearch {color:#999;}

#rank_name { font-size: 1.5em; display:block}		
#position_title, #points_title {font-weight:bold; color: #666; font-size:1.2em;}
#position {font-size:2em; padding-left: 0.5em; color: green;}
#rating  {font-size:1.2em; font-weight:bold;}
#points {font-size:1.2em; font-weight:bold;}

.row0{background-color:#fff;}
.row1{background-color:#ddd;}

#profile_progressbars {bor der: 1px solid green; float:left; width:95%; margin-left:0%; padding-right:0;}
div.progress-container {border: 1px solid #999; margin: 2px 5px 2px 0; padding: 1px; float: left; background: white;}
div.progress-container .progress { background-color: #CCC; line-height:1.2em; float:left; }
div.progress-container span { padding-left:0.6em; }

#nostats_plate {position:relative; left:104px; top:138px; width:110px; height:50px; font-size:19px; font-weight:bold;}
#vip_says {position:relative; left:-73px; top:-25px; width:220px; height:85px; font-size:12px;}

#tabsB {font-size:1.5em; line-height:normal;}
#tabsB ul {margin:0; padding-top: 0em; list-style:none;}
#tabsB li {display:inline; margin: 0 0.5em 0 0.5em; padding:0;}
#tabsB a:visited {color: blue;}
#tabsB a:hover {color: #cc0000;}

.fir a:visited {color: blue;}
.fir a:hover {color: #cc0000;}

.cld-min { font-size: 1em; }
.cld-1 { font-size: 1.1em; }
.cld-2 { font-size: 1.3em; }
.cld-3 { font-size: 1.5em; }
.cld-4 { font-size: 1.8em; }
.cld-5 { font-size: 2.2em; }
.cld-max { font-size: 2.5em; }
div.cloud { padding: 1em 0 1em 0; font-family: Arial;}
div.cloud a, div.cloud .current{text-decoration:none; white-space: nowrap; margin-right:25px;}
div.cloud .cld-min a { color: #bbbbff }
div.cloud .cld-1 a { color: #6666ff }
div.cloud .cld-2 a { color: #5555ff }
div.cloud .cld-3 a { color: #4444ff }
div.cloud .cld-4 a { color: #3333ff }
div.cloud .cld-5 a { color: #1111ff }
div.cloud .cld-max a { color: #0000ff }

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
list-style-type: none;
padding-left: 1.5em;
margin-left: 0;
margin-bottom: 1em;
}

.treeview {float:left;}

.treeview .player_ips li {margin-bottom: 0em;}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: white url(/beta/img/small/expand.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}

.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}