html, body { height:100%; margin:0px;}

body{
	
	color:#fff;
	text-align:center;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
}

a{
	color:#fff;
	text-decoration:none;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
}

.rank_td{
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	height:31px;
	background-color:transparent;
}

.button{
	background-color:transparent;
	border:0px;
	cursor:pointer;
	color:#ccc;
	padding:5px;
	padding-bottom: 0px;
	padding-top:0px;

}

.button2{
	background-color:transparent;
	border:1px solid #fff;
	cursor:pointer;
	color:#fff;
	padding:5px;
	padding-bottom: 0px;
	padding-top:0px;
}

.search{
	float:left;
	text-align: left;
	margin-left: 26px;
	margin-top: 32px;
}

.category{
	float:left;
	text-align: left;
	margin-left: 12px;
	margin-top: 32px;
}

.cats{
	margin-left:-6px;
	padding-left:5px;
	cursor:pointer;
}
.cats:hover{
	color:#262626;
	background:#ddd;
	cursor:pointer;
}

.date{
	float:right;
	font-family:url("./fonts/Helvetica67-CondensedMedium.ttf");
	margin-top: 12px;
	margin-right: 15px;
	color:#797979;
	font-size:11px;
}

.buscar{
	float:left;
	background:#292929;
	border:1px solid #404040;
	width:126px;
	color:#aaa;
	height:18px;
}

div#selector 
{
	border:1px solid #404040;	
	border-top:0px;
	margin-bottom:5px;
	color:#aaa;
	text-align:left;
	width:137px;
	margin-top:22px;
	background-color:#292929;
	padding-left:6px;

}

.pages{
	background:#333;
	border: 1px solid #666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	margin-top:10px;
}

.top_header{
	height:112px;
	background:#222;
	background-image:url('img/stripe.png');
	margin-top: 0px;
	position:relative;
	text-align:left;
	}

.tableback{
	background:#222;
	background-image:url("img/stripe.png");
	margin-top: 25px;
	margin-bottom:  25px;
	border: 2px solid #666;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	padding:12px;
}
.flags{
	height:15px;
	width:25px;
	background-image:url('countries/countries.png');!important;
	background-repeat: no-repeat;

}
.rangs{
	background-image:url('rang/rangs.gif');!important;
	background-repeat: no-repeat;
}
.buttons{
	height:25px;
	width:93px;
	background-image:url('img/buttons/buttons.png');!important;
	background-repeat: no-repeat;
}
#flags {
	float:left;
	background:#333; 
	border:1px solid #666; 
	margin-right:10px;
	width:150px;
	text-align:center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	padding: 5px;
}

#partners{
	width:160px;
	background:#333; 
	border:1px solid #666;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	padding-top:5px;
	padding-bottom:5px;
	line-height:5px;
	float:left;
	margin-left:10px;
}

#addname {
	width:160px;
        background:#333; 
        border:1px solid #666;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        padding-top:5px;
        padding-bottom:5px;
        line-height:5px;
        float:left;
        margin-left:10px;
}

#pages{
	background:#333; 
	border:1px solid #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	behavior:url(border-radius.htc);
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;      
	-moz-opacity: 0.5;       
	opacity: 0.5;
}

#topmenu {
	margin-left: -50px;
}
#topmenu ul {
	margin: 0px auto;
	width: 350px;
	text-align:center;
	padding: 0px;
}
#topmenu li {
	list-style:none;
	display:inline;
}
#topmenu a {
	height:29px;
	width:80px;
	float:left;
}
#topmenu a:hover {
        background-position: 0px -29px;
}


.home { background: url('img/home.png') no-repeat; }
.blog { background: url('img/blog.png') no-repeat; }
.contact { background: url('img/contact.png') no-repeat; }
.donate { background: url('img/donate.png') no-repeat; }


#cover{
	position:absolute;top:0; left:0;
	z-index: 1000;
	width: 100%;
	height: 100%;	
	background-color: #000;
	filter: alpha(opacity=50);
    -khtml-opacity: 0.5;      
    -moz-opacity: 0.5;       
    opacity: 0.5;
    margin:0 auto;
}

.window{
    position: absolute;
    top: 200px;left:30%;
    z-index: 2000;
	width: 40%;
	background-color: #444;
	border: 1px solid #CCCCCC;
    color: #FFF;
    text-align: left;
    font-family: Tahoma,Arial,sans-serif;
    padding: 10px;
}

.window a:link, .window a:visited{
	font-family:Tahoma,Arial,sans-serif;
	font-size: 9pt;
	color: #AAA;
	text-decoration:none;
}

.window a:hover, .window a:active{
	font-family:Tahoma,Arial,sans-serif;
	font-size: 9pt;
	color: #FFF;
	text-decoration:underline;
}

.window_title{
	width: 100%;
	border-bottom: 1px solid #FFF;
	height: 20px;
}

.window_text{
	float: left;
	font-size: 13pt;
	font-weight: bold;
}

.window_close{
	float: right;
	font-size: 10pt;
	font-weight: bold;
}

.window #text a:link, .window #text a:visited{
	text-decoration: underline;
}


/*---------
* jquery
*---------*/

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.90;
	color: #333;
}
#tooltip h3, #tooltip div { margin: 0; }

.ac_results {
	border:1px solid #404040;
	border-top:0px;
	margin-bottom:0px;
	color:#aaa;
	text-align:left;
	width:126px;
	left:80px;
	background-color:#292929;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: url('http://www.combatarms-rank.com/img/spinner.gif') right center no-repeat;
}

.ac_odd {
	background-color: #292929;
}

.ac_over {
	color:#262626;
	background:#ddd;
	cursor:pointer;
}



/* -------------
 * Selects
 * ------------- */
.jNiceWrapper select {border:none;margin:0;padding:0;width:132px;}

.jNiceSelectWrapper {
	height: 17px;
	left:0px;top:0px;z-index:3;position:absolute;
}

.jNiceWrapper iframe {position:absolute;z-index:1;width:100%;left:0px;top:0px;}

.jNiceSelectWrapper .jNiceSelectText {
	height: 15px;
	line-height: 15px;
	/*
	padding: 0px 3px;
	border: 1px solid #CCCCCC;
	border-right: none;
	background-color: #FFF;
	*/
	overflow:hidden;float:none;position:absolute;z-index:100;
	
	font-weight:normal;
	font-family:Verdana; 
	float:left; 
	width: 152px; 
	border: 1px solid #404040; 
	background-color:#292929; 
	padding:3px; 
	padding-left:5px; 
	height:14px;
	cursor: pointer;
}

.jNiceSelectWrapper .jNiceSelectOpen {
	width: 22px;
	height: 20px;
	background: url(img/arrow.png) no-repeat left center;
	display:block;position:absolute;
	left: 120px;
	top: 1px;
	cursor: pointer;
}

.jNiceSelectWrapper ul {
	top: 22px;
	background-color: #292929;
	border: solid 1px #404040;
	/*height: 150px;*/
	position:absolute;left:0px;list-style:none;display: none;margin:0;padding:0;overflow:hidden;z-index:100;width: 100%;
}

.jNiceSelectWrapper ul a {
	/*color:#0099CC;*/
	background-color: #292929;
	display:block;padding:5px;text-decoration:none;
}

.jNiceSelectWrapper ul a:hover { /*background:#E1F5FF;*/
	color:#262626;
	background:#ddd;
	cursor:pointer;
}
.jNiceSelectWrapper ul a.selected {background: #404040;color: #fff; }

.jNiceFocus { border: dotted 1px #666666; }

.jNiceHidden {opacity:0;z-index:-1;position:relative;}
.jNiceWrapper {position:relative;vertical-align:top;}
.jNiceWrapper input {outline:none;moz-outline:none;}

/**********/
/*  news  */
/**********/
.newsbox {
text-align: left;
font-family:Verdana,Arial,Sans-Serif;
font-size:14px;
width:834px; height: 30px; margin-bottom:10px;
background: url('img/news.png') no-repeat 10px;
background-color: #333;
border: 1px solid #666;
-moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; font-weight: normal;
}
.newsbox ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsbox .info { float:left; width:800px; font-size:14px; padding-top: 4px; padding-left: 55px;}
.newsbox .info a { text-decoration: underline; font-size: 14px; }