@import "base.css"; /* Using a string */
body {
	background: #FFFFFF;
}
#TitleArea {
	background: #000099;
	overflow: hidden;
	visibility: visible;
	left: 15px;
	right: 25px;
	top: 14px;
	height: 50px;
	border: 1px solid #99CCFF;
	border-radius: 0.5em;
	padding: 0px 0px 10px 50px;
	margin: 0px 0px 0px 0px;
	font: bold 24px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	float: left;
	position: absolute;
	box-shadow: 5px 5px 5px 1px #99CCFF;
}
#MainContent {
	background: #dfdfdf;
	/* overflow: auto; */
	overflow-y: auto;
	visibility: visible;
	/* left:193px; */
	top:90px;
	bottom:140px;
	right:14px;
	padding: 0px 5px;
	text-align: justify-all;
	border: 1px solid #000000;
	border-radius: 0.5em;
	box-shadow: 5px 5px 5px 1px #000000;
}
#MainContent a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#MainContent a:hover {
	color: #CCCCCC;
	text-decoration: none;
	background: #000000;
}
#MainContent ul p:first-letter {
	font-size: 180%;
	font-style: italic;
	font-weight: bolder;
	float: left;
}
#MainContent td {
	font: normal 10pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#MenuLeft {
	/* position:absolute; left:9px; top:93px; bottom:140px; width:169px; z-index:2 */
	position:absolute;
	left:9px;
	top:93px;
	bottom:140px;
	width:169px;
	z-index:2;
	background: #99CCFF;
	/* overflow: auto; */
	overflow-y: auto;
	visibility: visible;
	top:90px;
	padding: 0px 5px;
	border: 1px solid #000099;
	border-radius: 0.5em;
	box-shadow: 5px 5px 5px 1px #000099;
	/* font-size: 8pt; */
}
#MenuLeft a {
	color: #000099;
	font-weight: bold;
	text-decoration: none;
}
#MenuLeft h2,h3,h4,h5,h6 {
	color: #000099;
	font-weight: bolder;
	font-style: italic;
}
#MenuLeft a:hover {
	color: #99CCFF;
	font-weight: bold;
	text-decoration: none;
	background: #000099;
}
#MenuLeft ul {
	list-style: none inside;
	text-indent: -35px;
}
#BottomBox1 {
	/* position:absolute; left:9px; bottom: 10px; width:35%; max-width: 350px; height:120px; z-index:4 */
	position: absolute;
	left: 9px;
	bottom: 10px;
	width: 32%;
	max-width: 250px;
	height: 100px;
	z-index: 4;
	background: #99CCFF;
	/* overflow: auto; */
	overflow-y: auto;
	padding: 0px 4px 0px 0px;
	border: 1px solid #000099;
	border-radius: 0.5em;
	font-size: 8pt;
	list-style: url(/images/list_icon_border.png) outside;
	box-shadow: 5px 5px 5px 1px #000099;
}
#BottomBox2 {
	/* position:absolute; left:40%; bottom: 10px; width:35%; max-width: 350px; height:120px; z-index:5 */
	position: absolute;
	left: 40%;
	bottom: 10px;
	width: 32%;
	max-width: 200px;
	height: 100px;
	z-index: 5;
	background: #99CCFF;
	/* overflow: auto; */
	overflow-y: auto;
	padding: 0px 4px;
	border: 1px solid #000099;
	border-radius: 0.5em;
	font-size: 6pt;
	list-style: url(/images/list_icon_border.png) outside;
	box-shadow: 5px 5px 5px 1px #000099;
}
#BottomBox3 {
	/* position:absolute; left:80%; right:14px; bottom: 10px; / * width:15%; max-width: 200px; * / height:120px; z-index:6 */
	position: absolute;
	left: 75%;
	right: 14px;
	bottom: 10px;
	height: 100px;
	max-width: 200px;
	width: 32%;
	z-index: 6;
	background: #99CCFF;
	/* overflow: auto; */
	overflow-y: auto;
	padding: 0px 4px;
	border: 1px solid #000099;
	border-radius: 0.5em;
	font-size: 6pt;
	box-shadow: 5px 5px 5px 1px #000099;
}
#BottomBox1 a {
	color: #000099;
	font-weight: bold;
	text-decoration: none;
}
#BottomBox2 a {
	color: #000099;
	font-weight: bold;
	text-decoration: none;
}
#BottomBox3 a {
	color: #000099;
	font-weight: bold;
	text-decoration: none;
}
#BottomBox1 a:hover {
	color: #99CCFF;
	font-weight: bold;
	text-decoration: none;
	background: #000099;
}
#BottomBox2 a:hover {
	color: #99CCFF;
	font-weight: bold;
	text-decoration: none;
	background: #000099;
}
#BottomBox3 a:hover {
	color: #99CCFF;
	font-weight: bold;
	text-decoration: none;
	background: #000099;
}
.yabbaslogan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
	font-size: 8pt;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	text-align: center;
	background: #FFFFFF;
}
.yabbaslogan a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
	font-size: 8pt;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	text-align: center;
	background: #FFFFFF;
}
.yabbaslogan a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	text-align: center;
	background: #000099;
}
input {
	border: 1px solid #000000;
	background: #99CCFF;
	color: #000099;
}
select {
	border: 1px solid #000000;
	cursor: hand;
	background: #99CCFF;
	color: #000099;
}
textarea {
	border: 1px solid #000000;
	font-family: "Courier New", Courier, mono;
	background: #99CCFF;
	color: #000099;
}
#submit {
	background: #009900;
	color: #CCFF00;
}
#reset {
	background: #FF9900;
	color: #FFCC00;
}
code {
	font: bold normal 8pt "Courier New", Courier, mono;
	text-align: left;
}
iframe {
	box-shadow: 5px 5px 5px 1px #A0A0A0;
}
/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
}
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #99CCFF;
	-webkit-transition: .4s;
	transition: .4s;
}
.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .slider {
	background-color: #000099;
}
input:focus + .slider {
	box-shadow: 0 0 1px #000099;
}
input:checked + .slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}
/* Rounded sliders */
.slider.round {
	border-radius: 20px;
}
.slider.round:before {
	border-radius: 50%;
}