/* Font Part */

@font-face {
    font-family: 'BigNoodle';
    src: url('font/big_noodle_titling.ttf');
    font-weight: normal;
    font-style: normal;
}

                        
@font-face {
    font-family: 'WeblySleek';
    src: url('font/WeblySleek UI Normal.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sansation';
    src: url('font/sansation/Sansation_Regular.ttf');
    font-weight: normal;
    font-style: normal;
}



* {
    font-family: Sansation;
    padding: 0px;
    margin: 0px;    
    
    
}

html {
    text-align: center;  
    background-color: #171717;
}

body {
    display: inline-block;
    text-align: center;
    max-width: 1600px;
    min-width: 1340px;           
    background: url("img/bg_black.png") center 150px;
}

a, a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


#header {
    height: 160px;
    width: 100%;
    background: url("img/bg_white.png");
    border-bottom: 3px solid #256D25;
    box-shadow: #000000 0 0 3px;
    vertical-align: middle;
    
} 
 
#header_logo {
    clear: left;
    float: left;
    margin: 20px 0px 0px 100px;

}

#header_lang {
    float: right;
    margin: 15px 40px 0px 0px;
}


#header_navigation {
    float: left;
    margin: 10px -80px 0px 40px;
}

#header_navigation * {
    color: #808080;
    font-size: 12px;        
}


#header_caption {
    float: left; 
    margin: 26px 0px 0px 20px;
    font-size: 28px;
    
}

#nav {
    margin: 0px 0px 0px 60px;
    position: relative;
    top: 20px;
    clear: left;
}

#nav > div {
    border: 1px solid #666666; 
    /*background: url("img/nav_bg.png") repeat-x;*/
    
    background: url("img/bg_grey.png") repeat;
    width: 200px;
    height: 25px;
    float: left;
    margin: 1px 0px 0px 10px;
    padding: 1px 0px 0px 10px;
    text-align: left;
    font: 20px BigNoodle;
    cursor: pointer;
    z-index: 2;
    
}  

#nav > div:hover {
    background: url("img/bg_bright.png") repeat;
}                      

#nav_home:hover {
    background: url("img/nav_bg_hover.png") repeat-x;
}

#nav_home {
    cursor: pointer;
}

#nav_download:hover {
    background: url("img/nav_bg_hover.png") repeat-x;
}

#nav_download {
    cursor: pointer;
}

#nav_server > div { 
    background: url("img/nav_bg.png") repeat-x;
    position: absolute;
    z-index: 1;
    left: 232px;
    top: 28px;
    border: 1px solid #666666;
    box-shadow: none;
    display: none;
    background-color: #FFFFFF;
    padding: 2px 10px 7px 10px;
}

#nav_server:hover > div {
    display: block;
}

#nav_server_cap {
    float: left; 
    font: 18px BigNoodle;
    margin: 0px 0px 5px 0px
}

#nav_player_cap {
    float: left;
    font: 18px BigNoodle;
    margin: 0px 0px 5px 0px;
}

#nav_player > div {
    background: url("img/nav_bg.png") repeat-x;
    position: absolute;
    z-index: 1;
    left: 232px;
    top: 28px;
    border: 1px solid #666666;
    box-shadow: none;
    display: none;
    height: 60px;
    min-width: 400px;
    background-color: #FFFFFF;
    padding: 2px 10px 7px 10px;
}

#nav_player:hover > div {
    display: block;
}

#search {
    margin: 12px 0px 0px 0px;
}

#search_field {
    width: 300px;
    float: left;
    font: 16px Sansation;
    padding: 1px 0px 0px 0px;
}

#search_button {
    display: block;
    float: right;
    min-width: 90px;
    margin: -1px 0px 0px 5px;
}

.nav_server_name {
    font: 12px Sansation;
    float: left;
    clear: left;
    width: 450px;
    border: 1px solid #666666;
    color: #333333;
    background: url("img/bg_grey.png") repeat;
    height: 20px;
    margin: 3px 0px 0px 0px;
    padding: 3px 0px 0px 6px;
    overflow: hidden;
}               

.nav_server_name:hover {  
    background: url("img/bg_bright.png") repeat-x bottom;
    
}


#content {
    min-height: 600px;
    text-align: center;
}

#ic {
    display: inline-block;
}

#impress, #contact {
    text-align: left;
    padding: 20px 25px 0px 25px;
}

#impress div, #contact div {
    font-size: 24px;
    border-bottom: 1px solid #666666;
    margin-bottom: 10px;
}

#contact p {
    margin: 10px 0px 10px 0px;
}

#contact h4 {
    font-size: 20px;
    color: #333333;
}

#startpage {
    padding: 20px;    
}

#sp_caption {
    font-size: 22px;
    border-bottom: 1px solid #CCCCCC;
    text-align: left;
    margin: 20px;
    padding-bottom: 10px;
}

#sp_enter, #sp_add {
    padding: 2px 10px 2px 10px;
    margin: 20px 5px 20px 5px;
    text-align: left;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    background-color: #DDDDDD;
    width: 700px;
    box-shadow: #808080 0 0 3px;
}

#sp_enter:hover, #sp_add:hover {
    background-color: #EEEEEE;
}

#sp_activity_epm {
    text-align: left;  
    margin-left: 20px;
    font-size: 24px;
    margin-bottom: 0px;
}

.sp_welcome {
    margin: 0px 0px 20px 0px;
    padding-bottom: 4px;
    border-bottom: 1px solid #CCCCCC;   
}

.server_link {                
    border: 1px solid #CCCCCC;
    display: inline-block;  
    width: 435px;
    height: 60px;
    padding: 5px; 
    margin: 0px 5px 5px 5px;       
    background: url("img/bg_grey.png");  
    cursor: pointer;
}

.server_link_news {
    border: 1px solid #CCCCCC;
    display: inline-block;
    width: 850px;
    height: 60px;
    padding: 5px;
    margin: 0px 5px 5px 5px;
    background: url("img/bg_grey.png");
    cursor: pointer;
} 

.server_link:hover, .server_link_news:hover {
    background: url("img/bg_white.png");
}

.server_link_img {
    float: left;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}

.server_link_img_black {
    float: left;
    background-color: #333333;
    border: 1px solid #CCCCCC;
}


.server_link_name {
    float: left;
    margin: 4px 20px 5px 10px;
    font-size: 26px;
}

.server_news_name {
    float: left;
    margin: 4px 20px 5px 10px;
    font-size: 26px;
}

.server_link_info {
    float: left;
    font-size: 12px;  
    margin: 2px 4px 200px 20px; 
    color: #666666;
    height: 16px;
    overflow: hidden;
    max-width: 300px;
}  

.server_news_info {
    float: left;
    font-size: 12px;
    margin: 2px 4px 200px 20px;
    color: #666666;
    height: 16px;
    overflow: hidden;
}

#nexstateu {
    float: right;
    clear: right;
    box-shadow: #000000 0 0 10px;
    margin: 10px 0px 0px 0px;
    background-color: #FFFFFF;
    padding: 10px;
    color: #666666;
    text-align: right;
    font-size: 10px;
    padding: 10px 10px 6px 10px;
}

#a_home {
    margin: 5px 0px 0px 0px;    
    
}

#donate {
    float: right;
    box-shadow: #000000 0 0 10px;
    margin: 40px 0px 0px 0px;
    background-color: #FFFFFF;
    padding: 10px;
    color: #666666;
    text-align: right;
    font-size: 10px;
    width: 160px;
    height: 97px;
    padding: 0px 10px 0px 10px;
}

#donate form, #donate img {
    margin-top: 10px;
}

#advert_sample {
    float: left;
    box-shadow: #000000 0 0 10px;
    margin: 40px 0px 0px 0px;
    background-color: #FFFFFF;
    padding: 10px;
    color: #666666;
    text-align: right;
    font-size: 10px;
    padding: 10px 10px 6px 10px;
}

#advert2 {
    float: right;
    box-shadow: #000000 0 0 10px;
    margin: 40px 40px 0px 0px;
    background-color: #FFFFFF;
    padding: 10px 10px 6px 10px;
    color: #666666;
    text-align: right;
    font-size: 10px;
}

#donate {
    
}

#page {
    float: left;
    clear: left;
    width: 1000px;
    min-height: 400px;
    border: 2px solid #256225;
    border-left: 6px solid #256225;
    margin: 40px 40px 0px 40px;
    background: url("img/bg_bright.png") repeat -2px 0px;    
}

#page_info0 {
    float: right;
    clear: both;
    margin: 5px 40px 30px 0px;
    font-size: 13px;
}

#page_info1 {
    float: right;   
    clear: both;
    margin: 30px 40px 5px 0px;
    font-size: 13px;
    cursor: pointer;
}

#page_info1:hover {
    text-decoration: underline;
}

#page_info2 {
    float: right;
    margin: 30px 40px 5px 0px;
    font-size: 13px;
    cursor: pointer;
}

#page_info2:hover {
    text-decoration: underline;
}

#footer {
    min-height: 160px;
    color: #AAAAAA;
}               

#footer_line {
    width: 600px;
    height: 10px;
    float: right;
    border-top: 1px solid #AAAAAA; 
    margin: 30px 40px 0px 0px;
}

#footer .footer_element {
    float: right;
    clear: right;
    font-size: 12px;
    margin: 3px 40px 0px 0px; 
    font: 14px WeblySleek;
}

#footer .footer_element a { 
    font: 14px WeblySleek;
    color: #AAAAAA;
}

#content_caption {
    font-size: 26px;
    float: left;
    margin: 20px 0px 0px 40px;
}

#ssel_cap {
    float: left;
    clear: left;
    margin: 15px 0px -5px 40px;
}

.sel {
    width: 160px;
    float: left;                
    font: 20px BigNoodle;
    background: url("img/bg_grey.png") repeat;
    text-align: left;
    padding: 0px 0px 0px 10px;
    margin: 0px 3px 0px 0px;
    border: 1px solid #666666;
    cursor: pointer;
}

.sel:hover {
    background: url("img/bg_bright.png") repeat;
}

.sel_selected {
    background: url("img/bg_white.png");
    cursor: default;
}

.sel_selected:hover {    
    background: url("img/bg_white.png") repeat;
}    

.flag {
    opacity: 0.4;
    font-size: 12px;
    float: left;
    cursor: pointer;
}

.flag_selected {
    opacity: 1.0;
}

.flag span {
    float: left;
    /*display: none;*/
    margin: -2px 5px 0px 2px;
}
.flag img {
    float: left;
    margin-left: 10px;
}

.flag:hover {
    opacity: 1.0;
}

#playerinfo {
    width: 958px;
    margin: 20px;
    border: 1px solid #666666;
    padding: 0px 0px 160px 0px;
}

#pi_top {
    width: 958px;
    height: 150px;
    background: url("img/bg_black.png");
    color: #CCCCCC;
}

#pi_avatar {
    margin: 25px 10px 0px 50px;
    width: 100px;
    height: 100px;
    float: left;
    border: 1px solid #256225;
}

#pi_name {
    float: left;
    margin: 35px 10px 0px 10px;
}

#pi_name div span {
    background-image: url("font/nexuizfont_black_32.png");    
}

#pi_website {
    float: left;
    clear: left;               
    margin: -50px 0px 0px 180px;
    width: 450px;
    text-align: left;
}

#pi_email {
    float: left;
    clear: left;
    margin: -30px 0px 0px 180px;
    width: 450px;    
    text-align: left;
}

#pi_clan {
    float: left;
    margin: -50px 0px 0px 630px;
    width: 200px;  
    text-align: left;
}

#pi_country {
    float: left;
    margin: -30px 0px 0px 630px;
    width: 320px; 
    text-align: left;
}

#pi_country_cc {
    margin: 7px 10px 0px 10px;
    display: block;
    float: left;
}

#pi_country * {
    float: left;
}

#pi_country_name {
    display: inline-block;
    font-size: 14px;
    color: #FFFFFF;
    margin: 3px 0px 0px 0px;
}

#pi_website a, #pi_email a {
    color: #CCCCCC;    
}

.pi_killlist, .pi_deadlist, .pi_caplist {
    border: 1px solid #CCCCCC;
    float: left;
    background-color: #FFFFFF;
    margin: 8px 0px 0px 13px;
    width: 300px;            
    text-align: left;
}

.pi_killlist, .pi_deadlist {
    cursor: pointer;
}

.pi_killlist:hover, .pi_deadlist:hover {
    background-color: #EEEEEE;
}

.pi_killlist:hover div div span, .pi_deadlist:hover div div span {
    background-image: url("font/nexuizfont_eeeeee.png");
}

.pi_k_d, .pi_d_d, .pi_c_c {
    float: left;
    overflow: hidden;
    margin: 1px 0px 2px 10px;
    height: 20px;
    width: 240px;
}

.pi_k_k, .pi_d_k, .pi_c_n {
    float: left;
    height: 20px;
    text-align: right;
    margin: 2px 10px 2px 0px;
    width: 40px;
    color: #666666;
}

.pi_k_d div span, .pi_d_d div span, .pi_c_c div span {
    background-image: url("font/nexuizfont.png");
}

#pi_legend {
    text-align: left;
    float: left;
    clear: left;
    font-size: 16px;
    color: #999999;
    border: 1px solid #CCCCCC;
    margin: 30px 0px 0px 13px;
    padding: 3px 10px 3px 10px;
    min-width: 140px;
    background: url("img/bg_white.png");
}

.pi_klist {
    clear: left;
}

.player_name_element_64 {
    padding: 0px;
    margin-top: 4px;
    height: 64px;
    float: left;
}

.player_name_element_32 {
    padding: 0px;
    margin-top: 4px;
    height: 32px;
    float: left;
}

.cole {
    float: left;
    padding: 0px 5px 0px 4px;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
    font-family: WeblySleek;
}

.colf {
    float: left;
    padding: 2px 5px 2px 5px;
    font-family: WeblySleek;  
}

.col1 {
    float: left;
    clear: left;
    margin: 20px 40px 0px 40px;
    width: 920px;
    background-image: url("img/bg_white.png");
    text-align: left;
    border-top: 3px solid #256225;
}

.coln {  
    float: left;
    clear: left;
    margin: 3px 40px 0px 40px;
    width: 920px;
    background: url("img/bg_grey.png");
    text-align: left; 
    cursor: pointer;  
}

.coln:hover {
    background-color: #CCCCCC;
}

.colno {
    float: left;
    clear: left;
    margin: 3px 40px 0px 40px;
    width: 920px;
    background: url("img/bg_black.png");
    color: #FFFFFF;
    text-align: left;
    cursor: pointer;
}

.colno:hover {
    background-color: #CCCCCC;
}

.col_pos {
    width: 60px;
}

.col_pos_n {
    width: 60px;
    color: #FFFFFF;       
}

.col_pos_1 {
    background: url("img/top.png") 0px 0px no-repeat;
}
.col_pos_2 {
    background: url("img/top.png") 0px -30px no-repeat;
}
.col_pos_3 {
    background: url("img/top.png") 0px -60px no-repeat;
}

.col_player {
    width: 365px;
}

.col_players {
    width: 665px;
}

.col_playerctf {
    width: 340px;
}

.col_playerkombi {
    width: 365px;
}

.col_caps {
    width: 90px;
}

.col_pickup {
    width: 90px;
}

.col_lost {
    width: 90px;
}

.col_fckills {
    width: 90px;
}

.col_kd {
    width: 90px;
}

.col_k {
    width: 65px;
}

.col_ks {
    width: 65px;
}

.col_d {
    width: 90px;
}
.col_score {
    width: 90px;
}

.al {
    text-align: left;
}

.ar {
    text-align: right;
}

.player_name_element {
    padding: 0px;
    margin-top: 4px;
    height: 16px;
    float: left;
}

.coln .char {
    background-image: url("font/nexuizfont_white.png");
}


.colno .char {
    background-image: url("font/nexuizfont_black.png");
}

#download {
    margin-top: 20px;
    font-size: 20px;
}

#download div:first-child {
    margin-top: 120px;
}

#download div:last-child {
    margin-top: 60px;
}

#d_demo_flipout, #d_maps_flipout, #d_vide_flipout { 
    font-family: BigNoodle;
    float: left;
    text-align: left;
    margin: 10px;
    padding: 2px 0px 2px 10px;
    font-size: 20px;
    border: 1px solid #CCCCCC;
    min-width: 300px;
    height: 24px;
    background: url("img/bg_grey.png") repeat;
    cursor: pointer;
}

#d_demo_flipout:hover, #d_maps_flipout:hover, #d_vide_flipout:hover {
    background: url("img/bg_white.png");
}

#d_demo_list, #d_maps_list, #d_vide_list {
    display: none;       
    text-align: left;
    margin: 0px 0px 30px 30px;
    float: left;
    clear: left;
    width: 930px;
    height: 400px;
    border: 1px solid #CCCCCC;
    overflow-y: scroll;

}

#d_demo_list {
    display: block;
}

.d_d_list_e {
    float: left;
    clear: left;
    width: 905px;
    margin: 2px 2px 0px 2px ;
    height: 24px;
    border: 1px solid #CCCCCC;
    cursor: pointer;
}

.d_d_l_e_img0 {
    float: left;
    width: 16px;
    height: 16px;
    background: url("img/icons/disk.png");
    border: 1px solid #EEEEEE;
    margin: 3px 5px 0px 5px;
}

.d_d_l_e_caption {
    width: 250px;
    float: left;
    margin: 0px 0px 0px 5px;
    font-family: BigNoodle;
    font-size: 18px;
    color: #333333;
}

.d_d_l_e_map {
    width: 100px;
    float: left;
    margin: 0px 0px 0px 10px;
    font-family: BigNoodle;
    font-size: 18px;
    color: #333333;
}

.d_d_l_e_desc {
    width: 500px;
    float: left;
    margin: 0px 0px 0px 10px;
    font-family: BigNoodle;
    font-size: 16px;
    color: #666666;
}

.d_m_list_e {
    float: left;
    clear: left;
    width: 905px;
    margin: 2px 2px 0px 2px ;
    height: 24px;
    border: 1px solid #CCCCCC;
    cursor: pointer;
}

.d_m_l_e_img0 {
    float: left;
    width: 16px;
    height: 16px;
    background: url("img/icons/map.png");
    border: 1px solid #EEEEEE;
    margin: 3px 5px 0px 5px;
}

.d_m_l_e_caption {
    width: 350px;
    float: left;
    margin: 0px 0px 0px 5px;
    font-family: BigNoodle;
    font-size: 18px;
    color: #333333;
}

.d_m_l_e_desc {
    width: 500px;
    float: left;
    margin: 0px 0px 0px 10px;
    font-family: BigNoodle;
    font-size: 16px;
    color: #666666;
}

.d_v_list_e {
    float: left;
    clear: left;
    width: 905px;
    margin: 2px 2px 0px 2px ;
    height: 24px;
    border: 1px solid #CCCCCC;
    cursor: pointer;
}

.d_v_l_e_img0 {
    float: left;
    width: 16px;
    height: 16px;
    background: url("img/icons/film.png");
    border: 1px solid #EEEEEE;
    margin: 3px 5px 0px 5px;
}

.d_v_l_e_caption {
    width: 450px;
    float: left;
    margin: 0px 0px 0px 5px;
    font-family: BigNoodle;
    font-size: 18px;
    color: #333333;
}

.d_v_l_e_desc {
    width: 400px;
    float: left;
    margin: 0px 0px 0px 10px;
    font-family: BigNoodle;
    font-size: 16px;
    color: #666666;
}