@charset "UTF-8";

/* scroller on the right pane */

div.siteContentWrapper,
div.siteContentWrapperBlog {
	float:right;
	width: 512px;
	height: 470px;
}
div.siteContentWrapper .siteContent,
div.siteContentWrapperBlog .siteContent {
	float:left;
	width: 420px;
	height: 390px;
}

div.siteContentWrapper .siteContent ol,
div.siteContentWrapperBlog .siteContent ol {
	margin-left: 30px;
}
div.siteContentWrapper .siteContent p,
div.siteContentWrapperBlog .siteContent p {
	margin-left: 10px;
}

div#article_mask{
	width: 495px;
	height: 410px;
	margin: 8px 0 0 0;
	overflow: hidden;
}
div.scrollarea{
	position: relative;
	top: -478px;
	width: 9px;
	height: 486px;
	float: right;
	border-left: 1px solid #999;
	cursor: pointer;
	background-color: #ccc;
}
div.siteContentWrapperBlog .scrollarea{
  top: -476px;
}
div.scrollBack{ 
	width: 5px;
	height: 5px;
	margin: 1px;
	border: 1px solid #999;
	background: #ccc;
}
div.scrollBarContainer{
	height: 468px;
}
div.scrollKnob{
	width: 5px;
	margin: 1px;
	border: 1px solid #999;
	background: #62727A;
	min-height: 10px;
}
div.scrollForward{
	width: 5px;
	height: 5px;
	margin: 1px;
	border: 1px solid #999;
	background: #ccc;
}

/* scroller on the left pane */

div.ucd_ucdlist {
	float:left;
	width: 420px;
	height: 406px;
}
div#article_mask_left{
	width: 495px;
	height: 362px;
	margin: 0px;
	overflow: hidden;
}

div.scrollarea_left{
	position: relative;
	top: -423px;
	width: 9px;
	height: 428px;
	float: right;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	cursor: pointer;
	background-color: #ccc;
}
div.scrollBack_left{ 
	width: 5px;
	height: 5px;
	margin: 1px;
	border: 1px solid #999;
	background: #ccc;
}
div.scrollBarContainer_left{
	height: 407px;
}
div.scrollKnob_left{
	width: 5px;
	margin: 1px;
	border: 1px solid #999;
	background: #62727A;
	min-height: 10px;
}
div.scrollForward_left{
	width: 5px;
	height: 5px;
	margin: 1px;
	border: 1px solid #999;
	background: #ccc;
}

/* scroller on the calendar */

div.siteContent_calendar {
	float:left;
	width: 498px;
	height: 423px;
}
div#article_mask_calendar{
	width: 498px;
	height: 423px;
	margin: 0;
	overflow: hidden;
}
.year_view {
  border: 1px solid red;
}