@charset "utf-8";
body {
	margin: 0;
}

.tb100{
	background: #063;
	color: #FFF; 
	border-bottom-width:0.5px;
	border-radius:5px;
	height:30px;
	font-size:100%; 
	cursor: pointer;
	}
.tb100:hover{
	color: #003;
	background: #FFF;
	border-bottom-width:0.5px;
	border-radius:5px;
	font-size:100%; 
} 

.tb100b{
	background: #CCC;
	color: #006; 
	border-bottom-width:0.5px;
	border-radius:5px;
	height:30px;
	font-size:100%;
	padding: 0.25em 0.5em;
	}
.tb100b:hover{
	color: #003;
	background: #FFF;
	border-bottom-width:0.5px;
	border-radius:5px;
	font-size:100%; 
	padding: 0.25em 0.5em;
} 

.tb_200{
	background:#990;
	color: #FFF; 
	border-bottom-width:0.5px;
	border-radius:5px;
	height:30px;
	font-size:100%; 
	cursor: pointer;
	}
.tb_200:hover{
	color: #003;
	background: #FFF;
	border-bottom-width:0.5px;
	border-radius:5px;
	font-size:100%; 
} 

.collapsible {
 background: #063;
	color: #FFF; 
	border-bottom-width:0.5px;
	border-radius:5px;
	height:30px;
	font-size:100%; 
	cursor: pointer;
}

.active, .collapsible:hover {
 color: #003;
	background: #FFF;
	border-bottom-width:0.5px;
	border-radius:5px;
	font-size:100%; 
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #CCCCCC;
}

.tb300{
	font-size: 16px;
	font-size: max(16px, 1em);
	padding: 0.25em 0.5em;
	border-bottom-width: 1px;
	border-radius: 4px;
	background-color: #CCCCCC;
	border-width: 2;
}