.admin {
	font-family:Helvetica, sans-serif;
	font-weight:400;
	border:2px solid #ddd;
	border-radius:10px;
	background-color:#fff;
	max-width:800px;
	margin:0 auto;
	padding:20px;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ddd inset;
}
.formContainer {
	border-radius:10px;
	border:2px solid #ddd;
	margin:0 auto 20px;
}
.formButtons {
	padding:10px 10px 0;
	text-align:center;
}
.formContainer form{
	padding:20px;
	border-radius:10px;
}
.loginForm {
	width:400px;
}
.admin nav {
	width:160px;
	float:left;
	margin-bottom:20px;
	padding-right:20px;
}
.adminContent {
	margin-left:180px;
}
.adminContent h1 {
	font-family:Helvetica, sans-serif;
	font-weight:300;
	margin-top:0;
}
.adminContent h1 span{
	margin-right:10px;
}
.admin a {
	text-decoration: none;
	color:#396EA0;
}
.no-touch .admin a:hover,
.touch .admin a:active {
	color:#CE3E67;
}

.admin nav ul {
	list-style:none;
	padding:0;
	margin:0;
}
.admin nav ul.custom {
	border-bottom:2px solid #bbb;
	margin-bottom:5px;
	padding-bottom:5px;
}
.admin nav a {
	display:block;
	padding:5px;
	border-radius:4px;
	margin:2px 0;
	overflow:hidden;
}
.admin nav a span {
	margin-right:10px;
}
.admin header {
	text-align:right;
	padding:0 10px 10px;
}

.admin header .logout {
	padding-left:0.5em;
}

a.adminBack {
	display:block;
	margin-bottom:20px;
	font-size:120%;
}

.adminContent textarea {
	min-height:100px;
}

.admin textarea.large {
	min-height:300px;
}

.admin textarea.tall {
	height:300px;
	font-size:14px;
}

.admin textarea.medium {
	height:140px;
	font-size:14px;
}

.admin textarea.editable {
	width:100%;
}

.mce-tinymce {
	margin-bottom:5px !important;
}

.admin .number,
.admin .datetime-local,
.admin .date,
.admin textarea,
.admin select,
.admin .file,
.admin .password,
.admin .text {
	color:#666;
	font-size:100%;
	padding:7px;
	border:1px solid #ccc;
	width:70%;
	margin-bottom:5px;
	background-color:#eee;
	border-radius:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance:none;
	appearance:none;
	outline:0;
}

.admin select {
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position:center right;
}

.admin .button,
.admin .submit, 
.admin .clear {
	font-size:110%;
	padding:8px 30px 8px 20px;
	cursor:pointer;
	background-color:#396EA0;
	color:#fff !important;
	border:0;
	border-bottom-width:2px;
	text-decoration:none;
	margin:0 2px;
	border-radius:5px;
	outline:0;
	display:inline-block;
}

.admin .button:focus,
.admin .submit:focus, 
.admin .clear:focus {
	background-color:#61A6E7;
}

.admin .button.small,
.submit.small,
.clear.small{
	font-size:100%;
	padding:6px 20px;
}

.touch .admin .button:active,
.touch .admin .submit:active,
.touch .admin .clear:active,
.no-touch .admin .button:hover,
.no-touch .admin .submit:hover,
.no-touch .admin .clear:hover{
	background-color:#CE3E67;
	transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
}

button span.buttonLabel {
	padding-left:4px;
}
button span.buttonIcon {
	font-size:120%;
	vertical-align:text-bottom;
}
.touch .admin .datetime-local:active,
.touch .admin .date:active,
.touch .admin textarea:active,
.touch .admin select:active,
.touch .admin .password:active,
.touch .admin .text:active,
.touch .admin .select:active,
.touch .admin .file:active,
.no-touch .admin .datetime-local:hover,
.no-touch .admin .date:hover,
.no-touch .admin textarea:hover,
.no-touch .admin select:hover,
.no-touch .admin .password:hover,
.no-touch .admin .text:hover,
.no-touch .admin .select:hover,
.no-touch .admin .file:hover,
.admin button.over,
.admin input.over {
	background-color:#ddd;
	border-color:#aaa;
	color:#666;
	transition: background-color 0.4s, color 0.4s, border-color 0.4s;
	-webkit-transition: background-color 0.4s, color 0.4s, border-color 0.4s;
}

.admin .datetime-local:focus,
.admin .date:focus,
.admin textarea:focus,
.admin select:focus,
.admin .password:focus,
.admin .text:focus,
.admin .select:focus,
.admin .file:focus {
	background-color: #E7F1F8;
	border-color: #A2B5C2;
}
.admin select.error,
.admin textarea.error,
.admin input.error {
	color:#fff;
	background-color:rgb(233, 77, 77)  !important;
}
.admin .disabled {
	color:#666 !important;
	background-color:#999 !important;
	border-color:#777 !important;
	cursor:default;
}
.admin .formNotice {
	padding:10px;
	border:1px solid #EC7C01;
	margin-bottom:20px;
	border-radius:5px;
	color:#EC7C01;
}
.admin .optional {
	background-color:#eee;
}
.admin legend {
	margin-bottom:20px;
	text-align:center;
	font-size:120%;
}
.formRow {
	min-height:35px;
}
.formRow label {
	float:left;
	display:block;
	width:30%;
	padding-top:6px;
	color:#bbb;
	font-size:16px;
}
.forgotError,
.forgotSuccess,
.tempPassword {
	text-align:center;
}
.tempPassword {
	font-size:140%;
	font-weight:bold;
}
.forgotError {
	color:#c00;
	font-weight:bold;
}
.forgotError,
.forgotSuccess {
	padding-top:20px;
}
.loginForm .forgot {
	padding-top:10px;
}
.loginForm .forgot,
.loginForm .remember {
	text-align:center;
	font-size:90%;
}

.formRow {
	margin-bottom:5px;
}

ul.formError,
ul.formError a {
    color:#c00 !important;
}
ul.formError a,
ul.formSuccess a {
	font-weight:bold;
}
ul.formSuccess,
ul.formSuccess a {
    color:#06c !important;
}
ul.formError,
ul.formSuccess {
	padding: 0 0 0 20px;
	margin:0 0 20px;
	line-height:120%;
	list-style:disc;
}
.configUpdate form:not(:first-child){
	border:0;
}
.configUpdate .submit .buttonLabel {
	display:none;
}
.configUpdate ul.formError, 
.configUpdate ul.formSuccess {
	margin-bottom:10px;
}
.configUpdate form {
	padding:0 10px 10px;
	margin:0;
}
.configUpdate .formRow {
	margin-bottom:0;
}
.configUpdate label,
.configUpdate select,
.configUpdate .text,
.configUpdate .submit,
.configUpdate .button {
	float:left;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.configUpdate select,
.configUpdate .checkbox,
.configUpdate .text{
	width:46%;
	font-size:100%;
	overflow:hidden;
}
.configUpdate .checkbox {
	margin:10px 0;
	float:left;
}
.configUpdate label {
	width:30%;
}
.configUpdate .submit,
.configUpdate .button {
	width:11%;
	padding:8px 0 !important;
	margin:0 0 0 1% !important;
	font-size:100% !important;
}
.pageUpdate label[for="page_content"] {
	display:none;
}
.selectForm fieldset {
	position:relative;
}
.selectForm .formRow {
	position: absolute;
	left: 0;
	right: 105px;
	width: auto;
}
.selectForm select {
	width:100%;
}

.selectForm .submit {
	float: right;
	padding: 6px 20px 6px 10px;
}

/** For 0px - 599px */
@media all and (max-width : 599px) {
	.admin {
		border:0;
		padding:15px;
	}

	.admin nav,
	.adminContent  {
		float:none;
		position:static;
		width:100%;
		margin-left:0;
	}
	.admin nav ul {
		line-height:1;
	}
	.admin nav ul li {
		display:inline-block;
		width:50%;
	}
	.admin header {
		float:none;
		margin:0;
		text-align:center;
	}
	.admin nav a {
		text-align:center;
		margin:0 2px;
	}
	.formContainer form {
		padding:20px;
	}

	.admin .file,
	.admin .datetime-local,
	.admin .date,
	.admin textarea,
	.admin select,
	.admin .password,
	.admin .text {
		float:none;
		width:100%;
	}
	
	.formRow label {
		font-size:14px;
		float:none;
		width:auto;
		margin-bottom:5px;
	}

	.configUpdate form {
		padding:5px 10px;
	}

	.configUpdate label {
		width:100%;
		float:none;
		display:block;
	}

	.configUpdate .checkbox,
	.configUpdate select,
	.configUpdate .text {
		width:75%;
		float:left;
	}
	
	.loginForm {
		width:auto;
	}	
}