@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html{
	width					: 100%;
	height					: 100%;
}
body{
	font-size				: 14px;
	font-family				: 'open_sansregular';
	color					: #222;
	margin					: 0;
	padding					: 0;
	width					: 100%;
	height					: 100%;
	background				: #ebebeb;
	-webkit-font-smoothing	: antialiased;
	-moz-font-smoothing		: none;
	font-smoothing			: antialiased;
}
*{
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	box-sizing				: border-box;
}
a{
	text-decoration			: none;
	color					: #0078ca;
	-webkit-transition		: all 0.2s ease-in-out;
	-moz-transition			: all 0.2s ease-in-out;
	-o-transition			: all 0.2s ease-in-out;
	transition				: all 0.2s ease-in-out;
}
input, select, textarea{
	font-family				: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-size				: 12px;
	color					: #222;
	border					: 0;
	padding					: 5px;
	margin					: 0;
	background				: #FFF;
}
input[type="text"]{
	height					: 22px;
	line-height				: 22px;
	padding					: 5px 10px;
}
input[type="radio"]{
	border					: none;
	margin					: 0;
	background				: none;
}
input[type="checkbox"]{
	border					: none;
	margin					: 0;
	background				: none;
}
textarea{
	resize					: none;
	min-height				: 200px;
}
h1,h2,h3,h4{
	font-weight				: normal;
}
h1{
	font-size				: 40px;
}
h2{
	font-size				: 16px;
}
::selection {
	color					: #fff;
	background				: #43b3e5;
}
::-moz-selection {
	color					: #fff;
	background				: #43b3e5;
}
.clear{
	clear					: both;
	margin					: 0px;
	padding					: 0px;
}
.clearfix:before,
.clearfix:after {
    content					: " ";
    display					: table;
}
.clearfix:after {
    clear					: both;
}
.justify{
	text-align				: justify;
}
.nav li{
	float					: left;
}
.nav li a{
	display					: inline-block;
}
.pageTop{
	width					: 100%;
	padding					: 10px 20px 10px 220px;
	position				: fixed;
	top						: 0;
	left					: 0;
	z-index					: 2;
	background-color		: #3c3c3c;
}
.pageTop h1{
	color					: #FFF;
	font-size				: 18px;
	float					: left;
}
.pageTop h1 .version{
	font-size				: 11px;
	position				: relative;
	left					: 5px;
	top						: -5px;
	color					: #ffd202;
}
.pageTop .nav{
	float					: right;
	font-size				: 13px;
}
.pageTop .nav li{
	margin-left				: 10px;
}
.pageTop .nav li a{
	height					: 24px;
	line-height				: 24px;
	color					: #FFF;
	padding					: 0 15px;
	background-color		: #222;
	-webkit-border-radius	: 12px;
	-moz-border-radius		: 12px;
	border-radius			: 12px;
	-webkit-box-shadow		: 1px 1px 1px 0px rgba(74, 74, 74, 1);
	-moz-box-shadow			: 1px 1px 1px 0px rgba(74, 74, 74, 1);
	box-shadow				: 1px 1px 1px 0px rgba(74, 74, 74, 1);
}
.pageTop .nav li a:hover{
	color					: #ffd202;
}
.pageMenu{
	width					: 200px;
	height					: 100%;
	position				: fixed;
	top						: 0;
	left					: 0;
	z-index					: 3;
	background-color		: #222;
}
.pageMenu .menuLogo{
	padding					: 20px 0;
	text-align				: center;
}
.pageMenu .menuNav{
	text-align				: right;
}
.pageMenu .menuNav ul li a{
	font-size				: 12px;
	padding-right			: 15px;
	display					: block;
	height					: 30px;
	line-height				: 30px;
	color					: #fff;
	border-top				: 1px solid #1d1d1d;
}
.pageMenu .menuNav ul li a.active,
.pageMenu .menuNav ul li a:hover{
	color					: #ffd202;
}
.pageMenu .menuNav ul li:last-child a{
	border-bottom			: 1px solid #1d1d1d;
}
.pageContent{
	padding					: 0 30px 30px 230px; 
}
.pageContent .section{
	padding-top				: 75px;
}
.pageContent .section h2{
	font-size				: 24px;
	padding-bottom			: 10px;
	border-bottom			: 1px solid #e1e1e1;
	margin-bottom			: 20px;
}
.pageContent .section h3{
	font-size				: 18px;
	margin-bottom			: 10px;
}
.pageContent .section ul.default{
	margin-bottom			: 10px;
}
.pageContent .section ul.default li{
	margin-bottom			: 5px;
}