@charset "utf-8";

/* =======================================

	CommonElements

======================================= */
body {
	font-size: 100%;
	line-height: 140%;
	font-family: Arial,Helvetica,sans-serif;
	background: #fff;
}
#container {
	width: 100%;
	height: 1000px;
	position: relative;
}

#interval {
	top: 0;
	left: 0;
	width: 450px;
	height: 50px;
	font-weight: bold;
	text-indent: 3px;
	position: fixed;
	z-index: 10000;
}

*html #interval {
	position: absolute;
	top: expression(eval(document.documentElement.scrollTop+0));
}

#intervalValue {
	color: #ff0000;
	font-weight: bold;
	background: transparent;
	border: none;
}

#section150 {
	top: 150px;
	left: 0;
	padding: 3px 0;
	width: 100%;
	text-align: center;
	background: #efefef;
	border-top: #444 1px dashed;
	position: absolute;
	z-index: 50;
}

#section300 {
	top: 300px;
	left: 0;
	padding: 3px 0;
	width: 100%;
	text-align: center;
	background: #efefef;
	border-top: #444 1px dashed;
	position: absolute;
	z-index: 51;
}

#section500 {
	top: 500px;
	left: 0;
	padding: 3px 0;
	width: 100%;
	text-align: center;
	background: #efefef;
	border-top: #444 1px dashed;
	position: absolute;
	z-index: 52;
}

#section150 strong,
#section300 strong,
#section500 strong {
	padding: 0 5px;
	font-weight: bold;
}

#alert150,
#alert300,
#alert500 {
	top: 0;
	right: 0;
	padding: 3px 0;
	width: 200px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #000;
	border: #eee 3px solid;
	position: fixed;
	z-index: 100;
}

*html #alert150,
*html #alert300,
*html #alert500 {
	position: absolute;
	top: expression(eval(document.documentElement.scrollTop+0));
}

#alert150 span,
#alert300 span,
#alert500 span {
	padding: 0 5px;
	color: #ff0000;
}


/* =======================================
	ClearFixElements
======================================= */
ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
ul {
	display: inline-block;
}