body
{
	margin:0;
	padding:0;
}

.container
{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.clear
{
	clear:both;
}

header #logo
{
	float:left;
}

header #logo img
{
	height:70px;
	width:auto;
}

header #menu
{
	float:right;
	position:relative;
	z-index:999;
}

header #menu #hamburger
{
	font-size:40px;
	cursor:pointer;
	margin-top:15px;
}

header #menu ul
{
	position:absolute;
	top:54px;
	right:0;
	width:200px;
	background:#e5e5e5;
	list-style-type:none;
	margin:0;
	padding:0;
	display:none;
}

header #menu ul li a
{
	display:block;
	padding:10px;
	border-bottom:solid 1px #000;
	text-align:right;
	color:#000;
	font-family:'Roboto', sans-serif;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
	transition:background 0.2s ease-in-out;
}

header #menu ul li:hover a
{
	background:#fff;
}

header #menu ul li a i
{
	margin-left:5px;
}

main
{
	clear:both;
	padding-top:10px;
	background:#eee;
}

main h1
{
	font-family:'Roboto Slab', serif;
	font-size:40px;
	margin:0;
	padding-bottom:10px;
	color:#111;
}

main p
{
	font-size:15px;
	font-family:'Roboto', sans-serif;
	margin:0;
	padding-bottom:20px;
	line-height:20px;
}

main p a
{
	color:#000;
}

main button.confirm
{
	padding:10px 20px;
	background:#0f0;
	color:#000;
	font-family:'Roboto', sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-right:10px;
	border:none;
	cursor:pointer;
}

main button.confirm:disabled
{
	background:#ddd;
	cursor:not-allowed;
}

main ul.pageListBlocks
{
	list-style-type:none;
	margin:0;
	padding:0;
}

main ul.pageListBlocks li
{
	display:block;
	width:calc((100% - 60px) / 4);
	margin-right:20px;
	margin-bottom:20px;
	border:solid 1px #000;
	position:relative;
	float:left;
	box-sizing:border-box;
}

main ul.pageListBlocks li:nth-child(4n)
{
	margin-right:0;
}

main ul.pageListBlocks li a
{
	text-decoration:none;
	color:#000;
	display:block;
	transition:background 0.2s ease-in-out;
}

main ul.pageListBlocks li:hover a
{
	background:#fff;
}

main ul.pageListBlocks li img
{
	width:100%;
	height:auto;
	float:left;
}

main ul.pageListBlocks li .pageListBlockTitle
{
	padding:5px;
	font-family:'Roboto', sans-serif;
	display:block;
	font-size:14px;
	height:30px;
	clear:both;
	overflow:hidden;
}

main ul.pageListBlocks li .controls
{
	position:absolute;
	top:10px;
	right:10px;
	display:none;
}

main ul.pageListBlocks li:hover .controls
{
	display:block;
}

main ul.pageListBlocks li .controls a.delete
{
	background:#f00;
	border-radius:10px;
	padding:5px 8px;
	float:left;
	margin-right:5px;
	border:solid 1px #000;
}

main ul.pageListBlocks li .controls a.rename
{
	background:#e4ca78;
	border-radius:10px;
	padding:5px 8px;
	float:right;
	border:solid 1px #000;
}

main ul.pageListBlocks li .controls a.delete:hover, main ul.pageListBlocks li .controls a.rename:hover
{
	background:#fff;
}

main label
{
	display:block;
	margin-bottom:20px;
}

main label select
{
	width:100%;
	font-family:'Roboto', sans-serif;
	font-size:16px;
	padding:10px;
}

main label span
{
	font-family:'Roboto', sans-serif;
	font-size:14px;
}

main label.checkbox input
{
	width:20px;
	height:20px;
	float:left;
	margin-bottom:20px;
	margin-right:10px;
}

main .accountForm
{
	width:350px;
	border-radius:10px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #ddd;
	background:#fff;
	margin-bottom:100px;
}

main .accountForm fieldset
{
	margin:0;
	padding:0;
	border:0;
}

main .accountForm label
{
	display:block;
}

main .accountForm label span
{
	display:block;
	font-size:15px;
	text-align:center;
	margin-bottom:5px;
}

main .accountForm label input
{
	width:100%;
	padding:10px;
	font-size:16px;
	text-align:center;
	box-sizing:border-box;
}

main .accountForm button
{
	display:block;
	box-sizing:border-box;
	width:100%;
	font-size:18px;
	color:#fff;
	background:#000;
	padding:15px;
	cursor:pointer;
	border:none;
}

main p.error
{
	font-size:13px;
	text-align:center;
	padding:10px;
	border-radius:5px;
	background:#f00;
	color:#fff;
	margin-bottom:10px;
}

footer
{
	background:#111;
	padding:10px;
}

footer p
{
	color:#fff;
	font-family:'Roboto', sans-serif;
	font-size:14px;
}

.bigUpload .bigUploadContainer
{
	max-width: 350px;
	padding: 20px 30px 30px;
	margin: 0 auto 20px;
	margin-top:75px;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	text-align: center;
}

.bigUpload #bigUploadFile
{
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	padding: 10px;
}

.bigUpload .bigUploadButton
{
	background-color: rgb(0, 109, 204);
	border: 1px solid rgba(0, 0, 0, 0.09);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius:6px;
	padding-bottom: 11px;
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 11px;
	font-size: 18px;
	color:#ffffff;
	cursor: pointer;
	margin-top:15px;
	font-size: 18px;
}

.bigUpload .bigUploadAbort
{
	background-color:rgb(218, 79, 73);
}

.bigUpload #bigUploadProgressBarContainer
{
	width:94%;
	height:19px;
	margin-left: 3%;
	margin-top:1%;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.bigUpload #bigUploadProgressBarFilled
{
	border-radius: 5px;
	margin: 1px;
	height:17px;
	width:0;
	background-color: rgb(91, 183, 91);
	font-size: 14px;
}