.debug {
	height: 150px;
	font-size: 10px;
	text-align: left;
	font-family: fixed;
	overflow: auto;
}

.yui-h-slider .yui-slider-thumb, .yui-v-slider .yui-slider-thumb, .yui-region-slider .yui-slider-thumb {
	cursor:pointer;
}

.yearDisplay {
	float: left;
	width: 35px; 
	margin-top: 5px;
	font-weight: bold;
	font-size: 10px;
}

.archiviList {
	list-style-type: square;
}
.archiviList LI {
	cursor: pointer;
}
.archiviInfo {
	font-weight:normal;
	padding:10px 5px;
	text-align:left;
}
.caiDesc {
	font-weight:normal;
	padding:10px 5px;
	text-align:left;
	border-bottom: 1px solid #011F5F;
	cursor: pointer;
}
.reignName {
	font-weight:bold;
	padding:10px 5px;
	text-align:center;
	border-bottom: 1px solid #011F5F;
}
.caiName {
	font-weight:bold;
	padding:10px 5px;
	text-align:center;
}
.reignComment {
	font-weight:normal;
	padding:10px 5px;
	text-align:left;
	border-bottom: 2px solid #011F5F;
}
	
.backToReign, .eventName {
	background-color:#011F5F;
	font-weight:bold;
	padding:10px 5px;
	text-align:center;
}

.backToReign {
	background:#011F5F url(../assets/undo.png) no-repeat scroll 4px 9px;
	padding-left:10px;
	font-size:11px;
	cursor: pointer;
}

.yui-h-slider {
	    background:url(../assets/horizBg.png) -1px 0 no-repeat;
}

.slider {
		visibility: hidden;
		margin-bottom: 5x;
		margin-top: 5x;
		height: 30px;
		width: 400px;
		margin-left:35px;
    background:url(../assets/horizBg.png) -1px 0 no-repeat !important;
    cursor: pointer;
}

BODY, DIV, select, input, button, textarea, button {
	font-family: Verdana;
}

BUTTON.active {
	background-color: #002166;
	font-weight: bold;
	color: #fff;
}

BUTTON.inactive {
	background-color: #5D7B9D;
	font-weight: bold;
	color: #fff;
}

.switchbutton {
	border: 1px solid #000000;
	border-bottom: 0px;
	color: white;
	margin-left: 10px;
	margin-top: 10px;
	background-color: #5D7B9D;
	width: 100px;
	height: 20px;
}

.leftPanel {
	width: 250px;
	float: left;
	background-color: #5D7B9D;
	color: white;
}

.geoPanel {
	min-height: 250px;
	display: none;
	border-top: 1px solid #000000;
	color: white;
	padding-right: 10px;
	overflow: auto;
}

.geoPanel UL {
	text-align: right;
	list-style-type: none;
}
.geoPanel UL LI {
	white-space: nowrap; 
}
.histPanel {
	min-height: 250px;
	display: none;
	border-top: 1px solid #000000;
	color: white;
	overflow: auto;
}

.histDetailPanel {
	min-height: 250px;
	display: none;
	border-top: 1px solid #000000;
	color: white;
	overflow: auto;
}

.rightPanel {
	background-color: #fff;	
	margin-left:360px;
}

.reignsList {
	padding-right: 10px;
	text-align: right;
}

.reignsReign {
	cursor: pointer;
}

#body {
	margin: 0px;
}