body {
	background:#cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	 overflow: hidden;
}
* {
	outline:none;
	margin:0;
	padding:0;
}
ol, ul, li {
	list-style:none;
}
.main {
	 bottom: 50px;
    position: absolute;
	/*overflow: hidden;*/

}
.pages {
	box-shadow:0 0 5px #888888;
	/*margin:25px auto;
	width:574px;*/
}
.sitebar {
	position:fixed;
	right:0;
	top:0;
	bottom:0;
	width:150px;
	z-index:1;
}
.sitebar .index {
	background:#fff;
	bottom:0;
	position:fixed;
	right:-150px;
	top:0;
	width:150px;
}
.showIndex, .hideIndex {
	background:url(../images/show_hide.png) no-repeat;
	display:block;
	height:24px;
	right:0;
	position:absolute;
	text-indent:-9999px;
	top:10px;
	width:25px;
}
.showIndex {
	background-position:0 -25px;
}
.hideIndex {
	display:none;
}
.index h1 {
	background: #f3f3f3;
	background: -moz-linear-gradient(top,  #f3f3f3 0%, #ececec 24%, #d5d5d5 79%, #cfcfcf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(24%,#ececec), color-stop(79%,#d5d5d5), color-stop(100%,#cfcfcf));
	background: -webkit-linear-gradient(top,  #f3f3f3 0%,#ececec 24%,#d5d5d5 79%,#cfcfcf 100%);
	background: -o-linear-gradient(top,  #f3f3f3 0%,#ececec 24%,#d5d5d5 79%,#cfcfcf 100%);
	background: -ms-linear-gradient(top,  #f3f3f3 0%,#ececec 24%,#d5d5d5 79%,#cfcfcf 100%);
	background: linear-gradient(to bottom,  #f3f3f3 0%,#ececec 24%,#d5d5d5 79%,#cfcfcf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#cfcfcf',GradientType=0 );
	font-size:15px;
	padding:8px 25px;
}
.index ul {
	margin:15px 0 0 25px;
}
.index li {
	margin:0 0 10px 0;
}
.index li a {
	color:#000;
	text-decoration:none;
}
.index li a:hover, .index li a.current {
	color:#000;
	font-weight:bold;
}
.nextpreArrow {
	background: #5f5f5f;
	background: -moz-linear-gradient(top,  #5f5f5f 0%, #606060 9%, #5a5a5a 33%, #424242 88%, #3f3f3f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f5f5f), color-stop(9%,#606060), color-stop(33%,#5a5a5a), color-stop(88%,#424242), color-stop(100%,#3f3f3f));
	background: -webkit-linear-gradient(top,  #5f5f5f 0%,#606060 9%,#5a5a5a 33%,#424242 88%,#3f3f3f 100%);
	background: -o-linear-gradient(top,  #5f5f5f 0%,#606060 9%,#5a5a5a 33%,#424242 88%,#3f3f3f 100%);
	background: -ms-linear-gradient(top,  #5f5f5f 0%,#606060 9%,#5a5a5a 33%,#424242 88%,#3f3f3f 100%);
	background: linear-gradient(to bottom,  #5f5f5f 0%,#606060 9%,#5a5a5a 33%,#424242 88%,#3f3f3f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f5f5f', endColorstr='#3f3f3f',GradientType=0 );
	bottom: 0;
    height: 44px;
    left: 0;
    position: fixed;
    right: 0;
}
.nextpreArrow .arrow {
	margin:0 auto;
	width:105px;
}
.nextpreArrow .arrow .pre {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 12%, #f0f0f0 24%, #bcbcbc 79%, #aeaeae 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(12%,#f9f9f9), color-stop(24%,#f0f0f0), color-stop(79%,#bcbcbc), color-stop(100%,#aeaeae));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 12%,#f0f0f0 24%,#bcbcbc 79%,#aeaeae 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 12%,#f0f0f0 24%,#bcbcbc 79%,#aeaeae 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 12%,#f0f0f0 24%,#bcbcbc 79%,#aeaeae 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 12%,#f0f0f0 24%,#bcbcbc 79%,#aeaeae 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#aeaeae',GradientType=0 );

	border-radius:5px 0px 0px 5px;
	float:left;
	height:34px;
	text-indent:-9999px;
	margin:5px 2px 0 0;
	position:relative;
	width:49px;
}
.nextpreArrow .arrow .pre:after {
    border-bottom: 8px solid transparent;
    border-right: 10px solid #000000;
    border-top: 8px solid transparent;
    content: "";
    height: 0;
    left: 20px;
    position: absolute;
    top: 10px;
    width: 0;
}
.nextpreArrow .arrow .next {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 12%, #f0f0f0 24%, #bcbcbc 79%, #aeaeae 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(12%,#f9f9f9), color-stop(24%,#f0f0f0), color-stop(79%,#bcbcbc), color-stop(100%,#aeaeae));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 12%,#f0f0f0 24%,#bcbcbc 79%,#aeaeae 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 12%,#f0f0f0 24%,#bcbcbc 79%,#aeaeae 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 12%,#f0f0f0 24%,#bcbcbc 79%,#aeaeae 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 12%,#f0f0f0 24%,#bcbcbc 79%,#aeaeae 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#aeaeae',GradientType=0 );
	
	border-radius:0px 5px 5px 0px;
	float:left;
	height:34px;
	text-indent:-9999px;
	margin:5px 0 0 0;
	position:relative;
	width:49px;
}
.nextpreArrow .arrow .next:after {
    border-bottom: 8px solid transparent;
    border-left: 10px solid #000000;
    border-top: 8px solid transparent;
    content: "";
    height: 0;
    left: 20px;
    position: absolute;
    top: 10px;
    width: 0;
}

.disabled {
    opacity: 0.5;
}

#PageContent {overflow:hidden; transform-origin: center bottom 0; -webkit-transform-origin: center bottom 0;}