body
{
    background-color: #000;
    margin: 0px;
    padding: 0px;
    color: #D1D1D1;
    top: 0px;
    height: 100%;
    font-size: 90%;
    font-family: 'Century Gothic' , 'Apple Gothic' , 'Lucida Sans' , sans-serif;
    background-image: url(../images/main_background.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}
     
     
   
     
a {text-decoration: none; color: white;}  
a:visited {text-decoration: none; color: white;}
a:active {text-decoration: none; color: white;}
a:hover {text-decoration: underline; color: white;}


a.bluelink {text-decoration: none; color: #00b4ff;}  
a.bluelink:visited {text-decoration: color: #00b4ff;}
a.bluelink:active {text-decoration: none; color: #00b4ff;}
a.bluelink:hover {text-decoration: underline; color: #00b4ff;}

.boxText
{
/*	font-size:smaller; */
}

.boxHeader
{
     margin-top: 10px;
     color: #CCCCCC;
     text-align: right;
     margin-bottom: -10px;
     
}

.stats_center
{
margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
}

img {
     border: 0px;
    }
    
    
.horizontal {
    background-image: url(//web/20161107162434im_/http://dreamace.org/images/horizontal.png);
    background-position: center;
    width: 93%;
    text-align: center;
    height: 2px;
    clear: both;
    margin-left: auto;
    margin-right: auto;
   }  
   
.horizontal_transparent   
   {
   
    clear: both;
   
   }
   
   
.horizontal_no_clear {
    background-image: url(//web/20161107162434im_/http://dreamace.org/images/horizontal.png);
    background-position: center;
    width: 93%;
    height: 2px;                
   margin-left: auto;
   margin-right: auto;
    text-align: center;
   
   }     
   
   
.clear {
   
        clear: both;
   }       
   
textarea
{
   color: #CCC;
   background-color: #121212;
   border: 1px solid #303030; 
   padding: 3px;
} 
#homepage_splash
{
    margin-left: 0;
    margin-right: auto;
    height: 390px;
    cursor: hand;
    cursor: pointer;
    background-position: left center;
    padding: 0px;
    margin-top: 9px;
    margin-left: 85px;
}

#homepage_splash:hover
{
    background-position: right center;
}
  
.input_button {
/*background-image: url(//web/20161107162434im_/http://dreamace.org/images/input_button.png);*/
        color: #00b4ff;
        font-size: 13px;
        padding: 2px;
     
        border: 0px;
        margin: 4px;
        height: 28px;
        width: 104px;
        text-align:  center;  
        vertical-align: middle;
        cursor: hand; cursor: pointer;
        background-position: left center;  
        
            }                 
.input_button:hover {background-position: right;}   
            

.input_main_div {
background-image: url(../images/input_text.png);
        color: #717171;
        font-size: 13px;
        padding: 0px;
        padding-left: 3px;
        margin: 0px;
        height: 38px;
        width: 278px;
        text-align: right;  
        vertical-align: middle;
        background-position: left center;
        
            }
            
            
.input_log_div {
background-image: url(../images/input_text.png);
background-repeat: no-repeat;
        color: #717171;
        font-size: 13px;
        padding: 0px;
        padding-left: 4px;
        margin: 0px;
        height: 38px;
        width: 286px;
        text-align: left;  
        vertical-align: middle;
        background-position: left center;
        
            }
            
.input_log {
      background-color: #131313;    
border: 0px;              
height: 30px;
color: #CCC;
font-size: 14px;
padding-top: 3px;
padding-bottom: 5px;
padding-right: 3px;
margin-left: -3px;  

width: 277px;
background:transparent;
            }                        
            
.input_text {
      background-color: #131313;    
border: 0px;              
height: 30px;
color: #717171;
font-size: 13px;
padding-top: 3px;
padding-bottom: 5px;

width: 220px;
background:transparent;
            }
            


 #scene_light
 {
      background-image: url(../images/scene_light.png);
      background-repeat: no-repeat;
        position: absolute;
        top: 900px;
        width: 1747px;
        width: 100%;
        height: 92px;
        text-align: right;  
        vertical-align: middle;
        background-position: center;
 }
form.style input[type="text"]:focus, form.style input[type="password"]:focus, form.style select:focus, form.style textarea:focus {
    outline: medium none;
    color: #797979;
    border-color: rgba(255, 255, 255, 0.15);
    background-color: rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.08) inset;
}

form.style input[type="text"], form.style input[type="password"], form.style select, form.style textarea {
    padding: 6px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.04);
    color: #565658;
}

form.style button, form.style input[type="button"], form.style input.button, form.style #submit {
    background: /*url('//web/20161107162434im_/http://dreamace.org/css/images/button.png')*/ repeat scroll 0px 0px transparent;
    box-shadow: 0px 0px 10px #00A5FF inset;
    margin: 3px;
    padding: 8px 11px;
    border: medium none;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
}

form.style button:hover, form.style input[type="button"]:hover, form.style input.button:hover, form.style #submit:hover {
    box-shadow: 0px 0px 10px rgba(0, 219, 255, 0.3) inset;
}


h1
{
        color: white;
    background-image: url(../images/heading_.png);
    font-family: 'Century Gothic','Apple Gothic','Lucida Sans' sans-serif;      
    letter-spacing: 1px;
    font-weight: lighter;      
    font-size: 24px;

     min-width: 24px;
     min-height: 31px;

    background-position: left center;
    background-repeat: no-repeat;  
  
    padding-left: 30px;
    padding-top: 0px;    
    padding-bottom: 0px;   
    
    margin-top: 5px;
    margin-bottom: 3px;
}


h2
{
    color: white;
    background-image: url(../images/heading_.png); 
 
    font-family: 'Century Gothic','Apple Gothic','Lucida Sans' sans-serif;     

    letter-spacing: 1px;
    font-weight: lighter;     
    font-size: 20px;
 
    min-width: 24px;
    min-height: 22px;

    background-position: left center;
    background-repeat: no-repeat;  
  
    padding-left: 30px;
    padding-top: 0px;    
    padding-bottom: 0px;  
    
    margin-bottom: 6px; 
    

}
   

.HelpSectionMargin

{
    margin-left:30px;
}
   
.sub_header {
              font-family: 'Century Gothic', 'Apple Gothic', 'Lucida Sans', sans-serif;    
              padding: 0px;
              padding-left: 6px;   
              font-weight: lighter;
              
              color: #606060;
              font-size: 10px;
           }     
    
.paragraph {
              font-family: 'Century Gothic', 'Apple Gothic', 'Lucida Sans', sans-serif;      
              padding: 3px;
              padding-left: 6px;   
              font-weight: lighter;
              
              color: #808080;   
              font-size: 13px;
           }    
    

    
#main_container
{
 width: 1000px; 
 min-width: 1000px;
 margin: 0px auto;
  position: relative;
  height: auto;
     
      
}    

/* SOCIAL NUMBERS + BUTTONS - TOP PANEL */

#number_social_purchased {
                 position: relative;
                 left: 88px;
                 top: 5px;   
	display: inline-block;
  vertical-align: top;
  line-height: 16px;
  color: white;
  font-size: 80%;
  text-align: right;
  width:45px;
}

#patch_date {
                 position: relative;
                 padding-left: 6px;   
                 top: 10px;   
  vertical-align: top;
  line-height: 16px;
  color: white;
  font-size: 60%;
  text-align: right;
}

#number_social_online {
    position: absolute;
    left: 360px; /* От левого края top_panel_center */
    top: 5px;
    /* остальные стили */
  width: 45px;
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  color: #FA8258;
  font-size: 86%;
  text-align: right;
  font-weight: bold;
}

#number_social_server_time {
    position: absolute;
    left: 50px; /* От левого края top_panel_center */
    top: 5px;
    /* остальные стили */
  width: 45px;
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  color: #FA8258;
  font-size: 86%;
  text-align: right;
  font-weight: bold;
}

/* Центральный блок - серверное время и онлайн */
#top_panel_center {
    position: absolute;
    left: 290px; /* После social_buttons_container */
    top: 0;
    width: 370px; /* 602px - 232px */
    height: 45px;
}

/* Правый блок - логин и регистрация */
#top_panel_right {
    position: absolute;
    left: 725px; /* После center блока */
    top: 0;
    width: 265px; /* 994px - 602px */
    height: 45px;
}

#social_buttons_container {
    position: absolute;
    left: 0; /* Начало контейнера */
    top: 0;
    width: 232px; /* Сумма всех left сдвигов + ширина последней кнопки */
    height: 45px;
    display: inline-block;
}


#button_social_facebook {
	position: absolute;
	left: 82px;
	top: -3px;
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../images/button_social_facebook_off.png) left;
	text-indent: -99999px;    
}
#button_social_facebook:hover {
	background-position: right;
	background: url(../images/button_social_facebook_on.png) left;
}

#button_social_discord {
	position: absolute;
	left: 54px;
	top: 4px;
	display: inline-block;
	width: 30px;
	height: 25px;
	background: url(../images/button_social_discord_off.png) left;
	text-indent: -99999px;   
	background-size: 30px 25px;	
	background-position: center;
}
#button_social_discord:hover {
	background-position: right;
	background: url(../images/button_social_discord_on.png) left;
	width: 30px;
	height: 25px;
	background-size: 30px 25px;	
	background-position: center;
}


#button_social_twitter {
	position: absolute;
	left: 82px;
	top: 0px;
	display: inline-block;
	width: 43px;
	height: 45px;
	background: url(../images/button_social_twitter.png) left;
	text-indent: -99999px;    
}
#button_social_twitter:hover {
	background-position: right;
}


#button_social_youtube {
	position: absolute;
	left: 115px;
	top: 0px;
	display: inline-block;
	width: 49px;
	height: 45px;
	background: url(../images/button_social_youtube.png) left;
	text-indent: -99999px;    
}
#button_social_youtube:hover {
	background-position: right;
}


#button_social_rss {
	position: absolute;
	left: 150px;
	top: 0px;
	display: inline-block;
	width: 49px;
	height: 45px;
	background: url(../images/button_social_rss.png) left;
	text-indent: -99999px;    
}
#button_social_rss:hover {
	background-position: right;
}


#button_social_steam {
	position: absolute;
	left: 185px;
	top: 0px;
	display: inline-block;
	width: 52px;
	height: 45px;
	background: url(../images/button_social_steam.png) left;
	text-indent: -99999px;    
}
#button_social_steam:hover {
	background-position: right;
}

#button_social_logout {
	position: relative;
	left: 378px;
	top: 0px;
	display: inline-block;
	width: 64px;
	height: 38px;
	background: url(../images/button_social_logout.png) left;
	text-indent: -99999px;    
}
#button_social_logout:hover {
	background-position: right;
}

#button_social_profile {
	position: relative;
	left: 428px;
	top: 0px;
	display: inline-block;  
	width: 78px;
	height: 38px;
	background: url(../images/button_social_profile.png) left;
	text-indent: -99999px; 
}
#button_social_profile:hover {
	background-position: right;
      
      
      }

/* Меняю кнопку авторизации */ 
 
#button_social_login {
	text-align: center;
    position: absolute;
    left: 15px; /* От левого края top_panel_right */
    top: 0px;
    /* остальные стили */
    display: inline-block;
    width: 100px;
    height: 38px;
    line-height: 38px;
    background: transparent;
    text-indent: 0;
    color: #f7f7f7; /* Яркий серебряный */
    text-decoration: none;
    padding: 0 10px;
    font-family: 'Arial Black', Impact, sans-serif;
    font-weight: bold;
    
    /* ТЕНИ КАК В MENU-BUTTON-1 */
    text-shadow:
        -1px -1px 0 #000, 
        1px  1px 0 #000,
        2px 2px 0 #333,
        0 0 5px rgba(255, 255, 255, 0.5);
    
    vertical-align: top;
    margin-top: -5px;
    
    /* Плавный переход для hover */
    transition: all 0.3s ease;
	
	  /* ДОБАВЬТЕ ЭТИ СВОЙСТВА ДЛЯ ОБРЕЗКИ ТЕКСТА */
    white-space: nowrap; /* Запрет переноса строк */
    overflow: hidden; /* Скрытие выходящего за границы */
    text-overflow: ellipsis; /* Многоточие в конце */
}

#button_social_login:hover {
    background: transparent;
    text-decoration: none;
    color: #fff;
    
    /* ТЕНИ ПРИ НАВЕДЕНИИ */
    text-shadow: 
        -1px -1px 0 #000, 
        1px  1px 0 #000,
        2px  2px 0 #555,
        0 0 15px #ffffff,
        0 0 20px #ffffff;
}

/* Меняю кнопку авторизации */ 

/* Меняю кнопку регистрации */

#button_social_register {
    position: absolute;
    left: 130px; /* От левого края top_panel_right */
    top: 0px;
    /* остальные стили */
    display: inline-block;  
    width: 100px;
    height: 38px;
    line-height: 38px;
    background: transparent;
    text-indent: 0;
    color: #f7f7f7; /* Яркий серебряный как в menu-button-1 */
    text-decoration: none;
    padding: 0 10px;
    font-family: 'Arial Black', Impact, sans-serif; /* Шрифт как в menu-button-1 */
    font-weight: bold; /* Жирный шрифт */
    
    /* ТЕНИ КАК В MENU-BUTTON-1 */
    text-shadow:
        -1px -1px 0 #000, 
        1px  1px 0 #000,
        2px 2px 0 #333,
        0 0 5px rgba(255, 255, 255, 0.5);
    
    vertical-align: top;
    margin-top: -5px;
    
    /* Плавный переход для hover */
    transition: all 0.3s ease;
	
	  /* ДОБАВЬТЕ ЭТИ СВОЙСТВА ДЛЯ ОБРЕЗКИ ТЕКСТА */
    white-space: nowrap; /* Запрет переноса строк */
    overflow: hidden; /* Скрытие выходящего за границы */
    text-overflow: ellipsis; /* Многоточие в конце */
}

#button_social_register:hover {
    background: transparent;
    text-decoration: none; /* Убираем стандартное подчеркивание */
    color: #fff; /* Белый цвет при наведении */
    
    /* ТЕНИ ПРИ НАВЕДЕНИИ КАК В MENU-BUTTON-1 */
    text-shadow: 
        -1px -1px 0 #000, 
        1px  1px 0 #000,
        2px  2px 0 #555,
        0 0 15px #ffffff,
        0 0 20px #ffffff;
}
     
/* Меняю кнопку регистрации */	 

/* end of - SOCIAL BUTTONS - TOP PANEL */



#forum_irc {
                  position: absolute;                               
                  top: 13px;
                  left: 768px;
                	display: inline-block;  
                	width: 162px;
                	height: 30px;
                	background: url(../images/forum_irc.png) left;
                	text-indent: -99999px;                   
                  z-index: 3;
}
#forum_irc:hover {
	background-position: right;
}


#forum_changelog {
                  position: absolute;                               
                  top: 13px;
                  left: 487px;
                	display: inline-block;  
                	width: 112px;
                	height: 30px;
                	background: url(../images/forum_changelog.png) left;
                	text-indent: -99999px;                   
                  z-index: 3;
}
#forum_changelog:hover {
	background-position: right;
}


#forum_faq {
                  position: absolute;                               
                  top: 13px;
                  left: 602px;
                	display: inline-block;  
                	width: 163px;
                	height: 30px;
                	background: url(../images/forum_faq.png) left;
                	text-indent: -99999px;                   
                  z-index: 3;
}
#forum_faq:hover {
	background-position: right;
}



/* NAVIGATION BUTTONS - NAVIGATION MENU */

#button_navigation_home {
                  position: absolute;                               
                  top: 6px;
                  left: 98px;
                	display: inline-block;  
                	width: 61px;
                	height: 39px;
                	background: url(../images/button_navigation_home.png) left;
                	text-indent: -99999px;                   
                  z-index: 3;
}
#button_navigation_home:hover {
	background-position: right;
}


#button_navigation_about {
                  position: absolute;
                  top: 6px;
                  left: 160px;
                	display: inline-block;  
                	width: 85px;
                	height: 39px;
                	background: url(../images/button_navigation_about.png) left;
                	text-indent: -99999px;     
                  z-index: 3;
}
#button_navigation_about:hover {
	background-position: right;
}



#button_navigation_news {
                  position: absolute;
                  top: 6px;
                  left: 246px;
                	display: inline-block;  
                	width: 85px;
                	height: 39px;          
                	background: url(../images/button_navigation_news.png) left;
                	text-indent: -99999px; 
                  z-index: 3;
}
#button_navigation_news:hover {
	background-position: right;
}

#button_navigation_pics {
                  position: absolute;
                  top: 6px;
                  left: 269px;
                	display: inline-block;  
                	width: 54px;
                	height: 39px;           
                	background: url(../images/button_navigation_pics.png) left;
                	text-indent: -99999px; 
                  z-index: 3;
}
#button_navigation_pics:hover {
	background-position: right;
}


#button_navigation_videos {
                  position: absolute;
                  top: 6px;
                  left: 333px;
                	display: inline-block;  
                	width: 93px;
                	height: 39px;           
                	background: url(../images/button_navigation_videos.png) left;
                	text-indent: -99999px; 
                  z-index: 3;
}
#button_navigation_videos:hover {
	background-position: right;
}


#button_navigation_downloads {
                  position: absolute;
                  top: 6px;
                  left: 428px;
                	display: inline-block;  
                	width: 116px;
                	height: 39px;             
                	background: url(../images/button_navigation_downloads.png) left;
                	text-indent: -99999px; 
                  z-index: 3;
}
#button_navigation_downloads:hover {
	background-position: right;
}


#button_navigation_forum {
                  position: absolute;
                  top: 6px;
                  left: 546px;
                	display: inline-block;  
                	width: 116px;
                	height: 39px;        
                	background: url(../images/button_navigation_forum.png) left;
                	text-indent: -99999px; 
                  z-index: 3;
}
#button_navigation_forum:hover {
	background-position: right;
}


#button_navigation_stats {
                  position: absolute;
                  top: 6px;
                  left: 664px;
                	display: inline-block;  
                	width: 76px;
                	height: 39px;
                	background: url(../images/button_navigation_stats.png) left;
                	text-indent: -99999px;   
                  z-index: 3;
}
#button_navigation_stats:hover {
	background-position: right;
}


#button_navigation_search {
                  position: absolute;
                  top: 6px;
                  left: 656px;
                	display: inline-block;  
                	width: 48px;
                	height: 39px;             
                	background: url(../images/button_navigation_search.png) left;
                	text-indent: -99999px; 
                  z-index: 3;
}
#button_navigation_search:hover {
	background-position: right;
}


#button_navigation_buy {
                  position: absolute;
                  
                  top: 6px;
                  left: 740px;
                	display: inline-block;  
                	width: 124px;
                	height: 39px;             
                	background: url(../images/button_navigation_buy.png) left;
                	text-indent: -99999px; 
                  z-index: 3;                 
}
#button_navigation_buy:hover {
	background-position: right;
}

/* end of - NAVIGATION BUTTONS - NAVIGATION MENU */


#top_panel
{
 position: relative;
 width: 100%; 
 margin: 0 auto;
 top: 0px;

}

#top_panel_background
{
width: 994px;
height: 45px;  
margin: 0 auto;
  background-image: url(../images/top_panel.png);
 background-position: center top;
 background-repeat: no-repeat;
  position: relative; /* ДОБАВЬТЕ ЭТО */
}




#navigation_bar
{
 position: relative;
 width: 100%; 
 margin: 0 auto;
 top: 40px;
 min-width: 994px;;
 min-height: 30px;
 z-index: 80;
}


#content_plus_twitter
{

 width: 960px;
 margin-left: auto;
 margin-right: auto;
 position: relative;
}

#twitter_out_of_layout
{

 position: absolute;
 width: 240px;
 height: 400px;
 margin-left: 0;
}  

#navigation_bar_background
{
 min-width: 960px;
 width: 860px;  
 height: 51px;
 position: relative;
 margin: 0 auto;
 margin-top: 100px; 
 margin-bottom: 0px;
 z-index: 80;

 background-image: url(../images/navigation_bar.png);
 background-position: center top;
 background-repeat: no-repeat;
}


       
        
#media_viewer_window
{
  width: 994px;  
  min-width: 960px;
  position: relative;
  height: 533px;
 
  height: 600px;      
  
  margin-left: 0px;
  text-align: center;
}  


#media_viewer
{
    margin-top: 25px;
    min-width: 1016px;
    width: 960px;
    height: 502px;
    position: relative;
    padding-top: 49px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/media_viewer.png);
    background-position: center top;
    background-repeat: no-repeat;
}    

#media_player
{
    width: 702px;
    height: 412px;
    position: absolute;
    top: 10px;
    margin-left: 0px;
    left: 60px;
}

#media_viewer_thumbnails
{
    width: 180px;
    height: 414px;
    position: absolute;
    top: 60px;
    margin-left: 0px;
    left: 757px;
    background-image: url(../images/media_viewer_thumbnails.png);
    background-position: center top;
    background-repeat: no-repeat;
}


#homepage_three_features
{
 position: relative;
 width: 1026px;
 height: 249px;
 left: -12px;
 padding-left: 0px;
 margin-top: 0px;
 
 background-image: url(../images/homepage_features_background.png);
 background-position: left;
 background-repeat: no-repeat;
 text-align: center;
}

#top_logo
{
 min-width: 994px;
 width: 833px;  
 height: 140px;
 position: absolute;
 width: 100%;
 top: 15px;
 background-image: url(../images/logo_45.png);    
 background-position: center top;
 background-repeat: no-repeat;
 
}

#top_container {
	position:relative;
	height:auto !important;
	height:100%;
	min-height:100%;
}
    
#content {
            position: relative;
                width: 994px;
            min-width: 994px;
            margin: 0 auto;
            	height:auto !important;
	height:100%;
  min-height:600px; 
  
           }    
           
           
.forum_link {
             color: white; text-decoration: underline; font-size: 13px; font-family: 'Lucida Sans', 'Century Gothic', 'Apple Gothic', sans-serif;
            } 
            
.forum_link:hover {
             text-decoration: none;
             color: #05bbf9;
            }     
            
.forum_link:visited {
            color: white;
            text-decoration: underline;
            }               
                    
           
#forum_table_frame  
 {
           background-image: url(../images/forum_table_frame.png);
           background-repeat: no-repeat;   
           width: 659px;
           height: 484px;
           float: left;
           margin: 5px;
           margin-left: 21px;
          
           margin-top: 0px;
           margin-bottom: 1px;
           
}   


#forum_table_mainframe  
 {
           background-position: top;
           width: 884px;
           margin: 5px;
           margin-top: 0px;
           padding: 0px;
           
           clear: both;
          margin-left: auto;
           margin-right: auto;
}      


tr {
    padding: 0px;
    
   }
   
td.td_forum
  {
   padding: 5px;
    padding-left: 10px;
   padding-right: 5px;   
   font-size: 13px;
     
  
  
  }   

  td.forum_top
  {
   border: 0px;
   padding-left: 0px;
   text-align: center;
   padding-right: 0px; 
   padding: 8px;
   padding-top: 6px;
 
   
   min-width: 40px;
   color: #05bbf9;
  }
  
    td.forum_top2
  {
   border: 0px;
   padding-left: 0px;
   text-align: center;
   padding-right: 0px; 
   padding: 8px;
   padding-top: 0px;
   padding-bottom: 3px;
   
   min-width: 50px;
   color: #05bbf9;
  }
    
#news_margin

{
 padding: 20px;
}    
    
#forum_countdown
{
           background-image: url(../images/forum_countdown.png);
           background-repeat: no-repeat; 
           width: 210px;
           height: 116px;
           float: left;
           margin: 5px;
           margin-top: 0px;
           margin-bottom: 0px;
}    
    
    
#forum_facebook
{
           background-image: url(../images/forum_facebook.png);
           background-repeat: no-repeat; 
           width: 210px;
           height: 368px;
           float: left;
           margin: 5px;
           margin-top: 0px;
           margin-bottom: 1px;
}


.newsDate 
{
  color: #AAA;
 font-size: 13px;
 text-align: left;
 position: relative;
 margin-left: 30px;
 margin-top: 5px;
 
}   
     
#section_background {     

          
           min-height: 922px;
           width: 924px;
           min-width: 924px;
           height: 100%;

              margin-left: auto;
           margin-right: auto;

           
            } 
            
#section_background_forum {     
          background-image: url(../images/section_background_forum.png);
           background-repeat: no-repeat;   
          
           width: 924px;
           min-width: 924px;
           height: 570px;
           text-align: center;
           margin-left: auto;
           margin-right: auto;
           margin-bottom:0px;
           padding-bottom: 0px;
          
          
            }                 
      
#section_background_wide {     
          background-image: url(//web/20161107162434im_/http://dreamace.org/images/section_background.png);
           background-repeat: repeat-y;   
          
          
           width: 924px;
         min-height: 922px;
           height: 100%;
              margin-left: auto;
           margin-right: auto;
       
            }            

.shop_item_text
{
 color: #C1C1C1;
 font-size: 12px;
 position: relative;
 top: -238px;
 left: 190px;
 width: 268px;  
 line-height: 180%;
 text-align: justify;
}


.newsHeaderMainPage 
{
    color: white;
    background-image: url(../images/heading_.png);
    font-family: 'Century Gothic','Apple Gothic','Lucida Sans' sans-serif;      
    letter-spacing: 1px;
    font-weight: lighter;      
    font-size: 24px;

     min-width: 24px;
     min-height: 31px;

    background-position: left center;
    background-repeat: no-repeat;  
  
    padding-left: 30px;
    padding-top: 0px;    
    padding-bottom: 0px;   
    
    margin-top: 5px;
    margin-bottom: 3px;
}          
            
#shop_cart
{
    background-image: url(//web/20161107162434im_/http://dreamace.org/images/shop/shop_cart.png);
    background-repeat: no-repeat; 
    background-position: top;
         
    margin-bottom: 5px;
    width: 429px;
    float: right;

}  

.cart_head 
{
    width: 429px;
    height: 47px;  
    background-image: url(//web/20161107162434im_/http://dreamace.org/images/shop/cart_head.png);
    background-repeat: no-repeat; 
    background-position: top;
 }
 
.cart_body
{
    width: 429px;
    height: 43px;
    background-image: url(//web/20161107162434im_/http://dreamace.org/images/shop/cart_body.png);
    background-repeat: no-repeat; 
    background-position: middle;
    vertical-align: middle;                                 
    font-size: 12px;
 } 
 
.cart_tail 
{
    width: 429px;
    height: 19px;  
    background-image: url(//web/20161107162434im_/http://dreamace.org/images/shop/cart_tail.png);
    background-repeat: no-repeat; 
    background-position: top;
 } 

#shop_checkout
{
    background-image: url(//web/20161107162434im_/http://dreamace.org/images/shop/shop_checkout.png);
    background-repeat: no-repeat; 
    background-position: top;

    width: 429px;
    height: 280px;
    float: right;
}  

#shop_checkout_text
{
    position: relative;
    font-size: 15px;
    color: white;
    top: 40px;
    left: 18px;     
    margin: 4px;
    width: 385px;
}

.shop_item_base
{
    background-repeat: no-repeat; 
    background-position: top;
    position: relative;
    width: 474px;
    height: 284px;
    float: left;
    margin: 4px 4px 4px 0px;
}

#shop_item_1
{
    background-image: url(//web/20161107162434im_/http://dreamace.org/images/shop/shop_item_1_b.png);
    background-repeat: no-repeat; 
    background-position: top;
    position: relative;
    width: 474px;
    height: 284px;
    float: left;
    margin-bottom: 2px;   
}  


#shop_item_2
{
    background-image: url(//web/20161107162434im_/http://dreamace.org/images/shop/shop_item_2.png);    
    background-repeat: no-repeat; 
    background-position: left top;
        
    width: 428px;
    height: 234px;
    float: right;           
    position: relative;
}  

#shop_item_3
{
    background-image: url(//web/20161107162434im_/http://dreamace.org/images/shop/shop_item_3.png);   
    background-repeat: no-repeat; 
    background-position: top;
    position: relative;
    
    width: 474px;
    height: 234px;           
    float: left;
}   

#shop_item_4
{
    background-image: url(//web/20161107162434im_/http://dreamace.org/images/shop/shop_item_4.png);   
    background-repeat: no-repeat; 
    background-position: top;
    position: relative;
           
    width: 429px;
    height: 233px;           
    float: right;
}   

#shop_item_5
{
    background-image: url(//web/20161107162434im_/http://dreamace.org/images/shop/shop_item_5.png);   
    background-repeat: no-repeat; 
    background-position: top;
    position: relative;  
         
    width: 474px;
    height: 234px;
    float: left;
}              

#shop_item_6
{
    background-image: url(//web/20161107162434im_/http://dreamace.org/images/shop/shop_item_6.png);   
    background-repeat: no-repeat; 
    background-position: top;
    position: relative;
         
    width: 474px;
    height: 101px;
    float: left;
}  

#shop_item_12
{
    background-image: url(//web/20161107162434im_/http://dreamace.org/images/shop/shop_item_12_b.png);    
    background-repeat: no-repeat;
    background-position: top;
    position: relative;           
         
    width: 474px;
    height: 234px;
    float: left;
}  

.shop_item
{
    margin: 4px 4px 4px 0px;
}
  
.videos_center
{
    padding-left: 0px;
    padding-right: 22px;  
    padding-top: 0px;
    text-align: center;
}     
  
.video_window
{
    background-image: url(../images/video_window.png);
    background-repeat: no-repeat; 
    background-position: top;
    position: relative;
    margin: 4px;
    width: 884px;
    height: 401px;
    float: left;  
    padding-top: 8px;
    padding-left: 8px;
    text-align: left;
    margin-top: 18px;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-left: 36px;
    margin-left: 1px;
}    

.images_center
{
    padding-left: 20px;
    padding-top: 20px;
    text-align: center;
}            

.image_window
{
    background-image: url(../images/image_window.png);
    background-repeat: no-repeat; 
    background-position: top;
    margin: 4px;
    width: 284px;
    height: 245px;
    float: left;
    padding-top: 8px;
}   

.image_window_zoom
{
    background-image: url(../images/image_window_zoom.png);
    background-repeat: no-repeat; 
    background-position: top;
    margin: 4px;
    width: 956px;
    height: 631px;
           
    padding-top: 11px;
    padding-left: 22px;
}              
  
.video_caption
{
    color: white;
    text-align: left;
    position: absolute;
    left: 650px;
    top: 20px;
    width: 230px;
 
    color: white;
    background-image: url(../images/heading_.png); 
 
    font-family: 'Century Gothic','Apple Gothic','Lucida Sans' sans-serif;     

    letter-spacing: 1px;
    font-weight: lighter;     
    font-size: 20px;
 
    min-width: 24px;
    min-height: 22px;

    background-position: left center;
    background-repeat: no-repeat;  
  
    padding-left: 30px;
    padding-top: 0px;    
    padding-bottom: 0px;  
    
    margin-bottom: 6px; 
} 

.video_details
{
     color: #717171;
     font-size: 12px;
     text-align: left;
     position: absolute;
     left: 650px;
     top: 62px;
     width: 220px;
     padding: 10px;
     padding-left: 18px; 
     text-align: justify; 
}   



.video_download
{
    color: #717171;
    font-size: 11px;
    text-align: left;
    position: absolute;
    left: 650px;
    top: 350px;
    width: 220px;
    padding: 10px; 
}  
            
.image_caption
{
     color: white;
     font-size: 12px;
     text-align: left;
     position: relative;
     left: 36px;
     top: 7px;
     width: 230px;
} 

.image_details
{
     color: #717171;
     font-size: 11px;
     text-align: left;
     position: relative;
     width: 220px;
     left: 36px;
     top: 20px; 
}   

.images_link {text-decoration: none; color: white;}
.images_link:visited {text-decoration: none; color: white;}
.images_link:active {text-decoration: none; color: white;}
.images_link:hover {text-decoration: underline; color: white;}          
            
.RegistrationMandatory
{
	color:#CC1010;
}            
            
#headerline 
{     
    background-image: url(//web/20161107162434im_/http://dreamace.org/images/headerline.png);
    background-repeat: no-repeat; 
    background-position: center;
    width: 924px;
    height: 8px;
    margin-bottom: -2px;
    margin-top: 10px;
    z-index: 4;
    margin-left: auto;
    margin-right: auto;
} 
            
.headerline2 
{     
    background-image: url(//web/20161107162434im_/http://dreamace.org/images/headerline.png);
    background-repeat: no-repeat; 
    background-position: center;
    width: 924px;
    height: 8px;
    margin-bottom: -2px;
    z-index: 4;
    margin-left: auto;
    margin-right: auto;
}                  
            
#forum_header
{     
    background-image: url(../images/forum_header.png);
    background-repeat: no-repeat; 
    width: 924px;
    height: 45px;
    margin-bottom: 20px;
    z-index: 4;
}                    
            
            
#section_menu 
{
    margin-top: 0px;
    margin-left: 0px;
    padding-top: 10px;
    padding-bottom: 00px;
    float: left;
    width: 22%;
    background-image: url(//web/20161107162434im_/http://dreamace.org/images/section_background.png);
    background-repeat: repeat-y;
               
    padding-left: 0px;
    padding-right: 0px;
}  
              
              
#section_content
{
    padding-left: 30px;
    float: left;
    width: 71%;
    height: 100%;    
               
    background-image: url(//web/20161107162434im_/http://dreamace.org/images/section_background.png);
    background-repeat: repeat-y;     
    padding-right: 34px;
    padding-bottom: 5px;
    margin-bottom: 15px;
}    
              
.about_menu_ 
{  
    background: url(//web/20161107162434im_/http://dreamace.org/images/menu/about_menu_01.png) left;
    display: list-item;
    list-style: none url(../css/style.css);
    width: 206px;
    height: 30px;
    z-index: 3;
    text-indent: -99999px;       
}

.profile_menu_ 
{ 
    display: list-item;
    list-style: none url(../css/style.css);
    width: 206px;
    height: 24px;
    z-index: 3;                 
    color: white;                 
    font-family: 'Verdana';      
    letter-spacing: 1px;
    font-weight: normal;      
    font-size: 14px;                 
        
    background-position: left center;
    background-repeat: no-repeat;  
  
    padding-left: 15px;
    padding-top: 0px;    
    padding-bottom: 0px;   
    
    margin-top: 5px;
    margin-bottom: 3px;
}

.about_menu_:hover {background-position: right;}              

.section_button_:hover 
{
    text-decoration: none;
    color: 00baff;  
}           

.section_button_:visited 
{
    text-decoration: none;
    color: white;
}      
                 
     
#footer 
{
    background-image: url(../images/footer_repeat.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 312px;
    position: relative;
    left: 0px;
    
    font-family: 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif;
    font-size: 80%;
    
    min-width: 994px;
}

        
#footer_ship
{
    position: absolute;
    top:-90px;    
    color: #4c4c4c;

    background-image: url(../images/footer_ship.png);    
    background-position: center top;
    background-repeat: no-repeat;
    width: 209px;
    height: 116px;
    display: inline-block; 
    clear: both;
}
       
#footer_menu
{
    position: relative;
    top:90px;
    left: -190px;
    margin: 0px;
    padding: 0px;
    color: #4c4c4c;
    text-align: center;
}

        
#footer_info
{
    position: relative;
  
    width: 960px;
    left: 50px;
    height: 160px;
    color: #4c4c4c;
    text-align: justify;
    margin: 0 auto;
    vertical-align: middle;
    margin-top: 90px;
}

#greenlight
{
    position:absolute;
    margin-top: 45px;
    margin-left: -70px;
    
    z-index: 10000;
}        

.quoteStyle, .quoteStyleSmaller
{
	font-family:georgia;
	color: #FFFFFF;
	line-height: 100%;
	margin: 0px;
	text-align:left;
}

.quoteStyleSmaller
{
	font-size: 14px;
}

.quoteAuthor
{
	font-family:georgia;
	color: #BBBBBB;
	font-size: 11px;
	align: right;
	padding-top: 5px;
	font-variant: small-caps;
}

.facebook_button
{
    -moz-user-select: none;
    background: #2A49A5;
    border: 1px solid #082783;
    box-shadow: 0 1px #4C6BC7 inset;
    color: white;
    padding: 4px 6px;
    text-decoration: none;
    text-shadow: 0 -1px 0 #082783;
    font: 12px Verdana, sans-serif;
    
    border-color: #29447E #29447E #1A356E;
    color: white;
    background-color: #5B74A8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#637BAD), to(#5872A7));
    background-image: -moz-linear-gradient(#637BAD, #5872A7);
    background-image: -o-linear-gradient(#637BAD, #5872A7);
    background-image: linear-gradient(#637BAD, #5872A7);
}
        
.twitter_button
{
    padding: 2px 5px 2px 20px;
    background: url('https://x.com/favicons/favicon.ico') 1px center no-repeat;
    border: 1px solid #ccc;
    
    font-weight: bold;
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    white-space: nowrap;
    
    font: normal normal normal 11px/1.7 "Helvetica Neue", Arial, sans-serif;
}

.button_steam_login
{
    position: relative;                 
    left: 320px;
    top: 47px;
	display: inline-block;  
	width: 114px;
	height: 43px;
	background: url(https://web.archive.org//web/20161107162434im_/http://steamcommunity.com/images/signinthroughsteam/sits_large_noborder.png) left;
	text-indent: -99999px; 
}


#main_part
{
    min-width: 962px;
    width: 962px;
    height: 262px;
    position: relative;
    padding-top: 0px;
    padding-left: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0px;
    margin-bottom: 0px;
    top: 0px;

}

.list_orange_top
{
    margin-top: 8px;
    padding-left: 30px;
}

.list_orange
{
    color: #cfcccc;
    font-family: 'Century Gothic' , 'Apple Gothic' , 'Lucida Sans' sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: lighter;
    line-height: 20px;
    vertical-align: top;
    background: url(../images/li.png) no-repeat 4px 3px transparent;
    list-style-type: none;
    margin: 0;
    padding: 2px 0px 1px 35px;
    vertical-align: middle;
}
#list_orange_head
{
    color: cyan;
    font-family: 'Century Gothic' , 'Apple Gothic' , 'Lucida Sans' sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: lighter;
    line-height: 20px;
    vertical-align: top;
    list-style-type: none;
    margin: 0;
    padding: 20px 0px 1px 20px;
    vertical-align: middle;
}

#list_orange_head_download
{
    color: #f89393;
    font-family: 'Century Gothic' , 'Apple Gothic' , 'Lucida Sans' sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: lighter;
    line-height: 20px;
    vertical-align: top;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 1px 20px;
    vertical-align: middle;
}

#main_title
{
    margin-top: 35px;
    position: absolute;
    top: 20px;
    width: 241px;
    height: 29px;
    padding-top: 13px;
    padding-left: 30px;
    background-image: url(../images/title_main.png);
    background-position: center top;
    background-repeat: no-repeat;
}

#story_title
{
    margin-top: 0px;
    width: 93px;
    height: 34px;
    padding-top: 0px;
    padding-left: 0px;
    background-image: url(../images/title_story.png);
    background-position: left top;
    background-repeat: no-repeat;
}

#gameplay_title
{
    margin-top: 20px;
    width: 145px;
    height: 35px;
    padding-top: 2px;
    padding-left: 0px;
    background-image: url(../images/title_gameplay.png);
    background-position: left top;
    background-repeat: no-repeat;
}

#screenshot_bar
{
    margin-top: 0px;
    min-width: 939px;
    width: 939px;
    height: 128px;
    position: relative;
    padding-top: 0px;
    padding-left: 66px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -10px;
    background-image: url(../images/screenshot_bar.png);
    background-position: center top;
    background-repeat: no-repeat;
}


#screenshot_1
{
    display: inline-block;
    width: 141px;
    height: 88px;
    background: url(//web/20161107162434im_/http://dreamace.org/css/screenshots/1mini.png) left;
    text-indent: -99999px;
    cursor: hand;
}
#screenshot_1:hover
{
    background-position: right;
}


#screenshot_2
{
    display: inline-block;
    width: 141px;
    height: 88px;
    background: url(//web/20161107162434im_/http://dreamace.org/css/screenshots/2mini.png) left;
    text-indent: -99999px;
    cursor: hand;
}
#screenshot_2:hover
{
    background-position: right;
}

#screenshot_3
{
    display: inline-block;
    width: 141px;
    height: 88px;
    background: url(//web/20161107162434im_/http://dreamace.org/css/screenshots/3mini.png) left;
    text-indent: -99999px;
    cursor: hand;
}
#screenshot_3:hover
{
    background-position: right;
}


#screenshot_4
{
    display: inline-block;
    width: 141px;
    height: 88px;
    background: url(//web/20161107162434im_/http://dreamace.org/css/screenshots/4mini.png) left;
    text-indent: -99999px;
    cursor: hand;
}
#screenshot_4:hover
{
    background-position: right;
}

#screenshot_5
{
    display: inline-block;
    width: 141px;
    height: 88px;
    background: url(//web/20161107162434im_/http://dreamace.org/css/screenshots/5mini.png) left;
    text-indent: -99999px;
    cursor: hand;
}
#screenshot_5:hover
{
    background-position: right;
}


#screenshot_6
{
    display: inline-block;
    width: 141px;
    height: 88px;
    background: url(//web/20161107162434im_/http://dreamace.org/css/screenshots/6mini.png) left;
    text-indent: -99999px;
    cursor: hand;
}
#screenshot_6:hover
{
    background-position: right;
}

#buy_bar
{
    margin-top: -5px;
    width: 1016px;
    min-width: 1016px;
    height: 110px;
    position: relative;
    padding-top: 0px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
}

.buy_on span
{
    display: inline-block;
    width: 139px;
    height: 55px;
    text-indent: -99999px;
    cursor: hand;
    padding: 0px;
    margin: 0px;
}

#buy_big
{
    display: inline-block;
    width: 192px;
    height: 49px;
    background: url(../images/buy_now_gif.gif);
    cursor: hand;
    padding: 0px;
    margin: 0px;
    padding-bottom: 0px;
    margin-bottom: 6px;
    margin-top: 5px;
    margin-right: 10px;
}
#buy_1:hover
{
    background: url(../images/buy_now_gif_hover.gif);
}

#buy_appstore
{
    background: url(../images/buy_appstore.png) left;
}
#buy_appstore:hover
{
    background-position: right;
}

#buy_mac
{
    background: url(../images/buy_mac.png) left;
}
#buy_mac:hover
{
    background-position: right;
}

#buy_win
{
    background: url(../images/buy_win.png) left;
}
#buy_win:hover
{
    background-position: right;
}

#buy_android
{
    background: url(../images/buy_android.png) left;
}
#buy_android:hover
{
    background-position: right;
}

#buy_retail
{
    background: url(../images/buy_retail.png) left;
}
#buy_retail:hover
{
    background-position: right;
}

#buy_steam
{
    background: url(../images/buy_steam.png) left;
}
#buy_steam:hover
{
    background-position: right;
}

#buy_onlive
{
    background: url(../images/buy_onlive.png) left;
}
#buy_onlive:hover
{
    background-position: right;
}

#buy_desura
{
    background: url(../images/buy_desura.png) left;
}
#buy_desura:hover
{
    background-position: right;
}

#buy_gamersgate
{
    background: url(../images/buy_gamersgate.png) left;
}
#buy_gamersgate:hover
{
    background-position: right;
}

#buy_gamestop
{
    background: url(../images/buy_gamestop.png) left;
}
#buy_gamestop:hover
{
    background-position: right;
}
.nnt-sidebar {
	width: 250px;
}

.sidebar-top-user {
    background: url(../images/sidebar_top_user.png) no-repeat scroll center top transparent;
    display: block;
    height: 62px;
	width: 250px;
    text-align: center;
    line-height: 26px;
    font-weight: bold;
    font-size: 16px;
    font-family: 'Century Gothic' , 'Apple Gothic' , 'Lucida Sans' , sans-serif;	
}

.sidebar-top-server {
    background: url(../images/sidebar_top_server.png) no-repeat scroll center top transparent;
    display: block;
    height: 62px;
	width: 250px;
    text-align: center;
    line-height: 26px;
    font-weight: bold;
    font-size: 16px;
    font-family: 'Century Gothic' , 'Apple Gothic' , 'Lucida Sans' , sans-serif;	
}

.sidebar-bg {
    padding-left: 14px;
	background: url(../images/sidebar_bg.png) repeat-y scroll 0% 0% transparent;
    padding-right: 11px;
}

.sidebar-bot {
    background: url(../images/sidebar_bot.png) no-repeat scroll center top transparent;
    display: block;
	width: 250px;
    height: 52px;
}


.sub-menu-item {
    display: none;
    position: absolute;
    padding: 0px;
    width: 150px;
    list-style: outside none none;
    border: 1px solid #000;
    box-shadow: 0px 2px 4px 2px #000;
	z-index: 999;
}

.sub-menu-item li a {
	
    color: #FFFFFF;
    text-decoration: none;
    padding: 10px;
    display: block;
}

#sub-menu-item li a {
	
    background: url(../images/input_text.png) repeat scroll 0% 0% transparent;
    height: 13px;
    color: #FFF;
    text-indent: 0px;
    width: 128px;
    border: 1px solid rgba(0, 0, 0, 1);
    border-radius: 3px;
    margin-bottom: 1px;
}

#sub-menu-item li a:hover {
    width: 129px;
    background: url(../images/input_text.png) repeat scroll 0% 0% transparent;
    border: 1px solid rgba(74, 71, 71, 1);
}

#nnt-content {
    border-radius: 10px;
	width: 575px;
    background: url(../images/system_tl.png) no-repeat scroll 0px 0px, url(../images/system_tr.png) no-repeat scroll 100% 0px, url(../images/system_bl.png) no-repeat scroll 0px 100%, url(../images/system_br.png) no-repeat scroll 100% 100%, url(../images/system.png) repeat scroll 0px 0px transparent;
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.06) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.9), 0px 0px 5px rgba(0, 0, 0, 0.4) inset, 0px 3px 5px rgba(0, 0, 0, 0.5), 0px 2px 0px 1px rgba(0, 0, 0, 0.5);
    display: table;
    border: 1px solid #4eb5fe;
    padding: 10px;
    margin-bottom: 10px;
}


.grid-box {
    float: left;
}

.head-title {
    border-radius: 5px;
    border: 1px solid #4eb5fe;
    padding-bottom: 0px;
    margin-top: 10px;
}


.top-content {
    background: url(../images/content-top.png) no-repeat scroll center top transparent;
    display: block;
    height: 45px;
}

.mid-content {
    background: url(../images/content-mid.png) repeat-y scroll 0% 0% transparent;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    display: table;
    width: 960px;
}

.bot-content {
    background: url(../images/content-bot.png) no-repeat scroll center top transparent;
    display: block;
    height: 54px;
}

#nnt-nav {
    margin-top: 115px;
	z-index: 999;
}

.menu-item {
    float: left;
    list-style: none;
	
}

.menu-main {
    display: flex;
    justify-content: center;
    width: 100%;
}

.menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    /* Меню автоматически займет ширину содержимого и будет центрировано */
}


.menu li a {
    display: block;
    height: 47px;
    text-indent: -9999px;
    overflow: hidden;
    outline: 0px none;
	
}

#menu-item-3 a {
    background-position: 0px -266px;
    width: 86px;
	
}

#menu-item-3 a:hover {
    background-position: 0px -319px;
    width: 86px;
}

#menu-item-4 a {
    background-position: 0px -376px;
    width: 95px;
	
}

#menu-item-4 a:hover {
    background-position: 0px -429px;
    width: 95px;
}

#menu-item-5 a {
    background-position: 0px -488px;
    width: 118px;
	
}

#menu-item-5 a:hover {
    background-position: 0px -540px;
    width: 118px;
}

#menu-item-6 a {
    background-position: 0px -593px;
    width: 118px;
	
}

#menu-item-6 a:hover {
    background-position: 0px -648px;
    width: 118px;
}

#menu-item-7 a {
    background-position: 0px -707px;
    width: 77px;
	
}

#menu-item-7 a:hover {
    background-position: 0px -765px;
    width: 77px;
}

#menu-item-8 a {
    background-position: 0px -821px;
    width: 123px;
	
}

#menu-item-8 a:hover {
    background-position: 0px -876px;
    width: 123px;
}

#nnt-box .dropdown-bg > div, .searchbox .results {
    padding: 3px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    background: url(../images/menu_dropdown_dropdown.png) repeat scroll 0px 0px transparent;
    box-shadow: 0px 1px 1px #000;
}

#nnt-box .dropdown-bg {
    margin: 4px;
}

#nnt-box .module {
    margin: 0px;
    padding: 10px;
}

#nnt-box .module, .menu-dropdown ul.level2, .searchbox .results:before {
    border-radius: 6px;
    background: url(../images/menu_dropdown_level2_bg.png) repeat scroll 0px 0px transparent;
}

#nnt-box .nnt-close {
    float: right;
    cursor: pointer;
    margin-top: -19px;
    margin-right: -20px;
    background: #3D3D3D;
    color: rgba(164, 159, 159, 1);
    padding-left: 5px;
    border-radius: 99px;
    padding-right: 5px;
}

#nnt-box .nnt-box-login {
    display: none;
    float: right;
    position: absolute;
    margin-left: 737px;
    margin-top: 40px;
	z-index: 999;
}

#warinfo
{

	margin-left:0px;
	text-align: center;
	width: 598px;
	height: 195px;
	background: transparent url(../images/warinfo.png) no-repeat center;
	margin-bottom: 15px;
}

#Bleader1
{
	position:absolute;
	width: 115px;
	top: 55px;
	left: 145px;
	font-family: Tahoma;
	font-size: 12px;
	color: gold;
	font-weight: bold;
}

#Bleader2
{
	position:absolute;
	width: 115px;
	top: 88px;
	left: 145px;
	font-family: Tahoma;
	font-size: 12px;
	color: gold;
	font-weight: bold;
}

#Bleader3
{
	position:absolute;
	width: 115px;
	top: 123px;
	left: 145px;
	font-family: Tahoma;
	font-size: 12px;
	color: gold;
	font-weight: bold;
}

#Bncp
{
	position:absolute;
	width: 115px;
	top: 156px;
	left: 145px;
	font-family: Tahoma;
	font-size: 12px;
	color: red;
	font-weight: bold;
}

#Aleader1
{
	position:absolute;
	width: 115px;
	top: 55px;
	left: 437px;
	font-family: Tahoma;
	font-size: 12px;
	color: cyan;
	font-weight: bold;
}

#Aleader2
{
	position:absolute;
	width: 115px;
	top: 88px;
	left: 437px;
	font-family: Tahoma;
	font-size: 12px;
	color: cyan;
	font-weight: bold;
}

#Aleader3
{
	position:absolute;
	width: 115px;
	top: 123px;
	left: 437px;
	font-family: Tahoma;
	font-size: 12px;
	color: cyan;
	font-weight: bold;
}

#Ancp
{
	position:absolute;
	width: 115px;
	top: 156px;
	left: 437px;
	font-family: Tahoma;
	font-size: 12px;
	color: red;
	font-weight: bold;
}


ul.zoo-list {
	margin: 0;
	padding-left: 30px;
	width: 175px;
	list-style: none;
}

ul.zoo-list > li {
	margin-top: 3px;
	border-top: 1px solid #004569;
}

ul.zoo-list > li:first-child {
	margin-top: 0;
	padding-top: 0;
	border: none;
}

ul.zoo-list > li > a:first-child { display: block; }

.zoo-item-list > li { overflow: hidden; }

/* Position: Media */
.zoo-item-list div.media-top { margin-bottom: 10px; }

.zoo-item-list div.media-left {
	margin: 4px 10px 0 0;
	float: left;
}

.zoo-item-list div.media-right {
	margin: 4px 0 0 10px;
	float: right;
}

.zoo-item-list div.media-middle,
.zoo-item-list div.media-bottom { margin-top: 10px; }

.zoo-item-list div.media > img,
.zoo-item-list div.media > object,
.zoo-item-list div.media > embed { display: block; }

/* Position: Title */
.zoo-item-list p.title { margin: 0px; font-size: 13px; font-weight: bold;}

/* Position: Meta */
.zoo-item-list p.meta {
	margin: 0px;
	font-size: 13px;
	color: #f89393;
	line-height: 13px;
	font-style: italic;
	
}

.zoo-item-list p.fame {
	margin: 0px;
	font-size: 13px;
	color: cyan;
	line-height: 13px;
	font-style: italic;
	
}

.download {
	margin-left: 10px; 
	margin-right: 10px; 
	margin-top: 5px; 
	font-size: 12.5px;
	border-radius: 5px;
    padding-left: 30px;
	padding-top: 10px;
    border: 1px solid #4eb5fe;
    padding-bottom: 0px;
    color: #f89393;
	width: 525px;
	display: block;
	list-style-image: url(../images/list-style-arrow.png);
}


.tooltipvote
{
	border-bottom:1px dotted #000;
	color:#FFF;
	outline:none;
	position:relative;
	text-decoration:none
}
.tooltipvote .custom
{
	padding:.5em .8em .8em 2em
}
.tooltipvote .lastvote
{
	background:#0b3a5b;
	border:1px solid #4eb5fe
}
.tooltipvote .nextvote
{
	background:#00111f;
	border:1px solid #4eb5fe
}
.tooltipvote span
{
	margin-left:-999em;
	position:absolute
}
.tooltipvote:hover span
{
	-moz-border-radius:5px;
	-moz-box-shadow:5px 5px rgba(0,0,0,0.1);
	-webkit-border-radius:5px;
	-webkit-box-shadow:5px 5px rgba(0,0,0,0.1);
	border-radius:5px 5px;
	box-shadow:5px 5px 5px rgba(0,0,0,0.1);
	font-family:Calibri, Tahoma, Geneva, sans-serif;
	left:1em;
	margin-left:0;
	position:absolute;
	top:2em;
	width:250px;
	z-index:99
}
.tooltipvote:hover span em
{
	display:block;
	font-family:Candara, Tahoma, Geneva, sans-serif;
	font-size:1.2em;
	font-weight:700;
	padding:.2em 0 .6em
}
.tooltipvote:hover span img
{
	border:0;
	float:left;
	position:absolute
}


.sys-req1 {
	text-align: left;
	width: 120px;
	display: inline-block;
	
}
.sys-req2 {
	width: 5px;
	padding: 0 10px 0 10px;
	text-align: center;
	font-weight: bold;
}

.head-title {
    border-radius: 5px;
    border: 1px solid #4eb5fe;
    padding-bottom: 0px;
    margin-top: 10px;
}

/* Переделываю верхнее кнонки */
#menu-item-1 a {
    background: url(../images/home_button_off.png) no-repeat scroll left top transparent;
    width: 63px;
	
}

#menu-item-1 a:hover {
    background: url(../images/home_button_on.png) no-repeat scroll left top transparent;
    width: 63px;
}

#menu-item-home a {
    background: url(../images/left_home_button_off.png) no-repeat scroll left top transparent;
    width: 47px;
}

#menu-item-home a:hover {
    background: url(../images/left_home_button_on.png) no-repeat scroll left top transparent;
    width: 47px;
}

#menu-item-9 a {
    background: url(../images/right_home_button_off.png) no-repeat scroll left top transparent;
    width: 47px;
	
}

#menu-item-9 a:hover {
    background: url(../images/right_home_button_on.png) no-repeat scroll left top transparent;
    width: 47px;
}



.menu-button-1 > a {
    background: url(../images/nav_menu_button_off.png) no-repeat scroll left top transparent !important;
    background-size: 100% 100% !important;
    width: auto !important;
    text-indent: 0 !important;
    display: block;
    text-align: center;
    padding: 0 15px;
    
    line-height: 41px !important;
    height: 41px !important;
    min-width: 36px;
    
    /* Установите жирный, блочный шрифт для лучшего эффекта 3D */
    font-family: 'Arial Black', Impact, sans-serif; 
    font-weight: bold;
    
    transition: all 0.3s ease;

    /* --- НОВЫЕ СТИЛИ ДЛЯ КРАСИВОГО ТЕКСТА --- */

    /* 1. Цвет текста (яркий серебряный) */
    color: #f7f7f7 !important; 
    
    /* 2. ТЕНИ (Многослойность для объема и контура) */
    text-shadow:
        /* Четкий черный контур для объема */
        -1px -1px 0 #000, 
         1px  1px 0 #000,
        
        /* Светлая тень для имитации толщины/блика */
        2px 2px 0 #333,
        
        /* Внутренняя тень/подсветка для резкости */
        0 0 5px rgba(255, 255, 255, 0.5); 
}

.menu-button-1 > a:hover {
    background-image: url(../images/nav_menu_button_on.png) !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: 100% 100% !important;
    background-color: transparent !important;
    
    text-decoration: none;
    color: #fff !important;
    
    text-shadow: 
        -1px -1px 0 #000, 
         1px  1px 0 #000,
         2px  2px 0 #555,
         0 0 15px #ffffff,
         0 0 20px #ffffff;
}

.menu-button-2 > a {
    background: url(../images/nav_menu_button2_off.png) no-repeat scroll left top transparent !important;
    background-size: 100% 100% !important;
    width: auto !important;
    text-indent: 0 !important;
    display: block;
    text-align: center;
    padding: 0 15px;
    
    line-height: 41px !important;
    height: 41px !important;
    min-width: 36px;
    
    /* Установите жирный, блочный шрифт для лучшего эффекта 3D */
    font-family: 'Arial Black', Impact, sans-serif; 
    font-weight: bold;
    
    transition: all 0.3s ease;

    /* --- НОВЫЕ СТИЛИ ДЛЯ КРАСИВОГО ТЕКСТА --- */

    /* 1. Цвет текста (яркий серебряный) */
    color: #f7f7f7 !important; 
    
    /* 2. ТЕНИ (Многослойность для объема и контура) */
    text-shadow:
        /* Четкий черный контур для объема */
        -1px -1px 0 #000, 
         1px  1px 0 #000,
        
        /* Светлая тень для имитации толщины/блика */
        2px 2px 0 #333,
        
        /* Внутренняя тень/подсветка для резкости */
        0 0 5px rgba(255, 255, 255, 0.5); 
}

.menu-button-2 > a:hover {
    background-image: url(../images/nav_menu_button2_on.png) !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: 100% 100% !important;
    background-color: transparent !important;
    
    text-decoration: none;
    color: #fff !important;
    
    text-shadow: 
        -1px -1px 0 #000, 
         1px  1px 0 #000,
         2px  2px 0 #555,
         0 0 15px #ffffff,
         0 0 20px #ffffff;
}


/* Переделываю верхнее кнонки */

/* Новые кнопки скачать с детальной информацией */
.download-button {
    position: relative;
    display: inline-block;
}

.download-text {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    color: white;
    font-family: serif;
    font-weight: bold;
    text-shadow: 
        -1px -1px 0 #000, 
        1px 1px 0 #000,
        2px 2px 0 #333;
    pointer-events: none; /* Чтобы текст не мешал клику */
}

.download-title {
    top: 20px;
    font-size: 12px;
    left: 20px;
	
	    /* ОГРАНИЧЕНИЯ ШИРИНЫ И ВЫСОТЫ */
    width: 100px; /* Максимальная ширина */
    height: 20px; /* Максимальная высота */
    line-height: 20px; /* Выравнивание по вертикали */
    
    /* ОБРЕЗКА ТЕКСТА */
    white-space: nowrap; /* Запрет переноса */
    overflow: hidden; /* Скрытие выходящего за границы */
    text-overflow: ellipsis; /* Многоточие в конце */
    
    /* ДОПОЛНИТЕЛЬНО */
    text-align: center; /* Выравнивание по центру */
}

.download-filename {
    left: 20px;
    top: 35px;
    font-size: 12px;
    color: #00b4ff;
    
    /* ОГРАНИЧЕНИЯ ШИРИНЫ И ВЫСОТЫ */
    width: 100px; /* Максимальная ширина */
    height: 20px; /* Максимальная высота */
    line-height: 20px; /* Выравнивание по вертикали */
    
    /* ОБРЕЗКА ТЕКСТА */
    white-space: nowrap; /* Запрет переноса */
    overflow: hidden; /* Скрытие выходящего за границы */
    text-overflow: ellipsis; /* Многоточие в конце */
    
    /* ДОПОЛНИТЕЛЬНО */
    text-align: center; /* Выравнивание по центру */
}

.download-size {
	left: 123px;
    top: 25px;
    font-size: 11px;
    color: #f89393; /* Красноватый цвет для размера */
	
	    /* ОГРАНИЧЕНИЯ ШИРИНЫ И ВЫСОТЫ */
    width: 55px; /* Максимальная ширина */
    height: 25px; /* Максимальная высота */
    line-height: 20px; /* Выравнивание по вертикали */
    
    /* ОБРЕЗКА ТЕКСТА */
    white-space: nowrap; /* Запрет переноса */
    overflow: hidden; /* Скрытие выходящего за границы */
    text-overflow: ellipsis; /* Многоточие в конце */
    
    /* ДОПОЛНИТЕЛЬНО */
    text-align: center; /* Выравнивание по центру */
}

/* Новые кнопки скачать с детальной информацией */

/*  privacy */
/* Privacy Policy Styles */
.privacy-policy-container {
    margin: 20px 30px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    border: 1px solid #303030;
}

.privacy-content {
    color: #D1D1D1;
    font-family: 'Century Gothic', 'Apple Gothic', 'Lucida Sans', sans-serif;
    line-height: 1.6;
}

.privacy-section {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #303030;
}

.privacy-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.privacy-section-title {
    color: #00b4ff;
    font-family: 'Century Gothic', 'Apple Gothic', 'Lucida Sans', sans-serif;
    font-size: 22px;
    font-weight: lighter;
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #00b4ff;
}

.privacy-subtitle {
    color: #FA8258;
    font-family: 'Century Gothic', 'Apple Gothic', 'Lucida Sans', sans-serif;
    font-size: 18px;
    font-weight: lighter;
    margin-top: 20px;
    margin-bottom: 10px;
}

.privacy-minititle {
    color: #f89393;
    font-family: 'Century Gothic', 'Apple Gothic', 'Lucida Sans', sans-serif;
    font-size: 16px;
    font-weight: lighter;
    margin-top: 15px;
    margin-bottom: 8px;
}

.privacy-text {
    margin-bottom: 15px;
    font-size: 14px;
    color: #CCCCCC;
    text-align: justify;
}

.privacy-list {
    margin: 15px 0 15px 30px;
    padding: 0;
    list-style-type: none;
}

.privacy-list li {
    position: relative;
    padding: 5px 0 5px 25px;
    color: #CCCCCC;
    font-size: 14px;
}

.privacy-list li:before {
    content: "•";
    color: #00b4ff;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 5px;
}

.privacy-update {
    margin-top: 20px;
    padding: 10px;
    background: rgba(0, 180, 255, 0.1);
    border-radius: 3px;
    color: #00b4ff;
    font-size: 14px;
    text-align: center;
    border: 1px solid rgba(0, 180, 255, 0.3);
}

/* Стили для ссылок внутри текста */
.privacy-content a.bluelink {
    color: #00b4ff;
    text-decoration: none;
}

.privacy-content a.bluelink:hover {
    text-decoration: underline;
    color: #00d4ff;
}

/* Адаптивность */
@media (max-width: 768px) {
    .privacy-policy-container {
        margin: 10px;
        padding: 15px;
    }
    
    .privacy-section-title {
        font-size: 20px;
    }
    
    .privacy-subtitle {
        font-size: 16px;
    }
    
    .privacy-minititle {
        font-size: 14px;
    }
    
    .privacy-text,
    .privacy-list li {
        font-size: 13px;
    }
}
/* privacy */
/* Terms of Service Styles */
.tos-container {
    margin: 20px 30px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    border: 1px solid #303030;
}

.tos-content {
    color: #D1D1D1;
    font-family: 'Century Gothic', 'Apple Gothic', 'Lucida Sans', sans-serif;
    line-height: 1.6;
}

.tos-section {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #303030;
}

.tos-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.tos-section-title {
    color: #00b4ff;
    font-family: 'Century Gothic', 'Apple Gothic', 'Lucida Sans', sans-serif;
    font-size: 22px;
    font-weight: lighter;
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #00b4ff;
}

.tos-text {
    margin-bottom: 15px;
    font-size: 14px;
    color: #CCCCCC;
    text-align: justify;
}

.tos-list {
    margin: 15px 0 15px 30px;
    padding: 0;
    list-style-type: none;
}

.tos-list li {
    position: relative;
    padding: 8px 0 8px 25px;
    color: #CCCCCC;
    font-size: 14px;
    margin-bottom: 5px;
}

.tos-list li:before {
    content: "»";
    color: #FA8258;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 8px;
}

.tos-warning {
    margin: 15px 0;
    padding: 12px 15px;
    background: rgba(250, 130, 88, 0.1);
    border-radius: 3px;
    border-left: 4px solid #FA8258;
    color: #FA8258;
    font-size: 14px;
    line-height: 1.5;
}

.tos-update {
    margin-top: 20px;
    padding: 10px;
    background: rgba(0, 180, 255, 0.1);
    border-radius: 3px;
    color: #00b4ff;
    font-size: 14px;
    text-align: center;
    border: 1px solid rgba(0, 180, 255, 0.3);
}

/* Стили для важных элементов */
.tos-important {
    color: #FA8258;
    font-weight: bold;
}

/* Стили для ссылок внутри текста */
.tos-content a.bluelink {
    color: #00b4ff;
    text-decoration: none;
}

.tos-content a.bluelink:hover {
    text-decoration: underline;
    color: #00d4ff;
}

/* Адаптивность */
@media (max-width: 768px) {
    .tos-container {
        margin: 10px;
        padding: 15px;
    }
    
    .tos-section-title {
        font-size: 20px;
    }
    
    .tos-text,
    .tos-list li {
        font-size: 13px;
    }
    
    .tos-warning {
        font-size: 13px;
        padding: 10px;
    }
}

/* Общие стили для обеих страниц (Privacy Policy и TOS) */
.privacy-policy-container,
.tos-container {
    max-height: 600px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #00b4ff #303030;
}

.privacy-policy-container::-webkit-scrollbar,
.tos-container::-webkit-scrollbar {
    width: 8px;
}

.privacy-policy-container::-webkit-scrollbar-track,
.tos-container::-webkit-scrollbar-track {
    background: #303030;
    border-radius: 4px;
}

.privacy-policy-container::-webkit-scrollbar-thumb,
.tos-container::-webkit-scrollbar-thumb {
    background: #00b4ff;
    border-radius: 4px;
}

.privacy-policy-container::-webkit-scrollbar-thumb:hover,
.tos-container::-webkit-scrollbar-thumb:hover {
    background: #00d4ff;
}
/* Terms of Service Styles */

/* Rules Styles */
.rules-container {
    margin: 20px 30px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    border: 1px solid #303030;
    max-height: 600px;
    overflow-y: auto;
    
    /* Стили прокрутки */
    scrollbar-width: thin;
    scrollbar-color: #00b4ff #303030;
}

.rules-container::-webkit-scrollbar {
    width: 8px;
}

.rules-container::-webkit-scrollbar-track {
    background: #303030;
    border-radius: 4px;
}

.rules-container::-webkit-scrollbar-thumb {
    background: #00b4ff;
    border-radius: 4px;
}

.rules-container::-webkit-scrollbar-thumb:hover {
    background: #00d4ff;
}

.rules-content {
    color: #D1D1D1;
    font-family: 'Century Gothic', 'Apple Gothic', 'Lucida Sans', sans-serif;
    line-height: 1.6;
}

.rules-header {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #FA8258;
}

.rules-main-title {
    color: #FA8258;
    font-family: 'Century Gothic', 'Apple Gothic', 'Lucida Sans', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.rules-intro {
    font-size: 14px;
    color: #CCCCCC;
    text-align: justify;
    max-width: 800px;
    margin: 0 auto;
}

.rules-section {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #303030;
}

.rules-section:last-of-type {
    border-bottom: none;
}

.rules-section-title {
    color: #00b4ff;
    font-family: 'Century Gothic', 'Apple Gothic', 'Lucida Sans', sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;
    padding-left: 25px;
    border-left: 4px solid #00b4ff;
}

.rules-subtitle {
    color: #f89393;
    font-family: 'Century Gothic', 'Apple Gothic', 'Lucida Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 5px;
}

.rules-text {
    margin-bottom: 12px;
    font-size: 14px;
    color: #CCCCCC;
    text-align: justify;
    line-height: 1.5;
}

/* Стили для списков правил */
.rules-rules-list {
    margin: 10px 0;
}

.rules-rule-item {
    margin-bottom: 15px;
    padding: 10px 15px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 3px;
    border-left: 3px solid #00b4ff;
    display: flex;
    align-items: flex-start;
}

.rules-rule-number {
    color: #00b4ff;
    font-weight: bold;
    min-width: 40px;
    flex-shrink: 0;
}

.rules-rule-text {
    color: #CCCCCC;
    font-size: 14px;
    line-height: 1.5;
}

.rules-sublist {
    margin: 8px 0 8px 20px;
    padding: 0;
    list-style-type: none;
}

.rules-sublist li {
    position: relative;
    padding: 3px 0 3px 15px;
    color: #AAAAAA;
    font-size: 13px;
}

.rules-sublist li:before {
    content: "▪";
    color: #FA8258;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 3px;
}

/* Стили для обязанностей */
.rules-obligations-list {
    margin: 10px 0 20px 0;
}

.rules-obligation-item {
    margin-bottom: 10px;
    padding: 8px 15px;
    background: rgba(0, 180, 255, 0.05);
    border-radius: 3px;
    display: flex;
    align-items: flex-start;
}

.rules-obligation-number {
    color: #00b4ff;
    font-weight: bold;
    min-width: 40px;
    flex-shrink: 0;
}

.rules-obligation-text {
    color: #CCCCCC;
    font-size: 14px;
    line-height: 1.5;
}

/* Стили для запретов */
.rules-prohibitions-list {
    margin: 10px 0 20px 0;
}

.rules-prohibition-item {
    margin-bottom: 15px;
    padding: 12px 15px;
    background: rgba(250, 130, 88, 0.05);
    border-radius: 3px;
    border-left: 3px solid #FA8258;
    display: flex;
    align-items: flex-start;
}

.rules-prohibition-number {
    color: #FA8258;
    font-weight: bold;
    min-width: 40px;
    flex-shrink: 0;
}

.rules-prohibition-text {
    color: #CCCCCC;
    font-size: 14px;
    line-height: 1.5;
}

.rules-prohibition-text strong {
    color: #FA8258;
}

/* Важные элементы */
.rules-important {
    color: #FA8258;
    font-weight: bold;
}

.rules-warning {
    background: rgba(250, 130, 88, 0.1);
    border: 1px solid #FA8258;
    border-radius: 3px;
    padding: 10px 15px;
    margin: 15px 0;
    color: #FA8258;
    font-size: 14px;
}

.rules-update {
    margin-top: 30px;
    padding: 15px;
    background: rgba(0, 180, 255, 0.1);
    border-radius: 3px;
    color: #00b4ff;
    font-size: 14px;
    text-align: center;
    border: 1px solid rgba(0, 180, 255, 0.3);
}

/* Адаптивность */
@media (max-width: 768px) {
    .rules-container {
        margin: 10px;
        padding: 15px;
    }
    
    .rules-main-title {
        font-size: 20px;
    }
    
    .rules-section-title {
        font-size: 18px;
    }
    
    .rules-subtitle {
        font-size: 14px;
    }
    
    .rules-text,
    .rules-rule-text,
    .rules-obligation-text,
    .rules-prohibition-text {
        font-size: 13px;
    }
    
    .rules-rule-item,
    .rules-obligation-item,
    .rules-prohibition-item {
        padding: 8px 10px;
    }
    
    .rules-rule-number,
    .rules-obligation-number,
    .rules-prohibition-number {
        min-width: 35px;
    }
}
/* Rules Styles */

/* --- Стили для страницы рейтинга (World Of Ranking) --- */

/* Контейнер для основного контента таблицы рейтинга, чтобы отделить его от заголовка */
.ranking-container {
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.2); /* Немного темный фон для контраста */
    border-radius: 0 0 5px 5px;
    border-top: none;
    line-height: 1.5;
    font-family: 'Century Gothic', 'Apple Gothic', 'Lucida Sans', sans-serif;
}

/* Стили для таблицы рейтинга */
.ranking-table {
    border-collapse: collapse; /* Убрать двойные границы */
    margin: 10px 0 20px 0;
    font-size: 13px;
    color: #CCCCCC; /* Общий цвет текста */
}

/* Заголовок таблицы */
.ranking-table thead tr {
    background-color: rgba(0, 0, 0, 0.4); /* Темный фон для заголовка */
    border-bottom: 2px solid #00b4ff; /* Синяя линия под заголовком */
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    
}

.ranking-table thead em.box {
    font-style: normal; /* Убираем курсив, так как в вашем HTML используется <em> */
}

/* Ячейки заголовка */
.ranking-table thead td {
    padding: 10px 8px;
    text-align: center;
}

/* Ссылки в заголовке (Level, Fame, Win) */
.ranking-table thead a {
    color: #00b4ff; /* Синий цвет для ссылок, как навигация */
    text-decoration: none;
    transition: color 0.2s;
}

.ranking-table thead a:hover {
    color: #00d4ff;
    text-decoration: underline;
}

/* Строки таблицы (эффект "зебры") */
.ranking-table tbody tr {
    /* Фоновый цвет для четных строк - немного светлее/контрастнее */
    background-color: rgba(0, 0, 0, 0.1); 
    border-bottom: 1px dashed #303030; /* Пунктирная разделительная линия */
}

.ranking-table tbody tr:nth-child(even) {
    /* Фоновый цвет для нечетных строк */
    background-color: rgba(0, 0, 0, 0.2);
}

.ranking-table tbody tr:hover {
    background-color: rgba(0, 180, 255, 0.1); /* Подсветка при наведении */
    color: white;
}

/* Ячейки тела таблицы */
.ranking-table tbody td {
    padding: 8px 8px;
    text-align: center;
    vertical-align: middle;
}

/* Стиль для имени персонажа, чтобы соответствовать золотым/синим именам в сайдбаре */
.rank-name-ani {
    color: #00D8D8;
    font-weight: bold;
}
.rank-name-bcu {
    color: #DB7400;
    font-weight: bold;
}

/* Информационный текст под таблицей */
.ranking-info {
    font-size: 13px;
    color: #f89393; /* Розоватый/красный цвет для информации */
    margin-bottom: 5px;
    text-align: center;
}

/* Стиль для времени обновления */
.rankings-update-time {
    font-size: 12px;
    color: #00b4ff; /* Синий цвет для технической информации */
    text-align: center;
    padding-top: 5px;
    border-top: 1px solid #303030;
}
/* --- Стили для страницы рейтинга (World Of Ranking) --- */

/* Registration */
/* --- Стили для формы регистрации --- */

.registration-form-container {
    padding: 20px 30px;
    background: rgba(0, 0, 0, 0.3); /* Темный полупрозрачный фон */
    border-radius: 5px;
    border: 1px solid #303030;
    line-height: 1.6;
    font-family: 'Century Gothic', 'Apple Gothic', 'Lucida Sans', sans-serif;
    color: #CCCCCC; /* Основной цвет текста */
}

.registration-form .form-group {
    margin-bottom: 20px;
}

/* Стили для меток (Username, Email и т.д.) */
.registration-form label {
    display: block; /* Каждая метка на новой строке */
    margin-bottom: 5px;
    font-size: 14px;
    color: #00b4ff; /* Светло-синий цвет для выделения метки */
    font-weight: bold;
}

/* Стили для полей ввода (input) */
.registration-form input[type="text"],
.registration-form input[type="password"],
.registration-form input[type="email"] {
    width: 100%; /* Занимает всю доступную ширину */
    max-width: 350px; /* Ограничиваем ширину, чтобы форма не была слишком растянута */
    padding: 10px;
    border: 1px solid #00b4ff; /* Синяя рамка */
    background-color: rgba(0, 0, 0, 0.5); /* Темный, полупрозрачный фон */
    color: #CCCCCC; /* Цвет вводимого текста */
    font-size: 14px;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 180, 255, 0.2);
    transition: border-color 0.3s, box-shadow 0.3s;
    box-sizing: border-box; /* Важно, чтобы padding не увеличивал общую ширину */
}

/* Эффект при фокусировке на поле ввода */
.registration-form input[type="text"]:focus,
.registration-form input[type="password"]:focus,
.registration-form input[type="email"]:focus {
    border-color: #FA8258; /* Оранжевая рамка при фокусе */
    box-shadow: 0 0 8px rgba(250, 130, 88, 0.5);
    outline: none; /* Убираем стандартный синий контур браузера */
}

/* Стили для текста соглашения (Terms of Service / Game Rules) */
.registration-form .form-agreement {
    margin-top: 10px;
    margin-bottom: 25px;
    font-size: 13px;
    color: #f89393; /* Розоватый цвет, как у minititle */
}

/* Стили для кнопки отправки */
.registration-form .form-submit {
    text-align: left;
    margin-top: 15px; /* Добавим небольшой отступ сверху */
}

.registration-form .form-button-submit {
    padding: 8px 25px; /* Меньшие отступы, как у кнопки входа */
    font-size: 14px; /* Меньший размер шрифта */
    font-weight: bold;
    color: #00b4ff; /* Синий цвет текста */
    background: #303030; /* Темный, почти черный фон */
    border: 1px solid #00b4ff; /* Синяя рамка */
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    text-transform: uppercase;
    
    /* Убираем Box Shadow, чтобы сделать ее более плоской, как кнопка входа */
    box-shadow: none; 
}

.registration-form .form-button-submit:hover {
    background-color: #00b4ff; /* Синий фон при наведении */
    border-color: #00d4ff;
    color: white; /* Белый текст при наведении */
}

/* Registration */

/* --- Стили для уведомлений/алертов (Alert Boxes) --- */

.alert-box {
    margin: 20px 0;
    padding: 15px;
    border-radius: 3px;
    font-size: 14px;
    font-family: 'Century Gothic', 'Apple Gothic', 'Lucida Sans', sans-serif;
    line-height: 1.5;
    text-align: left;
    /* Общие тени, чтобы выделяться на фоне */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

/* 1. Alert Info (Информационное сообщение) - Используем основной СИНИЙ цвет */
.alert-info {
    background: rgba(0, 180, 255, 0.15); /* Светлый полупрозрачный синий фон */
    border: 1px solid #00b4ff;           /* Синяя рамка */
    color: #00b4ff;                      /* Синий текст */
    border-left: 5px solid #00b4ff;      /* Жирная синяя полоса слева */
}

/* 2. Alert Success (Успешное выполнение) - Используем ЗЕЛЕНЫЙ (стандартный цвет успеха, но в нашем стиле) */
.alert-success {
    background: rgba(80, 200, 80, 0.15); /* Светлый полупрозрачный зеленый фон */
    border: 1px solid #50c878;           /* Изумрудная рамка */
    color: #50c878;                      /* Изумрудный текст */
    border-left: 5px solid #50c878;      /* Жирная зеленая полоса слева */
}

/* 3. Alert Error (Ошибка/Предупреждение) - Используем ОРАНЖЕВЫЙ/КРАСНЫЙ цвет (как warning) */
.alert-error {
    background: rgba(250, 130, 88, 0.15); /* Светлый полупрозрачный оранжевый фон */
    border: 1px solid #FA8258;           /* Оранжевая рамка */
    color: #FA8258;                      /* Оранжевый текст */
    border-left: 5px solid #FA8258;      /* Жирная оранжевая полоса слева */
    font-weight: bold;
}

/* --- Стили для уведомлений/алертов (Alert Boxes) --- */

/* --- Стили для Модального окна (Капча) --- */

/* Фон модального окна */
.modal {
    display: none; /* Скрыто по умолчанию */
    position: fixed; /* Оставаться на месте */
    z-index: 1000; /* Поверх всего */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* Включить прокрутку, если нужно */
    background-color: rgba(0, 0, 0, 0.7); /* Темный полупрозрачный фон */
}

/* Содержимое модального окна */
.modal-content {
    background: rgba(0, 0, 0, 0.9); /* Очень темный фон */
    margin: 10% auto; /* 10% сверху и по центру */
    padding: 20px;
    border: 1px solid #00b4ff; /* Синяя рамка */
    width: 80%;
    max-width: 450px; /* Ограничиваем ширину */
    border-radius: 5px;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 180, 255, 0.5); /* Синее свечение */
    font-family: 'Century Gothic', 'Apple Gothic', 'Lucida Sans', sans-serif;
    color: #CCCCCC;
    text-align: center;
}

/* Заголовок модального окна */
.modal-title {
    color: #FA8258; /* Оранжевый заголовок */
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: bold;
}

/* Кнопка закрытия */
.modal-close-btn {
    color: #00b4ff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    transition: color 0.3s;
    position: absolute;
    top: 5px;
    right: 15px;
    cursor: pointer;
}

.modal-close-btn:hover,
.modal-close-btn:focus {
    color: #FA8258; /* Оранжевый при наведении */
    text-decoration: none;
}

/* Стили для текста в модальном окне */
#captcha-form p {
    font-size: 13px;
    margin-bottom: 20px;
}

/* --- Стили для кнопки "Verify and Log in" в модальном окне --- */

/* Используем ID модального окна и класс содержимого, чтобы повысить приоритет */
#captcha-modal .modal-content .form-button-submit {
    /* Основные стили кнопки - как входа/регистрации */
    padding: 8px 25px; 
    font-size: 14px; 
    font-weight: bold;
    color: #00b4ff;              /* Синий текст */
    background: #303030;         /* Темный фон */
    border: 1px solid #00b4ff;   /* Синяя рамка */
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    text-transform: uppercase;
    box-shadow: none; 
    /* Дополнительно: чтобы кнопка не растягивалась на всю ширину модального окна */
    display: inline-block; 
}

/* Эффект при наведении */
#captcha-modal .modal-content .form-button-submit:hover {
    background-color: #00b4ff; 
    border-color: #00d4ff;
    color: white; 
}

/* --- Стили для Модального окна (Капча) --- */

/* --- 1. Базовые стили для блока профиля (копируем внешний вид кнопок) --- */

.profile-display {
	text-align: center;
    position: absolute;
    left: 15px; /* От левого края top_panel_right */
    top: 0px;
    /* остальные стили */
    display: inline-block;
    width: 100px;
    height: 38px;
    line-height: 38px;
    background: transparent;
    text-indent: 0;
    color: #f7f7f7; /* Яркий серебряный */
    text-decoration: none;
    padding: 0 10px;
    font-family: 'Arial Black', Impact, sans-serif;
    font-weight: bold;
    
    /* ТЕНИ КАК В MENU-BUTTON-1 */
    text-shadow:
        -1px -1px 0 #000, 
        1px  1px 0 #000,
        2px 2px 0 #333,
        0 0 5px rgba(255, 255, 255, 0.5);
    
    vertical-align: top;
    margin-top: -5px;
    
    /* Плавный переход для hover */
    transition: all 0.3s ease;
	
	  /* ДОБАВЬТЕ ЭТИ СВОЙСТВА ДЛЯ ОБРЕЗКИ ТЕКСТА */
    white-space: nowrap; /* Запрет переноса строк */
    overflow: hidden; /* Скрытие выходящего за границы */
    text-overflow: ellipsis; /* Многоточие в конце */
}

/* 2. Стиль для имени игрока (можно выделить цветом, если нужно) */
.profile-name {
	position: absolute;
    left: 120px; /* От левого края top_panel_right */
    top: 0px;
    /* остальные стили */
    display: inline-block;  
    width: 100px;
    height: 38px;
    line-height: 38px;
    background: transparent;
    text-indent: 0;
    color: #f7f7f7; /* Яркий серебряный как в menu-button-1 */
    text-decoration: none;
    padding: 0 10px;
    font-family: 'Arial Black', Impact, sans-serif; /* Шрифт как в menu-button-1 */
    font-weight: bold; /* Жирный шрифт */
    
    /* ТЕНИ КАК В MENU-BUTTON-1 */
    text-shadow:
        -1px -1px 0 #000, 
        1px  1px 0 #000,
        2px 2px 0 #333,
        0 0 5px rgba(255, 255, 255, 0.5);
    
    vertical-align: top;
    margin-top: -5px;
    
    /* Плавный переход для hover */
    transition: all 0.3s ease;
	
	  /* ДОБАВЬТЕ ЭТИ СВОЙСТВА ДЛЯ ОБРЕЗКИ ТЕКСТА */
    white-space: nowrap; /* Запрет переноса строк */
    overflow: hidden; /* Скрытие выходящего за границы */
    text-overflow: ellipsis; /* Многоточие в конце */
}

/* 3. Убедитесь, что нет эффекта при наведении (hover) */
.profile-display:hover {
	background: transparent;
    text-decoration: none; /* Убираем стандартное подчеркивание */
    color: #fff; /* Белый цвет при наведении */
    
    /* ТЕНИ ПРИ НАВЕДЕНИИ КАК В MENU-BUTTON-1 */
    text-shadow: 
        -1px -1px 0 #000, 
        1px  1px 0 #000,
        2px  2px 0 #555,
        0 0 15px #ffffff,
        0 0 20px #ffffff;
}

/* --- 1. Базовые стили для блока профиля (копируем внешний вид кнопок) --- */

/* Dashboard */
/* Сетка для параметров аккаунта */
.account-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Две колонки */
    gap: 15px;
    padding: 10px 0;
}

.info-item {
    font-size: 14px;
    color: #ccc;
    border-bottom: 1px dashed #333;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
}

.info-item strong {
    color: #00b4ff; /* Синий для подписей */
}

/* Статусы (Activated, Banned) */
.status-badge {
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.status-active {
    background: rgba(80, 200, 120, 0.2);
    color: #50c878;
    border: 1px solid #50c878;
}

.status-inactive {
    background: rgba(255, 193, 7, 0.15);
    color: #ffc107;
    border: 1px solid #ffc107;
}

.status-banned {
    background: rgba(231, 76, 60, 0.2);
    color: #e74c3c;
    border: 1px solid #e74c3c;
}

/* Стилизация скроллбара для таблицы истории */
.ranking-container::-webkit-scrollbar {
    width: 6px;
}
.ranking-container::-webkit-scrollbar-track {
    background: #111;
}
.ranking-container::-webkit-scrollbar-thumb {
    background: #00b4ff;
    border-radius: 3px;
}

/* Адаптивность для мобилок */
@media (max-width: 600px) {
    .account-info-grid {
        grid-template-columns: 1fr;
    }
}

/* Resend email button */
#btn-resend {
    /* Мы используем стиль form-button-submit, но можем перекрасить в синий, как ты хотел */
    background: #303030;
    border: 1px solid #00b4ff;
    color: #00b4ff;
    padding: 5px 20px;
    font-size: 12px;
}

#btn-resend:hover {
    background: #00b4ff;
    color: #fff;
}
/* Resend email button */
/* Dashboard */

/* Donation */
/* Список правил доната */
.donation-terms {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

.donation-terms li {
    color: #ccc;
    font-size: 13px;
    margin-bottom: 8px;
    padding-left: 20px;
    position: relative;
}

.donation-terms li::before {
    content: "•";
    color: #FA8258; /* Оранжевый маркер */
    position: absolute;
    left: 0;
    font-weight: bold;
}

/* Курс валют */
.donation-rate {
    text-align: center;
    border-top: 1px solid #333;
    padding-top: 15px;
    margin-top: 15px;
}

.rate-badge {
    display: inline-block;
    background: rgba(0, 180, 255, 0.1);
    color: #00b4ff;
    border: 1px solid #00b4ff;
    padding: 5px 15px;
    border-radius: 3px;
    font-weight: bold;
    margin-top: 10px;
}

/* Сетка карточек */
/* Общие стили списка и курса (оставляем как было) */
.donation-terms { list-style: none; padding: 0; margin: 15px 0; }
.donation-terms li { color: #ccc; font-size: 13px; margin-bottom: 8px; padding-left: 20px; position: relative; }
.donation-terms li::before { content: "•"; color: #FA8258; position: absolute; left: 0; font-weight: bold; }
.donation-rate { text-align: center; border-top: 1px solid #333; padding-top: 15px; margin-top: 15px; }
.rate-badge { display: inline-block; background: rgba(0, 180, 255, 0.1); color: #00b4ff; border: 1px solid #00b4ff; padding: 5px 15px; border-radius: 3px; font-weight: bold; margin-top: 10px; }

/* Сетка карточек */
.donation-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 25px;
    margin-top: 20px;
}

/* Кликабельная карточка */
.donation-card {
    display: block; /* Делаем ссылку блоком */
    text-decoration: none !important; /* Убираем подчеркивание текста */
    background: rgba(10, 10, 10, 0.8);
    border: 1px solid #333;
    border-radius: 8px;
    padding: 25px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
}

.donation-card:hover {
    border-color: #00b4ff;
    background: rgba(20, 20, 20, 0.9);
    transform: translateY(-8px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5), 0 0 15px rgba(0, 180, 255, 0.2);
}

.donation-card h3 {
    color: #FA8258;
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.payment-logo {
    padding: 10px;
    border-radius: 6px;
    width: 100px;
    height: 100px;
    margin: 0 auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
}

/* Красивая стилизованная кнопка "Donate Now" */
.donate-btn-styled {
    background: linear-gradient(135deg, #00b4ff 0%, #0078ff 100%);
    color: #fff !important;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    border: none;
    box-shadow: 0 4px 15px rgba(0, 180, 255, 0.3);
    transition: all 0.3s ease;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.donation-card:hover .donate-btn-styled {
    background: linear-gradient(135deg, #00d2ff 0%, #00b4ff 100%);
    box-shadow: 0 6px 20px rgba(0, 180, 255, 0.5);
    transform: scale(1.02);
}

/* Адаптивность */
@media (max-width: 480px) {
    .donation-grid {
        grid-template-columns: 1fr;
    }
}

/* Visa/MasterCard */
/* Специальный стиль для шагов на этой странице */
.donation-steps > li {
    background: rgba(255, 255, 255, 0.02);
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 4px;
    border-left: 3px solid #00b4ff;
    list-style-position: inside;
}

.donation-steps li strong {
    color: #00b4ff;
    font-size: 15px;
}

.highlight-text {
    color: #FA8258;
    font-weight: bold;
}

/* Код-блок для Account ID */
.account-highlight {
    color: #fff;
    background: #333;
    padding: 2px 8px;
    border-radius: 3px;
    font-family: 'Courier New', Courier, monospace;
}
/* Visa/MasterCard */

/* Heleket */
.input-main {
    width: 100%;
    padding: 10px;
    background: #111;
    border: 1px solid #333;
    color: #ccc;
    border-radius: 4px;
    box-sizing: border-box; /* Чтобы padding не раздувал ширину */
    outline: none;
    transition: border-color 0.3s;
}

.input-main:focus {
    border-color: #00b4ff; /* Подсветка синим при клике */
}

/* Убираем стрелочки для Chrome, Safari, Edge и Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Убираем стрелочки для Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* Heleket */

/* Donation */