/* Базовые стили демо-страницы */
        
        *,
        *:before,
        *:after {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        .tabs {
            min-width: 320px;
            max-width: 360px;
            padding: 0px;
        }
        /* Стили секций с содержанием */
        
        .tabs > section {
            display: none;
            padding: 10px;
        }
        
        .tabs > section > p {
            line-height: 1.5;
            color: #ffffff;
            /* прикрутим анимацию */
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
        }
        /* Описываем анимацию свойства opacity */
        
        @-webkit-keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        
        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        
        /* Прячем чекбоксы */
        
        .tabs > input {
            display: none;
            position: absolute;
        }
        /* Стили переключателей вкладок (табов) */
        
        .tabs > label {
            display: inline-block;
            margin: 0 0 -1px;
            padding: 8px 8px;
            font-weight: 600;
			Float:center;
            text-align: center;
            color: #000000;
            border: 0px solid #ddd;
            border-width: 1px 1px 1px 1px;
            background: #62a5bf;
            border-radius: 5px;
        }
        /* Шрифт-иконки от Font Awesome в формате Unicode */
        
        .tabs > label:before {
            font-family: fontawesome;
            font-weight: normal;
            margin-right: 10px;
        }
        
        .tabs > label[for*="1"]:before {
            content: "\f001";
        }		
        
        .tabs > label[for*="2"]:before {
            content: "\f007";
			
        }
		.tabs > label[for*="3"]:before {
            content: "\f129";
			
        }
        
        /* Изменения стиля переключателей вкладок при наведении */
        
        .tabs > label:hover {
            color: #49034c;
            cursor: pointer;
        }
        /* Стили для активной вкладки */
        
        .tabs > input:checked + label {
            color: #ffffff;
            border-top: 1px solid #009933;
            border-bottom: 1px solid #fff;
        }
        /* Активация секций с помощью псевдокласса :checked */
        
        #tab1:checked ~ #content-tab1,
		#tab2:checked ~ #content-tab2,
        #tab3:checked ~ #content-tab3 {
            display: block;
			            color: #ffffff;
        }
        /* Убираем текст с переключателей 
* и оставляем иконки на малых экранах
*/
        
        @media screen and (max-width: 680px) {
            .tabs > label {
                font-size: 0;
            }
            .tabs > label:before {
                margin: 0;
                font-size: 18px;
            }
        }
        /* Изменяем внутренние отступы 
*  переключателей для малых экранов
*/
        
        @media screen and (max-width: 400px) {
            .tabs > label {
                padding: 15px;
            }
        }
.table {
	overflow-y: scroll;
		height:280px;
		 width:350px;
			margin:5px;
			    -moz-text-shadow:0 0 3px #86b76b; 
	-webkit-text-shadow:0 0 3px #86b76b; 
	text-shadow:0 0 3px #86b76b;
	color:#ffffff;
	}
::-webkit-scrollbar{
    width:12px;
}
::-webkit-scrollbar-thumb{
    border-width:1px 1px 1px 2px;
    border-color: #777;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; 
    background-color: #bc08c3;
}

.target:not(:target),
:target ~ .target.default-target {
  display: none;
}
.target:target,
.target.default-target {
  display: block;
}
A {
    text-decoration: none; /* Убирает подчеркивание для ссылок */
   } 
li {		
list-style-type: none;
            padding: 8px 8px;
            font-weight: 600;
            text-align: center;
            color: #ffffff;
            border: 0px solid #ddd;
            border-width: 1px 1px 1px 1px;
            background: #62a5bf;
            border-radius: 5px;
			font-weight: normal;
margin-left: 50px;
width:210px;
float:left;}