/*
 * Table of Contents
 *
 * ##1		- Standard Styles
 * ##2		- Layout
 * ##3		- Forms
 * ##4		- Buttons
 * ##5		- Standard Images
 * ##6		- Menu 2015
 * ##7		- Sortable Lists
 * ##8		- Crop Images
 *
 * ##10: Pages
 * ##10.1	- `PAGE_NAME`
 */


/* ##1 Standard Styles */
body {
	font-family: "Open Sans", serif;
  font-optical-sizing: auto;
	background-color: #eee;
}

h1,
h2,
h3 {
	font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: 400;
	margin-top: 0;
	color: #414141;
}

h2 {
	margin-bottom: 0.5em;
	font-size: 1.429em;
}

h3 {
	margin-bottom: 1em;
	font-size: 1.286em;
}

a,
a:hover {
	color: #2B2A2C;
	text-decoration: none;
}

.logo_block {
	padding: 0;
	background-color: #fff;
	box-shadow: 0 1px 2px 1px rgba(125, 125, 125, 0.5);
	-moz-box-shadow: 0 1px 2px 1px rgba(125, 125, 125, 0.5);
	-webkit-box-shadow: 0 1px 2px 1px rgba(125, 125, 125, 0.5);
	margin-bottom: 2em;
	height: 80px;
	max-height: 80px;
	overflow: hidden;
}

div.header {
	font-family: "Open Sans", serif;
  	font-optical-sizing: auto;
  	font-weight: 400;
	margin: 0;
	line-height: 80px;
	font-size: 3em;
	color: #444;
}

div.header span {
	color: #396da6;
}

.logged_out #left_col_wrapper {
	display: none;
}

.logged_out #content_wrapper {
	float: none;
	width: 100%;
	max-width: none;
}

.site_message {
	padding: 10px;
	background: #FFE8BF;
	border-radius: 4px;
	border: 1px solid #FCD592;
	margin-bottom: 40px;
}

/* Default table styles */
.table-default {
	max-width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
	font-size: 0.875em;
}

.table-default th {
	text-align: left;
	background-color: #eff2f6;
	color: #000000;
}

.table-default th,
.table-default td {
	padding: 6px;
	line-height: 1.42857143;
	vertical-align: top;
	border: 1px solid #b1c7e0;
}

.table-default td {
	text-align: left;
}

.table-hover tbody tr:hover {
	background-color: #f4f4f4;
}

@media (max-width: 767px) {
	.table-responsive {
		font-size: 0.875em;
	}
}

.table-dashboard-container {
	padding: 20px;
	border: 1px solid #E0E0E0;
	border-radius: 8px;
	background-color: #ffffff;
}

.table-dashboard {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
	font-size: 0.875em;
	background-color: #fff;
}

.table-dashboard th {
	text-align: left;
	color: #000000;
}

.table-dashboard th,
.table-dashboard td {
	padding: 6px 10px;
	line-height: 1.42857143;
	vertical-align: top;
	border-bottom: 1px solid #E0E0E0;
}

.table-dashboard td {
	text-align: left;
}

@media (max-width: 767px) {
	.table-responsive {
		font-size: 0.875em;
	}
}

.text-center {
	text-align: center !important; }

.text-right {
	text-align: right !important; }

/* End of ##1 */

/* ##2 Layout */
#content_wrapper {
	padding-top: 0;
	float: right;
	width: 84%;
	/* max-width: 53.571em; 750px */
}

#left_col_wrapper {
	padding-top: 0;
	float: left;
	width: 12%;
	/* max-width: 15.000em; 210px */
}

.full_width_container {
	width: 100%;
	position: relative;
}

.page_width_container {
	width: 100%;
	/* max-width: 72.857em; 1020px */
	padding: 0;
	/* 0px */
	margin: 0 auto;
	position: relative;
}

.inner_container {
	padding: 0 30px;
	margin: 0 auto;
	position: relative;
}

.wrapper_form {
	padding: 20px 20px 1px;
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 2px 1px rgba(125, 125, 125, 0.5);
	-moz-box-shadow: 0 1px 2px 1px rgba(125, 125, 125, 0.5);
	-webkit-box-shadow: 0 1px 2px 1px rgba(125, 125, 125, 0.5);
}

#wrapper_popup .wrapper_form {
	border: 0;
}

.wrapper_form h4 {
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.wrapper_form h4:first-child {
	margin-top: 0;
}

.wrapper_form p {
	margin-top: 0.3em;
}


.filter_wrapper {
	padding: 10px;
	border: 1px solid #cccccc;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #ffffff;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #efefef 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);
	/* IE6-8 */
}

.filter_wrapper h3 {
	margin: 0;
}

.surround_div {
	border: 1px solid #b1c7e0;
	background-color: #eff2f6;
	padding: 10px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 40px;
}

.delFile {
	display: inline-block;
	color: #008f0a;
	text-decoration: none;
	border: 0 !important;
	background: url(images/buttons/delete.png) 0% 0% no-repeat transparent;
	margin-left: 10px;
	text-indent: -999px;
	height: 16px;
	width: 16px ! important;
	padding: 0 !important;
	line-height: 16px;
	vertical-align: bottom;
	display: none;
}

.delFile:hover {
	cursor: pointer;
}

.surround_div a.formFile,
.surround_div a.formFile:hover {
	line-height: 1.429em;
	text-decoration: none;
	font-size: 1.143em;
}

.surround_div a.formFile>img {
	vertical-align: middle;
}

.form_section {
	position: relative;
	padding: 1em 0 0;
	vertical-align: top;
	background-color: transparent;
}

.form_section label,
.form_section .pseudo_label {
	display: block;
	float: left;
	width: 25%;
	/* 150/677 */
	min-height: 2em;
	cursor: pointer;
	padding: 3px 20px 0 0;
	font-weight: 400;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.floating-toolbar {
	position: absolute;
	top: 15px;
	right: 50px;
	text-align: right;
	padding: 0;
	height: 30px;
	background-color: #fff;
	z-index: 100;
	padding-left: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid rgba(125, 125, 125, 0.5);
	/*box-shadow: 0 1px 2px 1px rgba(125,125,125,0.5);*/
	/*-moz-box-shadow: 0 1px 2px 1px rgba(125,125,125,0.5);*/
	/*-webkit-box-shadow: 0 1px 2px 1px rgba(125,125,125,0.5);*/
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.floating-toolbar.floating {
	position: fixed;
	-webkit-box-shadow: 0px 2px 21px -1px rgba(69, 69, 69, 1);
	-moz-box-shadow: 0px 2px 21px -1px rgba(69, 69, 69, 1);
	box-shadow: 0px 2px 21px -1px rgba(69, 69, 69, 1);
}

/* End of ##2 */

/* ##3 Form */
.form_section input,
.form_section select,
.form_section textarea {
	border: 1px solid #797979;
	color: #797979;
	font-size: 100%;
	padding: 8px;
	width: auto;
	font-family: "Open Sans", serif;
  font-optical-sizing: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 8px;
}

.form_section input:focus,
.form_section select:focus,
.form_section textarea:focus,
.form_section .optional input[type="text"]:focus,
.form_section .optional textarea:focus,
.form_section .optional select:focus {
	border: 1px solid #396da6;
	color: #396da6;
}

.form_section input[type=text],
.form_section input[type=file],
.form_section select,
.form_section textarea,
.form_section .options,
.form_section input[type=password],
.wysiwyg_wrapper {
	float: left;
	width: 65%;
	/* 444/677 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 600px;
}

.form_section .options {
	padding-top: 4px;
}

.form_section input[type=submit] {
	cursor: pointer;
}

.form_section option {
	font-family: "Open Sans", serif;
}

.form_section option:disabled {
	color: #999b98;
}

.form_section input.date_box,
.form_section input.time_box {
	min-width: 100px !important;
	width: 100px !important;
	text-align: center;
}

.form_section input.date_time_box {
	min-width: 150px !important;
	width: 150px !important;
	text-align: center;
}

.form_section input.narrow {
	width: 222px;
	margin-right: 10px;
}

.form_section input.checkbox {
	width: auto;
}

.form_section #date_start_summary,
.form_section #date_end_summary {
	display: block;
	text-align: right;
	float: right;
}

.form_section .options {
	background-color: transparent;
}

.form_section .options .option {
	float: left;
}

.form_section .options .option input {
	float: left;
}

.form_section .options .option label {
	width: auto;
	margin-right: 10px;
	padding-top: 0;
	font-weight: 400;
	min-height: 0;
}

.form_section .optional input[type=text],
.form_section .optional textarea,
.form_section .optional select {
	border-color: #c0c0c0;
	color: #8C8C8C;
}

.form_section .optional label {
	font-weight: 400;
}

.form_section .only_back_end input[type=text],
.form_section .only_back_end textarea,
.form_section .only_back_end select {
	border-color: #A0A0A0 ! important;
}

.form_section .only_back_end input[type=text],
.form_section .only_back_end textarea,
.form_section .only_back_end select,
.form_section .only_back_end label {
	color: #A0A0A0;
}

.form_hidden {
	display: none;
}

.form_section .caption {
	clear: both;
	padding: 0 0 1em 25%;
	font-size: 90%;
	font-style: italic;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.form_section #price {
	background: url(images/admin-template/pound.gif) 6px 50% no-repeat #fff;
	padding-left: 16px;
	width: 432px;
}

/* standardise the colour of "buttons" on the admin pages*/
.form_section input.btn,
.form_section a.btn,
.floating-toolbar input {
	color: #444;
}

/* Highlight keyframe for the toolbar */
@keyframes glowing {
	50% {
		box-shadow: 0 0 10px 10px #396da6;
	}

	100% {
		background-color: white;
		box-shadow: 0 1px 2px 1px rgba(125, 125, 125, 0.5)
	}
}

.toolbar-highlight {
	animation: glowing 1000ms;
}


.form_section a.btn {
	padding-left: 24px !important;
}

.wrapper_edit_field {
	float: right;
	width: 20px;
	text-align: right;
}

.form_section .readonly_input {
	float: left;
	width: 444px;
	padding: 5px;
	;
	color: #797979;
}

.form_section input[readonly="readonly"] {
	background-color: #eee;
	background: repeating-linear-gradient(-55deg,
			#f3f3f3,
			#f3f3f3 10px,
			#f9f9f9 10px,
			#f9f9f9 20px);
}

.cke {
	margin-bottom: 20px !important;
}

input:focus,
button {
	/* Removes blue highlight on click on Chrome */
	outline: none !important;
}

.forgotten_password_link {
	margin-left: 2%;
	text-decoration: underline;
}

.forgotten_password_link:hover {
	text-decoration: underline;
}


#search_filter {
	font-family: "Open Sans", serif;
  font-optical-sizing: auto;
	font-size: 1em;
	float: left;
	margin-right: 5px;
	width: 180px;
	border: 1px solid #C0C0C0;
	vertical-align: middle;
	height: 1.429em;
	border-radius: 8px;
	padding: 8px;
}

.toolbar_please_wait {
	display: block;
	position: relative;
	float: left;
	width: 7em;
	height: 16px;
	line-height: 16px;
	padding: 0 20px;
	background: url(images/ajax-loader.gif) left top no-repeat;
}

#save_pleasewait {
	float: none ! important;
}

.password_reset_wrapper {
	margin-left: 10px;
	float: left;
}

/* End of ##3 */

/* ##4 Buttons */
.btn {
	float: left ! important;
	display: block;
	height: 2em ! important;
	line-height: 2em ! important;
	margin: 0 ! important;
	padding: 0 5px 0 21px ! important;
	border: 0 ! important;
	font-size: 100% ! important;
	cursor: pointer ! important;
	background-position: 3px 50% ! important;
	background-repeat: no-repeat;
	background-color: transparent;
	vertical-align: middle ! important;
	font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  background-size: 16px auto;
}

.btn.order {
	background-image: url(images/buttons/order.png);
}

.btn.new {
	background-image: url(images/buttons/new.png);
}

.btn.search {
	background-image: url(images/buttons/search.png);
}

.btn.reset {
	background-image: url(images/buttons/reset.png);
}

.btn.back {
	background-image: url(images/buttons/back.png);
}

.btn.save {
	background-image: url(images/buttons/save.png);
}

.btn.delete {
	background-image: url(images/buttons/delete.png);
}

.btn.login {
	background-image: url(images/buttons/login.png);
}

.btn.resample {
	background-image: url(images/buttons/resample.png);
	float: none !important;
}

.btn.mail {
	background-image: url(images/buttons/mail.png);
}

.btn.export {
	background-image: url(images/buttons/download.png);
}

.processing {
	background: transparent url(images/ajax-loader.gif) 3px 5px no-repeat ! important;
	cursor: default ! important;
	color: #CCC ! important;
}

.btn-with-border {
	border: 1px solid #797979 !important;
	border-radius: 8px !important;
	padding: 3px 8px !important;
	background: #FFFFFF;
	-webkit-transition: 150ms linear 0s !important;
	-moz-transition: 150ms linear 0s !important;
	-o-transition: 150ms linear 0s !important;
	transition: 150ms linear 0s !important;
	height: auto ! important;
	line-height: auto ! important;
}

.btn-with-border:hover {
	background: #F5F5F5 !important;
}

/* End of ##4 */

/* ##5 Images */
.admin_image {
	float: left;
}

.admin_image>a,
.admin_image img {
	display: block;
}

.admin_image>a {
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #2B2A2C;
}

.admin_image img,
#img_to {
	background-color: #aaa;
	background-image:
		-moz-linear-gradient(45deg, #777 25%, transparent 25%),
		-moz-linear-gradient(-45deg, #777 25%, transparent 25%),
		-moz-linear-gradient(45deg, transparent 75%, #777 75%),
		-moz-linear-gradient(-45deg, transparent 75%, #777 75%);
	background-image:
		-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #777), color-stop(.25, transparent)),
		-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #777), color-stop(.25, transparent)),
		-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #777)),
		-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #777));
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
	-webkit-background-size: 20px 21px;
	/* override value for shitty webkit */
	background-position: 0 0, 10px 0, 10px -10px, 0px 10px;
}

.galleryPageThumb {
	margin: 3px 0;
	float: right;
	border: 1px solid #fff;
}

/* End of ##5 */

/* ##6 Menu */
#menu_wrapper {
	padding-top: 0;
}

#menu_pos_container {
	display: block;
	padding-top: 3px;
}

#admin_nav {
	font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: 400;
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	position: relative;
	list-style-type: none;
	box-shadow: 0 1px 2px 1px rgba(125, 125, 125, 0.5);
	-moz-box-shadow: 0 1px 2px 1px rgba(125, 125, 125, 0.5);
	-webkit-box-shadow: 0 1px 2px 1px rgba(125, 125, 125, 0.5);
}

#admin_nav>li>a {
	text-align: left;
	border: 1px solid #cccccc;
	border-bottom: 0;
	background: #ffffff;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #efefef 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);
	/* IE6-8 */
	z-index: 1;
	position: relative;
	padding: 0.3em 0.5em;
	display: block;
	color: #797979;
	text-decoration: none;
	transition: color 0.2s linear;
}

#admin_nav>li>a.site_link {
	background: #f1f5f8;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjZlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGRkYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f1f5f8 0%, #b5cfea 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f5f8), color-stop(100%, #b5cfea));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f1f5f8 0%, #b5cfea 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f1f5f8 0%, #b5cfea 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f5f8 0%, #b5cfea 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #f1f5f8 0%, #b5cfea 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f5f8', endColorstr='#b5cfea', GradientType=0);
	/* IE6-8 */
}

#admin_nav>li:first-child>a:first-child {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

#admin_nav>li:last-child>a:last-child {
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom: 1px solid #cccccc;
}

#admin_nav>li a:hover {
	color: #396da6;
}

#admin_nav li a.selected {
	background-image: none;
	background-color: #fff;
	-moz-box-shadow: 0 1px 2px 1px rgba(125, 125, 125, 0.5), inset 0 0 20px #d3d3d3;
	-webkit-box-shadow: 0 1px 2px 1px rgba(125, 125, 125, 0.5), inset 0 0 20px #d3d3d3;
	box-shadow: 0 1px 2px 1px rgba(125, 125, 125, 0.5), inset 0 0 20px #d3d3d3;
	margin-left: -5px;
	margin-right: -5px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 10;
	position: relative;
	color: #3f3f3f;
	padding-left: 0.727em;
}

#admin_nav>li>ul {
	list-style-type: none;
	background: #ffffff;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #efefef 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);
	/* IE6-8 */
	padding: 0.3em 0.5em;
	margin: 0;
	border: 1px solid #cccccc;
	border-bottom: 0;
	display: none;
}

#admin_nav>li>ul>li>a {
	font-size: 0.909em;
	color: #797979;
}

#admin_nav>li>ul>li>a:before {
	content: "";
	width: 18px;
	height: 12px;
	background: url(images/lists/chevron-right.png) 0% 50% no-repeat;
	background-size: 16px auto;
	display: inline-block;
}

#admin_nav>li>ul>li>a.selected {
	color: #3f3f3f;
	border: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background-color: transparent;
	margin: 0;
	padding: 0;
}

#admin_nav>li>ul>li>a.selected:before {
	background-image: url(images/lists/chevron-right.png);
	background-size: 16px auto;
}


/* top level nav*/
#main_nav {
	font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: 400;
	background-color: #ffffff;
	list-style-type: none;
	padding: 0;
	margin: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 2px 1px rgba(125, 125, 125, 0.5);
	-moz-box-shadow: 0 1px 2px 1px rgba(125, 125, 125, 0.5);
	-webkit-box-shadow: 0 1px 2px 1px rgba(125, 125, 125, 0.5);
	font-size: 1.571em;
	position: relative;
}

#main_nav>li:first-child {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

#main_nav li a {
	text-align: left;
	border-top: 1px solid #cccccc;
	background: #ffffff;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #efefef 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);
	/* IE6-8 */
	z-index: 1;
	position: relative;
}

#main_nav li a {
	padding: 0.3em 0.5em;
	display: block;
	color: #797979;
	text-decoration: none;
	transition: color 0.2s linear;
}

#main_nav li a:hover {
	color: #396da6;
}

#main_nav li.selected a {
	background-image: none;
	background-color: #fff;
	-moz-box-shadow: 0 1px 2px 1px rgba(125, 125, 125, 0.5), inset 0 0 20px #d3d3d3;
	-webkit-box-shadow: 0 1px 2px 1px rgba(125, 125, 125, 0.5), inset 0 0 20px #d3d3d3;
	box-shadow: 0 1px 2px 1px rgba(125, 125, 125, 0.5), inset 0 0 20px #d3d3d3;
	margin-left: -5px;
	margin-right: -5px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 10;
	position: relative;
}

#main_nav li.selected>a {
	color: #3f3f3f;
	padding-left: 16px;
}

/* second level nav */
#main_nav li ul {
	background: #ffffff;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #efefef 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);
	/* IE6-8 */
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #cccccc;
}

#main_nav li ul li a {
	background: none;
	border: 0;
}

#main_nav li ul li.selected a {
	margin-left: 0;
	margin-right: 0;
	background-color: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-left: 0;
	border-right: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#main_nav li ul li a {
	padding: 0.25em 1.5em;
	font-weight: normal;
	text-transform: none;
	font-size: 0.857em;
}

#main_nav li ul li.selected a {
	padding-left: 1.5em;
}

/* End of ##6 */

/* ##7 Sortable Lists */
.legend {
	float: right;
	margin-right: 30px;
}

.legend > div {
	padding: 5px 10px;
	margin: 0 5px;
	color: #3f3f3f;
	border-radius: 8px;
	float: right; 
}

.sortable_list,
.non_sortable_list {
	position: relative;
	list-style-type: none;
	width: 100%;
	margin: 0 0 5px;
	padding: 0 0 1em 0;
}

.sortable_list li,
.non_sortable_list li {
	width: 96%;
	min-height: 20px;
	list-style: none;
	line-height: 20px;
	display: block;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	position: relative;
	cursor: pointer;
	margin-top: 4px;
	margin-bottom: 4px;
	background-color: rgba(57, 109, 166, 0.1);
	color: #3f3f3f;
	border: 1px solid rgba(57, 109, 166, 0.5);
	font-style: normal;
}

.sortable_list li span,
.non_sortable_list li span {
	font-size: 0.857em;
	font-style: italic;
}

.sortable_list li ul,
.non_sortable_list li ul {
	padding-left: 0;
}


.sortable_list li ul li,
.non_sortable_list li ul li {
	border: 1px solid #fff;
	border-left: 3px solid #fff;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;
}

.sortable_list li a,
.non_sortable_list li a {
	color: #3f3f3f;
	text-decoration: none;
	display: block;
	font-size: 1.2em;
}

.sortable_list li a:hover,
.non_sortable_list li a:hover {
	text-decoration: none;
}

.non_sortable_list li a,
.non_sortable_list li a:link,
.non_sortable_list li a:active,
.non_sortable_list li a:hover,
.non_sortable_list li a:visited {
	color: #3f3f3f;
}

.legend > div.active {
	background-color: rgba(57, 109, 166, 0.1);
	border: 1px solid rgba(57, 109, 166, 0.5);
}

.sortable_list li.inactive,
.non_sortable_list li.inactive,
.legend > div.inactive {
	background-color: rgba(255, 0, 0, 0.1);
	border: 1px solid rgba(255, 0, 0, 0.5);
}

.sortable_list li.new,
.non_sortable_list li.new,
.legend > div.new {
	background-color: rgba(39, 144, 39, 0.1);
	border: 1px solid rgba(39, 144, 39, 0.5);
}

.sortable_list li.removed,
.non_sortable_list li.removed,
.legend > div.removed {
	background-color: rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.5);
}

.sortable_list li.other,
.non_sortable_list li.other {
	background-color: #bbb;
	border-color: #bbb;
}

.sortable_list li ul li.inactive,
.non_sortable_list li ul li.inactive {
	border-color: #fff;
}

.sortable_list li.list_heading,
.non_sortable_list li.list_heading {
	border: 1px solid transparent;
	background-color: transparent;
	color: #262626;
	font-weight: 600;
	padding: 2px 0;
	cursor: default !important;
}

.sortable_list li.list_heading>ul,
.non_sortable_list li.list_heading>ul {
	margin-left: 10px;
}

.sortable_list li.list_deleted {
	background: #99BE53 url(images/bg_li_inactive.jpg) left top repeat-x;
	font-style: italic;
}

.sortable_list ul.dummy,
.non_sortable_list ul.dummy {
	line-height: 0;
}

.sortable_list li.dummy,
.non_sortable_list li.dummy {
	height: 0;
	border: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	min-height: 2px;
	background-color: transparent;
}

.wrapper_form h4.grouped_list_header {
	margin-top: 0;
	margin-bottom: 0;
}

.sortable_list li.sortable_highlight {
	/*border-color: #b1ddbb;*/
	background-color: #4d9f60;
	background-image: url(images/inactive.png);
}

/* SORTABLES BUTTONS */

.sortable_move {
	display: block;
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	overflow: hidden;
	margin-right: 10px;
	background: url(images/lists/move.png) left 50% no-repeat;
	background-size: 16px 16px;
	cursor: move;
}

.sortable_move.white {
	background-image: url(images/lists/move.png);
}

.non_sortable_list li.fixed {
	background-color: #b1b1b1;
	border: 1px solid #b1b1b1;
}

/* Fix for pagination inside list that's hidden during search */
.non_sortable_list ul.pagination {
	position: relative;
	top: -10px;
	margin: 20px 0px 15px;
}

ul.pagination {
	list-style-type: none;
	padding: 0;
	margin: 5px 0px 0px 0px;
}

ul.pagination li {
	display: inline-block;
	margin: 0 2px 0 2px;
	padding: 0px;
	vertical-align: baseline;
	border: 1px solid #CCCCCC;
	min-width: 20px;
	max-width: 30px;
	width: auto;
	height: 25px;
	text-align: center;


	-webkit-transition: 150ms linear 0s;
	-moz-transition: 150ms linear 0s;
	-o-transition: 150ms linear 0s;
	transition: 150ms linear 0s;
}

ul.pagination li a,
ul.pagination li input {
	padding: 3px;
	display: block;
	min-width: 19px;
	height: 22px;
	border: 0;
	background-color: transparent;
	cursor: pointer;
	font-family: "Open Sans", serif;
  font-optical-sizing: auto;
}

ul.pagination li input {
	padding-left: 9px;
	padding-right: 9px;
	font-size: 1em;
}

ul.pagination li a:hover,
ul.pagination li input:hover {
	text-decoration: none;
}

ul.pagination li.arrow {
	border: 0;
	font-size: 140%;
	width: 20px;
	background: transparent;
}

ul.pagination li.arrow.disabled {
	color: #D8D8D8 !important;
	cursor: not-allowed;
}

ul.pagination li.hover {
	background-color: white;
}

ul.pagination li.current,
ul.pagination li.hover:hover {
	border-bottom: 2px solid #006AC1;
}

ul.pagination li.current a {
	font-weight: 400;
}

ul.pagination .dotdotdot {
	top: 4px;
	border: 0;
	position: relative;
}

/* End of ##7 */

/* ##8 image Crop */
body.body_admin_view_image_crop {
	background-color: #fff;
}

body.body_admin_view_image_crop h1 {
	padding-left: 10px;
}

.resample_source_wrapper {
	width: 561px;
	margin-left: 10px;
	float: left;
}

.resample_wrapper {
	width: 185px;
	margin-right: 10px;
	float: right;
	position: relative;
	padding-bottom: 4em;
}

.resample_destination_wrapper {
	width: 100%;
	overflow: hidden;
}

.resample_save_wrapper {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* End of ##7 */

/* ##10.1 `PAGE_NAME` */
/* End of ##10.1 */

.btn-border {
	border: 1px solid rgba(125, 125, 125, 0.5) !important;
	border-radius: 3px !important;
}

.custom-select {
    font-family: "Open Sans", sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #FFFFFF;
}

.custom-select option {
    font-family: "Open Sans", sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 8px;
}

/* Firefox specific styles */
@-moz-document url-prefix() {
    .custom-select,
    .custom-select * {
        font-family: "Open Sans", sans-serif !important;
    }
}

/* Webkit browsers */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .custom-select,
    .custom-select option {
        font-family: "Open Sans", sans-serif !important;
    }
}

.stats-outer-container {
	padding: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
	border: 1px solid #E0E0E0;
	border-radius: 8px;
	background-color: #f2f2f2;
	width: 100%;
	box-sizing: border-box;
}

.stats-outer-container-title {
	font-weight: 600;
	font-size: 1.2em;
}


.stats {
    margin-top: 20px;
	width: auto;
}

.stat {
	width: 140px !important;
	max-width: 140px;
    float: left;
	padding: 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    border-radius: 8px;
	background-color: #FFFFFF;
	margin: 0;
	margin-right: 10px;
	margin-bottom: 10px;
}

.stat:first-child {
	margin-left: 0px;
}

.stat-title {
	font-size: 0.9em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E0E0E0;
}

.stat-content {
	padding-top: 10px;
	font-size: 2em;
	text-align: right;
}

.first-project {
	display: block;
	box-sizing: border-box;
	width: calc(50% - 12px);
	height: 260px;
	padding: 20px;
	border: 1px solid #E0E0E0;
	border-radius: 8px;
	background-color: #f2f2f2;
	margin-bottom: 20px;
	text-align: center;
}

.first-project-title {
	font-size: 1.2em;
	margin-bottom: 10px;
}

.first-project-name {
	font-size: 1em;
	margin-bottom: 10px;
}

.first-project-icon {
	display: block;
	font-size: 6em;
	color: #dbdbdb;
	margin: 0 auto 10px;
}

.first-project-button {
	background-color: #4d9f60;
	color: #FFFFFF;
	padding: 10px 20px;
	border-radius: 8px;
	text-decoration: none;
}

.version {
	font-size: 16px;
	margin: 20px 0;
	padding: 10px;
	border: 1px solid #E0E0E0;
	border-radius: 8px;
	background-color: #ffffff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.version div {
	margin: 5px 0;
}