
/* CSS Document - dropdown */


	button.accordion {
		width: 100%;	
		background-color: #efefef; 
		font-family: 'Segoe UI', sans-serif;
		font-size: x-large;
		font-weight: bold;
    	text-shadow: 2px 2px 2px #959595;
		text-color: #ffffff;
		text-align: left;	
    	cursor: pointer;
    	outline: none;
		border: none;	
		border-bottom-style: solid;
		border-bottom-width: 1px;	
		border-bottom-color: #434343;
		padding: 10px 10px 10px 10px;	
		margin-bottom: 10px;
		}

	button.accordion.active, button.accordion:hover {
    	background-color: #e1e1e1;
		}
		
	button.accordion:after { 	
  		border-radius: 5px; 
  		box-shadow: 1px 1px 1px #959595;
  		
  		font-size: x-large; 
  		font-weight: bold; 
  		text-align: center;
  		text-shadow: 1px 1px 1px #858585;
 		margin-right: 20px;
		height: 40px;
		width: 40px;
		content: "\002B";
    	float: left; 	
		}
		
	button.accordion.active:after {
    	-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		
		}
		
	div.panel {
		padding: 5px 18px 10px;
    	display: none;
    	background-color: #efefef; 
		width: 100%;
		
		border: none;
		border-left-style: solid;	
		border-left-width: 1px;
		border-left-color: #434343;	
		border-right-style: solid;	
		border-right-width: 1px;
		border-right-color: #434343;
		
		border-bottom-style: solid;	
		border-bottom-width: 1px;
		border-bottom-color: #434343;
		margin-bottom: 25px;
		
		}




