/* intro css */

/* BUTTONS */
.box_intro a { /*height: 14px;*/ padding: 15px 0 15px 0; }
.box_intro .button-normal, .box_intro .button-important { text-transform: uppercase; }
.box_intro .button-normal .button-left { width: 19px !important; height: 38px; background-image: url(img/button_intro_normal_left.png); }
.box_intro .button-normal .button-center { background-image: url(img/button_intro_normal_center.png); }
.box_intro .button-normal .button-right { width: 19px !important; background-image: url(img/button_intro_normal_right.png); }

.box_intro .button-important .button-left { width: 19px !important; height: 38px; background-image: url(img/button_intro_important_left.png); }
.box_intro .button-important .button-center { background-image: url(img/button_intro_important_center.png); }

.box_intro .button .button-left a, .box_intro .button .button-right a { padding: 15px 0; }
.box_intro .button .button-center a { color: #FFF; padding: 15px 10px; }
    .box_intro .button:hover  { text-shadow: 2px 2px 8px #5c8dd1, -2px -2px 8px #5c8dd1; }
    .box_intro .button-important .button-center a { text-shadow: 2px 2px 8px #FDC877, -2px -2px 8px #FDC877; }
        .box_intro .button-important:hover .button-center a { text-shadow: 2px 2px 8px #FFF, -2px -2px 8px #FFF; }

.box_intro .button-normal { text-transform: none; }
	
.box_intro .button-important .button-right { width: 19px !important; background-image: url(img/button_intro_important_right.png); }

.box_intro .button-normal-over .button-left, .box_intro .button-normal-over .button-center, .box_intro .button-normal-over .button-right,
.box_intro .button-important-over .button-left, .box_intro .button-important-over .button-center, .box_intro .button-important-over .button-right { background-position: 0 -50px; }

#home_tour-button DIV, #button_start-playing DIV, #button_members-login DIV { background: none; }
#home_tour-button, #button_members-login {  width: 231px; height: 47px; background: url(img/btn_home-normal.png) no-repeat; }
/*#home_tour-button {  width: 231px; height: 47px; background: url(img/btn_home-normal.png) no-repeat; font-size: 14px; font-weight: bold; }*/
    #home_tour-button .btn_ctr DIV, #button_members-login .btn_ctr DIV { padding: 0 0 7px 15px; font-size: 13px; font-weight: bold; color: #FFF; text-shadow: 0 0 12px #FFF; }
#button_start-playing {  width: 231px; height: 47px; background: url(img/btn_home-important.png) no-repeat; }
    #button_start-playing .btn_ctr DIV {  padding: 0 0 7px 15px; font-size: 14px; font-weight: bold; color: #FFF; text-shadow: 1px 1px 12px #FFF, -1px -1px 12px #FFF; text-transform:uppercase; }
#home_tour-button:hover, #button_members-login:hover, #button_start-playing:hover { background-position: bottom; text-shadow: 1px 1px 12px #FFF, -1px -1px 12px #FFF; }



/* TAB MENUS */
#box_intro_tab { /*width: 100%; height: 33px;*/ width: 782px; height: 58px; }
	.box_intro_tab-tab1 { background: url(img/box-intro_tab.png) no-repeat; }
	.box_intro_tab-tab2 { background: url(img/box-intro_tab.png) no-repeat 0 -80px; }
	.box_intro_tab-tab3 { background: url(img/box-intro_tab.png) no-repeat 0 -160px; }

	UL.box_intro_tab-menu { /*width: 645px;*/ width: 100%; height: 25px; float: left; margin: 11px 0 0 0; padding: 0; list-style-type: none;}
		UL.box_intro_tab-menu LI A { /*width: 166px;*/ height: 20px; float: left; margin: 0; padding: 10px 0 0 0; color: #C8EAEE; font-weight: bold; text-shadow: 0px 0px 4px #000; text-align: center; }
		        #tab1_btn A { width: 175px; }
		        #tab2_btn A { width: 165px; }
		        #tab3_btn A { width: 165px; }
			UL.box_intro_tab-menu LI.active A { color: #FFF;text-shadow: 0px 0px 9px #FFF; }
			UL.box_intro_tab-menu LI A:hover { color: #FFF; text-shadow: 0px 0px 9px #FFF; cursor: pointer; text-decoration: none; }

.box_intro_tab-content { width: 742px; height: 244px; float: left; padding: 0 20px; background: url(img/box-intro_content.png) no-repeat; }
.box_intro_tab-footer { width: 782px; height: 60px; float: left; background: url(img/box-intro_footer.png) no-repeat; }


/* TABLES */
/*
#table-description .box-header,
#table-description .box1_box-header { height: 5px; margin: 0; }
#table-description .box-header-left { width: 15px; background-image: url(img/box-intro_header_left.png); }
#table-description .box-header-center { background-image: url(img/box-intro_header_center.png); }
#table-description .box-header-right { width: 15px; background-image: url(img/box-intro_header_right.png); }

#table-description .box-content-left { width: 15px; background-image: url(img/box-intro_content_left.png); }
#table-description .box-content-center { background-image: url(img/box-intro_content_center.png); }
#table-description .box-content-right { width: 15px; background-image: url(img/box-intro_content_right.png); }

#table-description .box1_box-footer { height: 15px; }
#table-description .box-footer-left { width: 15px; background-image: url(img/box-intro_footer_left.png); }
#table-description .box-footer-center { background-image: url(img/box-intro_footer_center.png); }
#table-description .box-footer-right { width: 15px; background-image: url(img/box-intro_footer_right.png); }
*/
#table-description { /*position: static;*/ width: 744px; text-align: center; }
#tab1,#tab2,#tab3 { float: left; width: 100%; }
    #tab2 TABLE { width: 90%; }
    #tab3 .listing-header th { background: none; }
        #tab3 .listing td, .listing th { border: none; }
#table-description P, #table-description .box_intro-inner_left UL { }
/*#table-description LI { margin: 5px 0; padding: 0; list-style-type:square; }*/
#table-description P {font-size: 12px;  color: #dae6ef; margin: 5px 20px; padding: 0; line-height: 12px;}
#table-description H2 { font-size: 12px; font-weight: normal; line-height: 18px; color: #d3f5fe; text-shadow: 3px 3px 12px #4795ff, -3px -3px 12px #4795ff; }

#table-description .box_intro-inner_center { width: 332px; height: 139px; padding-top: 18px; float: left; background: url(img/intro_features_bg.png) no-repeat center; }

#table-description .box_intro-inner_right { float: right; margin-right: 5px; }

#table-description .box_intro-inner_top, #table-description .box_intro-inner_bottom { width: 100%; float: left; }

#table-description .screenshot_bg0 {
    width: 198px; height: 149px; float: left; /*margin: 5px 10px; */padding: 17px 0 0 3px;
    background: url(img/intro_pic_bg.png) -5px 0;
}
    #table-description A .screenshot_bg0:hover {  background-position: bottom; }
	#table-description .screenshot_bg0 IMG { width: 182px; height: 132px; }
		#table-description a:hover .screenshot_bg1 { background-position: bottom; }
		

#table-description .screenshot_bg1 {
    width: 185px; height: 182px; float: left; margin: 5px 10px; padding: 10px 10px 0 10px;
    background: url(img/intro_ss_mask2.png); color: #FFF; font-size:11px;
}
	#table-description .screenshot_bg1 IMG { width: 185px; height: 147px; margin-bottom: 5px; }
		#table-description a:hover .screenshot_bg1 { background-position: bottom; }


#table-description .listing { background: none; }
    #table-description .comment { font-size: 100%; }
	#table-description .listing .listing-header th, #table-description .listing .listing-header td { padding: 0 10px 2px 40px; }
	#table-description .listing td, .listing th { border-color: #2b363d; }
	#table-description .listing tr.listing-row1 { background-color: #101518; text-align: right; }
	#table-description .listing tr.listing-row2 { background-color: #192126; text-align: right; }
	#table-description .listing tr.comment { background-color: #2b363d; }

	#table-description .listing-header { background-color: transparent !important; }
	#table-description .listing .listing-subtitle { padding-left: 10px; background: url(img/table_listing_subtitle.png) no-repeat; }
    #table-description .listing tr.listing-header { height: 10px; }


/* TOUR */
.tour_content { position: relative; width: 900px; height: 1400px; float: left; background: #030f1d  url(img/tour_bg.jpg) no-repeat top; }
    .tour_steps {
        position: absolute; width: 430px; /*height: 200px; background: red;*/
        font-size: 14px; color: #98cefe; text-align: left; line-height: 22px;
        text-shadow: 3px 3px 12px #4795ff, -3px -3px 12px #4795ff;
    }
        .tour_steps-1  { top: 60px; left: 370px; }
        .tour_steps-2  { top: 250px; left: 90px; }
        .tour_steps-3  { top: 460px; left: 370px; }
        .tour_steps-4  { top: 650px; left: 90px; }
        .tour_steps-5  { top: 850px; left: 370px; }
        .tour_steps-6  { top: 1065px; left: 90px; }
        .tour_steps-7  { top: 1290px; left: 235px; text-align: center; }
        
/* SERVERS STATS */
.intro_table1 {
    float: left; margin: 5px 0 0 30px;  width: 680px; height: 240px; overflow: auto; /*background: -webkit-radial-gradient(circle, #08141f, rgba(8, 20, 31, 0));*/
    background-image: -webkit-radial-gradient(#08141f, rgba(8, 20, 31, 0)); background-image: -moz-radial-gradient(#08141f, rgba(8, 20, 31, 0)); background-image: radial-gradient(#08141f, rgba(8, 20, 31, 0));
}
    .intro_table1-grp { float: left; width: 655px; margin: 0 0 10px 0; }
        .intro_table1-hdr { width: 655px; height: 34px; float: left; margin-bottom: 2px;  border: 1px solid #105183; background: url(img/table_hdr1.png) no-repeat; }
            .intro_table1-grp2 .intro_table1-hdr { background-position: bottom left; }
        .intro_table1-ln { width: 655px; height: 22px; float: left; margin-bottom: 2px; }
                .intro_table1-ln1 {
                    border: 1px solid #284862; /*background: -webkit-radial-gradient(circle, #1f3a50, #182d3e);*/ background-color: #1f3a50;
                    background-image: -webkit-radial-gradient( #1f3a50, #182d3e); background-image: -moz-radial-gradient( #1f3a50, #182d3e); background-image: radial-gradient( #1f3a50, #182d3e);
                    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3a50', endColorstr='#182d3e',GradientType=1 );*/
                }
                .intro_table1-ln2 {
                    border: 1px solid #284862; /*background: -webkit-radial-gradient(circle, #182b3c, #142533);*/ background-color: #182b3c;
                    background-image: -webkit-radial-gradient(#182b3c, #142533); background-image: -moz-radial-gradient(#182b3c, #142533); background-image: radial-gradient(#182b3c, #142533);
                    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182b3c', endColorstr='#142533',GradientType=1 );*/
                }
                    A.intro_table1-ln:hover {
                        background-color: #1d3446;
                        background-image: -webkit-radial-gradient( #294154, #1d3446); background-image: -moz-radial-gradient(#294154, #1d3446); background-image: radial-gradient(#294154, #1d3446);
                        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#294154', endColorstr='#1d3446',GradientType=1 );*/
                    }
                    .intro_table1-ln1, .intro_table1-ln2 { color: #FFF; }
                    .intro_table1-hdr { color: #CADDEC; /*color: #e9d99d;*/ }
                    .intro_table1-new { color: #EAC767 ; }
                    .intro_table1-special { font-weight: bold; }
            .intro_table1 SPAN { float: left; width: 91px; }
                .intro_table1 .intro_table1-hdr SPAN { padding: 10px 0 0; /*color: #e9d99d;*/ }
                .intro_table1 .intro_table1-ln SPAN { padding: 4px 0 0; }
                .intro_table1 SPAN.intro_table1-cl1 { width: 140px; margin-left: 60px; text-align: left; }
                    .intro_table1-ln  SPAN.intro_table1-cl1 { font-weight: bold; }
                    

SPAN.small-contrast {
    text-shadow: 1px 1px 1px #000;
}

/* SCROLL BARS */
::-webkit-scrollbar {
    width: 12px;
    /*-webkit-box-shadow: 0px 0px 1px 0 #3c698c; box-shadow: 0px 0px 1px 0 #3c698c;*/
} /* this targets the default scrollbar (compulsory) */
::-webkit-scrollbar-track {
    background-color: #12212d;
    /*-webkit-border-radius: 10px; border-radius: 10px;*/
} /* the new scrollbar will have a flat appearance with the set background color */
 
::-webkit-scrollbar-thumb {
    background: #3c698c;
    /*-webkit-border-radius: 10px; border-radius: 10px;*/ /*background: rgba(255,0,0,0.8);*/  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
} /* this will style the thumb, ignoring the track */
/*::-webkit-scrollbar-button {
      background-color: #3c698c;
}  optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
 
::-webkit-scrollbar-corner {
      background-color: #3c698c;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */
::-webkit-scrollbar-thumb:hover { background: #5580a1; }
/*::-webkit-scrollbar-button:hover { background: #5580a1; }*/

body 
{
    
    scrollbar-face-color: #3c698c;
    scrollbar-track-color: #192b3a;
    scrollbar-base-color: #3c698c;
    scrollbar-arrow-color: #3c698c;
}