.ui-page{
	background-color:#fff
}
body{
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	background:#fff;
}
h1{
	color:rgb(27,20,100);
	font-family: 'Roboto Slab', serif;
	font-size:25px;	
	margin-top:0
}
h2{
	color:rgb(27,20,100);
	font-family: 'Roboto Slab', serif;
	font-size:18px;				
}
.controlbox{
	width:330px;
	float:right;
	box-sizing: border-box;
	padding:10px;
	z-index: 1000;
	position:relative;
	background:#fff

}
.controlbox__arrow{
	width:35px;
	height:80px;
	position:fixed;
	right:331px;
	box-sizing: border-box;
	top:50%;
	margin-top:-40px;
	z-index:1000;
	border:1px solid #aaa;
	border-right:0;
	background:#f9f9f9 url('arrow-right.png') no-repeat center center;
	cursor:pointer;
}
.controlbox__arrow:hover{
	background-color:#e9e9e9
}
.controlbox__logo{
	width:250px;
	margin-top:20px
}
.footerbox{
	border-top:2px solid #eee;
	margin-top:15px
}
.footer{
	font-size:14px;
	text-align: center
}
.footer a{
	color:#000 !important;
	font-weight: 500 !important;
}
.footer a:hover{
	text-decoration: none
}
.mainWindow{
	width:calc(100% - 330px);
	float: left;
	border-right:1px solid #000;
	box-sizing: border-box;
	position:fixed;
	top:0;
	left:0;
}