@charset "UTF-8";

.Accordion {
	width: 800px;
	border-left: solid 2px grey;
	border-right: solid 2px grey;
	border-bottom: solid 2px grey;
	border-top: solid 2px grey;
	border-radius: 20px; /* Радиус скругления углов*/
    -webkit-border-radius: 20px; /* Safari, Chrome */
    -moz-border-radius: 20px; /* Firefox */
    box-shadow: 0 0 10px 2px #1A3457; /* Тень*/
    -webkit-box-shadow: 0 0 10px 2px #1A3457; /* Safari, Chrome */
    -moz-box-shadow: 0 0 10px 2px #1A3457; /* Firefox */
	text-align: center;
	overflow: hidden;
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
	background: -webkit-linear-gradient(#EEEEEE, #777777);
	background: -o-linear-gradient(#EEEEEE, #777777);
	background: -moz-linear-gradient(#EEEEEE, #777777);
	background: linear-gradient(#EEEEEE, #777777);
}

.AccordionPanelTab {
	background-color: #777777;
/*	border-top: solid 1px black; */
	border-bottom: solid 1px grey;
	margin: 0px;
	text-height:auto;
	padding: 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #ffffff;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	height: 25px;
}

.AccordionPanelContent {
	overflow: auto;
	margin-top: 20px;
	padding: 0px;
	height: 150px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
	color: #000000;
	font-weight:bold;
}

.AccordionPanelTabHover {
	color: #000000;
	background-color: #CCCCCC;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #000000;
	background-color: #CCCCCC;
}

.AccordionFocused .AccordionPanelTab {
	background-color: #777777;
}

.AccordionFocused .AccordionPanelTabHover {
	color: #000000;
	background-color: #CCCCCC;
}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
}

@media print {

  .Accordion {
  overflow: visible !important;
  }
  
  .AccordionPanelContent {
  display: block !important;
  overflow: visible !important;
  height: auto !important;
  }
}
